@dnb/eufemia 10.55.1 → 10.57.0

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

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

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

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

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

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

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

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["mode", "enableAdditionalQuestions", "toWizardStep"];
 import React from 'react';
 import { Field, Form, Iterate, Value, Wizard } from '../..';
-import { Card } from '../../../../components';
 import { Lead } from '../../../../elements';
 import { translations } from './ChildrenWithAgeTranslations';
 import { omitSpacingProps, pickSpacingProps } from '../../../../components/flex/utils';
@@ -37,9 +36,7 @@ function EditContainer({
     getValue
   } = Form.useData();
   const hasChildren = getValue('/hasChildren') === true;
-  return React.createElement(Card, _extends({
-    stack: true
-  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
+  return React.createElement(Form.Card, spacingProps, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Field.Boolean, {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel,
     variant: "buttons",
@@ -137,9 +134,7 @@ function SummaryContainer({
   toWizardStep
 }) {
   const tr = Form.useTranslation();
-  return React.createElement(Card, _extends({
-    stack: true
-  }, spacingProps), React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Boolean, {
+  return React.createElement(Form.Card, spacingProps, React.createElement(Lead, null, tr.ChildrenWithAge.hasChildren.title), React.createElement(Value.SummaryList, null, React.createElement(Value.Boolean, {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel
   }), React.createElement(Form.Visibility, {

package/es/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","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","getValue","useData","hasChildren","stack","title","Boolean","path","label","fieldLabel","variant","errorMessages","Visibility","pathTrue","animate","Number","countChildren","defaultValue","width","showStepControls","minimum","maximum","decimalLimit","allowNegative","Array","countPath","countPathLimit","itemPath","childrenAge","placeholder","includes","usesDaycare","help","content","renderMessage","helpText","Currency","dayCareExpenses","hasJointResponsibility","jointResponsibilityExpenses","SummaryList","suffix","pathDefined","decimals","EditButton","toStep","_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          enableAdditionalQuestions={enableAdditionalQuestions}\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  const { getValue } = Form.useData()\n  const hasChildren = getValue('/hasChildren') === true\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        errorMessages={{\n          'Field.errorRequired': tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            'NumberField.errorMinimum':\n              tr.ChildrenWithAge.countChildren.required,\n            'Field.errorRequired':\n              tr.ChildrenWithAge.countChildren.required,\n          }}\n          defaultValue={1}\n          width=\"small\"\n          showStepControls\n          minimum={1}\n          maximum={20}\n          decimalLimit={0}\n          allowNegative={false}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathLimit={20}\n          animate\n        >\n          <Field.Number\n            itemPath=\"/age\"\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.childrenAge.required,\n            }}\n            placeholder=\"0\"\n            width=\"small\"\n            minimum={0}\n            maximum={17}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Iterate.Array>\n      </Form.Visibility>\n\n      {enableAdditionalQuestions?.includes('daycare') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.usesDaycare.required,\n            }}\n            help={{\n              title: tr.ChildrenWithAge.usesDaycare.fieldLabel,\n              content: tr.renderMessage(\n                tr.ChildrenWithAge.usesDaycare.helpText\n              ),\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('daycare') && hasChildren && (\n        <Form.Visibility pathTrue=\"/usesDaycare\" animate>\n          <Field.Currency\n            path=\"/daycareExpenses\"\n            label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.dayCareExpenses.required,\n            }}\n            minimum={1}\n            maximum={1000000}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.hasJointResponsibility.required,\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') &&\n        hasChildren && (\n          <Form.Visibility pathTrue=\"/hasJointResponsibility\" animate>\n            <Field.Currency\n              path=\"/jointResponsibilityExpenses\"\n              label={\n                tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n              }\n              errorMessages={{\n                'Field.errorRequired':\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.required,\n              }}\n              minimum={1}\n              maximum={1000000}\n              decimalLimit={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\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  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            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n          />\n          <Iterate.Array path=\"/children\">\n            <Value.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n          </Iterate.Array>\n          <Form.Visibility pathDefined=\"/usesDaycare\">\n            <Value.Boolean\n              label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n              path=\"/usesDaycare\"\n            />\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Value.Currency\n                label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n                path=\"/daycareExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n\n          <Form.Visibility pathDefined=\"/hasJointResponsibility\">\n            <Value.Boolean\n              path=\"/hasJointResponsibility\"\n              label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            />\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Value.Currency\n                label={\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n                }\n                path=\"/jointResponsibilityExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,QAAQ,OAAO;AAC3D,SAASC,IAAI,QAAQ,wBAAwB;AAC7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAAsBC,YAAY,QAAQ,+BAA+B;AAEzE,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAY1C,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAK7B;EAAA,IAL8B;MACtCC,IAAI;MACJC,yBAAyB;MACzBC;IAEK,CAAC,GAAAH,IAAA;IADHI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,MAAMC,YAAY,GAAGT,gBAAgB,CAAQM,KAAK,CAAC;EACnD,MAAMI,SAAS,GAAGX,gBAAgB,CAACO,KAAK,CAAC;EACzC,OACEhB,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACoB,OAAO,EAAAC,QAAA;IAACf,YAAY,EAAEA,YAAa;IAACgB,QAAQ;EAAA,GAAKJ,SAAS,GAC7DP,IAAI,KAAK,SAAS,GACjBb,KAAA,CAAAqB,aAAA,CAACI,gBAAgB;IACfV,YAAY,EAAEA,YAAa;IAC3BI,YAAY,EAAEA,YAAa;IAC3BL,yBAAyB,EAAEA;EAA0B,CACtD,CAAC,GAEFd,KAAA,CAAAqB,aAAA,CAACK,aAAa;IACZZ,yBAAyB,EAAEA,yBAA0B;IACrDK,YAAY,EAAEA;EAAa,CAC5B,CAES,CAAC;AAEnB;AAEA,SAASO,aAAaA,CAAC;EACrBP,YAAY;EACZL;AAGF,CAAC,EAAE;EACD,MAAMa,EAAE,GAAGzB,IAAI,CAAC0B,cAAc,CAAc,CAAC;EAE7C,MAAM;IAAEC;EAAS,CAAC,GAAG3B,IAAI,CAAC4B,OAAO,CAAC,CAAC;EACnC,MAAMC,WAAW,GAAGF,QAAQ,CAAC,cAAc,CAAC,KAAK,IAAI;EAErD,OACE7B,KAAA,CAAAqB,aAAA,CAACf,IAAI,EAAAiB,QAAA;IAACS,KAAK;EAAA,GAAKb,YAAY,GAC1BnB,KAAA,CAAAqB,aAAA,CAACd,IAAI,QAAEoB,EAAE,CAAChB,eAAe,CAACoB,WAAW,CAACE,KAAY,CAAC,EAEnDjC,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACiC,OAAO;IACZC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACoB,WAAW,CAACM,UAAW;IACjDC,OAAO,EAAC,SAAS;IACjBC,aAAa,EAAE;MACb,qBAAqB,EAAEZ,EAAE,CAAChB,eAAe,CAACoB,WAAW,CAACP;IACxD;EAAE,CACH,CAAC,EAEFxB,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC,cAAc;IAACC,OAAO;EAAA,GAC9C1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0C,MAAM;IACXR,IAAI,EAAC,gBAAgB;IACrBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACiC,aAAa,CAACP,UAAW;IACnDE,aAAa,EAAE;MACb,0BAA0B,EACxBZ,EAAE,CAAChB,eAAe,CAACiC,aAAa,CAACpB,QAAQ;MAC3C,qBAAqB,EACnBG,EAAE,CAAChB,eAAe,CAACiC,aAAa,CAACpB;IACrC,CAAE;IACFqB,YAAY,EAAE,CAAE;IAChBC,KAAK,EAAC,OAAO;IACbC,gBAAgB;IAChBC,OAAO,EAAE,CAAE;IACXC,OAAO,EAAE,EAAG;IACZC,YAAY,EAAE,CAAE;IAChBC,aAAa,EAAE;EAAM,CACtB,CAAC,EAEFnD,KAAA,CAAAqB,aAAA,CAAClB,OAAO,CAACiD,KAAK;IACZjB,IAAI,EAAC,WAAW;IAChBkB,SAAS,EAAC,gBAAgB;IAC1BC,cAAc,EAAE,EAAG;IACnBZ,OAAO;EAAA,GAEP1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0C,MAAM;IACXY,QAAQ,EAAC,MAAM;IACfnB,KAAK,EAAET,EAAE,CAAChB,eAAe,CAAC6C,WAAW,CAACnB,UAAW;IACjDE,aAAa,EAAE;MACb,qBAAqB,EACnBZ,EAAE,CAAChB,eAAe,CAAC6C,WAAW,CAAChC;IACnC,CAAE;IACFiC,WAAW,EAAC,GAAG;IACfX,KAAK,EAAC,OAAO;IACbE,OAAO,EAAE,CAAE;IACXC,OAAO,EAAE,EAAG;IACZC,YAAY,EAAE,CAAE;IAChBC,aAAa,EAAE;EAAM,CACtB,CACY,CACA,CAAC,EAEjB,CAAArC,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAE4C,QAAQ,CAAC,SAAS,CAAC,KAC7C1D,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC,cAAc;IAACC,OAAO;EAAA,GAC9C1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACiC,OAAO;IACZC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACgD,WAAW,CAACtB,UAAW;IACjDC,OAAO,EAAC,SAAS;IACjBC,aAAa,EAAE;MACb,qBAAqB,EACnBZ,EAAE,CAAChB,eAAe,CAACgD,WAAW,CAACnC;IACnC,CAAE;IACFoC,IAAI,EAAE;MACJ3B,KAAK,EAAEN,EAAE,CAAChB,eAAe,CAACgD,WAAW,CAACtB,UAAU;MAChDwB,OAAO,EAAElC,EAAE,CAACmC,aAAa,CACvBnC,EAAE,CAAChB,eAAe,CAACgD,WAAW,CAACI,QACjC;IACF;EAAE,CACH,CACc,CAClB,EAEA,CAAAjD,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAE4C,QAAQ,CAAC,SAAS,CAAC,KAAI3B,WAAW,IAC5D/B,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC,cAAc;IAACC,OAAO;EAAA,GAC9C1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC+D,QAAQ;IACb7B,IAAI,EAAC,kBAAkB;IACvBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACsD,eAAe,CAAC5B,UAAW;IACrDE,aAAa,EAAE;MACb,qBAAqB,EACnBZ,EAAE,CAAChB,eAAe,CAACsD,eAAe,CAACzC;IACvC,CAAE;IACFwB,OAAO,EAAE,CAAE;IACXC,OAAO,EAAE,OAAQ;IACjBC,YAAY,EAAE,CAAE;IAChBC,aAAa,EAAE;EAAM,CACtB,CACc,CAClB,EAEA,CAAArC,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAE4C,QAAQ,CAAC,sBAAsB,CAAC,KAC1D1D,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC,cAAc;IAACC,OAAO;EAAA,GAC9C1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACiC,OAAO;IACZC,IAAI,EAAC,yBAAyB;IAC9BC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACuD,sBAAsB,CAAC7B,UAAW;IAC5DC,OAAO,EAAC,SAAS;IACjBC,aAAa,EAAE;MACb,qBAAqB,EACnBZ,EAAE,CAAChB,eAAe,CAACuD,sBAAsB,CAAC1C;IAC9C;EAAE,CACH,CACc,CAClB,EAEA,CAAAV,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAE4C,QAAQ,CAAC,sBAAsB,CAAC,KAC1D3B,WAAW,IACT/B,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC,yBAAyB;IAACC,OAAO;EAAA,GACzD1C,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC+D,QAAQ;IACb7B,IAAI,EAAC,8BAA8B;IACnCC,KAAK,EACHT,EAAE,CAAChB,eAAe,CAACwD,2BAA2B,CAAC9B,UAChD;IACDE,aAAa,EAAE;MACb,qBAAqB,EACnBZ,EAAE,CAAChB,eAAe,CAACwD,2BAA2B,CAAC3C;IACnD,CAAE;IACFwB,OAAO,EAAE,CAAE;IACXC,OAAO,EAAE,OAAQ;IACjBC,YAAY,EAAE,CAAE;IAChBC,aAAa,EAAE;EAAM,CACtB,CACc,CAEjB,CAAC;AAEX;AAEA,SAAS1B,gBAAgBA,CAAC;EACxBN,YAAY;EACZJ;AAGF,CAAC,EAAE;EACD,MAAMY,EAAE,GAAGzB,IAAI,CAAC0B,cAAc,CAAc,CAAC;EAE7C,OACE5B,KAAA,CAAAqB,aAAA,CAACf,IAAI,EAAAiB,QAAA;IAACS,KAAK;EAAA,GAAKb,YAAY,GACzBnB,KAAA,CAAAqB,aAAA,CAACd,IAAI,QAAEoB,EAAE,CAAChB,eAAe,CAACoB,WAAW,CAACE,KAAY,CAAC,EAEpDjC,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAACgE,WAAW,QAChBpE,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAAC8B,OAAO;IACZC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACoB,WAAW,CAACM;EAAW,CAClD,CAAC,EACFrC,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC;EAAc,GACtCzC,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAACuC,MAAM;IACXR,IAAI,EAAC,gBAAgB;IACrBC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACiC,aAAa,CAACP,UAAW;IACnDgC,MAAM,EAAE1C,EAAE,CAAChB,eAAe,CAACiC,aAAa,CAACyB,MAAO;IAChDpB,OAAO,EAAE;EAAG,CACb,CAAC,EACFjD,KAAA,CAAAqB,aAAA,CAAClB,OAAO,CAACiD,KAAK;IAACjB,IAAI,EAAC;EAAW,GAC7BnC,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAACuC,MAAM;IACXY,QAAQ,EAAC,MAAM;IACfnB,KAAK,EAAET,EAAE,CAAChB,eAAe,CAAC6C,WAAW,CAACnB,UAAW;IACjDgC,MAAM,EAAE1C,EAAE,CAAChB,eAAe,CAAC6C,WAAW,CAACa,MAAO;IAC9CxB,YAAY,EAAC;EAAG,CACjB,CACY,CAAC,EAChB7C,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAAC8B,WAAW,EAAC;EAAc,GACzCtE,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAAC8B,OAAO;IACZE,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACgD,WAAW,CAACtB,UAAW;IACjDF,IAAI,EAAC;EAAc,CACpB,CAAC,EACFnC,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC;EAAc,GACtCzC,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAAC4D,QAAQ;IACb5B,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACsD,eAAe,CAAC5B,UAAW;IACrDF,IAAI,EAAC,kBAAkB;IACvBoC,QAAQ,EAAC;EAAG,CACb,CACc,CACF,CAAC,EAElBvE,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAAC8B,WAAW,EAAC;EAAyB,GACpDtE,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAAC8B,OAAO;IACZC,IAAI,EAAC,yBAAyB;IAC9BC,KAAK,EAAET,EAAE,CAAChB,eAAe,CAACuD,sBAAsB,CAAC7B;EAAW,CAC7D,CAAC,EACFrC,KAAA,CAAAqB,aAAA,CAACnB,IAAI,CAACsC,UAAU;IAACC,QAAQ,EAAC;EAAyB,GACjDzC,KAAA,CAAAqB,aAAA,CAACjB,KAAK,CAAC4D,QAAQ;IACb5B,KAAK,EACHT,EAAE,CAAChB,eAAe,CAACwD,2BAA2B,CAAC9B,UAChD;IACDF,IAAI,EAAC,8BAA8B;IACnCoC,QAAQ,EAAC;EAAG,CACb,CACc,CACF,CACF,CACA,CAAC,EAEnB,OAAOxD,YAAY,KAAK,QAAQ,GAC/Bf,KAAA,CAAAqB,aAAA,CAAChB,MAAM,CAACmE,UAAU;IAACC,MAAM,EAAE1D;EAAa,CAAE,CAAC,GACzC,IACA,CAAC;AAEX;AAEAJ,eAAe,CAAC+D,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","tr","useTranslation","getValue","useData","hasChildren","Card","title","Boolean","path","label","fieldLabel","variant","errorMessages","Visibility","pathTrue","animate","Number","countChildren","defaultValue","width","showStepControls","minimum","maximum","decimalLimit","allowNegative","Array","countPath","countPathLimit","itemPath","childrenAge","placeholder","includes","usesDaycare","help","content","renderMessage","helpText","Currency","dayCareExpenses","hasJointResponsibility","jointResponsibilityExpenses","SummaryList","suffix","pathDefined","decimals","EditButton","toStep","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\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          enableAdditionalQuestions={enableAdditionalQuestions}\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  const { getValue } = Form.useData()\n  const hasChildren = getValue('/hasChildren') === true\n\n  return (\n    <Form.Card {...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        errorMessages={{\n          'Field.errorRequired': tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            'NumberField.errorMinimum':\n              tr.ChildrenWithAge.countChildren.required,\n            'Field.errorRequired':\n              tr.ChildrenWithAge.countChildren.required,\n          }}\n          defaultValue={1}\n          width=\"small\"\n          showStepControls\n          minimum={1}\n          maximum={20}\n          decimalLimit={0}\n          allowNegative={false}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathLimit={20}\n          animate\n        >\n          <Field.Number\n            itemPath=\"/age\"\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.childrenAge.required,\n            }}\n            placeholder=\"0\"\n            width=\"small\"\n            minimum={0}\n            maximum={17}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Iterate.Array>\n      </Form.Visibility>\n\n      {enableAdditionalQuestions?.includes('daycare') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.usesDaycare.required,\n            }}\n            help={{\n              title: tr.ChildrenWithAge.usesDaycare.fieldLabel,\n              content: tr.renderMessage(\n                tr.ChildrenWithAge.usesDaycare.helpText\n              ),\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('daycare') && hasChildren && (\n        <Form.Visibility pathTrue=\"/usesDaycare\" animate>\n          <Field.Currency\n            path=\"/daycareExpenses\"\n            label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.dayCareExpenses.required,\n            }}\n            minimum={1}\n            maximum={1000000}\n            decimalLimit={0}\n            allowNegative={false}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') && (\n        <Form.Visibility pathTrue=\"/hasChildren\" animate>\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              'Field.errorRequired':\n                tr.ChildrenWithAge.hasJointResponsibility.required,\n            }}\n          />\n        </Form.Visibility>\n      )}\n\n      {enableAdditionalQuestions?.includes('joint-responsibility') &&\n        hasChildren && (\n          <Form.Visibility pathTrue=\"/hasJointResponsibility\" animate>\n            <Field.Currency\n              path=\"/jointResponsibilityExpenses\"\n              label={\n                tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n              }\n              errorMessages={{\n                'Field.errorRequired':\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.required,\n              }}\n              minimum={1}\n              maximum={1000000}\n              decimalLimit={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\n    </Form.Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Form.Card {...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            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n          />\n          <Iterate.Array path=\"/children\">\n            <Value.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n          </Iterate.Array>\n          <Form.Visibility pathDefined=\"/usesDaycare\">\n            <Value.Boolean\n              label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n              path=\"/usesDaycare\"\n            />\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Value.Currency\n                label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n                path=\"/daycareExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n\n          <Form.Visibility pathDefined=\"/hasJointResponsibility\">\n            <Value.Boolean\n              path=\"/hasJointResponsibility\"\n              label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            />\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Value.Currency\n                label={\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n                }\n                path=\"/jointResponsibilityExpenses\"\n                decimals=\"0\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Form.Card>\n  )\n}\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/extensions/forms/hooks/DataValueWritePropsDocs.js

@@ -16,17 +16,17 @@ export const DataValueWritePropsProperties = {
   },
   info: {
     doc: 'Info message shown below / after the field.',
-    type: 'React.Node',
+    type: ['React.Node', 'Array<React.Node>'],
     status: 'optional'
   },
   warning: {
     doc: 'Warning message shown below / after the field.',
-    type: 'React.Node',
+    type: ['React.Node', 'Array<React.Node>'],
     status: 'optional'
   },
   error: {
     doc: 'Error message shown below / after the field.',
-    type: 'Error',
+    type: ['Error', 'FormError', 'Array<Error | FormError>'],
     status: 'optional'
   },
   disabled: {
@@ -74,7 +74,7 @@ export const DataValueWritePropsProperties = {
     type: 'object',
     status: 'optional'
   },
-  validator: {
+  onChangeValidator: {
     doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',
     type: 'function',
     status: 'optional'

package/es/extensions/forms/hooks/DataValueWritePropsDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataValueWritePropsDocs.js","names":["DataValueWritePropsProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","DataValueWritePropsEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueWritePropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const DataValueWritePropsProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  labelSuffix: {\n    doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DataValueWritePropsEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataValueWritePropsDocs.js","names":["DataValueWritePropsProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","labelSuffix","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","onChangeValidator","onBlurValidator","transformIn","transformOut","DataValueWritePropsEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueWritePropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const DataValueWritePropsProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: ['React.Node', 'Array<React.Node>'],\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: ['Error', 'FormError', 'Array<Error | FormError>'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a \"(optional)\" suffix to the label.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  labelSuffix: {\n    doc: 'Will append an additional text to the label, like \"(optional)\". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  onChangeValidator: {\n    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields to support a second parameter, like the SelectCountry, where the country object is given.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DataValueWritePropsEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}

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

@@ -28,3 +28,4 @@ export interface ReturnAdditional<Value> {
     dataContext: ContextState;
     fieldState: SubmitState;
 }
+export declare function checkForError(potentialErrors: Array<FieldPropsGeneric['error'] | FieldPropsGeneric['warning'] | FieldPropsGeneric['info']>): boolean;

package/es/extensions/forms/hooks/useFieldProps.js

@@ -55,6 +55,7 @@ export default function useFieldProps(localProps, {
     onChange,
     onBlurValidator,
     validator,
+    onChangeValidator = validator,
     exportValidators,
     schema,
     validateInitially,
@@ -137,6 +138,7 @@ export default function useFieldProps(localProps, {
   const disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : props.readOnly;
   const inFieldBlock = Boolean(fieldBlockContext && fieldBlockContext.disableStatusSummary !== true);
   const {
+    setBlockRecord,
     setFieldState: setFieldStateFieldBlock,
     showFieldError: showFieldErrorFieldBlock,
     mountedFieldsRef: mountedFieldsRefFieldBlock
@@ -222,10 +224,10 @@ export default function useFieldProps(localProps, {
     return path ? dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[identifier] : undefined;
   }, [dataContextErrors, identifier, path]);
   const contextErrorRef = useRef(dataContextError);
-  const onChangeValidatorRef = useRef(validator);
+  const onChangeValidatorRef = useRef(onChangeValidator);
   useUpdateEffect(() => {
-    onChangeValidatorRef.current = validator;
-  }, [validator]);
+    onChangeValidatorRef.current = onChangeValidator;
+  }, [onChangeValidator]);
   const onBlurValidatorRef = useRef(onBlurValidator);
   useUpdateEffect(() => {
     onBlurValidatorRef.current = onBlurValidator;
@@ -258,7 +260,7 @@ export default function useFieldProps(localProps, {
     }
   }
   const eventPool = useRef({
-    validator: null,
+    onChangeValidator: null,
     onBlurValidator: null,
     onChangeContext: null,
     onChangeLocal: null
@@ -273,7 +275,7 @@ export default function useFieldProps(localProps, {
   }, []);
   const runPool = useCallback(async (cb = null) => {
     for (const key in eventPool.current) {
-      if (!eventPool.current[key] || eventPool.current[key].pending) {
+      if (!eventPool.current[key]) {
         continue;
       }
       const {
@@ -281,7 +283,6 @@ export default function useFieldProps(localProps, {
         runAsync
       } = eventPool.current[key] || {};
       if (fn) {
-        eventPool.current[key].pending = true;
         eventPool.current[key] = null;
         if (runAsync) {
           await fn();
@@ -296,10 +297,11 @@ export default function useFieldProps(localProps, {
   const setFieldState = useCallback(state => {
     fieldStateRef.current = state;
     setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, resolveValidatingState(state));
+    setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock(identifier, resolveValidatingState(state));
     if (!validateInitially) {
       forceUpdate();
     }
-  }, [setFieldStateDataContext, identifier, validateInitially]);
+  }, [setFieldStateDataContext, identifier, setFieldStateFieldBlock, validateInitially]);
   const revealError = useCallback(() => {
     if (revealErrorRef.current === false && validateInitially === false) {
       revealErrorRef.current = undefined;
@@ -320,20 +322,32 @@ export default function useFieldProps(localProps, {
       setVisibleErrorDataContext === null || setVisibleErrorDataContext === void 0 ? void 0 : setVisibleErrorDataContext(identifier, false);
     }
   }, [identifier, setVisibleErrorBoundary, setVisibleErrorDataContext, showFieldErrorFieldBlock]);
-  const getErrorMessages = useCallback(() => {
+  const errorMessagesCacheRef = useRef({
+    errorMessages: null,
+    extendedErrorMessages: null
+  });
+  const combinedErrorMessages = useMemo(() => {
+    const cache = errorMessagesCacheRef.current;
+    if (errorMessages && cache.extendedErrorMessages && Object.values(cache.errorMessages || {}).join('') === Object.values(errorMessages || {}).join('')) {
+      return cache.extendedErrorMessages;
+    }
     const messages = _objectSpread(_objectSpread(_objectSpread({}, contextErrorMessages), contextErrorMessages === null || contextErrorMessages === void 0 ? void 0 : contextErrorMessages[identifier]), errorMessages);
-    return extendErrorMessagesWithTranslationMessages(overwriteErrorMessagesWithGivenAjvKeys(messages), translationRef.current);
+    const extendedErrorMessages = extendErrorMessagesWithTranslationMessages(overwriteErrorMessagesWithGivenAjvKeys(messages), translationRef.current);
+    errorMessagesCacheRef.current = {
+      errorMessages,
+      extendedErrorMessages
+    };
+    return extendedErrorMessages;
   }, [contextErrorMessages, errorMessages, identifier]);
   const prepareError = useCallback(error => {
     if (error instanceof FormError) {
       const prepare = error => {
         let message = error.message;
-        const errorMessages = getErrorMessages();
         const {
           ajvKeyword
         } = error;
         if (typeof ajvKeyword === 'string') {
-          const ajvMessage = errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages[ajvKeyword];
+          const ajvMessage = combinedErrorMessages === null || combinedErrorMessages === void 0 ? void 0 : combinedErrorMessages[ajvKeyword];
           if (ajvMessage) {
             message = ajvMessage;
           }
@@ -342,13 +356,13 @@ export default function useFieldProps(localProps, {
           validationRule
         } = error;
         if (typeof validationRule === 'string') {
-          const ajvMessage = errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages[validationRule];
+          const ajvMessage = combinedErrorMessages === null || combinedErrorMessages === void 0 ? void 0 : combinedErrorMessages[validationRule];
           if (ajvMessage) {
             message = ajvMessage;
           }
         }
-        if (errorMessages[message]) {
-          message = errorMessages[message];
+        if (combinedErrorMessages !== null && combinedErrorMessages !== void 0 && combinedErrorMessages[message]) {
+          message = combinedErrorMessages === null || combinedErrorMessages === void 0 ? void 0 : combinedErrorMessages[message];
           if (error.messageValues) {
             message = Object.entries(error.messageValues || {}).reduce((msg, [key, value]) => {
               return msg.replace(`{${key}}`, value);
@@ -367,7 +381,7 @@ export default function useFieldProps(localProps, {
       return prepare(error);
     }
     return error;
-  }, [getErrorMessages, formatMessage]);
+  }, [combinedErrorMessages, formatMessage]);
   contextErrorRef.current = useMemo(() => {
     if (!dataContextError) {
       return undefined;
@@ -388,11 +402,9 @@ export default function useFieldProps(localProps, {
   }, [errorProp]);
   const connectWithPathListenerRef = useRef(async () => {
     if (localErrorRef.current || validateUnchanged || continuousValidation) {
-      if (onChangeValidatorRef.current) {
-        runOnChangeValidator();
-      }
+      runOnChangeValidator();
     }
-    if (localErrorRef.current && onBlurValidatorRef.current) {
+    if (localErrorRef.current) {
       runOnBlurValidator();
     }
   });
@@ -402,9 +414,8 @@ export default function useFieldProps(localProps, {
   const exportValidatorsRef = useRef(exportValidators);
   exportValidatorsRef.current = exportValidators;
   const additionalArgs = useMemo(() => {
-    const errorMessages = getErrorMessages();
-    const args = _objectSpread(_objectSpread({}, errorMessages), {}, {
-      errorMessages,
+    const args = _objectSpread(_objectSpread({}, combinedErrorMessages), {}, {
+      errorMessages: combinedErrorMessages,
       validators: exportValidatorsRef.current,
       connectWithPath: path => {
         setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(path, 'onPathChange', connectWithPathListenerRef.current);
@@ -414,7 +425,7 @@ export default function useFieldProps(localProps, {
       }
     });
     return args;
-  }, [getErrorMessages, getValueByPath, setFieldEventListener]);
+  }, [combinedErrorMessages, getValueByPath, setFieldEventListener]);
   const callStackRef = useRef([]);
   const hasBeenCalledRef = useCallback(validator => {
     const result = callStackRef.current.includes(validator);
@@ -489,7 +500,7 @@ export default function useFieldProps(localProps, {
     localErrorRef.current = error;
     setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(identifier, error);
     setFieldErrorBoundary === null || setFieldErrorBoundary === void 0 ? void 0 : setFieldErrorBoundary(identifier, error);
-    setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock({
+    setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
       stateId,
       identifier,
       type: 'error',
@@ -498,7 +509,7 @@ export default function useFieldProps(localProps, {
     });
     setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, error ? 'error' : undefined);
     forceUpdate();
-  }, [identifier, inFieldBlock, prepareError, setFieldErrorBoundary, setFieldErrorDataContext, setFieldStateDataContext, setFieldStateFieldBlock, stateId, validateInitially]);
+  }, [identifier, inFieldBlock, prepareError, setFieldErrorBoundary, setFieldErrorDataContext, setFieldStateDataContext, setBlockRecord, stateId, validateInitially]);
   const clearErrorState = useCallback(() => {
     var _schemaValidatorRef$c;
     persistErrorState('wipe', undefined);
@@ -559,7 +570,7 @@ export default function useFieldProps(localProps, {
       return;
     }
     if (isAsync(onChangeValidatorRef.current)) {
-      defineAsyncProcess('validator');
+      defineAsyncProcess('onChangeValidator');
       setFieldState('validating');
       hideError();
     }
@@ -644,6 +655,9 @@ export default function useFieldProps(localProps, {
     revealOnBlurValidatorResult({
       result
     });
+    return {
+      result
+    };
   }, [asyncBehaviorIsEnabled, callValidatorFnAsync, callValidatorFnSync, defineAsyncProcess, revealOnBlurValidatorResult, setFieldState]);
   const runOnBlurValidator = useCallback(async () => {
     if (!onBlurValidatorRef.current) {
@@ -715,7 +729,7 @@ export default function useFieldProps(localProps, {
       if (onBlurValidatorRef.current && validateInitially && !changedRef.current) {
         const {
           result
-        } = await callOnBlurValidator();
+        } = await startOnBlurValidatorProcess();
         if (result instanceof Error) {
           initiator = 'onBlurValidator';
           throw result;
@@ -730,7 +744,7 @@ export default function useFieldProps(localProps, {
         persistErrorState('weak', initiator, error);
       }
     }
-  }, [callOnBlurValidator, clearErrorState, disabled, emptyValue, hideError, persistErrorState, prioritizeContextSchema, required, requiredProp, setFieldState, startOnChangeValidatorValidation, startProcess, validateInitially, validateUnchanged]);
+  }, [clearErrorState, disabled, emptyValue, hideError, persistErrorState, prioritizeContextSchema, required, requiredProp, setFieldState, startOnBlurValidatorProcess, startOnChangeValidatorValidation, startProcess, validateInitially, validateUnchanged]);
   const handleError = useCallback(() => {
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
       revealError();
@@ -859,7 +873,7 @@ export default function useFieldProps(localProps, {
       await yieldAsyncProcess({
         name: 'onChangeContext',
         waitFor: [{
-          processName: 'validator',
+          processName: 'onChangeValidator',
           withStates: ['validating', 'error'],
           hasValue: valueRef.current
         }, {
@@ -877,7 +891,7 @@ export default function useFieldProps(localProps, {
         } else {
           await setEventResult(null);
         }
-      } else {
+      } else if (onChangeContext || !asyncBehaviorIsEnabled) {
         setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier));
       }
     }
@@ -898,7 +912,7 @@ export default function useFieldProps(localProps, {
     if (itemPath) {
       handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), contextValue);
     }
-    addToPool('validator', validateValue, isAsync(onChangeValidatorRef.current));
+    addToPool('onChangeValidator', validateValue, isAsync(onChangeValidatorRef.current));
     addToPool('onChangeContext', callOnChangeContext, isAsync(onChangeContext));
     await runPool(() => {
       handleError();
@@ -935,7 +949,7 @@ export default function useFieldProps(localProps, {
         await yieldAsyncProcess({
           name: 'onChangeLocal',
           waitFor: [{
-            processName: 'validator',
+            processName: 'onChangeValidator',
             withStates: ['validating', 'error'],
             hasValue: args[0]
           }, {
@@ -1202,7 +1216,7 @@ export default function useFieldProps(localProps, {
     if (hasError()) {
       return;
     }
-    addToPool('validator', startOnChangeValidatorValidation, isAsync(onChangeValidatorRef.current));
+    addToPool('onChangeValidator', startOnChangeValidatorValidation, isAsync(onChangeValidatorRef.current));
     addToPool('onBlurValidator', startOnBlurValidatorProcess, isAsync(onBlurValidatorRef.current));
     await runPool();
   }, [addToPool, startOnBlurValidatorProcess, hasError, runPool, startOnChangeValidatorValidation]);
@@ -1211,21 +1225,21 @@ export default function useFieldProps(localProps, {
   }, [identifier, onSubmitHandler, setFieldEventListener]);
   useEffect(() => {
     if (inFieldBlock) {
-      setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock({
+      setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
         identifier,
         type: 'error',
         content: errorProp,
         showInitially: true,
         show: true
       });
-      setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock({
+      setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
         identifier,
         type: 'warning',
         content: warning,
         showInitially: true,
         show: true
       });
-      setFieldStateFieldBlock === null || setFieldStateFieldBlock === void 0 ? void 0 : setFieldStateFieldBlock({
+      setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
         identifier,
         type: 'info',
         content: info,
@@ -1238,7 +1252,7 @@ export default function useFieldProps(localProps, {
         }
       };
     }
-  }, [errorProp, identifier, inFieldBlock, info, mountedFieldsRefFieldBlock, setFieldStateFieldBlock, warning]);
+  }, [errorProp, identifier, inFieldBlock, info, mountedFieldsRefFieldBlock, setBlockRecord, warning]);
   const infoRef = useRef(info);
   const warningRef = useRef(warning);
   useUpdateEffect(() => {
@@ -1281,6 +1295,10 @@ export default function useFieldProps(localProps, {
       htmlAttributes['aria-describedby'] = combineDescribedBy(htmlAttributes, ids);
     }
   }
+  const help = props.help;
+  if (help !== null && help !== void 0 && help.title || help !== null && help !== void 0 && help.content) {
+    htmlAttributes['aria-describedby'] = combineDescribedBy(htmlAttributes, `${id}-help`);
+  }
   const fieldBlockProps = {
     info: !inFieldBlock ? infoRef.current : undefined,
     warning: !inFieldBlock ? warningRef.current : undefined,
@@ -1291,6 +1309,7 @@ export default function useFieldProps(localProps, {
     labelSuffix: props.labelSuffix,
     layout: props.layout,
     layoutOptions: props.layoutOptions,
+    help: props.help,
     disabled: onBlurValidator && asyncProcessRef.current === 'onBlurValidator' && fieldStateRef.current === 'validating' ? true : disabled,
     fieldState: resolveValidatingState(fieldStateRef.current),
     labelHeight: typeof props['size'] === 'string' ? props['size'] : undefined
@@ -1323,4 +1342,9 @@ export default function useFieldProps(localProps, {
 function resolveValidatingState(state) {
   return state === 'validating' ? 'pending' : state;
 }
+export function checkForError(potentialErrors) {
+  return potentialErrors.some(error => {
+    return error instanceof Error || error instanceof FormError;
+  });
+}
 //# sourceMappingURL=useFieldProps.js.map