feat: make containerStore optional

best-doctor · Apr 10, 2023 · cff74b1 · cff74b1
1 parent 957aefc
commit cff74b1
Show file tree

Hide file tree

Showing 24 changed files with 27 additions and 27 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bestdoctor/ke-beta",
-  "version": "13.3.3",
+  "version": "13.3.4",
   "description": "BestDoctor back-office UI constructor",
   "author": "pro100filipp",
   "main": "dist/index.js",

diff --git a/src/DetailView/widgets/AsyncReadOnlyWidget.tsx b/src/DetailView/widgets/AsyncReadOnlyWidget.tsx
@@ -22,7 +22,7 @@ const AsyncReadOnlyWidget = (props: WidgetProps): JSX.Element => {
 
   const [content, setContent] = useState<string>('')
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { dataResourceUrl, widgetDescription } = useWidgetInitialization({ ...props, context })
   const effectiveCacheTime = getAccessor(cacheTime, mainDetailObject, context)

diff --git a/src/DetailView/widgets/CheckboxWidget.tsx b/src/DetailView/widgets/CheckboxWidget.tsx
@@ -33,7 +33,7 @@ const CheckboxWidget = (
     isReadOnly,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, widgetDescription } = useWidgetInitialization({ ...props, context })
   const [value, setValue] = React.useState<boolean>(!!content)

diff --git a/src/DetailView/widgets/CodeWidget.tsx b/src/DetailView/widgets/CodeWidget.tsx
@@ -24,7 +24,7 @@ const StyledCodeWidget = styled.pre`
 const CodeWidget = (props: WidgetProps): JSX.Element => {
   const { containerStore, style, helpText, useClipboard, notifier, name } = props
 
-  const { content, widgetDescription } = useWidgetInitialization({ ...props, context: containerStore.getState() })
+  const { content, widgetDescription } = useWidgetInitialization({ ...props, context: containerStore?.getState() })
 
   const element = parse(content.toString())
 

diff --git a/src/DetailView/widgets/DateTimeRangeListWidget.tsx b/src/DetailView/widgets/DateTimeRangeListWidget.tsx
@@ -125,7 +125,7 @@ const DateTimeRangeListWidget = (props: DateTimeRangeWidgetProps): JSX.Element =
     inputCount = 1,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { targetUrl, content, widgetDescription } = useWidgetInitialization({ ...props, context })
 
   const value = content || getInitialValue(inputCount)

diff --git a/src/DetailView/widgets/DateTimeRangeWidget.tsx b/src/DetailView/widgets/DateTimeRangeWidget.tsx
@@ -44,7 +44,7 @@ const DateTimeRangeWidget = (props: DateTimeRangeWidgetProps): JSX.Element => {
     mainDetailObject,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   let iStartDate = null
   let iEndDate = null
 

diff --git a/src/DetailView/widgets/DateTimeWidget.tsx b/src/DetailView/widgets/DateTimeWidget.tsx
@@ -54,7 +54,7 @@ const DateTimeWidget = (props: DateTimeWidgetProps): JSX.Element => {
     wrapperClassName,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 
   const contentDate = content ? new Date(content as string) : null

diff --git a/src/DetailView/widgets/DateWidget.tsx b/src/DetailView/widgets/DateWidget.tsx
@@ -53,7 +53,7 @@ const DateWidget = (props: DateWidgetProps): JSX.Element => {
     mainDetailObject,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization(
     { ...props, context },
     { allowAllDefinedValues: getAccessor(allowAllDefinedValues) }

diff --git a/src/DetailView/widgets/EmailChipInputWidget.tsx b/src/DetailView/widgets/EmailChipInputWidget.tsx
@@ -30,7 +30,7 @@ export const EmailChipInputWidget = (props: EmailChipInputWidgetProps): JSX.Elem
     inputClassName,
     mainDetailObject,
   } = props
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 

diff --git a/src/DetailView/widgets/ForeignKeySelect.tsx b/src/DetailView/widgets/ForeignKeySelect.tsx
@@ -86,7 +86,7 @@ const ForeignKeySelectWidget = (props: ForeignKeySelectWidgetProps): JSX.Element
     menuPlacement,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, dataResourceUrl, isRequired, widgetDescription } = useWidgetInitialization(
     { ...props, context },

diff --git a/src/DetailView/widgets/InputWidget.tsx b/src/DetailView/widgets/InputWidget.tsx
@@ -43,7 +43,7 @@ const InputWidget = forwardRef<HTMLInputElement, InputWidgetProps>((props: Input
     labelContainerProps,
     inputProps,
   } = props
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 

diff --git a/src/DetailView/widgets/LinkWidget.tsx b/src/DetailView/widgets/LinkWidget.tsx
@@ -21,7 +21,7 @@ export type LinkWidgetProps = WidgetProps & {
 const LinkWidget = (props: LinkWidgetProps): JSX.Element => {
   const { name, mainDetailObject, href, helpText, style, containerStore, target = '_blank', linkProps } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { content, widgetDescription } = useWidgetInitialization({ ...props, context })
   const linkHref = getWidgetContent(name, mainDetailObject, href, context)
 

diff --git a/src/DetailView/widgets/MultiSelectWidget.tsx b/src/DetailView/widgets/MultiSelectWidget.tsx
@@ -46,7 +46,7 @@ const MultiSelectWidget = (props: MultiSelectWidgetProps): JSX.Element => {
     menuPlacement,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { targetUrl, content, dataResourceUrl, isRequired, widgetDescription } = useWidgetInitialization({
     ...props,
     context,

diff --git a/src/DetailView/widgets/PhoneChipInputWidget.tsx b/src/DetailView/widgets/PhoneChipInputWidget.tsx
@@ -30,7 +30,7 @@ export const PhoneChipInputWidget = (props: PhoneChipInputWidgetProps): JSX.Elem
     inputClassName,
     mainDetailObject,
   } = props
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 

diff --git a/src/DetailView/widgets/RadioButtonWidget.tsx b/src/DetailView/widgets/RadioButtonWidget.tsx
@@ -39,7 +39,7 @@ const RadioButtonWidget = (props: RadioButtonWidgetProps): JSX.Element => {
     cacheTime,
     getSelectedValue,
   } = props
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const effectiveCacheTime = getAccessor(cacheTime, mainDetailObject, context)
 
   const { dataResourceUrl, content, widgetDescription } = useWidgetInitialization({ ...props, context })

diff --git a/src/DetailView/widgets/ReadOnlyWidget.tsx b/src/DetailView/widgets/ReadOnlyWidget.tsx
@@ -37,7 +37,7 @@ const ReadOnlyWidget = (props: ReadOnlyWidgetProps): JSX.Element => {
 
   const { content, isRequired, widgetDescription } = useWidgetInitialization({
     ...props,
-    context: containerStore.getState(),
+    context: containerStore?.getState(),
   })
 
   const styles = useMultiStyleConfig('ReadOnlyWidget', props)

diff --git a/src/DetailView/widgets/RegexInputWidget.tsx b/src/DetailView/widgets/RegexInputWidget.tsx
@@ -55,7 +55,7 @@ export const RegexInputWidget = forwardRef<HTMLInputElement, RegexInputWidgetPro
       labelContainerProps,
       regexp,
     } = props
-    const context = containerStore.getState()
+    const context = containerStore?.getState()
 
     const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 

diff --git a/src/DetailView/widgets/SelectWidget.tsx b/src/DetailView/widgets/SelectWidget.tsx
@@ -35,7 +35,7 @@ type BaseSelectWidgetProps = {
   style?: object
   setInitialValue: Function
   handleChange: Function
-  containerStore: Store<object>
+  containerStore: Store<object> | undefined
   required?: Accessor<boolean>
   isDisabled?: boolean
   isClearable?: boolean
@@ -49,7 +49,7 @@ const getSelectContent = (
   name: string,
   detailObject: DetailObject,
   displayValue: GenericAccessor,
-  context: {}
+  context: object | undefined
 ): [string, string] => {
   // TODO Remove this
   try {
@@ -82,7 +82,7 @@ const BaseSelectWidget = forwardRef<HTMLSelectElement, BaseSelectWidgetProps>(
       widgetStyles: extenrnalStyles,
     } = props
 
-    const context = containerStore.getState()
+    const context = containerStore?.getState()
 
     const [value, label] = getSelectContent(name, mainDetailObject, displayValue, context)
     const isRequired = getAccessorWithDefault(required, mainDetailObject, context, false)
@@ -156,7 +156,7 @@ const SelectWidget = forwardRef<HTMLSelectElement, SelectWidgetProps>((props: Se
     cacheTime,
   } = props
   const targetUrl = getData(dataTarget, mainDetailObject) || mainDetailObject.url
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const effectiveCacheTime = getAccessor(cacheTime, mainDetailObject, context)
 
   const [value] = getSelectContent(name, mainDetailObject, displayValue, context)

diff --git a/src/DetailView/widgets/SwitchWidget.tsx b/src/DetailView/widgets/SwitchWidget.tsx
@@ -21,7 +21,7 @@ const SwitchWidget = (props: WidgetProps): JSX.Element => {
   const { name, helpText, targetPayload, submitChange, setInitialValue, containerStore, style, mainDetailObject } =
     props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, widgetDescription } = useWidgetInitialization({ ...props, context })
   const [value, setValue] = useState<boolean>(!!content)

diff --git a/src/DetailView/widgets/TextEditorWidget.tsx b/src/DetailView/widgets/TextEditorWidget.tsx
@@ -28,7 +28,7 @@ const TextEditorWidget = (props: TextEditorProps): JSX.Element => {
     mainDetailObject,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({ ...props, context })
 
   setInitialValue({ [name]: content })

diff --git a/src/DetailView/widgets/TextValidationWidget.tsx b/src/DetailView/widgets/TextValidationWidget.tsx
@@ -27,7 +27,7 @@ const TextValidationWidget = (props: WidgetProps & { validateValue?: Accessor<an
     validateValue,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
   const { content, widgetDescription } = useWidgetInitialization({ ...props, context })
   const value = getAccessor(validateValue, mainDetailObject, context)
 

diff --git a/src/common/components/AsyncDualSelectWidget/AsyncDualSelectWidget.tsx b/src/common/components/AsyncDualSelectWidget/AsyncDualSelectWidget.tsx
@@ -63,7 +63,7 @@ const AsyncDualSelectWidget = (props: DualSelectWidgetProps): JSX.Element => {
     useClipboard,
   } = props
 
-  const context = containerStore.getState()
+  const context = containerStore?.getState()
 
   const { targetUrl, content, isRequired, widgetDescription } = useWidgetInitialization({
     ...props,

diff --git a/src/common/hooks/useWidgetInitialization.tsx b/src/common/hooks/useWidgetInitialization.tsx
@@ -3,7 +3,7 @@ import { getAccessor, getAccessorWithDefault, getData, getWidgetContent } from '
 import type { GenericAccessor, DetailObject, WidgetProps } from '../../typing'
 
 type InitializationParameters = {
-  context: object // store for wizards and common detail view widgets
+  context: object | undefined // store for wizards and common detail view widgets
 }
 
 type InitializationArguments = WidgetProps & InitializationParameters

diff --git a/src/typing.tsx b/src/typing.tsx
@@ -44,7 +44,7 @@ type WidgetProps = {
   submitChange: Function
   notBlockingValidators?: ValidatorFunction[]
   blockingValidators?: ValidatorFunction[]
-  containerStore: Store<object>
+  containerStore: Store<object> | undefined
   containerErrorsStore?: Store<ErrorElement[]> | undefined
   helpText?: string
   description?: string | JSX.Element