@dnb/eufemia 10.34.0 → 10.35.0

package/extensions/forms/Field/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["React","useCallback","classnames","Checkbox","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","BooleanField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","info","warning","error","hasError","htmlAttributes","handleChange","handleCheckboxChange","_ref","checked","handleToggleChange","_ref2","cn","fieldSectionPropsWithoutLabel","forId","fieldSectionProps","isOn","isOff","createElement","_extends","yes","no","status","undefined","onChange","text","on_change","asFieldset","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().BooleanField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    textOn,\n    textOff,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    htmlAttributes,\n    handleChange,\n  } = useFieldProps(preparedProps)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n  const handleToggleChange = useCallback(\n    ({ value }) => {\n      handleChange?.(value === 'on' ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const cn = classnames('dnb-forms-field-toggle', className)\n\n  const fieldSectionPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    disabled,\n  }\n\n  const fieldSectionProps = {\n    ...fieldSectionPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    disabled,\n  }\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldSectionPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldSectionProps} asFieldset>\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\n              />\n            </ToggleButtonGroupContext.Provider>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","names":["React","useCallback","classnames","Checkbox","HelpButton","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","BooleanField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","help","info","warning","error","hasError","htmlAttributes","handleChange","handleCheckboxChange","_ref","checked","handleToggleChange","_ref2","cn","fieldSectionPropsWithoutLabel","forId","fieldSectionProps","suffix","createElement","title","content","undefined","isOn","isOff","_extends","yes","no","status","onChange","text","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().BooleanField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    textOn,\n    textOff,\n    value,\n    help,\n    info,\n    warning,\n    error,\n    hasError,\n    htmlAttributes,\n    handleChange,\n  } = useFieldProps(preparedProps)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n  const handleToggleChange = useCallback(\n    ({ value }) => {\n      handleChange?.(value === 'on' ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const cn = classnames('dnb-forms-field-toggle', className)\n\n  const fieldSectionPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    disabled,\n  }\n\n  const fieldSectionProps = {\n    ...fieldSectionPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    disabled,\n  }\n\n  const suffix = help ? (\n    <HelpButton title={help.title}>{help.content}</HelpButton>\n  ) : undefined\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldSectionPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock\n          {...fieldSectionProps}\n          asFieldset\n          labelDescription={\n            <>\n              {labelDescription}\n              {help ? (\n                <HelpButton\n                  size=\"small\"\n                  left={labelDescription ? 'x-small' : false}\n                  title={help.title}\n                >\n                  {help.content}\n                </HelpButton>\n              ) : undefined}\n            </>\n          }\n        >\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\n              />\n            </ToggleButtonGroupContext.Provider>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

package/extensions/forms/Form/Appearance/Appearance.d.ts

@@ -4,4 +4,7 @@ export type Props = {
     children: React.ReactNode;
 };
 declare function FormAppearance({ children, size, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FormAppearance {
+    var _supportsSpacingProps: string;
+}
 export default FormAppearance;

package/extensions/forms/Form/Appearance/Appearance.js

@@ -29,5 +29,6 @@ function FormAppearance(_ref) {
     }
   }, rest), children);
 }
+FormAppearance._supportsSpacingProps = 'children';
 export default FormAppearance;
 //# sourceMappingURL=Appearance.js.map

package/extensions/forms/Form/Appearance/Appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Appearance.js","names":["React","Provider","FormAppearance","_ref","children","size","rest","_objectWithoutProperties","_excluded","createElement","_extends","Input","Textarea","DatePicker","Autocomplete","Dropdown"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/Appearance.tsx"],"sourcesContent":["import React from 'react'\nimport Provider from '../../../../shared/Provider'\n\nexport type Props = {\n  size?: 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FormAppearance({ children, size = null, ...rest }: Props) {\n  return (\n    <Provider\n      Input={{ size }}\n      Textarea={{ size }}\n      DatePicker={{ size }}\n      Autocomplete={{ size }}\n      Dropdown={{ size }}\n      {...rest}\n    >\n      {children}\n    </Provider>\n  )\n}\n\nexport default FormAppearance\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,6BAA6B;AAOlD,SAASC,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3C;MAAEC,QAAQ;MAAEC,IAAI,GAAG;IAAqB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtD,OACER,KAAA,CAAAS,aAAA,CAACR,QAAQ,EAAAS,QAAA;IACPC,KAAK,EAAE;MAAEN;IAAK,CAAE;IAChBO,QAAQ,EAAE;MAAEP;IAAK,CAAE;IACnBQ,UAAU,EAAE;MAAER;IAAK,CAAE;IACrBS,YAAY,EAAE;MAAET;IAAK,CAAE;IACvBU,QAAQ,EAAE;MAAEV;IAAK;EAAE,GACfC,IAAI,GAEPF,QACO,CAAC;AAEf;AAEA,eAAeF,cAAc"}
+{"version":3,"file":"Appearance.js","names":["React","Provider","FormAppearance","_ref","children","size","rest","_objectWithoutProperties","_excluded","createElement","_extends","Input","Textarea","DatePicker","Autocomplete","Dropdown","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/Appearance.tsx"],"sourcesContent":["import React from 'react'\nimport Provider from '../../../../shared/Provider'\n\nexport type Props = {\n  size?: 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FormAppearance({ children, size = null, ...rest }: Props) {\n  return (\n    <Provider\n      Input={{ size }}\n      Textarea={{ size }}\n      DatePicker={{ size }}\n      Autocomplete={{ size }}\n      Dropdown={{ size }}\n      {...rest}\n    >\n      {children}\n    </Provider>\n  )\n}\n\nFormAppearance._supportsSpacingProps = 'children'\nexport default FormAppearance\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,6BAA6B;AAOlD,SAASC,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3C;MAAEC,QAAQ;MAAEC,IAAI,GAAG;IAAqB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtD,OACER,KAAA,CAAAS,aAAA,CAACR,QAAQ,EAAAS,QAAA;IACPC,KAAK,EAAE;MAAEN;IAAK,CAAE;IAChBO,QAAQ,EAAE;MAAEP;IAAK,CAAE;IACnBQ,UAAU,EAAE;MAAER;IAAK,CAAE;IACrBS,YAAY,EAAE;MAAET;IAAK,CAAE;IACvBU,QAAQ,EAAE;MAAEV;IAAK;EAAE,GACfC,IAAI,GAEPF,QACO,CAAC;AAEf;AAEAF,cAAc,CAACc,qBAAqB,GAAG,UAAU;AACjD,eAAed,cAAc"}

package/extensions/forms/Form/FieldProps/FieldProps.d.ts

@@ -26,4 +26,8 @@ export type FieldPropsProps = FieldProps & {
         globalStatus: FormStatusProps;
     };
 };
-export default function FieldPropsProvider(props: FieldPropsProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldPropsProvider(props: FieldPropsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldPropsProvider {
+    var _supportsSpacingProps: string;
+}
+export default FieldPropsProvider;

package/extensions/forms/Form/FieldProps/FieldProps.js

@@ -10,8 +10,9 @@ import DataContext from '../../DataContext/Context';
 import { assignPropsWithContext, extendDeep } from '../../../../shared/component-helper';
 import FieldPropsContext from './FieldPropsContext';
 import SharedProvider from '../../../../shared/Provider';
-export default function FieldPropsProvider(props) {
-  var _dataContextRef$curre, _dataContextRef$curre2, _dataContextRef$curre3, _dataContextRef$curre4, _dataContextRef$curre5;
+import SharedContext from '../../../../shared/Context';
+function FieldPropsProvider(props) {
+  var _dataContextRef$curre, _dataContextRef$curre2, _dataContextRef$curre3;
   const {
       children,
       formElement,
@@ -20,43 +21,40 @@ export default function FieldPropsProvider(props) {
       deep
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
+  const sharedProviderParams = {};
   const nestedContext = useContext(FieldPropsContext);
+  const sharedContext = useContext(SharedContext);
   const dataContextRef = useRef();
   dataContextRef.current = useContext(DataContext);
-  const sharedProviderProps = {};
   const locale = (_dataContextRef$curre = (_dataContextRef$curre2 = dataContextRef.current) === null || _dataContextRef$curre2 === void 0 ? void 0 : (_dataContextRef$curre3 = _dataContextRef$curre2.props) === null || _dataContextRef$curre3 === void 0 ? void 0 : _dataContextRef$curre3.locale) !== null && _dataContextRef$curre !== void 0 ? _dataContextRef$curre : restProps === null || restProps === void 0 ? void 0 : restProps.locale;
-  const translations = extendDeep({}, restProps === null || restProps === void 0 ? void 0 : restProps.translations, (_dataContextRef$curre4 = dataContextRef.current) === null || _dataContextRef$curre4 === void 0 ? void 0 : (_dataContextRef$curre5 = _dataContextRef$curre4.props) === null || _dataContextRef$curre5 === void 0 ? void 0 : _dataContextRef$curre5.translations);
   const nestedFieldProps = useMemo(() => {
     return Object.assign((nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedProps) || {}, restProps);
   }, [nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedProps, restProps]);
   if (typeof nestedFieldProps.disabled === 'boolean') {
-    sharedProviderProps.formElement = {
+    sharedProviderParams.formElement = {
       disabled: nestedFieldProps.disabled
     };
   }
   if (formElement) {
-    sharedProviderProps.formElement = formElement;
+    sharedProviderParams.formElement = formElement;
   }
   if (FormStatus) {
-    sharedProviderProps.FormStatus = FormStatus;
+    sharedProviderParams.FormStatus = FormStatus;
   }
   if (locale) {
-    sharedProviderProps.locale = locale;
-  }
-  const formTranslations = useMemo(() => {
-    if (translations) {
-      return transformTranslations(translations);
-    }
-  }, [translations]);
-  if (formTranslations) {
-    sharedProviderProps.translations = formTranslations;
+    sharedProviderParams.locale = locale;
   }
+  sharedProviderParams.translations = useMemo(() => {
+    var _dataContextRef$curre4, _dataContextRef$curre5;
+    const translations = extendDeep({}, sharedContext.translations, restProps === null || restProps === void 0 ? void 0 : restProps.translations, (_dataContextRef$curre4 = dataContextRef.current) === null || _dataContextRef$curre4 === void 0 ? void 0 : (_dataContextRef$curre5 = _dataContextRef$curre4.props) === null || _dataContextRef$curre5 === void 0 ? void 0 : _dataContextRef$curre5.translations);
+    return translations;
+  }, [restProps === null || restProps === void 0 ? void 0 : restProps.translations, sharedContext.translations]);
   const extend = useCallback(fieldProps => {
     var _fieldProps$path, _fieldProps$path$spli, _nestedContext$inheri;
     const {
       required: requiredByContext
     } = dataContextRef.current;
-    const key = fieldProps === null || fieldProps === void 0 ? void 0 : (_fieldProps$path = fieldProps.path) === null || _fieldProps$path === void 0 ? void 0 : (_fieldProps$path$spli = _fieldProps$path.split('/')) === null || _fieldProps$path$spli === void 0 ? void 0 : _fieldProps$path$spli.pop();
+    const key = overwriteProps && (fieldProps === null || fieldProps === void 0 ? void 0 : (_fieldProps$path = fieldProps.path) === null || _fieldProps$path === void 0 ? void 0 : (_fieldProps$path$spli = _fieldProps$path.split('/')) === null || _fieldProps$path$spli === void 0 ? void 0 : _fieldProps$path$spli.pop());
     const overwrite = overwriteProps === null || overwriteProps === void 0 ? void 0 : overwriteProps[key];
     if (overwrite && fieldProps !== null && fieldProps !== void 0 && fieldProps.schema) {
       Object.keys(fieldProps.schema).forEach(key => {
@@ -69,31 +67,15 @@ export default function FieldPropsProvider(props) {
       required: requiredByContext !== null && requiredByContext !== void 0 ? requiredByContext : nestedContext === null || nestedContext === void 0 ? void 0 : (_nestedContext$inheri = nestedContext.inheritedContext) === null || _nestedContext$inheri === void 0 ? void 0 : _nestedContext$inheri.required
     }, nestedFieldProps);
     return deep ? nestedContext.extend(value) : value;
-  }, [deep, nestedContext, overwriteProps, nestedFieldProps]);
+  }, [deep, nestedContext, nestedFieldProps, overwriteProps]);
   return React.createElement(FieldPropsContext.Provider, {
     value: {
       extend,
       inheritedProps: restProps,
       inheritedContext: nestedFieldProps
     }
-  }, React.createElement(SharedProvider, sharedProviderProps, children));
-}
-function transformTranslations(translations) {
-  const result = {};
-  const trObj = translations;
-  for (const locale in trObj) {
-    const newObj = {
-      Forms: {}
-    };
-    for (const key in trObj[locale]) {
-      const newKeyObj = {};
-      for (const subKey in trObj[locale][key]) {
-        newKeyObj[subKey] = trObj[locale][key][subKey];
-      }
-      newObj.Forms[key] = newKeyObj;
-    }
-    result[locale] = newObj;
-  }
-  return result;
+  }, React.createElement(SharedProvider, sharedProviderParams, children));
 }
+FieldPropsProvider._supportsSpacingProps = 'children';
+export default FieldPropsProvider;
 //# sourceMappingURL=FieldProps.js.map

package/extensions/forms/Form/FieldProps/FieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldProps.js","names":["React","useCallback","useContext","useMemo","useRef","DataContext","assignPropsWithContext","extendDeep","FieldPropsContext","SharedProvider","FieldPropsProvider","props","_dataContextRef$curre","_dataContextRef$curre2","_dataContextRef$curre3","_dataContextRef$curre4","_dataContextRef$curre5","children","formElement","FormStatus","overwriteProps","deep","restProps","_objectWithoutProperties","_excluded","nestedContext","dataContextRef","current","sharedProviderProps","locale","translations","nestedFieldProps","Object","assign","inheritedProps","disabled","formTranslations","transformTranslations","extend","fieldProps","_fieldProps$path","_fieldProps$path$spli","_nestedContext$inheri","required","requiredByContext","key","path","split","pop","overwrite","schema","keys","forEach","value","_objectSpread","inheritedContext","createElement","Provider","result","trObj","newObj","Forms","newKeyObj","subKey"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport {\n  assignPropsWithContext,\n  extendDeep,\n} from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport type { FieldProps, Path, UseFieldProps } from '../../types'\n\nexport type FieldPropsProps = FieldProps & {\n  children: React.ReactNode\n\n  /**\n   * Locale to use for all nested Eufemia components\n   */\n  locale?: DataContextProps<unknown>['locale']\n\n  /**\n   * Provide your own translations. Use the same format as defined in the translation files\n   */\n  translations?: DataContextProps<unknown>['translations']\n\n  /** For internal use only */\n  overwriteProps?: {\n    [key: Path]: FieldProps\n  }\n\n  /** For internal use only */\n  deep?: boolean\n\n  /** For internal use only */\n  formElement?: ContextProps['formElement']\n\n  /** For internal use only */\n  FormStatus?: { globalStatus: FormStatusProps }\n}\n\nexport default function FieldPropsProvider(props: FieldPropsProps) {\n  const {\n    children,\n    formElement,\n    FormStatus,\n    overwriteProps,\n    deep,\n    ...restProps\n  } = props\n\n  const nestedContext = useContext(FieldPropsContext)\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const sharedProviderProps: ContextProps = {}\n\n  /**\n   * Always use data context as the last source for localization\n   */\n  const locale = dataContextRef.current?.props?.locale ?? restProps?.locale\n  const translations = extendDeep(\n    {},\n    restProps?.translations,\n    dataContextRef.current?.props?.translations\n  ) as ContextProps\n\n  const nestedFieldProps = useMemo(() => {\n    return Object.assign(\n      nestedContext?.inheritedProps || {},\n      restProps\n    ) as UseFieldProps\n  }, [nestedContext?.inheritedProps, restProps])\n\n  if (typeof nestedFieldProps.disabled === 'boolean') {\n    sharedProviderProps.formElement = {\n      disabled: nestedFieldProps.disabled,\n    }\n  }\n  if (formElement) {\n    sharedProviderProps.formElement = formElement\n  }\n  if (FormStatus) {\n    sharedProviderProps.FormStatus = FormStatus\n  }\n  if (locale) {\n    sharedProviderProps.locale = locale\n  }\n  const formTranslations = useMemo(() => {\n    if (translations) {\n      return transformTranslations(translations)\n    }\n  }, [translations])\n  if (formTranslations) {\n    sharedProviderProps.translations = formTranslations\n  }\n\n  const extend = useCallback(\n    <T extends FieldProps>(fieldProps: T) => {\n      // Extract props from data context to be used in fields\n      const { required: requiredByContext } = dataContextRef.current\n\n      // Extract props from overwriteProps to be used in fields\n      const key = fieldProps?.path?.split('/')?.pop()\n      const overwrite = overwriteProps?.[key]\n\n      // Overwrite given schema props\n      if (overwrite && fieldProps?.schema) {\n        Object.keys(fieldProps.schema).forEach((key) => {\n          if (overwrite?.[key]) {\n            fieldProps.schema[key] = overwrite[key]\n          }\n        })\n      }\n\n      const value = assignPropsWithContext(\n        overwrite ? { ...fieldProps, ...overwrite } : fieldProps,\n        {\n          required:\n            requiredByContext ?? nestedContext?.inheritedContext?.required,\n        },\n        nestedFieldProps as Record<string, unknown>\n      )\n\n      return (deep ? nestedContext.extend(value) : value) as T\n    },\n    [deep, nestedContext, overwriteProps, nestedFieldProps]\n  )\n\n  return (\n    <FieldPropsContext.Provider\n      value={{\n        extend,\n        inheritedProps: restProps,\n        inheritedContext: nestedFieldProps,\n      }}\n    >\n      <SharedProvider {...sharedProviderProps}>{children}</SharedProvider>\n    </FieldPropsContext.Provider>\n  )\n}\n\n/**\n * Transform translations into { 'nb-NO': { Forms: { ... } } }\n */\nfunction transformTranslations(\n  translations: ContextProps['translations']\n) {\n  const result = {}\n  const trObj = translations as Record<\n    ContextProps['locale'],\n    Record<string, Record<string, string>>\n  >\n\n  for (const locale in trObj) {\n    const newObj: Record<\n      'Forms',\n      Record<string, Record<string, string>>\n    > = {\n      Forms: {},\n    }\n\n    for (const key in trObj[locale]) {\n      const newKeyObj: Record<string, string> = {}\n\n      for (const subKey in trObj[locale][key]) {\n        newKeyObj[subKey] = trObj[locale][key][subKey]\n      }\n\n      newObj.Forms[key] = newKeyObj\n    }\n\n    result[locale] = newObj\n  }\n\n  return result\n}\n"],"mappings":"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"}
+{"version":3,"file":"FieldProps.js","names":["React","useCallback","useContext","useMemo","useRef","DataContext","assignPropsWithContext","extendDeep","FieldPropsContext","SharedProvider","SharedContext","FieldPropsProvider","props","_dataContextRef$curre","_dataContextRef$curre2","_dataContextRef$curre3","children","formElement","FormStatus","overwriteProps","deep","restProps","_objectWithoutProperties","_excluded","sharedProviderParams","nestedContext","sharedContext","dataContextRef","current","locale","nestedFieldProps","Object","assign","inheritedProps","disabled","translations","_dataContextRef$curre4","_dataContextRef$curre5","extend","fieldProps","_fieldProps$path","_fieldProps$path$spli","_nestedContext$inheri","required","requiredByContext","key","path","split","pop","overwrite","schema","keys","forEach","value","_objectSpread","inheritedContext","createElement","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport {\n  assignPropsWithContext,\n  extendDeep,\n} from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport SharedContext, { ContextProps } from '../../../../shared/Context'\nimport type { FieldProps, Path, UseFieldProps } from '../../types'\n\nexport type FieldPropsProps = FieldProps & {\n  children: React.ReactNode\n\n  /**\n   * Locale to use for all nested Eufemia components\n   */\n  locale?: DataContextProps<unknown>['locale']\n\n  /**\n   * Provide your own translations. Use the same format as defined in the translation files\n   */\n  translations?: DataContextProps<unknown>['translations']\n\n  /** For internal use only */\n  overwriteProps?: {\n    [key: Path]: FieldProps\n  }\n\n  /** For internal use only */\n  deep?: boolean\n\n  /** For internal use only */\n  formElement?: ContextProps['formElement']\n\n  /** For internal use only */\n  FormStatus?: { globalStatus: FormStatusProps }\n}\n\nfunction FieldPropsProvider(props: FieldPropsProps) {\n  const {\n    children,\n    formElement,\n    FormStatus,\n    overwriteProps,\n    deep,\n    ...restProps\n  } = props\n\n  const sharedProviderParams: ContextProps = {}\n  const nestedContext = useContext(FieldPropsContext)\n  const sharedContext = useContext(SharedContext)\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext(DataContext)\n\n  /**\n   * Always use data context as the last source for localization\n   */\n  const locale = dataContextRef.current?.props?.locale ?? restProps?.locale\n\n  const nestedFieldProps = useMemo(() => {\n    return Object.assign(\n      nestedContext?.inheritedProps || {},\n      restProps\n    ) as UseFieldProps\n  }, [nestedContext?.inheritedProps, restProps])\n\n  if (typeof nestedFieldProps.disabled === 'boolean') {\n    sharedProviderParams.formElement = {\n      disabled: nestedFieldProps.disabled,\n    }\n  }\n  if (formElement) {\n    sharedProviderParams.formElement = formElement\n  }\n  if (FormStatus) {\n    sharedProviderParams.FormStatus = FormStatus\n  }\n  if (locale) {\n    sharedProviderParams.locale = locale\n  }\n  sharedProviderParams.translations = useMemo(() => {\n    const translations = extendDeep(\n      {},\n      sharedContext.translations,\n      restProps?.translations,\n      dataContextRef.current?.props?.translations\n    ) as ContextProps\n\n    return translations\n  }, [restProps?.translations, sharedContext.translations])\n\n  const extend = useCallback(\n    <T extends FieldProps>(fieldProps: T) => {\n      // Extract props from data context to be used in fields\n      const { required: requiredByContext } = dataContextRef.current\n\n      // Extract props from overwriteProps to be used in fields\n      const key = overwriteProps && fieldProps?.path?.split('/')?.pop()\n      const overwrite = overwriteProps?.[key]\n\n      // Overwrite given schema props\n      if (overwrite && fieldProps?.schema) {\n        Object.keys(fieldProps.schema).forEach((key) => {\n          if (overwrite?.[key]) {\n            fieldProps.schema[key] = overwrite[key]\n          }\n        })\n      }\n\n      const value = assignPropsWithContext(\n        overwrite ? { ...fieldProps, ...overwrite } : fieldProps,\n        {\n          required:\n            requiredByContext ?? nestedContext?.inheritedContext?.required,\n        },\n        nestedFieldProps as Record<string, unknown>\n      )\n\n      return (deep ? nestedContext.extend(value) : value) as T\n    },\n    [deep, nestedContext, nestedFieldProps, overwriteProps]\n  )\n\n  return (\n    <FieldPropsContext.Provider\n      value={{\n        extend,\n        inheritedProps: restProps,\n        inheritedContext: nestedFieldProps,\n      }}\n    >\n      <SharedProvider {...sharedProviderParams}>{children}</SharedProvider>\n    </FieldPropsContext.Provider>\n  )\n}\n\nFieldPropsProvider._supportsSpacingProps = 'children'\nexport default FieldPropsProvider\n"],"mappings":"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"}

package/extensions/forms/Form/Section/EditContainer/EditContainer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Props as FlexContainerProps } from '../../../../../components/flex/Container';
+import { SectionContainerProps } from '../containers/SectionContainer';
+export type Props = {
+    title?: React.ReactNode;
+};
+export type AllProps = Props & SectionContainerProps & FlexContainerProps;
+declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EditContainer {
+    var _supportsSpacingProps: boolean;
+}
+export default EditContainer;

package/extensions/forms/Form/Section/EditContainer/EditContainer.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _Toolbar;
+const _excluded = ["children", "className", "title"];
+import React, { useMemo } from 'react';
+import classnames from 'classnames';
+import { convertJsxToString } from '../../../../../shared/component-helper';
+import { Flex } from '../../../../../components';
+import { Lead } from '../../../../../elements';
+import FieldBoundaryProvider from '../../../DataContext/FieldBoundary/FieldBoundaryProvider';
+import EditToolbarTools from './EditToolbarTools';
+import SectionContainer from '../containers/SectionContainer';
+import Toolbar from '../containers/Toolbar';
+function EditContainer(props) {
+  const _ref = props || {},
+    {
+      children,
+      className,
+      title
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  const ariaLabel = useMemo(() => convertJsxToString(title), [title]);
+  return React.createElement(FieldBoundaryProvider, null, React.createElement(SectionContainer, _extends({
+    mode: "edit",
+    ariaLabel: ariaLabel,
+    className: classnames('dnb-forms-section-edit-block', className)
+  }, restProps), React.createElement(Flex.Stack, null, title && React.createElement(Lead, {
+    size: "basis"
+  }, title), children, _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(EditToolbarTools, null))))));
+}
+EditContainer._supportsSpacingProps = true;
+export default EditContainer;
+//# sourceMappingURL=EditContainer.js.map

package/extensions/forms/Form/Section/EditContainer/EditContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","FieldBoundaryProvider","EditToolbarTools","SectionContainer","Toolbar","EditContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../../shared/component-helper'\nimport { Flex } from '../../../../../components'\nimport { Props as FlexContainerProps } from '../../../../../components/flex/Container'\nimport { Lead } from '../../../../../elements'\nimport FieldBoundaryProvider from '../../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport EditToolbarTools from './EditToolbarTools'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport Toolbar from '../containers/Toolbar'\n\nexport type Props = {\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <FieldBoundaryProvider>\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        className={classnames('dnb-forms-section-edit-block', className)}\n        {...restProps}\n      >\n        <Flex.Stack>\n          {title && <Lead size=\"basis\">{title}</Lead>}\n          {children}\n          <Toolbar>\n            <EditToolbarTools />\n          </Toolbar>\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,OAAOC,qBAAqB,MAAM,0DAA0D;AAC5F,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAEhB,gCAAgC;AACvC,OAAOC,OAAO,MAAM,uBAAuB;AAQ3C,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGlB,OAAO,CAAC,MAAME,kBAAkB,CAACY,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEf,KAAA,CAAAoB,aAAA,CAACd,qBAAqB,QACpBN,KAAA,CAAAoB,aAAA,CAACZ,gBAAgB,EAAAa,QAAA;IACfC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEZ,UAAU,CAAC,8BAA8B,EAAEY,SAAS;EAAE,GAC7DE,SAAS,GAEbhB,KAAA,CAAAoB,aAAA,CAAChB,IAAI,CAACmB,KAAK,QACRR,KAAK,IAAIf,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACmB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTzB,KAAA,CAAAoB,aAAA,CAACX,OAAO,QACNT,KAAA,CAAAoB,aAAA,CAACb,gBAAgB,MAAE,CACZ,CAAC,CACA,CACI,CACG,CAAC;AAE5B;AAEAG,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}

package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../../../shared/types';
+export declare const EditContainerProperties: PropertiesTableProps;
+export declare const EditContainerEvents: PropertiesTableProps;

package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js

@@ -0,0 +1,19 @@
+export const EditContainerProperties = {
+  title: {
+    doc: 'The title of the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[FlexVertical](/uilib/layout/flex/container/)': {
+    doc: 'All Flex.Vertical properties.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+export const EditContainerEvents = {};
+//# sourceMappingURL=EditContainerDocs.js.map

package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","EditContainerEvents"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,mBAAyC,GAAG,CAAC,CAAC"}

package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts

@@ -0,0 +1 @@
+export default function EditToolbarTools(): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js

@@ -0,0 +1,59 @@
+"use client";
+
+import React, { useCallback, useContext, useState } from 'react';
+import { Button, Flex, FormStatus } from '../../../../../components';
+import useTranslation from '../../../hooks/useTranslation';
+import SectionContainerContext from '../containers/SectionContainerContext';
+import FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext';
+import { check, close } from '../../../../../icons';
+import useContainerDataStore from './useContainerDataStore';
+import useEditContainerToolbar from './useEditContainerToolbar';
+export default function EditToolbarTools() {
+  useEditContainerToolbar();
+  const {
+    restoreOriginalData
+  } = useContainerDataStore();
+  const {
+    switchContainerMode
+  } = useContext(SectionContainerContext) || {};
+  const {
+    hasVisibleError,
+    hasSubmitError
+  } = useContext(FieldBoundaryContext) || {};
+  const translation = useTranslation().Section;
+  const [showError, setShowError] = useState(false);
+  const cancelHandler = useCallback(() => {
+    if (hasSubmitError) {
+      setShowError(true);
+    } else {
+      setShowError(false);
+      restoreOriginalData();
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+    }
+  }, [hasSubmitError, restoreOriginalData, switchContainerMode]);
+  const doneHandler = useCallback(() => {
+    if (hasVisibleError) {
+      setShowError(true);
+    } else {
+      setShowError(false);
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+    }
+  }, [hasVisibleError, switchContainerMode]);
+  return React.createElement(React.Fragment, null, React.createElement(FormStatus, {
+    show: showError && hasVisibleError,
+    no_animation: false
+  }, translation.errorInSection), React.createElement(Flex.Horizontal, {
+    gap: "large"
+  }, React.createElement(Button, {
+    variant: "tertiary",
+    icon: check,
+    icon_position: "left",
+    on_click: doneHandler
+  }, translation.done), React.createElement(Button, {
+    variant: "tertiary",
+    icon: close,
+    icon_position: "left",
+    on_click: cancelHandler
+  }, translation.cancel)));
+}
+//# sourceMappingURL=EditToolbarTools.js.map

package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useState","Button","Flex","FormStatus","useTranslation","SectionContainerContext","FieldBoundaryContext","check","close","useContainerDataStore","useEditContainerToolbar","EditToolbarTools","restoreOriginalData","switchContainerMode","hasVisibleError","hasSubmitError","translation","Section","showError","setShowError","cancelHandler","doneHandler","createElement","Fragment","show","no_animation","errorInSection","Horizontal","gap","variant","icon","icon_position","on_click","done","cancel"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react'\nimport { Button, Flex, FormStatus } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { check, close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport useEditContainerToolbar from './useEditContainerToolbar'\n\nexport default function EditToolbarTools() {\n  useEditContainerToolbar()\n  const { restoreOriginalData } = useContainerDataStore()\n\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasVisibleError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().Section\n\n  const [showError, setShowError] = useState(false)\n\n  const cancelHandler = useCallback(() => {\n    if (hasSubmitError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      restoreOriginalData()\n      switchContainerMode?.('view')\n    }\n  }, [hasSubmitError, restoreOriginalData, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    if (hasVisibleError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      switchContainerMode?.('view')\n    }\n  }, [hasVisibleError, switchContainerMode])\n\n  return (\n    <>\n      <FormStatus show={showError && hasVisibleError} no_animation={false}>\n        {translation.errorInSection}\n      </FormStatus>\n      <Flex.Horizontal gap=\"large\">\n        <Button\n          variant=\"tertiary\"\n          icon={check}\n          icon_position=\"left\"\n          on_click={doneHandler}\n        >\n          {translation.done}\n        </Button>\n\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancel}\n        </Button>\n      </Flex.Horizontal>\n    </>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAASC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,2BAA2B;AACpE,OAAOC,cAAc,MAAM,+BAA+B;AAC1D,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,oBAAoB,MAAM,yDAAyD;AAC1F,SAASC,KAAK,EAAEC,KAAK,QAAQ,sBAAsB;AACnD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,uBAAuB,MAAM,2BAA2B;AAE/D,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EACzCD,uBAAuB,CAAC,CAAC;EACzB,MAAM;IAAEE;EAAoB,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EAEvD,MAAM;IAAEI;EAAoB,CAAC,GAAGd,UAAU,CAACM,uBAAuB,CAAC,IAAI,CAAC,CAAC;EACzE,MAAM;IAAES,eAAe;IAAEC;EAAe,CAAC,GACvChB,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAExC,MAAMU,WAAW,GAAGZ,cAAc,CAAC,CAAC,CAACa,OAAO;EAE5C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMoB,aAAa,GAAGtB,WAAW,CAAC,MAAM;IACtC,IAAIiB,cAAc,EAAE;MAClBI,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;MACnBP,mBAAmB,CAAC,CAAC;MACrBC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACE,cAAc,EAAEH,mBAAmB,EAAEC,mBAAmB,CAAC,CAAC;EAC9D,MAAMQ,WAAW,GAAGvB,WAAW,CAAC,MAAM;IACpC,IAAIgB,eAAe,EAAE;MACnBK,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;MACnBN,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACC,eAAe,EAAED,mBAAmB,CAAC,CAAC;EAE1C,OACEhB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACE1B,KAAA,CAAAyB,aAAA,CAACnB,UAAU;IAACqB,IAAI,EAAEN,SAAS,IAAIJ,eAAgB;IAACW,YAAY,EAAE;EAAM,GACjET,WAAW,CAACU,cACH,CAAC,EACb7B,KAAA,CAAAyB,aAAA,CAACpB,IAAI,CAACyB,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B/B,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACL4B,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBL,WAAW,CAACiB,IACP,CAAC,EAETpC,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACL4B,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEtB,KAAM;IACZuB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEZ;EAAc,GAEvBJ,WAAW,CAACkB,MACP,CACO,CACjB,CAAC;AAEP"}

package/extensions/forms/Form/Section/EditContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EditContainer';
+export * from './EditContainer';

package/extensions/forms/Form/Section/EditContainer/index.js

@@ -0,0 +1,3 @@
+export { default } from './EditContainer';
+export * from './EditContainer';
+//# sourceMappingURL=index.js.map

package/extensions/forms/Form/Section/EditContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB"}

package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.d.ts

@@ -0,0 +1,3 @@
+export default function useContainerDataStore(): {
+    restoreOriginalData: () => void;
+};

package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js

@@ -0,0 +1,46 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useCallback, useContext, useEffect, useRef } from 'react';
+import { extendDeep } from '../../../../../shared/component-helper';
+import DataContext from '../../../DataContext/Context';
+import SectionContainerContext from '../containers/SectionContainerContext';
+import useDataValue from '../../../hooks/useDataValue';
+import { usePath } from '../../../hooks';
+export default function useContainerDataStore() {
+  const valueBackupRef = useRef();
+  const {
+    makePath
+  } = usePath();
+  const {
+    getData
+  } = useDataValue();
+  const {
+    data: dataFromContext,
+    setData
+  } = useContext(DataContext);
+  const {
+    containerMode
+  } = useContext(SectionContainerContext) || {};
+  useEffect(() => {
+    if (containerMode === 'edit' && !valueBackupRef.current) {
+      valueBackupRef.current = getData('/', {
+        includeCurrentPath: true
+      });
+    }
+    if (containerMode === 'view') {
+      valueBackupRef.current = null;
+    }
+  }, [containerMode, getData, makePath]);
+  const restoreOriginalData = useCallback(() => {
+    if (valueBackupRef.current) {
+      setData === null || setData === void 0 ? void 0 : setData(extendDeep(_objectSpread({}, dataFromContext), valueBackupRef.current));
+    }
+  }, [dataFromContext, setData]);
+  return {
+    restoreOriginalData
+  };
+}
+//# sourceMappingURL=useContainerDataStore.js.map

package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerDataStore.js","names":["useCallback","useContext","useEffect","useRef","extendDeep","DataContext","SectionContainerContext","useDataValue","usePath","useContainerDataStore","valueBackupRef","makePath","getData","data","dataFromContext","setData","containerMode","current","includeCurrentPath","restoreOriginalData","_objectSpread"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useContainerDataStore.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { extendDeep } from '../../../../../shared/component-helper'\nimport DataContext from '../../../DataContext/Context'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport useDataValue from '../../../hooks/useDataValue'\nimport { usePath } from '../../../hooks'\n\nexport default function useContainerDataStore() {\n  const valueBackupRef = useRef<unknown>()\n\n  const { makePath } = usePath()\n  const { getData } = useDataValue()\n  const { data: dataFromContext, setData } = useContext(DataContext)\n  // const { path } = useContext(SectionContext) || {}\n  const { containerMode } = useContext(SectionContainerContext) || {}\n\n  useEffect(() => {\n    // console.log('path', path)\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = getData('/', {\n        includeCurrentPath: true,\n      })\n      // console.log('dataFromContext', dataFromContext)\n      // console.log('valueBackupRef.current', valueBackupRef.current)\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [containerMode, getData, makePath])\n\n  const restoreOriginalData = useCallback(() => {\n    if (valueBackupRef.current) {\n      setData?.(extendDeep({ ...dataFromContext }, valueBackupRef.current))\n    }\n  }, [dataFromContext, setData])\n\n  return {\n    restoreOriginalData,\n  }\n}\n"],"mappings":";;;;;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,UAAU,QAAQ,wCAAwC;AACnE,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,YAAY,MAAM,6BAA6B;AACtD,SAASC,OAAO,QAAQ,gBAAgB;AAExC,eAAe,SAASC,qBAAqBA,CAAA,EAAG;EAC9C,MAAMC,cAAc,GAAGP,MAAM,CAAU,CAAC;EAExC,MAAM;IAAEQ;EAAS,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC9B,MAAM;IAAEI;EAAQ,CAAC,GAAGL,YAAY,CAAC,CAAC;EAClC,MAAM;IAAEM,IAAI,EAAEC,eAAe;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACI,WAAW,CAAC;EAElE,MAAM;IAAEW;EAAc,CAAC,GAAGf,UAAU,CAACK,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAEnEJ,SAAS,CAAC,MAAM;IAEd,IAAIc,aAAa,KAAK,MAAM,IAAI,CAACN,cAAc,CAACO,OAAO,EAAE;MACvDP,cAAc,CAACO,OAAO,GAAGL,OAAO,CAAC,GAAG,EAAE;QACpCM,kBAAkB,EAAE;MACtB,CAAC,CAAC;IAGJ;IACA,IAAIF,aAAa,KAAK,MAAM,EAAE;MAC5BN,cAAc,CAACO,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAACD,aAAa,EAAEJ,OAAO,EAAED,QAAQ,CAAC,CAAC;EAEtC,MAAMQ,mBAAmB,GAAGnB,WAAW,CAAC,MAAM;IAC5C,IAAIU,cAAc,CAACO,OAAO,EAAE;MAC1BF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGX,UAAU,CAAAgB,aAAA,KAAMN,eAAe,GAAIJ,cAAc,CAACO,OAAO,CAAC,CAAC;IACvE;EACF,CAAC,EAAE,CAACH,eAAe,EAAEC,OAAO,CAAC,CAAC;EAE9B,OAAO;IACLI;EACF,CAAC;AACH"}

package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts

@@ -0,0 +1 @@
+export default function useEditContainerToolbar(): void;

package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js

@@ -0,0 +1,19 @@
+"use client";
+
+import { useContext, useEffect } from 'react';
+import SectionContainerContext from '../containers/SectionContainerContext';
+import FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext';
+export default function useEditContainerToolbar() {
+  const {
+    switchContainerMode
+  } = useContext(SectionContainerContext) || {};
+  const {
+    hasSubmitError
+  } = useContext(FieldBoundaryContext) || {};
+  useEffect(() => {
+    if (hasSubmitError) {
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
+    }
+  }, [hasSubmitError, switchContainerMode]);
+}
+//# sourceMappingURL=useEditContainerToolbar.js.map

package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditContainerToolbar.js","names":["useContext","useEffect","SectionContainerContext","FieldBoundaryContext","useEditContainerToolbar","switchContainerMode","hasSubmitError"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function useEditContainerToolbar() {\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasSubmitError } = useContext(FieldBoundaryContext) || {}\n\n  useEffect(() => {\n    // Ensure the edit container is always in edit mode when the form has a submit error\n    if (hasSubmitError) {\n      switchContainerMode?.('edit')\n    }\n  }, [hasSubmitError, switchContainerMode])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,oBAAoB,MAAM,yDAAyD;AAE1F,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EAChD,MAAM;IAAEC;EAAoB,CAAC,GAAGL,UAAU,CAACE,uBAAuB,CAAC,IAAI,CAAC,CAAC;EACzE,MAAM;IAAEI;EAAe,CAAC,GAAGN,UAAU,CAACG,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAEjEF,SAAS,CAAC,MAAM;IAEd,IAAIK,cAAc,EAAE;MAClBD,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACC,cAAc,EAAED,mBAAmB,CAAC,CAAC;AAC3C"}

package/extensions/forms/Form/Section/Section.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SectionContextState } from './SectionContext';
 import type { Props as DataContextProps } from '../../DataContext/Provider';
+import type { ContainerMode } from './containers/SectionContainer';
 import type { FieldSectionProps, Path, FieldProps } from '../../types';
 export type OverwritePropsDefaults = {
     [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults;
@@ -19,6 +20,11 @@ export type SectionProps<overwriteProps = OverwritePropsDefaults> = {
      * Makes all fields inside it required.
      */
     required?: boolean;
+    /**
+     * Defines the container mode. Can be `view` or `edit`.
+     * Defaults to `view`.
+     */
+    containerMode?: ContainerMode;
     /**
      * Only for internal use and undocumented for now.
      * Prioritize error techniques for the section.
@@ -31,6 +37,8 @@ export type LocalProps = SectionProps & {
 };
 declare function SectionComponent(props: LocalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SectionComponent {
-    var _supportsSpacingProps: string;
+    var ViewContainer: typeof import("./ViewContainer/ViewContainer").default;
+    var EditContainer: typeof import("./EditContainer/EditContainer").default;
+    var _supportsSpacingProps: any;
 }
 export default SectionComponent;

package/extensions/forms/Form/Section/Section.js

@@ -9,6 +9,9 @@ import SectionContext from './SectionContext';
 import DataContext from '../../DataContext/Context';
 import Provider from '../../DataContext/Provider/Provider';
 import FieldPropsProvider from '../FieldProps';
+import SectionContainerProvider from './containers/SectionContainerProvider';
+import ViewContainer from './ViewContainer';
+import EditContainer from './EditContainer';
 function SectionComponent(props) {
   var _nestedProps$overwrit;
   const {
@@ -18,6 +21,7 @@ function SectionComponent(props) {
     required,
     data,
     defaultData,
+    containerMode = 'view',
     onChange,
     errorPrioritization = ['contextSchema'],
     children
@@ -58,11 +62,15 @@ function SectionComponent(props) {
       errorPrioritization,
       props
     }
+  }, React.createElement(SectionContainerProvider, {
+    containerMode: containerMode
   }, React.createElement(FieldPropsProvider, _extends({
     overwriteProps: _objectSpread(_objectSpread({}, overwriteProps), nestedProps === null || nestedProps === void 0 ? void 0 : (_nestedProps$overwrit = nestedProps.overwriteProps) === null || _nestedProps$overwrit === void 0 ? void 0 : _nestedProps$overwrit[path.substring(1)]),
     translations: translations
-  }, fieldProps), children));
+  }, fieldProps), children)));
 }
-SectionComponent._supportsSpacingProps = 'children';
+SectionComponent.ViewContainer = ViewContainer;
+SectionComponent.EditContainer = EditContainer;
+SectionComponent._supportsSpacingProps = undefined;
 export default SectionComponent;
 //# sourceMappingURL=Section.js.map