@dnb/eufemia 10.31.0 → 10.33.0

package/cjs/extensions/forms/Wizard/Step/Step.js

@@ -11,7 +11,7 @@ var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"))
 var _Flex = _interopRequireDefault(require("../../../../components/flex/Flex"));
 var _componentHelper = require("../../../../shared/component-helper");
 var _FieldProps = _interopRequireDefault(require("../../Form/FieldProps"));
-const _excluded = ["className", "title", "index", "required", "children"];
+const _excluded = ["className", "title", "index", "required", "prerenderFieldProps", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -25,6 +25,7 @@ function Step(props) {
       title,
       index,
       required,
+      prerenderFieldProps,
       children
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
@@ -33,11 +34,11 @@ function Step(props) {
     stepElementRef
   } = (0, _react.useContext)(_WizardContext.default) || {};
   const ariaLabel = (0, _react.useMemo)(() => {
-    return (0, _componentHelper.convertJsxToString)(title);
-  }, [title]);
+    return !prerenderFieldProps && (0, _componentHelper.convertJsxToString)(title);
+  }, [prerenderFieldProps, title]);
   const currentElementRef = (0, _react.useRef)();
   useLayoutEffect(() => {
-    if (typeof stepElementRef !== 'undefined') {
+    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {
       if (currentElementRef.current) {
         stepElementRef.current = currentElementRef.current;
       }
@@ -45,7 +46,10 @@ function Step(props) {
         stepElementRef.current = null;
       };
     }
-  }, [stepElementRef]);
+  }, [prerenderFieldProps, stepElementRef]);
+  if (prerenderFieldProps) {
+    return children;
+  }
   if (activeIndex !== index) {
     return null;
   }

package/cjs/extensions/forms/Wizard/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_Flex","_componentHelper","_FieldProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","Step","props","className","title","index","required","children","restProps","activeIndex","stepElementRef","useContext","WizardContext","ariaLabel","useMemo","convertJsxToString","currentElementRef","useRef","current","fieldProps","undefined","createElement","Stack","classnames","element","innerRef","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n  }\n\nfunction Step(props: Props) {\n  const { className, title, index, required, children, ...restProps } =\n    props\n  const { activeIndex, stepElementRef } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return convertJsxToString(title)\n  }, [title])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [stepElementRef])\n\n  if (activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_Flex","_componentHelper","_FieldProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","Step","props","className","title","index","required","prerenderFieldProps","children","restProps","activeIndex","stepElementRef","useContext","WizardContext","ariaLabel","useMemo","convertJsxToString","currentElementRef","useRef","current","fieldProps","undefined","createElement","Stack","classnames","element","innerRef","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props) {\n  const {\n    className,\n    title,\n    index,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { activeIndex, stepElementRef } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return !prerenderFieldProps && convertJsxToString(title)\n  }, [prerenderFieldProps, title])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children\n  }\n\n  if (activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":"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"}

package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.css

@@ -23,7 +23,6 @@
   outline: none;
 }
 .dnb-forms-wizard-layout__contents .dnb-card {
-  --border-color: var(--color-pistachio);
   max-width: var(--forms-card-max-width);
 }
 .dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,

package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.min.css

@@ -1 +1 @@
-.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}
+.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}

package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.scss

@@ -24,7 +24,6 @@
     }
 
     .dnb-card {
-      --border-color: var(--color-pistachio);
       max-width: var(--forms-card-max-width);
     }
 

package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-sbanken.css

@@ -0,0 +1 @@
+/* Sbanken theme */

package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-sbanken.scss

@@ -0,0 +1 @@
+/* Sbanken theme */

package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.css

@@ -0,0 +1,3 @@
+.dnb-forms-wizard-layout__contents .dnb-card {
+  --border-color: var(--color-pistachio);
+}

package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.min.css

@@ -0,0 +1 @@
+.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio)}

package/cjs/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss

@@ -0,0 +1,7 @@
+.dnb-forms-wizard-layout {
+  &__contents {
+    .dnb-card {
+      --border-color: var(--color-pistachio);
+    }
+  }
+}

package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts

@@ -0,0 +1,2 @@
+import { SectionProps } from '../../../Form/Section';
+export default function FirstBlock(props: SectionProps): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FirstBlock;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _components = require("../../../../../components");
+var _Content, _Field$Name$First, _Field$Name$Last;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const translations = {
+  'nb-NO': {
+    MyBlock: {
+      MyField: {
+        label: 'Felt label'
+      }
+    }
+  },
+  'en-GB': {
+    MyBlock: {
+      MyField: {
+        label: 'Field label'
+      }
+    }
+  }
+};
+function FirstBlock(props) {
+  return _react.default.createElement(_.Form.Section, _extends({
+    translations: translations,
+    required: true
+  }, props), _Content || (_Content = _react.default.createElement(Content, null)));
+}
+function Content() {
+  const tr = _.Form.useTranslation();
+  return _react.default.createElement(_components.Flex.Stack, null, _Field$Name$First || (_Field$Name$First = _react.default.createElement(_.Field.Name.First, {
+    path: "/firstName"
+  })), _Field$Name$Last || (_Field$Name$Last = _react.default.createElement(_.Field.Name.Last, {
+    path: "/lastName"
+  })), _react.default.createElement(_.Field.String, {
+    label: tr.MyBlock.MyField.label,
+    path: "/myField"
+  }));
+}
+//# sourceMappingURL=FirstBlock.js.map

package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstBlock.js","names":["_react","_interopRequireDefault","require","_","_components","_Content","_Field$Name$First","_Field$Name$Last","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","translations","MyBlock","MyField","label","FirstBlock","props","createElement","Form","Section","required","Content","tr","useTranslation","Flex","Stack","Field","Name","First","path","Last","String"],"sources":["../../../../../../../src/extensions/forms/blocks/Category/FirstBlock/FirstBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form } from '../../..'\nimport { Flex } from '../../../../../components'\nimport { SectionProps } from '../../../Form/Section'\n\nconst translations = {\n  'nb-NO': { MyBlock: { MyField: { label: 'Felt label' } } },\n  'en-GB': { MyBlock: { MyField: { label: 'Field label' } } },\n}\ntype Translation = (typeof translations)[keyof typeof translations]\n\nexport default function FirstBlock(props: SectionProps) {\n  return (\n    <Form.Section translations={translations} required {...props}>\n      <Content />\n    </Form.Section>\n  )\n}\n\nfunction Content() {\n  const tr = Form.useTranslation<Translation>()\n  return (\n    <Flex.Stack>\n      <Field.Name.First path=\"/firstName\" />\n      <Field.Name.Last path=\"/lastName\" />\n      <Field.String label={tr.MyBlock.MyField.label} path=\"/myField\" />\n    </Flex.Stack>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAgD,IAAAG,QAAA,EAAAC,iBAAA,EAAAC,gBAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGhD,MAAMQ,YAAY,GAAG;EACnB,OAAO,EAAE;IAAEC,OAAO,EAAE;MAAEC,OAAO,EAAE;QAAEC,KAAK,EAAE;MAAa;IAAE;EAAE,CAAC;EAC1D,OAAO,EAAE;IAAEF,OAAO,EAAE;MAAEC,OAAO,EAAE;QAAEC,KAAK,EAAE;MAAc;IAAE;EAAE;AAC5D,CAAC;AAGc,SAASC,UAAUA,CAACC,KAAmB,EAAE;EACtD,OACE9B,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC5B,CAAA,CAAA6B,IAAI,CAACC,OAAO,EAAAtB,QAAA;IAACc,YAAY,EAAEA,YAAa;IAACS,QAAQ;EAAA,GAAKJ,KAAK,GAAAzB,QAAA,KAAAA,QAAA,GAC1DL,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAACI,OAAO,MAAE,CAAC,CACC,CAAC;AAEnB;AAEA,SAASA,OAAOA,CAAA,EAAG;EACjB,MAAMC,EAAE,GAAGJ,MAAI,CAACK,cAAc,CAAc,CAAC;EAC7C,OACErC,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC3B,WAAA,CAAAkC,IAAI,CAACC,KAAK,QAAAjC,iBAAA,KAAAA,iBAAA,GACTN,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC5B,CAAA,CAAAqC,KAAK,CAACC,IAAI,CAACC,KAAK;IAACC,IAAI,EAAC;EAAY,CAAE,CAAC,GAAApC,gBAAA,KAAAA,gBAAA,GACtCP,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC5B,CAAA,CAAAqC,KAAK,CAACC,IAAI,CAACG,IAAI;IAACD,IAAI,EAAC;EAAW,CAAE,CAAC,GACpC3C,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC5B,CAAA,CAAAqC,KAAK,CAACK,MAAM;IAACjB,KAAK,EAAEQ,EAAE,CAACV,OAAO,CAACC,OAAO,CAACC,KAAM;IAACe,IAAI,EAAC;EAAU,CAAE,CACtD,CAAC;AAEjB"}

package/cjs/extensions/forms/blocks/Category/FirstBlock/index.d.ts

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

package/cjs/extensions/forms/blocks/Category/FirstBlock/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FirstBlock.default;
+  }
+});
+var _FirstBlock = _interopRequireWildcard(require("./FirstBlock"));
+Object.keys(_FirstBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FirstBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FirstBlock[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/blocks/Category/FirstBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FirstBlock","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../../src/extensions/forms/blocks/Category/FirstBlock/index.ts"],"sourcesContent":["export { default } from './FirstBlock'\nexport * from './FirstBlock'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/blocks/Category/index.d.ts

@@ -0,0 +1 @@
+export { default as FirstBlock } from './FirstBlock';

package/cjs/extensions/forms/blocks/Category/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FirstBlock", {
+  enumerable: true,
+  get: function () {
+    return _FirstBlock.default;
+  }
+});
+var _FirstBlock = _interopRequireDefault(require("./FirstBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/blocks/Category/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FirstBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../../src/extensions/forms/blocks/Category/index.ts"],"sourcesContent":["export { default as FirstBlock } from './FirstBlock'\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/blocks/index.d.ts

@@ -0,0 +1 @@
+export * as Category from './Category';

package/cjs/extensions/forms/blocks/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Category = void 0;
+var _Category = _interopRequireWildcard(require("./Category"));
+exports.Category = _Category;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/extensions/forms/blocks/index.ts"],"sourcesContent":["export * as Category from './Category'\n"],"mappings":""}

package/cjs/extensions/forms/hooks/index.d.ts

@@ -1,10 +1,7 @@
+export { default as usePath } from './usePath';
 export { default as useFieldProps } from './useFieldProps';
 export { default as useValueProps } from './useValueProps';
+export { default as useExternalValue } from './useExternalValue';
 export { default as useErrorMessage } from './useErrorMessage';
 export { default as useProcessManager } from './useProcessManager';
 export { default as useTranslation } from './useTranslation';
-/**
- * Can be removed in v11
- * @deprecated Use `useFieldProps` instead
- */
-export { default as useDataValue } from './useFieldProps';

package/cjs/extensions/forms/hooks/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useDataValue", {
+Object.defineProperty(exports, "useErrorMessage", {
   enumerable: true,
   get: function () {
-    return _useFieldProps.default;
+    return _useErrorMessage.default;
   }
 });
-Object.defineProperty(exports, "useErrorMessage", {
+Object.defineProperty(exports, "useExternalValue", {
   enumerable: true,
   get: function () {
-    return _useErrorMessage.default;
+    return _useExternalValue.default;
   }
 });
 Object.defineProperty(exports, "useFieldProps", {
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useFieldProps", {
     return _useFieldProps.default;
   }
 });
+Object.defineProperty(exports, "usePath", {
+  enumerable: true,
+  get: function () {
+    return _usePath.default;
+  }
+});
 Object.defineProperty(exports, "useProcessManager", {
   enumerable: true,
   get: function () {
@@ -39,8 +45,10 @@ Object.defineProperty(exports, "useValueProps", {
     return _useValueProps.default;
   }
 });
+var _usePath = _interopRequireDefault(require("./usePath"));
 var _useFieldProps = _interopRequireDefault(require("./useFieldProps"));
 var _useValueProps = _interopRequireDefault(require("./useValueProps"));
+var _useExternalValue = _interopRequireDefault(require("./useExternalValue"));
 var _useErrorMessage = _interopRequireDefault(require("./useErrorMessage"));
 var _useProcessManager = _interopRequireDefault(require("./useProcessManager"));
 var _useTranslation = _interopRequireDefault(require("./useTranslation"));

package/cjs/extensions/forms/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_useFieldProps","_interopRequireDefault","require","_useValueProps","_useErrorMessage","_useProcessManager","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as useFieldProps } from './useFieldProps'\nexport { default as useValueProps } from './useValueProps'\nexport { default as useErrorMessage } from './useErrorMessage'\nexport { default as useProcessManager } from './useProcessManager'\nexport { default as useTranslation } from './useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useFieldProps` instead\n */\nexport { default as useDataValue } from './useFieldProps'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA4D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_usePath","_interopRequireDefault","require","_useFieldProps","_useValueProps","_useExternalValue","_useErrorMessage","_useProcessManager","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as usePath } from './usePath'\nexport { default as useFieldProps } from './useFieldProps'\nexport { default as useValueProps } from './useValueProps'\nexport { default as useExternalValue } from './useExternalValue'\nexport { default as useErrorMessage } from './useErrorMessage'\nexport { default as useProcessManager } from './useProcessManager'\nexport { default as useTranslation } from './useTranslation'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,kBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA4D,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/hooks/useDataValue.d.ts

@@ -0,0 +1,9 @@
+import { Path } from '../types';
+export type Props<Value> = {
+    path?: Path | undefined;
+    value?: Value;
+};
+export default function useDataValue<Value>({ path: pathProp, value, }?: Props<Value>): {
+    getValue: (source: Path | Value) => any;
+    value: Value;
+};

package/cjs/extensions/forms/hooks/useDataValue.js

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDataValue;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _usePath = _interopRequireDefault(require("./usePath"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useDataValue() {
+  let {
+    path: pathProp,
+    value
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const dataContextRef = (0, _react.useRef)();
+  dataContextRef.current = (0, _react.useContext)(_Context.default);
+  const {
+    makePath
+  } = (0, _usePath.default)();
+  const getValue = (0, _react.useCallback)(source => {
+    if (typeof source === 'string') {
+      var _dataContextRef$curre;
+      const path = makePath(source);
+      return _jsonPointer.default.has((_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data, path) ? _jsonPointer.default.get(dataContextRef.current.data, path) : undefined;
+    }
+    return source;
+  }, [makePath]);
+  if (pathProp) {
+    value = getValue(pathProp);
+  }
+  return {
+    getValue,
+    value
+  };
+}
+//# sourceMappingURL=useDataValue.js.map

package/cjs/extensions/forms/hooks/useDataValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","obj","__esModule","default","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","useRef","current","useContext","DataContext","makePath","usePath","getValue","useCallback","source","_dataContextRef$curre","pointer","has","data","get"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport default function useDataValue<Value>({\n  path: pathProp,\n  value,\n}: Props<Value> = {}) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { makePath } = usePath()\n\n  const getValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string') {\n        const path = makePath(source)\n        return pointer.has(dataContextRef.current?.data, path)\n          ? pointer.get(dataContextRef.current.data, path)\n          : undefined\n      }\n\n      return source\n    },\n    [makePath]\n  )\n\n  if (pathProp) {\n    value = getValue(pathProp)\n  }\n\n  return { getValue, value }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOhB,SAASG,YAAYA,CAAA,EAGd;EAAA,IAHsB;IAC1CC,IAAI,EAAEC,QAAQ;IACdC;EACY,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClB,MAAMG,cAAc,GAAG,IAAAC,aAAM,EAAe,CAAC;EAC7CD,cAAc,CAACE,OAAO,GAAG,IAAAC,iBAAU,EAAeC,gBAAW,CAAC;EAE9D,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MAC9B,MAAMhB,IAAI,GAAGW,QAAQ,CAACI,MAAM,CAAC;MAC7B,OAAOE,oBAAO,CAACC,GAAG,EAAAF,qBAAA,GAACV,cAAc,CAACE,OAAO,cAAAQ,qBAAA,uBAAtBA,qBAAA,CAAwBG,IAAI,EAAEnB,IAAI,CAAC,GAClDiB,oBAAO,CAACG,GAAG,CAACd,cAAc,CAACE,OAAO,CAACW,IAAI,EAAEnB,IAAI,CAAC,GAC9CK,SAAS;IACf;IAEA,OAAOU,MAAM;EACf,CAAC,EACD,CAACJ,QAAQ,CACX,CAAC;EAED,IAAIV,QAAQ,EAAE;IACZC,KAAK,GAAGW,QAAQ,CAACZ,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEY,QAAQ;IAAEX;EAAM,CAAC;AAC5B"}

package/cjs/extensions/forms/hooks/useExternalValue.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FieldProps, Path } from '../types';
+export type Props<Value> = {
+    path?: Path | undefined;
+    itemPath?: Path;
+    value?: Value;
+    transformers?: React.MutableRefObject<{
+        fromExternal: FieldProps<Value>['fromExternal'];
+    }>;
+    emptyValue?: FieldProps<Value>['emptyValue'];
+};
+export default function useExternalValue<Value>(props: Props<Value>): any;

package/cjs/extensions/forms/hooks/useExternalValue.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useExternalValue;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useExternalValue(props) {
+  const {
+    path,
+    itemPath,
+    value,
+    transformers,
+    emptyValue = undefined
+  } = props;
+  const dataContext = (0, _react.useContext)(_Context.default);
+  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const inIterate = Boolean(iterateElementContext);
+  const {
+    value: iterateElementValue
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  return (0, _react.useMemo)(() => {
+    if (value !== emptyValue) {
+      var _transformers$current, _transformers$current2;
+      return transformers === null || transformers === void 0 ? void 0 : (_transformers$current = transformers.current) === null || _transformers$current === void 0 ? void 0 : (_transformers$current2 = _transformers$current.fromExternal) === null || _transformers$current2 === void 0 ? void 0 : _transformers$current2.call(_transformers$current, value);
+    }
+    if (inIterate && itemPath) {
+      if (itemPath === '/') {
+        return iterateElementValue;
+      }
+      return _jsonPointer.default.has(iterateElementValue, itemPath) ? _jsonPointer.default.get(iterateElementValue, itemPath) : emptyValue;
+    }
+    if (dataContext.data && path) {
+      if (path === '/') {
+        return dataContext.data;
+      }
+      return _jsonPointer.default.has(dataContext.data, path) ? _jsonPointer.default.get(dataContext.data, path) : emptyValue;
+    }
+    return emptyValue;
+  }, [dataContext.data, emptyValue, inIterate, itemPath, iterateElementValue, path, transformers, value]);
+}
+//# sourceMappingURL=useExternalValue.js.map

package/cjs/extensions/forms/hooks/useExternalValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateElementContext","obj","__esModule","default","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","dataContext","useContext","DataContext","iterateElementContext","IterateElementContext","inIterate","Boolean","iterateElementValue","useMemo","_transformers$current","_transformers$current2","current","fromExternal","call","pointer","has","get","data"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateElementContext'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  itemPath?: Path\n  value?: Value\n  transformers?: React.MutableRefObject<{\n    fromExternal: FieldProps<Value>['fromExternal']\n  }>\n  emptyValue?: FieldProps<Value>['emptyValue']\n}\n\nexport default function useExternalValue<Value>(props: Props<Value>) {\n  const {\n    path,\n    itemPath,\n    value,\n    transformers,\n    emptyValue = undefined,\n  } = props\n  const dataContext = useContext(DataContext)\n  const iterateElementContext = useContext(IterateElementContext)\n  const inIterate = Boolean(iterateElementContext)\n  const { value: iterateElementValue } = iterateElementContext ?? {}\n\n  return useMemo(() => {\n    if (value !== emptyValue) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers?.current?.fromExternal?.(value)\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, itemPath)\n        ? pointer.get(iterateElementValue, itemPath)\n        : emptyValue\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : emptyValue\n    }\n\n    return emptyValue\n  }, [\n    dataContext.data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoE,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYrD,SAASG,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAC3C,MAAMC,qBAAqB,GAAG,IAAAF,iBAAU,EAACG,8BAAqB,CAAC;EAC/D,MAAMC,SAAS,GAAGC,OAAO,CAACH,qBAAqB,CAAC;EAChD,MAAM;IAAEP,KAAK,EAAEW;EAAoB,CAAC,GAAGJ,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElE,OAAO,IAAAK,cAAO,EAAC,MAAM;IACnB,IAAIZ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAW,qBAAA,EAAAC,sBAAA;MAExB,OAAOb,YAAY,aAAZA,YAAY,wBAAAY,qBAAA,GAAZZ,YAAY,CAAEc,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCb,KAAK,CAAC;IACrD;IAEA,IAAIS,SAAS,IAAIV,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOY,mBAAmB;MAC5B;MAEA,OAAOO,oBAAO,CAACC,GAAG,CAACR,mBAAmB,EAAEZ,QAAQ,CAAC,GAC7CmB,oBAAO,CAACE,GAAG,CAACT,mBAAmB,EAAEZ,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,WAAW,CAACiB,IAAI,IAAIvB,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,WAAW,CAACiB,IAAI;MACzB;MAEA,OAAOH,oBAAO,CAACC,GAAG,CAACf,WAAW,CAACiB,IAAI,EAAEvB,IAAI,CAAC,GACtCoB,oBAAO,CAACE,GAAG,CAAChB,WAAW,CAACiB,IAAI,EAAEvB,IAAI,CAAC,GACnCI,UAAU;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,WAAW,CAACiB,IAAI,EAChBnB,UAAU,EACVO,SAAS,EACTV,QAAQ,EACRY,mBAAmB,EACnBb,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}

package/cjs/extensions/forms/hooks/useFieldProps.d.ts

@@ -1,5 +1,5 @@
 import { AriaAttributes } from 'react';
-import { FieldProps, AdditionalEventArgs, SubmitState, Path } from '../types';
+import { FieldProps, AdditionalEventArgs, SubmitState } from '../types';
 import { ContextState } from '../DataContext';
 export type DataAttributes = {
     [property: `data-${string}`]: string | boolean | number;
@@ -21,12 +21,3 @@ export interface ReturnAdditional<Value> {
     dataContext: ContextState;
     fieldState: SubmitState;
 }
-export declare function useExternalValue<Value>({ path, itemPath, props, transformers, emptyValue, }: {
-    path?: Path;
-    itemPath?: Path;
-    props: FieldProps<Value>;
-    transformers: React.MutableRefObject<{
-        fromExternal: FieldProps<Value>['fromExternal'];
-    }>;
-    emptyValue?: FieldProps<Value>['emptyValue'];
-}): any;