@dnb/eufemia 10.50.0 → 10.51.1

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","showEmpty","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","getValue","useData","hasNoChildren","visible","SummaryList","valueVale","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n  showEmpty?: boolean\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  showEmpty,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          showEmpty={showEmpty}\n          spacingProps={spacingProps}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n  showEmpty,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasNoChildren = getValue('/hasChildren') === false\n\n  return (\n    <Form.Visibility visible={showEmpty} pathTrue=\"/hasChildren\" animate>\n      <Card stack {...spacingProps}>\n        {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n        <Value.SummaryList>\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.valueVale}\n            defaultValue={0}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n            transformIn={(value) => (hasNoChildren ? 0 : value)}\n          />\n\n          <Iterate.Array\n            path=\"/children\"\n            limit={hasNoChildren ? 0 : undefined}\n          >\n            <Value.Composition\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              gap={false}\n            >\n              <Value.Number\n                itemPath=\"/age\"\n                suffix={tr.ChildrenWithAge.childrenAge.suffix}\n                defaultValue=\"–\"\n              />\n\n              <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/jointResponsibility\"\n                  trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                  falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n\n              <Form.Visibility pathTrue=\"/usesDaycare\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/hasDaycare\"\n                  trueText={tr.ChildrenWithAge.daycareTrue}\n                  falseText={tr.ChildrenWithAge.daycareFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n            </Value.Composition>\n          </Iterate.Array>\n        </Value.SummaryList>\n\n        {typeof toWizardStep === 'number' ? (\n          <Wizard.EditButton toStep={toWizardStep} />\n        ) : null}\n      </Card>\n    </Form.Visibility>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","getValue","useData","hasNoChildren","SummaryList","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          spacingProps={spacingProps}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasNoChildren = getValue('/hasChildren') === false\n\n  return (\n    <Card stack {...spacingProps}>\n      {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n      <Value.SummaryList>\n        <Value.Boolean\n          path=\"/hasChildren\"\n          label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        />\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.fieldLabel}\n            defaultValue={0}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n            transformIn={(value) => (hasNoChildren ? 0 : value)}\n          />\n        </Form.Visibility>\n        <Iterate.Array\n          path=\"/children\"\n          limit={hasNoChildren ? 0 : undefined}\n        >\n          <Value.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            gap={false}\n          >\n            <Value.Number\n              itemPath=\"/age\"\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              {', '}\n              <Value.Boolean\n                inline\n                itemPath=\"/jointResponsibility\"\n                trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                defaultValue={false}\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              {', '}\n              <Value.Boolean\n                inline\n                itemPath=\"/hasDaycare\"\n                trueText={tr.ChildrenWithAge.daycareTrue}\n                falseText={tr.ChildrenWithAge.daycareFalse}\n                defaultValue={false}\n              />\n            </Form.Visibility>\n          </Value.Composition>\n        </Iterate.Array>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js

@@ -14,11 +14,6 @@ export const ChildrenWithAgeProperties = {
     type: 'number',
     status: 'optional'
   },
-  showEmpty: {
-    doc: 'Show the `Value.*` version when there are no children. Defaults to `false`.',
-    type: 'boolean',
-    status: 'optional'
-  },
   '[Space](/uilib/layout/space/properties)': {
     doc: 'Spacing properties like `top` or `bottom` are supported.',
     type: ['string', 'object'],

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAgeDocs.js","names":["ChildrenWithAgeProperties","mode","doc","type","status","enableAdditionalQuestions","toWizardStep","showEmpty"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ChildrenWithAgeProperties: PropertiesTableProps = {\n  mode: {\n    doc: '`summary` for a `Value.*` version, `edit` for an editable field version. Defaults to `edit`.',\n    type: 'number',\n    status: 'optional',\n  },\n  enableAdditionalQuestions: {\n    doc: '[`joint-responsibility`, `daycare`]',\n    type: 'array',\n    status: 'optional',\n  },\n  toWizardStep: {\n    doc: 'If defined, a `Wizard.EditButton` will be shown.',\n    type: 'number',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Show the `Value.*` version when there are no children. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAA+C,GAAG;EAC7DC,IAAI,EAAE;IACJC,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,yBAAyB,EAAE;IACzBH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ChildrenWithAgeDocs.js","names":["ChildrenWithAgeProperties","mode","doc","type","status","enableAdditionalQuestions","toWizardStep"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ChildrenWithAgeProperties: PropertiesTableProps = {\n  mode: {\n    doc: '`summary` for a `Value.*` version, `edit` for an editable field version. Defaults to `edit`.',\n    type: 'number',\n    status: 'optional',\n  },\n  enableAdditionalQuestions: {\n    doc: '[`joint-responsibility`, `daycare`]',\n    type: 'array',\n    status: 'optional',\n  },\n  toWizardStep: {\n    doc: 'If defined, a `Wizard.EditButton` will be shown.',\n    type: 'number',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAA+C,GAAG;EAC7DC,IAAI,EAAE;IACJC,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,yBAAyB,EAAE;IACzBH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts

@@ -9,7 +9,6 @@ export declare const translations: {
             countChildren: {
                 fieldLabel: string;
                 required: string;
-                valueVale: string;
                 suffix: string;
             };
             childrenAge: {
@@ -46,7 +45,6 @@ export declare const translations: {
             countChildren: {
                 fieldLabel: string;
                 required: string;
-                valueVale: string;
                 suffix: string;
             };
             childrenAge: {

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js

@@ -7,7 +7,6 @@ const nbNO = {
   countChildren: {
     fieldLabel: 'Antall barn under 18 år',
     required: 'Du må skrive inn antall barn.',
-    valueVale: 'Antall barn under 18 år',
     suffix: 'barn'
   },
   childrenAge: {
@@ -42,7 +41,6 @@ const enGB = {
   countChildren: {
     fieldLabel: 'Number of children under the age of 18',
     required: 'You must enter the number of children.',
-    valueVale: 'Number of children under the age of 18',
     suffix: 'children'
   },
   childrenAge: {

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["nbNO","hasChildren","title","fieldLabel","required","countChildren","valueVale","suffix","childrenAge","hasJointResponsibility","confirmJointResponsibility","usesDaycare","hasDaycare","jointResponsibilityTrue","jointResponsibilityFalse","daycareTrue","daycareFalse","enGB","translations","ChildrenWithAge"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["const nbNO = {\n  hasChildren: {\n    title: 'Antall barn',\n    fieldLabel: 'Har du/dere barn under 18 år?',\n    required: 'Du må angi om du har barn under 18 år eller ikke.',\n  },\n  countChildren: {\n    fieldLabel: 'Antall barn under 18 år',\n    required: 'Du må skrive inn antall barn.',\n    valueVale: 'Antall barn under 18 år',\n    suffix: 'barn',\n  },\n  childrenAge: {\n    fieldLabel: 'Alder på barn nr. {itemNo}',\n    required: 'Du må skrive inn alder på barnet.',\n    suffix: 'år',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Har du delt omsorg for noen av barna?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Delt omsorg',\n  },\n  usesDaycare: {\n    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',\n    required: 'Du må angi om du har SFO/AKS for noen av barna.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Er på SFO/AKS',\n  },\n  jointResponsibilityTrue: 'delt omsorg',\n  jointResponsibilityFalse: 'ikke delt omsorg',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'uten SFO/AKS',\n}\n\nconst enGB = {\n  hasChildren: {\n    title: 'Number of children',\n    fieldLabel: 'Do you have children under the age of 18?',\n    required: 'You must state whether you have children under 18 or not.',\n  },\n  countChildren: {\n    fieldLabel: 'Number of children under the age of 18',\n    required: 'You must enter the number of children.',\n    valueVale: 'Number of children under the age of 18',\n    suffix: 'children',\n  },\n  childrenAge: {\n    fieldLabel: 'Age of child no. {itemNo}',\n    required: 'You must enter the age of the child.',\n    suffix: 'years old',\n  },\n  hasJointResponsibility: {\n    fieldLabel:\n      'Do you have joint parental responsibility for any of the children?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Joint parental responsibility',\n  },\n  usesDaycare: {\n    fieldLabel: 'Do you have SFO/AKS for any of the children?',\n    required:\n      'You must state whether you have SFO/AKS for any of the children.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Has SFO/AKS',\n  },\n  jointResponsibilityTrue: 'joint parental responsibility',\n  jointResponsibilityFalse: 'not joint parental responsibility',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'without SFO/AKS',\n} satisfies typeof nbNO\n\nexport const translations = {\n  'nb-NO': { ChildrenWithAge: nbNO },\n  'en-GB': { ChildrenWithAge: enGB },\n}\n\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,MAAMA,IAAI,GAAG;EACXC,WAAW,EAAE;IACXC,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,yBAAyB;IACrCC,QAAQ,EAAE,+BAA+B;IACzCE,SAAS,EAAE,yBAAyB;IACpCC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,mCAAmC;IAC7CG,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBN,UAAU,EAAE;EACd,CAAC;EACDO,0BAA0B,EAAE;IAC1BP,UAAU,EAAE;EACd,CAAC;EACDQ,WAAW,EAAE;IACXR,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE;EACZ,CAAC;EACDQ,UAAU,EAAE;IACVT,UAAU,EAAE;EACd,CAAC;EACDU,uBAAuB,EAAE,aAAa;EACtCC,wBAAwB,EAAE,kBAAkB;EAC5CC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,IAAI,GAAG;EACXhB,WAAW,EAAE;IACXC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,2CAA2C;IACvDC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE,wCAAwC;IAClDE,SAAS,EAAE,wCAAwC;IACnDC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE,sCAAsC;IAChDG,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBN,UAAU,EACR;EACJ,CAAC;EACDO,0BAA0B,EAAE;IAC1BP,UAAU,EAAE;EACd,CAAC;EACDQ,WAAW,EAAE;IACXR,UAAU,EAAE,8CAA8C;IAC1DC,QAAQ,EACN;EACJ,CAAC;EACDQ,UAAU,EAAE;IACVT,UAAU,EAAE;EACd,CAAC;EACDU,uBAAuB,EAAE,+BAA+B;EACxDC,wBAAwB,EAAE,mCAAmC;EAC7DC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAuB;AAEvB,OAAO,MAAME,YAAY,GAAG;EAC1B,OAAO,EAAE;IAAEC,eAAe,EAAEnB;EAAK,CAAC;EAClC,OAAO,EAAE;IAAEmB,eAAe,EAAEF;EAAK;AACnC,CAAC"}
+{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["nbNO","hasChildren","title","fieldLabel","required","countChildren","suffix","childrenAge","hasJointResponsibility","confirmJointResponsibility","usesDaycare","hasDaycare","jointResponsibilityTrue","jointResponsibilityFalse","daycareTrue","daycareFalse","enGB","translations","ChildrenWithAge"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["const nbNO = {\n  hasChildren: {\n    title: 'Antall barn',\n    fieldLabel: 'Har du/dere barn under 18 år?',\n    required: 'Du må angi om du har barn under 18 år eller ikke.',\n  },\n  countChildren: {\n    fieldLabel: 'Antall barn under 18 år',\n    required: 'Du må skrive inn antall barn.',\n    suffix: 'barn',\n  },\n  childrenAge: {\n    fieldLabel: 'Alder på barn nr. {itemNo}',\n    required: 'Du må skrive inn alder på barnet.',\n    suffix: 'år',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Har du delt omsorg for noen av barna?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Delt omsorg',\n  },\n  usesDaycare: {\n    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',\n    required: 'Du må angi om du har SFO/AKS for noen av barna.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Er på SFO/AKS',\n  },\n  jointResponsibilityTrue: 'delt omsorg',\n  jointResponsibilityFalse: 'ikke delt omsorg',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'uten SFO/AKS',\n}\n\nconst enGB = {\n  hasChildren: {\n    title: 'Number of children',\n    fieldLabel: 'Do you have children under the age of 18?',\n    required: 'You must state whether you have children under 18 or not.',\n  },\n  countChildren: {\n    fieldLabel: 'Number of children under the age of 18',\n    required: 'You must enter the number of children.',\n    suffix: 'children',\n  },\n  childrenAge: {\n    fieldLabel: 'Age of child no. {itemNo}',\n    required: 'You must enter the age of the child.',\n    suffix: 'years old',\n  },\n  hasJointResponsibility: {\n    fieldLabel:\n      'Do you have joint parental responsibility for any of the children?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Joint parental responsibility',\n  },\n  usesDaycare: {\n    fieldLabel: 'Do you have SFO/AKS for any of the children?',\n    required:\n      'You must state whether you have SFO/AKS for any of the children.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Has SFO/AKS',\n  },\n  jointResponsibilityTrue: 'joint parental responsibility',\n  jointResponsibilityFalse: 'not joint parental responsibility',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'without SFO/AKS',\n} satisfies typeof nbNO\n\nexport const translations = {\n  'nb-NO': { ChildrenWithAge: nbNO },\n  'en-GB': { ChildrenWithAge: enGB },\n}\n\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,MAAMA,IAAI,GAAG;EACXC,WAAW,EAAE;IACXC,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,yBAAyB;IACrCC,QAAQ,EAAE,+BAA+B;IACzCE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,mCAAmC;IAC7CE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EAAE;EACd,CAAC;EACDM,0BAA0B,EAAE;IAC1BN,UAAU,EAAE;EACd,CAAC;EACDO,WAAW,EAAE;IACXP,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE;EACZ,CAAC;EACDO,UAAU,EAAE;IACVR,UAAU,EAAE;EACd,CAAC;EACDS,uBAAuB,EAAE,aAAa;EACtCC,wBAAwB,EAAE,kBAAkB;EAC5CC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,IAAI,GAAG;EACXf,WAAW,EAAE;IACXC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,2CAA2C;IACvDC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE,wCAAwC;IAClDE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE,sCAAsC;IAChDE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EACR;EACJ,CAAC;EACDM,0BAA0B,EAAE;IAC1BN,UAAU,EAAE;EACd,CAAC;EACDO,WAAW,EAAE;IACXP,UAAU,EAAE,8CAA8C;IAC1DC,QAAQ,EACN;EACJ,CAAC;EACDO,UAAU,EAAE;IACVR,UAAU,EAAE;EACd,CAAC;EACDS,uBAAuB,EAAE,+BAA+B;EACxDC,wBAAwB,EAAE,mCAAmC;EAC7DC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAuB;AAEvB,OAAO,MAAME,YAAY,GAAG;EAC1B,OAAO,EAAE;IAAEC,eAAe,EAAElB;EAAK,CAAC;EAClC,OAAO,EAAE;IAAEkB,eAAe,EAAEF;EAAK;AACnC,CAAC"}

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

@@ -8,7 +8,7 @@ export default function useDataValue<Value>({ path: pathProp, value, }?: Props<V
     getSourceValue: (source: Path | Value) => any;
     getValueByPath: (path: Path) => any;
     getValueByIteratePath: (path: Path) => any;
-    moveValueToPath: <T>(path: Path, value: unknown) => T;
+    moveValueToPath: <T>(path: Path, value: T) => T;
     getData: (path: Path, options?: {
         includeCurrentPath?: boolean;
     }) => any;

package/extensions/forms/hooks/useDataValue.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useContext, useRef } from 'react';
-import pointer from 'json-pointer';
+import pointer from '../utils/json-pointer';
 import DataContext from '../DataContext/Context';
 import usePath from './usePath';
 export default function useDataValue() {

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","makeIteratePath","get","selector","_dataContextRef$curre","_dataContextRef$curre2","data","internalDataRef","has","getValueByPath","isPath","getValueByIteratePath","moveValueToPath","obj","set","getData","options","includeCurrentPath","getSourceValue","source","startsWith"],"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 type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T\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, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    const data = dataContextRef.current?.internalDataRef?.current\n    if (selector === '/') {\n      return data\n    }\n    return pointer.has(data, selector)\n      ? pointer.get(data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(<T>(path: Path, value: unknown) => {\n    if (path !== '/' && isPath(path)) {\n      const obj = {} as T\n      pointer.set(obj, path, value)\n      return obj\n    }\n\n    return value as T\n  }, [])\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getSourceValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByPath]\n  )\n\n  if (pathProp) {\n    value = getSourceValue(pathProp)\n  }\n\n  return {\n    getSourceValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","makeIteratePath","get","selector","_dataContextRef$curre","_dataContextRef$curre2","data","internalDataRef","has","getValueByPath","isPath","getValueByIteratePath","moveValueToPath","obj","set","getData","options","includeCurrentPath","getSourceValue","source","startsWith"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../utils/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 type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T\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, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    const data = dataContextRef.current?.internalDataRef?.current\n    if (selector === '/') {\n      return data\n    }\n    return pointer.has(data, selector)\n      ? pointer.get(data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(<T>(path: Path, value: T): T => {\n    if (path !== '/' && isPath(path)) {\n      const obj = {}\n      pointer.set(obj, path, value)\n      return obj as T\n    }\n\n    return value\n  }, [])\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getSourceValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByPath]\n  )\n\n  if (pathProp) {\n    value = getSourceValue(pathProp)\n  }\n\n  return {\n    getSourceValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":"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"}

package/extensions/forms/hooks/useExternalValue.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { useContext, useMemo } from 'react';
-import pointer from 'json-pointer';
+import pointer from '../utils/json-pointer';
 import DataContext from '../DataContext/Context';
 import IterateElementContext from '../Iterate/IterateItemContext';
 export default function useExternalValue(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"useExternalValue.js","names":["useContext","useMemo","pointer","DataContext","IterateElementContext","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","data","iterateItemContext","inIterate","Boolean","iterateElementValue","_transformers$current","_transformers$current2","current","fromExternal","call","has","get"],"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/IterateItemContext'\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 { data } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateElementContext)\n  const inIterate = Boolean(iterateItemContext)\n  const { value: iterateElementValue } = iterateItemContext || {}\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 (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 data\n      }\n\n      return pointer.has(data, path) ? pointer.get(data, path) : emptyValue\n    }\n\n    return emptyValue\n  }, [\n    data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,qBAAqB,MAAM,+BAA+B;AAYjE,eAAe,SAASC,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAK,CAAC,GAAGb,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC9C,MAAMW,kBAAkB,GAAGd,UAAU,CAACI,qBAAqB,CAAC;EAC5D,MAAMW,SAAS,GAAGC,OAAO,CAACF,kBAAkB,CAAC;EAC7C,MAAM;IAAEL,KAAK,EAAEQ;EAAoB,CAAC,GAAGH,kBAAkB,IAAI,CAAC,CAAC;EAE/D,OAAOb,OAAO,CAAC,MAAM;IACnB,IAAIQ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAO,qBAAA,EAAAC,sBAAA;MAExB,OAAOT,YAAY,aAAZA,YAAY,wBAAAQ,qBAAA,GAAZR,YAAY,CAAEU,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCT,KAAK,CAAC;IACrD;IAEA,IAAIM,SAAS,IAAIP,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOS,mBAAmB;MAC5B;MAEA,OAAOf,OAAO,CAACqB,GAAG,CAACN,mBAAmB,EAAET,QAAQ,CAAC,GAC7CN,OAAO,CAACsB,GAAG,CAACP,mBAAmB,EAAET,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,IAAI,IAAIN,IAAI,EAAE;MAEhB,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,IAAI;MACb;MAEA,OAAOX,OAAO,CAACqB,GAAG,CAACV,IAAI,EAAEN,IAAI,CAAC,GAAGL,OAAO,CAACsB,GAAG,CAACX,IAAI,EAAEN,IAAI,CAAC,GAAGI,UAAU;IACvE;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,IAAI,EACJF,UAAU,EACVI,SAAS,EACTP,QAAQ,EACRS,mBAAmB,EACnBV,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}
+{"version":3,"file":"useExternalValue.js","names":["useContext","useMemo","pointer","DataContext","IterateElementContext","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","data","iterateItemContext","inIterate","Boolean","iterateElementValue","_transformers$current","_transformers$current2","current","fromExternal","call","has","get"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../utils/json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateItemContext'\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 { data } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateElementContext)\n  const inIterate = Boolean(iterateItemContext)\n  const { value: iterateElementValue } = iterateItemContext || {}\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 (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 data\n      }\n\n      return pointer.has(data, path) ? pointer.get(data, path) : emptyValue\n    }\n\n    return emptyValue\n  }, [\n    data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,uBAAuB;AAE3C,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,qBAAqB,MAAM,+BAA+B;AAYjE,eAAe,SAASC,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAK,CAAC,GAAGb,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC9C,MAAMW,kBAAkB,GAAGd,UAAU,CAACI,qBAAqB,CAAC;EAC5D,MAAMW,SAAS,GAAGC,OAAO,CAACF,kBAAkB,CAAC;EAC7C,MAAM;IAAEL,KAAK,EAAEQ;EAAoB,CAAC,GAAGH,kBAAkB,IAAI,CAAC,CAAC;EAE/D,OAAOb,OAAO,CAAC,MAAM;IACnB,IAAIQ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAO,qBAAA,EAAAC,sBAAA;MAExB,OAAOT,YAAY,aAAZA,YAAY,wBAAAQ,qBAAA,GAAZR,YAAY,CAAEU,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCT,KAAK,CAAC;IACrD;IAEA,IAAIM,SAAS,IAAIP,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOS,mBAAmB;MAC5B;MAEA,OAAOf,OAAO,CAACqB,GAAG,CAACN,mBAAmB,EAAET,QAAQ,CAAC,GAC7CN,OAAO,CAACsB,GAAG,CAACP,mBAAmB,EAAET,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,IAAI,IAAIN,IAAI,EAAE;MAEhB,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,IAAI;MACb;MAEA,OAAOX,OAAO,CAACqB,GAAG,CAACV,IAAI,EAAEN,IAAI,CAAC,GAAGL,OAAO,CAACsB,GAAG,CAACX,IAAI,EAAEN,IAAI,CAAC,GAAGI,UAAU;IACvE;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,IAAI,EACJF,UAAU,EACVI,SAAS,EACTP,QAAQ,EACRS,mBAAmB,EACnBV,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}

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

@@ -4,8 +4,9 @@ import { ContextState } from '../DataContext';
 export type DataAttributes = {
     [property: `data-${string}`]: string | boolean | number;
 };
-export default function useFieldProps<Value, EmptyValue, Props>(localeProps: Props & FieldPropsGeneric<Value, EmptyValue>, { executeOnChangeRegardlessOfError }?: {
+export default function useFieldProps<Value, EmptyValue, Props>(localeProps: Props & FieldPropsGeneric<Value, EmptyValue>, { executeOnChangeRegardlessOfError, updateContextDataInSync, }?: {
     executeOnChangeRegardlessOfError?: boolean;
+    updateContextDataInSync?: boolean;
 }): typeof localeProps & ReturnAdditional<Value>;
 export interface ReturnAdditional<Value> {
     /** Documented APIs */

package/extensions/forms/hooks/useFieldProps.js

@@ -4,13 +4,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useRef, useEffect, useContext, useCallback, useMemo, useReducer } from 'react';
-import pointer from 'json-pointer';
+import pointer from '../utils/json-pointer';
 import { errorChanged } from '../utils';
 import { ajvErrorsToOneFormError } from '../utils/ajv';
 import { FormError } from '../types';
 import { Context as DataContext } from '../DataContext';
 import { clearedData } from '../DataContext/Provider/Provider';
-import FieldPropsContext from '../Form/FieldProps/FieldPropsContext';
+import FieldProviderContext from '../Field/Provider/FieldProviderContext';
 import { combineDescribedBy, warn } from '../../../shared/component-helper';
 import useId from '../../../shared/helpers/useId';
 import useUpdateEffect from '../../../shared/helpers/useUpdateEffect';
@@ -39,11 +39,12 @@ export default function useFieldProps(localeProps) {
     _props$path,
     _props$autoComplete;
   let {
-    executeOnChangeRegardlessOfError = false
+    executeOnChangeRegardlessOfError = false,
+    updateContextDataInSync = false
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     extend
-  } = useContext(FieldPropsContext);
+  } = useContext(FieldProviderContext);
   const props = extend(localeProps);
   const {
     path: pathProp,
@@ -122,7 +123,8 @@ export default function useFieldProps(localeProps) {
     validateData: validateDataDataContext,
     setFieldState: setFieldStateDataContext,
     setFieldError: setFieldErrorDataContext,
-    setFieldProps: setPropsDataContext,
+    setFieldProps: setFieldPropsDataContext,
+    setFieldConnection: setFieldConnectionDataContext,
     setVisibleError: setVisibleErrorDataContext,
     setMountedFieldState: setMountedFieldStateDataContext,
     setFieldEventListener,
@@ -185,7 +187,7 @@ export default function useFieldProps(localeProps) {
         const schema = dataContext.schema;
         const schemaPath = paths.slice(0, -1).join('/properties/');
         const schemaPart = pointer.has(schema, schemaPath) ? pointer.get(schema, schemaPath) : schema;
-        requiredList.push(schemaPart === null || schemaPart === void 0 ? void 0 : schemaPart.required);
+        requiredList.push(schemaPart === null || schemaPart === void 0 ? void 0 : schemaPart['required']);
       }
       if (sectionPath) {
         paths.push(sectionPath.substring(1));
@@ -455,6 +457,11 @@ export default function useFieldProps(localeProps) {
     persistErrorState('wipe');
     hasLocalErrorRef.current = false;
   }, [persistErrorState]);
+  const removeError = useCallback(() => {
+    changedRef.current = false;
+    hideError();
+    clearErrorState();
+  }, [clearErrorState, hideError]);
   const validatorCacheRef = useRef({
     onChangeValidator: null,
     onBlurValidator: null
@@ -742,8 +749,12 @@ export default function useFieldProps(localeProps) {
   const handleChangeEventResult = useCallback(async () => {
     const result = changeEventResultRef.current;
     if (typeof (result === null || result === void 0 ? void 0 : result.error) !== 'undefined') {
-      persistErrorState('gracefully', result.error);
-      revealError();
+      if ((result === null || result === void 0 ? void 0 : result.error) === null) {
+        removeError();
+      } else {
+        persistErrorState('gracefully', result.error);
+        revealError();
+      }
     }
     if (typeof (result === null || result === void 0 ? void 0 : result.warning) !== 'undefined') {
       warningRef.current = result.warning;
@@ -767,15 +778,16 @@ export default function useFieldProps(localeProps) {
     } else if (asyncBehaviorIsEnabled) {
       setFieldState('complete');
     }
-  }, [asyncBehaviorIsEnabled, defineAsyncProcess, persistErrorState, setFieldState, revealError, yieldAsyncProcess]);
-  const setEventResult = useCallback(result => {
+    forceUpdate();
+  }, [asyncBehaviorIsEnabled, defineAsyncProcess, removeError, persistErrorState, revealError, yieldAsyncProcess, setFieldState]);
+  const setEventResult = useCallback(async result => {
     if (result instanceof Error) {
       result = {
         error: result
       };
     }
     changeEventResultRef.current = _objectSpread(_objectSpread({}, changeEventResultRef.current), result);
-    handleChangeEventResult();
+    await handleChangeEventResult();
   }, [handleChangeEventResult]);
   const callOnChangeContext = useCallback(async () => {
     if (asyncBehaviorIsEnabled && !executeOnChangeRegardlessOfError) {
@@ -796,9 +808,9 @@ export default function useFieldProps(localeProps) {
       if (isAsync(onChangeContext)) {
         defineAsyncProcess('onChangeContext');
         if (!hasError() || executeOnChangeRegardlessOfError) {
-          setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier)));
+          await setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier)));
         } else {
-          setEventResult(null);
+          await setEventResult(null);
         }
       } else {
         setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier));
@@ -865,9 +877,9 @@ export default function useFieldProps(localeProps) {
         });
         defineAsyncProcess('onChangeLocal');
         if (!hasError()) {
-          setEventResult(await (onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, args)));
+          await setEventResult(await (onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, args)));
         } else {
-          setEventResult(null);
+          await setEventResult(null);
         }
       }, true);
     } else {
@@ -881,7 +893,7 @@ export default function useFieldProps(localeProps) {
   }, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, hideError, updateValue, addToPool, getEventArgs, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
   const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
-  setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
+  setFieldPropsDataContext === null || setFieldPropsDataContext === void 0 ? void 0 : setFieldPropsDataContext(identifier, props);
   const {
     activeIndex,
     activeIndexRef
@@ -940,17 +952,6 @@ export default function useFieldProps(localeProps) {
     schemaValidatorRef.current = schema ? (_dataContext$ajvInsta2 = dataContext.ajvInstance) === null || _dataContext$ajvInsta2 === void 0 ? void 0 : _dataContext$ajvInsta2.compile(schema) : undefined;
     validateValue();
   }, [schema, validateValue]);
-  const isEmptyData = useCallback(() => {
-    var _dataContext$internal, _dataContext$props$em, _dataContext$props2;
-    return ((_dataContext$internal = dataContext.internalDataRef) === null || _dataContext$internal === void 0 ? void 0 : _dataContext$internal.current) === ((_dataContext$props$em = (_dataContext$props2 = dataContext.props) === null || _dataContext$props2 === void 0 ? void 0 : _dataContext$props2.emptyData) !== null && _dataContext$props$em !== void 0 ? _dataContext$props$em : clearedData);
-  }, [dataContext.internalDataRef, (_dataContext$props3 = dataContext.props) === null || _dataContext$props3 === void 0 ? void 0 : _dataContext$props3.emptyData]);
-  useLayoutEffect(() => {
-    if (isEmptyData()) {
-      changedRef.current = false;
-      hideError();
-      clearErrorState();
-    }
-  }, [externalValue, clearErrorState, hideError, isEmptyData]);
   const externalValueDidChangeRef = useRef(false);
   useLayoutEffect(() => {
     if (valueRef.current !== externalValue) {
@@ -986,40 +987,88 @@ export default function useFieldProps(localeProps) {
       warn(`Using defaultValue="${defaultValue}" prop inside Iterate is not supported yet`);
     }
   }, [defaultValue, itemPath, valueProp]);
-  const tmpValueRef = useRef({});
-  useLayoutEffect(() => {
-    if (hasPath) {
-      let value = valueProp;
-      const hasValue = pointer.has(dataContext.data, identifier) || identifier === '/';
-      const existingValue = identifier === '/' ? dataContext.data : hasValue ? pointer.get(dataContext.data, identifier) : undefined;
-      if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof value === 'undefined') {
-        const sharedState = createSharedState(dataContext.id);
-        const hasValue = pointer.has(sharedState.data, identifier);
-        if (hasValue) {
-          const sharedValue = pointer.get(sharedState.data, identifier);
-          if (sharedValue) {
-            value = sharedValue;
-          }
+  const tmpTransValueRef = useRef({});
+  const setContextData = useCallback(() => {
+    var _dataContext$internal;
+    if (!hasPath) {
+      return;
+    }
+    let valueToStore = valueProp;
+    const data = wizardContext !== null && wizardContext !== void 0 && wizardContext.prerenderFieldProps ? dataContext.data : (_dataContext$internal = dataContext.internalDataRef) === null || _dataContext$internal === void 0 ? void 0 : _dataContext$internal.current;
+    const hasValue = pointer.has(data, identifier) || identifier === '/';
+    const existingValue = identifier === '/' ? data : hasValue ? pointer.get(data, identifier) : undefined;
+    if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof valueToStore === 'undefined') {
+      const sharedState = createSharedState(dataContext.id);
+      const hasValue = pointer.has(sharedState.data, identifier);
+      if (hasValue) {
+        const sharedValue = pointer.get(sharedState.data, identifier);
+        if (sharedValue) {
+          valueToStore = sharedValue;
         }
       }
-      if (typeof defaultValueRef.current !== 'undefined' && typeof value === 'undefined') {
-        value = defaultValueRef.current;
-        defaultValueRef.current = undefined;
+    }
+    const hasDefaultValue = typeof defaultValueRef.current !== 'undefined' && typeof valueToStore === 'undefined';
+    if (hasDefaultValue) {
+      valueToStore = defaultValueRef.current;
+      defaultValueRef.current = undefined;
+    }
+    if (updateContextDataInSync) {
+      if (hasDefaultValue && hasValue) {
+        return;
       }
-      if (!hasValue || value !== existingValue && valueRef.current !== existingValue) {
-        if (identifier in tmpValueRef.current && tmpValueRef.current[identifier] === value) {
-          return;
-        }
-        const transformedValue = transformers.current.transformOut(value, transformers.current.provideAdditionalArgs(value));
-        if (transformedValue !== value) {
-          tmpValueRef.current[identifier] = value;
-          value = transformedValue;
-        }
-        updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, value);
-        validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
+      if (!Array.isArray(valueToStore)) {
+        return;
       }
     }
-  }, [dataContext.data, dataContext.id, hasPath, identifier, updateDataValueDataContext, validateDataDataContext, valueProp]);
+    if (hasValue && (valueToStore === existingValue || valueRef.current === existingValue)) {
+      return;
+    }
+    if (identifier in tmpTransValueRef.current && tmpTransValueRef.current[identifier] === valueToStore) {
+      return;
+    }
+    const transformedValue = transformers.current.transformOut(valueToStore, transformers.current.provideAdditionalArgs(valueToStore));
+    if (transformedValue !== valueToStore) {
+      tmpTransValueRef.current[identifier] = valueToStore;
+      valueToStore = transformedValue;
+    }
+    const preventUpdate = updateContextDataInSync;
+    updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, valueToStore, {
+      preventUpdate
+    });
+    if (!preventUpdate) {
+      validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
+    }
+  }, [dataContext.data, dataContext.id, dataContext.internalDataRef, hasPath, identifier, updateContextDataInSync, updateDataValueDataContext, validateDataDataContext, valueProp, wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.prerenderFieldProps]);
+  const isEmptyData = useCallback(() => {
+    var _dataContext$internal2, _dataContext$props$em, _dataContext$props2;
+    return ((_dataContext$internal2 = dataContext.internalDataRef) === null || _dataContext$internal2 === void 0 ? void 0 : _dataContext$internal2.current) === ((_dataContext$props$em = (_dataContext$props2 = dataContext.props) === null || _dataContext$props2 === void 0 ? void 0 : _dataContext$props2.emptyData) !== null && _dataContext$props$em !== void 0 ? _dataContext$props$em : clearedData);
+  }, [dataContext.internalDataRef, (_dataContext$props3 = dataContext.props) === null || _dataContext$props3 === void 0 ? void 0 : _dataContext$props3.emptyData, externalValue]);
+  useLayoutEffect(() => {
+    if (isEmptyData()) {
+      defaultValueRef.current = defaultValue;
+      changedRef.current = false;
+      hideError();
+      clearErrorState();
+    }
+  }, [clearErrorState, defaultValue, hideError, isEmptyData]);
+  useMemo(() => {
+    if (updateContextDataInSync && !isEmptyData()) {
+      setContextData();
+    }
+  }, [isEmptyData, updateContextDataInSync, setContextData]);
+  useLayoutEffect(() => {
+    if (!updateContextDataInSync && !isEmptyData()) {
+      setContextData();
+    }
+  }, [isEmptyData, updateContextDataInSync, setContextData]);
+  useEffect(() => {
+    if (isEmptyData()) {
+      requestAnimationFrame(() => {
+        setContextData();
+        validateValue();
+      });
+    }
+  }, [isEmptyData, setContextData, validateValue]);
   useEffect(() => {
     if (showAllErrors || showBoundaryErrors) {
       if (fieldStateRef.current !== 'validating') {
@@ -1083,6 +1132,12 @@ export default function useFieldProps(localeProps) {
     warningRef.current = warning;
     forceUpdate();
   }, [info, warning]);
+  const connections = useMemo(() => {
+    return {
+      setEventResult
+    };
+  }, [setEventResult]);
+  setFieldConnectionDataContext === null || setFieldConnectionDataContext === void 0 ? void 0 : setFieldConnectionDataContext(identifier, connections);
   const htmlAttributes = useMemo(() => {
     return Object.keys(props).reduce((acc, cur) => {
       if (cur.startsWith('aria-') || cur.startsWith('data-')) {