@dnb/eufemia 10.73.2 → 10.74.0

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

@@ -1,8 +1,10 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import { Checkbox, ToggleButton } from '../../../../components';
 import ButtonRow from '../../Form/ButtonRow';
@@ -33,10 +35,25 @@ function Toggle(props) {
     handleChange,
     setDisplayValue
   } = useFieldProps(preparedProps);
-  const handleCheckboxChange = useCallback(({
-    checked
-  }) => {
-    handleChange === null || handleChange === void 0 ? void 0 : handleChange(checked ? valueOn : valueOff);
+  const preventChangeRef = useRef(false);
+  const onClick = preparedProps === null || preparedProps === void 0 ? void 0 : preparedProps.onClick;
+  const handleClick = useCallback(args => {
+    const preventDefault = () => {
+      var _args$preventDefault;
+      preventChangeRef.current = true;
+      (_args$preventDefault = args.preventDefault) === null || _args$preventDefault === void 0 ? void 0 : _args$preventDefault.call(args);
+    };
+    if (preventChangeRef.current) {
+      args.checked = !args.checked;
+      preventChangeRef.current = false;
+    }
+    const event = _objectSpread(_objectSpread({}, args), {}, {
+      preventDefault
+    });
+    onClick === null || onClick === void 0 ? void 0 : onClick(args.checked ? valueOn : valueOff, event);
+  }, [onClick, valueOff, valueOn]);
+  const handleCheckboxChange = useCallback(args => {
+    handleChange === null || handleChange === void 0 ? void 0 : handleChange(args.checked ? valueOn : valueOff, args);
   }, [handleChange, valueOn, valueOff]);
   const handleToggleChange = useCallback(({
     value
@@ -82,7 +99,8 @@ function Toggle(props) {
         disabled: disabled,
         size: size !== 'small' ? size : undefined,
         status: hasError ? 'error' : undefined,
-        onChange: handleCheckboxChange
+        onChange: handleCheckboxChange,
+        onClick: handleClick
       }, htmlAttributes)));
     case 'button':
       return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ToggleButton, _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["React","useCallback","useMemo","classnames","Checkbox","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","useIterateItemNo","Toggle","props","translations","ToggleField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","variant","disabled","textOn","textOff","value","size","hasError","htmlAttributes","handleChange","setDisplayValue","handleCheckboxChange","checked","handleToggleChange","cn","fieldBlockProps","forId","isOn","isOff","text","label","labelSuffix","required","labelSrOnly","labelWithItemNo","createElement","_extends","undefined","yes","no","status","onChange","on_change","role","asFieldset","bottom","Group","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Checkbox, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock, { Props as FieldBlockProps } 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'\nimport { useIterateItemNo } from '../../Iterate/ItemNo/useIItemNo'\nimport type { CheckboxProps } from '../../../../components/Checkbox'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n  size?: ToggleButtonProps['size'] | CheckboxProps['size']\n}\n\nexport type Props = Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'> &\n  ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().ToggleField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    variant,\n    disabled,\n    textOn,\n    textOff,\n    value,\n    size,\n    hasError,\n    htmlAttributes,\n    handleChange,\n    setDisplayValue,\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 fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disabled,\n    ...pickSpacingProps(props),\n  }\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  useMemo(() => {\n    const text = isOn ? textOn : textOff\n    if (text) {\n      setDisplayValue(text)\n    }\n  }, [isOn, setDisplayValue, textOff, textOn])\n\n  const { label, labelSuffix, required, labelSrOnly } = props\n  const labelWithItemNo = useIterateItemNo({\n    label,\n    labelSuffix,\n    required,\n  })\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps} label={undefined}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              labelWithItemNo ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            labelSrOnly={labelSrOnly}\n            checked={isOn}\n            disabled={disabled}\n            size={size !== 'small' ? size : undefined}\n            status={hasError ? 'error' : undefined}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\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            size={size}\n            on_change={handleCheckboxChange}\n            role=\"checkbox\"\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldBlockProps} asFieldset>\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButton.Group role=\"radiogroup\">\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                  size,\n                }}\n              >\n                <ToggleButton\n                  text={textOn ?? translations.yes}\n                  value=\"on\"\n                  role=\"radio\"\n                  {...htmlAttributes}\n                />\n                <ToggleButton\n                  text={textOff ?? translations.no}\n                  value=\"off\"\n                  role=\"radio\"\n                  {...htmlAttributes}\n                />\n              </ToggleButtonGroupContext.Provider>\n            </ToggleButton.Group>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\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            size={size}\n            on_change={handleCheckboxChange}\n            role=\"checkbox\"\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toggle.js","names":["React","useCallback","useMemo","useRef","classnames","Checkbox","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","useIterateItemNo","Toggle","props","translations","ToggleField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","variant","disabled","textOn","textOff","value","size","hasError","htmlAttributes","handleChange","setDisplayValue","preventChangeRef","onClick","handleClick","args","preventDefault","_args$preventDefault","current","call","checked","event","handleCheckboxChange","handleToggleChange","cn","fieldBlockProps","forId","isOn","isOff","text","label","labelSuffix","required","labelSrOnly","labelWithItemNo","createElement","_extends","undefined","yes","no","status","onChange","on_change","role","asFieldset","bottom","Group","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Checkbox, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock, { Props as FieldBlockProps } 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'\nimport { useIterateItemNo } from '../../Iterate/ItemNo/useIItemNo'\nimport type {\n  CheckboxProps,\n  OnChangeParams,\n  OnClickParams,\n} from '../../../../components/Checkbox'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n  size?: ToggleButtonProps['size'] | CheckboxProps['size']\n\n  /**\n   * Checkbox props\n   */\n  onClick?: (\n    value: unknown,\n    params: { event: React.MouseEvent<HTMLInputElement> }\n  ) => void\n}\n\nexport type Props = Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'> &\n  ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().ToggleField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    variant,\n    disabled,\n    textOn,\n    textOff,\n    value,\n    size,\n    hasError,\n    htmlAttributes,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const preventChangeRef = useRef(false)\n\n  const onClick = preparedProps?.onClick\n  const handleClick = useCallback(\n    (args: OnClickParams) => {\n      const preventDefault = () => {\n        preventChangeRef.current = true\n        args.preventDefault?.()\n      }\n\n      if (preventChangeRef.current) {\n        args.checked = !args.checked\n        preventChangeRef.current = false\n      }\n\n      const event = {\n        ...args,\n        preventDefault,\n      }\n      onClick?.(args.checked ? valueOn : valueOff, event)\n    },\n    [onClick, valueOff, valueOn]\n  )\n  const handleCheckboxChange = useCallback(\n    (args: OnChangeParams) => {\n      handleChange?.(args.checked ? valueOn : valueOff, args)\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 fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disabled,\n    ...pickSpacingProps(props),\n  }\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  useMemo(() => {\n    const text = isOn ? textOn : textOff\n    if (text) {\n      setDisplayValue(text)\n    }\n  }, [isOn, setDisplayValue, textOff, textOn])\n\n  const { label, labelSuffix, required, labelSrOnly } = props\n  const labelWithItemNo = useIterateItemNo({\n    label,\n    labelSuffix,\n    required,\n  })\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps} label={undefined}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              labelWithItemNo ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            labelSrOnly={labelSrOnly}\n            checked={isOn}\n            disabled={disabled}\n            size={size !== 'small' ? size : undefined}\n            status={hasError ? 'error' : undefined}\n            onChange={handleCheckboxChange}\n            onClick={handleClick}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\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            size={size}\n            on_change={handleCheckboxChange}\n            role=\"checkbox\"\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldBlockProps} asFieldset>\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButton.Group role=\"radiogroup\">\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                  size,\n                }}\n              >\n                <ToggleButton\n                  text={textOn ?? translations.yes}\n                  value=\"on\"\n                  role=\"radio\"\n                  {...htmlAttributes}\n                />\n                <ToggleButton\n                  text={textOff ?? translations.no}\n                  value=\"off\"\n                  role=\"radio\"\n                  {...htmlAttributes}\n                />\n              </ToggleButtonGroupContext.Provider>\n            </ToggleButton.Group>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\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            size={size}\n            on_change={handleCheckboxChange}\n            role=\"checkbox\"\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/forms/Field/Toggle/ToggleDocs.d.ts

@@ -1,2 +1,3 @@
 import { PropertiesTableProps } from '../../../../shared/types';
 export declare const ToggleProperties: PropertiesTableProps;
+export declare const ToggleEvents: PropertiesTableProps;

package/es/extensions/forms/Field/Toggle/ToggleDocs.js

@@ -30,4 +30,11 @@ export const ToggleProperties = {
     status: 'optional'
   }
 };
+export const ToggleEvents = {
+  onClick: {
+    doc: 'Will be called on click.',
+    type: '(value: unknown, { event: ClickEvent, preventDefault: () => void }) => void',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=ToggleDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleDocs.js","names":["ToggleProperties","valueOn","doc","type","status","valueOff","textOn","textOff","size","variant"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/ToggleDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ToggleProperties: PropertiesTableProps = {\n  valueOn: {\n    doc: 'Source data value when the toggle is in the \"on-state\" (varies based on UI variant).',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  valueOff: {\n    doc: 'Source data value when the toggle is in the \"off-state\".',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  textOn: {\n    doc: 'Text to show in the UI when in the \"on-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  textOff: {\n    doc: 'Text to show in the UI when in the \"off-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is small (1.5rem), default (2rem), medium (2.5rem) and large (3rem) are supported component sizes. Defaults to default / null. Also, if you define a number like size=\"2\" then it will be forwarded as the input element attribute. Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,oWAAoW;IACzWC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"ToggleDocs.js","names":["ToggleProperties","valueOn","doc","type","status","valueOff","textOn","textOff","size","variant","ToggleEvents","onClick"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/ToggleDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ToggleProperties: PropertiesTableProps = {\n  valueOn: {\n    doc: 'Source data value when the toggle is in the \"on-state\" (varies based on UI variant).',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  valueOff: {\n    doc: 'Source data value when the toggle is in the \"off-state\".',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  textOn: {\n    doc: 'Text to show in the UI when in the \"on-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  textOff: {\n    doc: 'Text to show in the UI when in the \"off-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is small (1.5rem), default (2rem), medium (2.5rem) and large (3rem) are supported component sizes. Defaults to default / null. Also, if you define a number like size=\"2\" then it will be forwarded as the input element attribute. Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n\nexport const ToggleEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'Will be called on click.',\n    type: '(value: unknown, { event: ClickEvent, preventDefault: () => void }) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,oWAAoW;IACzWC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMM,YAAkC,GAAG;EAChDC,OAAO,EAAE;IACPT,GAAG,EAAE,0BAA0B;IAC/BC,IAAI,EAAE,6EAA6E;IACnFC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolatedContainer.d.ts

@@ -0,0 +1,4 @@
+export default function IsolatedContainer({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const isolationError: Error;

package/es/extensions/forms/Form/Isolation/IsolatedContainer.js

@@ -0,0 +1,53 @@
+"use client";
+
+import React, { useCallback, useContext } from 'react';
+import { FormStatus } from '../../../../components';
+import { useTranslation } from '../../hooks';
+import useHandleStatus from './useHandleStatus';
+import IsolationContext from './IsolationContext';
+import DataContext from '../../DataContext/Context';
+import useDataContextSnapshot from './useDataContextSnapshot';
+export default function IsolatedContainer({
+  children
+}) {
+  const {
+    outerContext,
+    preventUncommittedChanges
+  } = useContext(IsolationContext);
+  const {
+    preventUncommittedChangesText
+  } = useTranslation().Isolation;
+  const {
+    showStatus: showCommitStatus
+  } = useHandleStatus({
+    outerContext,
+    preventUncommittedChanges,
+    error: isolationError
+  });
+  const {
+    setFieldEventListener
+  } = useContext(DataContext);
+  const {
+    resetDataAfterCommit
+  } = useContext(IsolationContext);
+  const {
+    handleReset
+  } = useDataContextSnapshot({
+    enabled: resetDataAfterCommit
+  });
+  const handleSubmit = useCallback(() => {
+    if (resetDataAfterCommit) {
+      handleReset();
+    }
+  }, [handleReset, resetDataAfterCommit]);
+  setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(undefined, 'onBeforeCommit', handleSubmit);
+  return React.createElement(React.Fragment, null, children, preventUncommittedChanges && React.createElement(FormStatus, {
+    no_animation: false,
+    shellSpace: {
+      top: true
+    },
+    show: Boolean(showCommitStatus)
+  }, preventUncommittedChangesText));
+}
+export const isolationError = new Error('Form.Isolation');
+//# sourceMappingURL=IsolatedContainer.js.map

package/es/extensions/forms/Form/Isolation/IsolatedContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsolatedContainer.js","names":["React","useCallback","useContext","FormStatus","useTranslation","useHandleStatus","IsolationContext","DataContext","useDataContextSnapshot","IsolatedContainer","children","outerContext","preventUncommittedChanges","preventUncommittedChangesText","Isolation","showStatus","showCommitStatus","error","isolationError","setFieldEventListener","resetDataAfterCommit","handleReset","enabled","handleSubmit","undefined","createElement","Fragment","no_animation","shellSpace","top","show","Boolean","Error"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolatedContainer.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { FormStatus } from '../../../../components'\nimport { useTranslation } from '../../hooks'\nimport useHandleStatus from './useHandleStatus'\nimport IsolationContext from './IsolationContext'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function IsolatedContainer({ children }) {\n  const { outerContext, preventUncommittedChanges } =\n    useContext(IsolationContext)\n  const { preventUncommittedChangesText } = useTranslation().Isolation\n  const { showStatus: showCommitStatus } = useHandleStatus({\n    outerContext,\n    preventUncommittedChanges,\n    error: isolationError,\n  })\n\n  const { setFieldEventListener } = useContext(DataContext)\n  const { resetDataAfterCommit } = useContext(IsolationContext)\n  const { handleReset } = useDataContextSnapshot({\n    enabled: resetDataAfterCommit,\n  })\n\n  const handleSubmit = useCallback(() => {\n    if (resetDataAfterCommit) {\n      handleReset()\n    }\n  }, [handleReset, resetDataAfterCommit])\n  setFieldEventListener?.(undefined, 'onBeforeCommit', handleSubmit)\n\n  return (\n    <>\n      {children}\n\n      {preventUncommittedChanges && (\n        <FormStatus\n          no_animation={false}\n          shellSpace={{ top: true }}\n          show={Boolean(showCommitStatus)}\n        >\n          {preventUncommittedChangesText}\n        </FormStatus>\n      )}\n    </>\n  )\n}\n\nexport const isolationError = new Error('Form.Isolation')\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,iBAAiBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EACtD,MAAM;IAAEC,YAAY;IAAEC;EAA0B,CAAC,GAC/CV,UAAU,CAACI,gBAAgB,CAAC;EAC9B,MAAM;IAAEO;EAA8B,CAAC,GAAGT,cAAc,CAAC,CAAC,CAACU,SAAS;EACpE,MAAM;IAAEC,UAAU,EAAEC;EAAiB,CAAC,GAAGX,eAAe,CAAC;IACvDM,YAAY;IACZC,yBAAyB;IACzBK,KAAK,EAAEC;EACT,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAsB,CAAC,GAAGjB,UAAU,CAACK,WAAW,CAAC;EACzD,MAAM;IAAEa;EAAqB,CAAC,GAAGlB,UAAU,CAACI,gBAAgB,CAAC;EAC7D,MAAM;IAAEe;EAAY,CAAC,GAAGb,sBAAsB,CAAC;IAC7Cc,OAAO,EAAEF;EACX,CAAC,CAAC;EAEF,MAAMG,YAAY,GAAGtB,WAAW,CAAC,MAAM;IACrC,IAAImB,oBAAoB,EAAE;MACxBC,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACA,WAAW,EAAED,oBAAoB,CAAC,CAAC;EACvCD,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAGK,SAAS,EAAE,gBAAgB,EAAED,YAAY,CAAC;EAElE,OACEvB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACGhB,QAAQ,EAERE,yBAAyB,IACxBZ,KAAA,CAAAyB,aAAA,CAACtB,UAAU;IACTwB,YAAY,EAAE,KAAM;IACpBC,UAAU,EAAE;MAAEC,GAAG,EAAE;IAAK,CAAE;IAC1BC,IAAI,EAAEC,OAAO,CAACf,gBAAgB;EAAE,GAE/BH,6BACS,CAEd,CAAC;AAEP;AAEA,OAAO,MAAMK,cAAc,GAAG,IAAIc,KAAK,CAAC,gBAAgB,CAAC","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/Isolation.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { JsonObject } from '../../utils/json-pointer';
 import IsolationCommitButton from './IsolationCommitButton';
+import IsolationResetButton from './IsolationResetButton';
 import { type Props as ProviderProps } from '../../DataContext/Provider';
+import { IsolationDataReference } from './IsolationDataReference';
 import type { OnCommit, Path } from '../../types';
 export type IsolationProviderProps<Data extends JsonObject> = {
     /**
@@ -22,6 +24,18 @@ export type IsolationProviderProps<Data extends JsonObject> = {
      * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.
      */
     bubbleValidation?: boolean;
+    /**
+     * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.
+     */
+    preventUncommittedChanges?: boolean;
+    /**
+     * If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.
+     */
+    resetDataAfterCommit?: boolean;
+    /**
+     * Provide a reference by using Form.Isolation.createDataReference.
+     */
+    dataReference?: IsolationDataReference;
     /**
      * Used internally by the Form.Isolation component
      */
@@ -40,6 +54,8 @@ export type IsolationProps<Data extends JsonObject> = Omit<ProviderProps<Data>,
 declare function IsolationProvider<Data extends JsonObject>(props: IsolationProps<Data>): import("react/jsx-runtime").JSX.Element;
 declare namespace IsolationProvider {
     var CommitButton: typeof IsolationCommitButton;
+    var ResetButton: typeof IsolationResetButton;
+    var createDataReference: typeof import("./IsolationDataReference").createDataReference;
     var _supportsSpacingProps: any;
 }
 export default IsolationProvider;

package/es/extensions/forms/Form/Isolation/Isolation.js

@@ -1,9 +1,10 @@
 "use client";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _BubbleValidation;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useContext, useMemo, useReducer, useRef } from 'react';
+import React, { useCallback, useContext, useMemo, useReducer, useRef, useState } from 'react';
 import useMountEffect from '../../../../shared/helpers/useMountEffect';
 import pointer from '../../utils/json-pointer';
 import { extendDeep } from '../../../../shared/component-helper';
@@ -13,9 +14,19 @@ import { Context as DataContext, Provider } from '../../DataContext';
 import SectionContext from '../Section/SectionContext';
 import useReportError from './useReportError';
 import IsolationCommitButton from './IsolationCommitButton';
+import IsolationResetButton from './IsolationResetButton';
 import { clearedData } from '../../DataContext/Provider';
+import { createDataReference } from './IsolationDataReference';
+import IsolatedContainer from './IsolatedContainer';
+import IsolationContext from './IsolationContext';
 import structuredClone from '@ungap/structured-clone';
 function IsolationProvider(props) {
+  var _IsolatedContainer;
+  const [dataReferenceFallback] = useState(() => {
+    if (!(props !== null && props !== void 0 && props.dataReference)) {
+      return createDataReference();
+    }
+  });
   const {
     children,
     onPathChange,
@@ -24,8 +35,11 @@ function IsolationProvider(props) {
     transformOnCommit: transformOnCommitProp,
     commitHandleRef,
     bubbleValidation,
+    preventUncommittedChanges,
     data,
-    defaultData
+    defaultData,
+    dataReference = dataReferenceFallback,
+    resetDataAfterCommit
   } = props;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const internalDataRef = useRef();
@@ -87,7 +101,7 @@ function IsolationProvider(props) {
     if (localData && pathSection && !pointer.has(localDataRef.current, pathSection)) {
       localData = moveValueToPath(pathSection, localData);
     }
-    internalDataRef.current = Object.assign({}, localData || dataOuter || {}, localDataRef.current);
+    internalDataRef.current = Object.assign({}, localData || structuredClone(dataOuter) || {}, localDataRef.current);
   }, [data, defaultData, pathSection, dataOuter, moveValueToPath]);
   const onCommit = useCallback(async (data, additionalArgs) => {
     var _props$path;
@@ -109,12 +123,15 @@ function IsolationProvider(props) {
     await (handlePathChangeOuter === null || handlePathChangeOuter === void 0 ? void 0 : handlePathChangeOuter(path, Array.isArray(isolatedData) ? isolatedData : extendDeep({}, outerData, isolatedData)));
     return result;
   }, [getMountedData, props.path, dataOuter, transformOnCommitProp, handlePathChangeOuter, onCommitProp, removeSectionPath]);
+  const setIsolatedData = useCallback(data => {
+    localDataRef.current = data;
+    internalDataRef.current = data;
+  }, []);
   const onClear = useCallback(() => {
-    localDataRef.current = clearedData;
-    internalDataRef.current = clearedData;
+    setIsolatedData(clearedData);
     forceUpdate();
     onClearProp === null || onClearProp === void 0 ? void 0 : onClearProp();
-  }, [onClearProp]);
+  }, [onClearProp, setIsolatedData]);
   const providerProps = _objectSpread(_objectSpread({}, props), {}, {
     [defaultData ? 'defaultData' : 'data']: internalDataRef.current,
     onUpdateDataValue: onUpdateDataValueHandler,
@@ -123,21 +140,28 @@ function IsolationProvider(props) {
     onClear,
     isolate: true
   });
-  return React.createElement(Provider, providerProps, React.createElement(DataContext.Consumer, null, dataContext => {
+  return React.createElement(Provider, providerProps, React.createElement(IsolationContext.Provider, {
+    value: {
+      preventUncommittedChanges,
+      dataReference,
+      resetDataAfterCommit,
+      outerContext,
+      setIsolatedData
+    }
+  }, React.createElement(DataContext.Consumer, null, dataContext => {
     dataContextRef.current = dataContext;
     if (commitHandleRef) {
       commitHandleRef.current = dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleSubmit;
     }
-    return children;
-  }), bubbleValidation && React.createElement(BubbleValidation, {
-    outerContext: outerContext
-  }));
+    return _IsolatedContainer || (_IsolatedContainer = React.createElement(IsolatedContainer, null, children, " "));
+  }), bubbleValidation && (_BubbleValidation || (_BubbleValidation = React.createElement(BubbleValidation, null)))));
 }
-function BubbleValidation({
-  outerContext
-}) {
+function BubbleValidation() {
   var _addSetShowAllErrorsR;
   const innerContext = useContext(DataContext);
+  const {
+    outerContext
+  } = useContext(IsolationContext);
   const {
     setShowAllErrors
   } = innerContext;
@@ -155,6 +179,8 @@ function BubbleValidation({
 }
 const isolationError = new Error('Form.Isolation');
 IsolationProvider.CommitButton = IsolationCommitButton;
+IsolationProvider.ResetButton = IsolationResetButton;
+IsolationProvider.createDataReference = createDataReference;
 IsolationProvider._supportsSpacingProps = undefined;
 export default IsolationProvider;
 //# sourceMappingURL=Isolation.js.map

package/es/extensions/forms/Form/Isolation/Isolation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","data","defaultData","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","isolationError","Error","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || dataOuter || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <DataContext.Consumer>\n        {(dataContext) => {\n          dataContextRef.current = dataContext\n\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </DataContext.Consumer>\n\n      {bubbleValidation && (\n        <BubbleValidation outerContext={outerContext} />\n      )}\n    </Provider>\n  )\n}\n\nfunction BubbleValidation({\n  outerContext,\n}: {\n  outerContext: ContextState\n}) {\n  const innerContext = useContext(DataContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext\n  )\n\n  return null\n}\n\nconst isolationError = new Error('Form.Isolation')\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useState","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","IsolationResetButton","clearedData","createDataReference","IsolatedContainer","IsolationContext","structuredClone","IsolationProvider","props","_IsolatedContainer","dataReferenceFallback","dataReference","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","preventUncommittedChanges","data","defaultData","resetDataAfterCommit","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","setIsolatedData","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","_BubbleValidation","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","isolationError","Error","CommitButton","ResetButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport IsolationResetButton from './IsolationResetButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport {\n  IsolationDataReference,\n  createDataReference,\n} from './IsolationDataReference'\nimport IsolatedContainer from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.\n   */\n  preventUncommittedChanges?: boolean\n  /**\n   * If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.\n   */\n  resetDataAfterCommit?: boolean\n  /**\n   * Provide a reference by using Form.Isolation.createDataReference.\n   */\n  dataReference?: IsolationDataReference\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const [dataReferenceFallback] = useState<IsolationDataReference>(() => {\n    if (!props?.dataReference) {\n      return createDataReference()\n    }\n  })\n\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    preventUncommittedChanges,\n    data,\n    defaultData,\n    dataReference = dataReferenceFallback,\n    resetDataAfterCommit,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || structuredClone(dataOuter) || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const setIsolatedData = useCallback((data: Data) => {\n    localDataRef.current = data\n    internalDataRef.current = data\n  }, [])\n\n  const onClear = useCallback(() => {\n    setIsolatedData(clearedData as Data)\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp, setIsolatedData])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <IsolationContext.Provider\n        value={{\n          preventUncommittedChanges,\n          dataReference,\n          resetDataAfterCommit,\n          outerContext,\n          setIsolatedData,\n        }}\n      >\n        <DataContext.Consumer>\n          {(dataContext) => {\n            dataContextRef.current = dataContext\n\n            if (commitHandleRef) {\n              commitHandleRef.current = dataContext?.handleSubmit\n            }\n\n            return <IsolatedContainer>{children} </IsolatedContainer>\n          }}\n        </DataContext.Consumer>\n\n        {bubbleValidation && <BubbleValidation />}\n      </IsolationContext.Provider>\n    </Provider>\n  )\n}\n\nfunction BubbleValidation() {\n  const innerContext = useContext(DataContext)\n  const { outerContext } = useContext(IsolationContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext\n  )\n\n  return null\n}\n\nconst isolationError = new Error('Form.Isolation')\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider.ResetButton = IsolationResetButton\nIsolationProvider.createDataReference = createDataReference\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolationCommitButton.js

@@ -32,7 +32,7 @@ function IsolationCommitButton(props) {
   }, [handleSubmit, isolate]);
   return React.createElement(Button, _extends({
     variant: "secondary",
-    className: classnames('dnb-forms-isolate-button', className),
+    className: classnames('dnb-forms-isolate__commit-button', className),
     icon: check,
     icon_position: "left",
     onClick: onClickHandler

package/es/extensions/forms/Form/Isolation/IsolationCommitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationCommitButton.js","names":["React","useCallback","useContext","classnames","useTranslation","DataContext","Button","check","IsolationCommitButton","props","translations","Isolation","className","children","text","rest","_objectWithoutProperties","_excluded","content","commitButtonText","handleSubmit","dataContextProps","isolate","onClickHandler","createElement","_extends","variant","icon","icon_position","onClick","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationCommitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from '../../hooks'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport { check } from '../../../../icons'\n\nexport type Props = ButtonProps\n\nfunction IsolationCommitButton(props: Props) {\n  const translations = useTranslation().Isolation\n\n  const { className, children, text, ...rest } = props\n\n  const content = text || children || translations.commitButtonText\n\n  const { handleSubmit, props: dataContextProps } =\n    useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (isolate) {\n      handleSubmit?.()\n    }\n  }, [handleSubmit, isolate])\n\n  return (\n    <Button\n      variant=\"secondary\"\n      className={classnames('dnb-forms-isolate-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      onClick={onClickHandler}\n      {...rest}\n    >\n      {content}\n    </Button>\n  )\n}\n\nIsolationCommitButton._supportsSpacingProps = true\nexport default IsolationCommitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,SAASC,KAAK,QAAQ,mBAAmB;AAIzC,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC3C,MAAMC,YAAY,GAAGN,cAAc,CAAC,CAAC,CAACO,SAAS;EAE/C,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEpD,MAAMC,OAAO,GAAGJ,IAAI,IAAID,QAAQ,IAAIH,YAAY,CAACS,gBAAgB;EAEjE,MAAM;IAAEC,YAAY;IAAEX,KAAK,EAAEY;EAAiB,CAAC,GAC7CnB,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC/B,MAAM;IAAEiB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAGtB,WAAW,CAAC,MAAM;IACvC,IAAIqB,OAAO,EAAE;MACXF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEE,OAAO,CAAC,CAAC;EAE3B,OACEtB,KAAA,CAAAwB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLC,OAAO,EAAC,WAAW;IACnBd,SAAS,EAAET,UAAU,CAAC,0BAA0B,EAAES,SAAS,CAAE;IAC7De,IAAI,EAAEpB,KAAM;IACZqB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAEN;EAAe,GACpBR,IAAI,GAEPG,OACK,CAAC;AAEb;AAEAV,qBAAqB,CAACsB,qBAAqB,GAAG,IAAI;AAClD,eAAetB,qBAAqB","ignoreList":[]}
+{"version":3,"file":"IsolationCommitButton.js","names":["React","useCallback","useContext","classnames","useTranslation","DataContext","Button","check","IsolationCommitButton","props","translations","Isolation","className","children","text","rest","_objectWithoutProperties","_excluded","content","commitButtonText","handleSubmit","dataContextProps","isolate","onClickHandler","createElement","_extends","variant","icon","icon_position","onClick","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationCommitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from '../../hooks'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport { check } from '../../../../icons'\n\nexport type Props = ButtonProps\n\nfunction IsolationCommitButton(props: Props) {\n  const translations = useTranslation().Isolation\n\n  const { className, children, text, ...rest } = props\n\n  const content = text || children || translations.commitButtonText\n\n  const { handleSubmit, props: dataContextProps } =\n    useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (isolate) {\n      handleSubmit?.()\n    }\n  }, [handleSubmit, isolate])\n\n  return (\n    <Button\n      variant=\"secondary\"\n      className={classnames('dnb-forms-isolate__commit-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      onClick={onClickHandler}\n      {...rest}\n    >\n      {content}\n    </Button>\n  )\n}\n\nIsolationCommitButton._supportsSpacingProps = true\nexport default IsolationCommitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,SAASC,KAAK,QAAQ,mBAAmB;AAIzC,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC3C,MAAMC,YAAY,GAAGN,cAAc,CAAC,CAAC,CAACO,SAAS;EAE/C,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEpD,MAAMC,OAAO,GAAGJ,IAAI,IAAID,QAAQ,IAAIH,YAAY,CAACS,gBAAgB;EAEjE,MAAM;IAAEC,YAAY;IAAEX,KAAK,EAAEY;EAAiB,CAAC,GAC7CnB,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC/B,MAAM;IAAEiB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAGtB,WAAW,CAAC,MAAM;IACvC,IAAIqB,OAAO,EAAE;MACXF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEE,OAAO,CAAC,CAAC;EAE3B,OACEtB,KAAA,CAAAwB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLC,OAAO,EAAC,WAAW;IACnBd,SAAS,EAAET,UAAU,CAAC,kCAAkC,EAAES,SAAS,CAAE;IACrEe,IAAI,EAAEpB,KAAM;IACZqB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAEN;EAAe,GACpBR,IAAI,GAEPG,OACK,CAAC;AAEb;AAEAV,qBAAqB,CAACsB,qBAAqB,GAAG,IAAI;AAClD,eAAetB,qBAAqB","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolationContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ContextState } from '../../DataContext/Context';
+import { IsolationDataReference } from './IsolationDataReference';
+export type IsolationContext = {
+    dataReference: IsolationDataReference;
+    resetDataAfterCommit: boolean;
+    outerContext: ContextState;
+    preventUncommittedChanges: boolean;
+    setIsolatedData: (data: unknown) => void;
+};
+declare const IsolationContext: import("react").Context<IsolationContext>;
+export default IsolationContext;

package/es/extensions/forms/Form/Isolation/IsolationContext.js

@@ -0,0 +1,6 @@
+"use client";
+
+import { createContext } from 'react';
+const IsolationContext = createContext(null);
+export default IsolationContext;
+//# sourceMappingURL=IsolationContext.js.map

package/es/extensions/forms/Form/Isolation/IsolationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsolationContext.js","names":["createContext","IsolationContext"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ContextState } from '../../DataContext/Context'\nimport { IsolationDataReference } from './IsolationDataReference'\n\nexport type IsolationContext = {\n  dataReference: IsolationDataReference\n  resetDataAfterCommit: boolean\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  setIsolatedData: (data: unknown) => void\n}\n\nconst IsolationContext = createContext<IsolationContext>(null)\n\nexport default IsolationContext\n"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAYrC,MAAMC,gBAAgB,GAAGD,aAAa,CAAmB,IAAI,CAAC;AAE9D,eAAeC,gBAAgB","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolationDataReference.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type IsolationDataReference = {
+    refresh: () => void;
+    update: (data: unknown) => void;
+    cleanup: () => void;
+    snapshotRef: React.MutableRefObject<unknown>;
+    eventsRef: React.MutableRefObject<Array<() => void>>;
+};
+export declare function createDataReference(): IsolationDataReference;

package/es/extensions/forms/Form/Isolation/IsolationDataReference.js

@@ -0,0 +1,25 @@
+export function createDataReference() {
+  const snapshotRef = {
+    current: undefined
+  };
+  const eventsRef = {
+    current: []
+  };
+  const refresh = () => {
+    eventsRef.current.forEach(fn => fn());
+  };
+  const update = data => {
+    snapshotRef.current = data;
+  };
+  const cleanup = () => {
+    eventsRef.current = [];
+  };
+  return {
+    refresh,
+    update,
+    cleanup,
+    snapshotRef,
+    eventsRef
+  };
+}
+//# sourceMappingURL=IsolationDataReference.js.map

package/es/extensions/forms/Form/Isolation/IsolationDataReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","forEach","fn","update","data","cleanup"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDataReference.ts"],"sourcesContent":["import React from 'react'\n\nexport type IsolationDataReference = {\n  refresh: () => void\n  update: (data: unknown) => void\n  cleanup: () => void\n  snapshotRef: React.MutableRefObject<unknown>\n  eventsRef: React.MutableRefObject<Array<() => void>>\n}\n\nexport function createDataReference(): IsolationDataReference {\n  const snapshotRef = { current: undefined }\n  const eventsRef = { current: [] }\n\n  const refresh: IsolationDataReference['refresh'] = () => {\n    eventsRef.current.forEach((fn) => fn())\n  }\n\n  const update: IsolationDataReference['update'] = (data) => {\n    snapshotRef.current = data\n  }\n\n  const cleanup: IsolationDataReference['cleanup'] = () => {\n    eventsRef.current = []\n  }\n\n  return {\n    refresh,\n    update,\n    cleanup,\n    snapshotRef,\n    eventsRef,\n  }\n}\n"],"mappings":"AAUA,OAAO,SAASA,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,WAAW,GAAG;IAAEC,OAAO,EAAEC;EAAU,CAAC;EAC1C,MAAMC,SAAS,GAAG;IAAEF,OAAO,EAAE;EAAG,CAAC;EAEjC,MAAMG,OAA0C,GAAGA,CAAA,KAAM;IACvDD,SAAS,CAACF,OAAO,CAACI,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,MAAwC,GAAIC,IAAI,IAAK;IACzDR,WAAW,CAACC,OAAO,GAAGO,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAGA,CAAA,KAAM;IACvDN,SAAS,CAACF,OAAO,GAAG,EAAE;EACxB,CAAC;EAED,OAAO;IACLG,OAAO;IACPG,MAAM;IACNE,OAAO;IACPT,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolationDocs.js

@@ -22,6 +22,21 @@ export const IsolationProperties = _objectSpread(_objectSpread({
     doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',
     type: 'boolean',
     status: 'optional'
+  },
+  preventUncommittedChanges: {
+    doc: 'Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  resetDataAfterCommit: {
+    doc: 'If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  dataReference: {
+    doc: 'Provide a reference by using `Form.Isolation.createDataReference.`',
+    type: 'IsolationDataReference',
+    status: 'optional'
   }
 }, ProviderProperties), {}, {
   minimumAsyncBehaviorTime: undefined,

package/es/extensions/forms/Form/Isolation/IsolationDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","bubbleValidation","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,gBAAgB,EAAE;IAChBL,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBU,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,cAAc,EAAEJ;AAAS,EAC1B;AAED,OAAO,MAAMK,eAAqC,GAAAd,aAAA,CAAAA,aAAA;EAChDe,QAAQ,EAAE;IACRb,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBmB,QAAQ,EAAEP,SAAS;EACnBQ,eAAe,EAAER,SAAS;EAC1BS,gBAAgB,EAAET;AAAS,EAC5B","ignoreList":[]}
+{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","bubbleValidation","preventUncommittedChanges","resetDataAfterCommit","dataReference","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventUncommittedChanges: {\n    doc: 'Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  resetDataAfterCommit: {\n    doc: 'If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dataReference: {\n    doc: 'Provide a reference by using `Form.Isolation.createDataReference.`',\n    type: 'IsolationDataReference',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,gBAAgB,EAAE;IAChBL,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,yBAAyB,EAAE;IACzBN,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,oBAAoB,EAAE;IACpBP,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBa,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,cAAc,EAAEJ;AAAS,EAC1B;AAED,OAAO,MAAMK,eAAqC,GAAAjB,aAAA,CAAAA,aAAA;EAChDkB,QAAQ,EAAE;IACRhB,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBsB,QAAQ,EAAEP,SAAS;EACnBQ,eAAe,EAAER,SAAS;EAC1BS,gBAAgB,EAAET;AAAS,EAC5B","ignoreList":[]}