@dnb/eufemia 10.31.0 → 10.32.0

package/extensions/forms/FieldBlock/style/dnb-field-block.css

@@ -31,9 +31,6 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   margin-left: 0;
 }
 
-.dnb-forms-field-block {
-  width: 100%;
-}
 .dnb-forms-field-block__grid {
   display: grid;
 }
@@ -55,6 +52,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   grid-template-areas: "label contents" "status status";
 }
 .dnb-forms-field-block--width-stretch {
+  width: 100%;
   flex-grow: 1;
 }
 @media screen and (min-width: 25em) {

package/extensions/forms/FieldBlock/style/dnb-field-block.min.css

@@ -1 +1 @@
-:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}
+:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1;width:100%}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}

package/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -24,8 +24,6 @@ fieldset.dnb-forms-field-block {
 }
 
 .dnb-forms-field-block {
-  width: 100%;
-
   &__grid {
     display: grid;
   }
@@ -52,6 +50,7 @@ fieldset.dnb-forms-field-block {
 
   &--width {
     &-stretch {
+      width: 100%;
       flex-grow: 1;
     }
     @include allAbove(x-small) {

package/extensions/forms/Form/Element/Element.js

@@ -15,7 +15,7 @@ export default function FormElement(_ref) {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const dataContext = React.useContext(Context);
-  dataContext._isInsideFormElement = true;
+  dataContext.isInsideFormElement = true;
   return React.createElement(Space, _extends({
     element: "form",
     className: classnames('dnb-forms-form', className),

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

@@ -1 +1 @@
-{"version":3,"file":"Element.js","names":["React","Context","Space","classnames","FormElement","_ref","children","className","onSubmit","rest","_objectWithoutProperties","_excluded","dataContext","useContext","_isInsideFormElement","createElement","_extends","element","onSubmitHandler","event","_dataContext$handleSu","preventDefault","formElement","target","handleSubmit","call"],"sources":["../../../../../../src/extensions/forms/Form/Element/Element.tsx"],"sourcesContent":["import React from 'react'\nimport Context from '../../DataContext/Context'\nimport Space from '../../../../components/space/Space'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../../../shared/types'\n\nexport type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps\n\nexport default function FormElement({\n  children,\n  className = null,\n  onSubmit = null,\n  ...rest\n}: Props) {\n  const dataContext = React.useContext(Context)\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  dataContext._isInsideFormElement = true\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms-form', className)}\n      onSubmit={onSubmitHandler}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function onSubmitHandler(event: React.SyntheticEvent<HTMLFormElement>) {\n    event?.preventDefault()\n\n    const formElement = event.target as HTMLFormElement\n    dataContext?.handleSubmit?.({ formElement })\n\n    if (typeof onSubmit === 'function') {\n      onSubmit(event)\n    }\n  }\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,KAAK,MAAM,oCAAoC;AACtD,OAAOC,UAAU,MAAM,YAAY;AAKnC,eAAe,SAASC,WAAWA,CAAAC,IAAA,EAKzB;EAAA,IAL0B;MAClCC,QAAQ;MACRC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEN,CAAC,GAAAH,IAAA;IADHI,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,MAAMC,WAAW,GAAGZ,KAAK,CAACa,UAAU,CAACZ,OAAO,CAAC;EAM7CW,WAAW,CAACE,oBAAoB,GAAG,IAAI;EAEvC,OACEd,KAAA,CAAAe,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,OAAO,EAAC,MAAM;IACdV,SAAS,EAAEJ,UAAU,CAAC,gBAAgB,EAAEI,SAAS,CAAE;IACnDC,QAAQ,EAAEU;EAAgB,GACtBT,IAAI,GAEPH,QACI,CAAC;EAGV,SAASY,eAAeA,CAACC,KAA4C,EAAE;IAAA,IAAAC,qBAAA;IACrED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,cAAc,CAAC,CAAC;IAEvB,MAAMC,WAAW,GAAGH,KAAK,CAACI,MAAyB;IACnDX,WAAW,aAAXA,WAAW,wBAAAQ,qBAAA,GAAXR,WAAW,CAAEY,YAAY,cAAAJ,qBAAA,uBAAzBA,qBAAA,CAAAK,IAAA,CAAAb,WAAW,EAAiB;MAAEU;IAAY,CAAC,CAAC;IAE5C,IAAI,OAAOd,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACW,KAAK,CAAC;IACjB;EACF;AACF"}
+{"version":3,"file":"Element.js","names":["React","Context","Space","classnames","FormElement","_ref","children","className","onSubmit","rest","_objectWithoutProperties","_excluded","dataContext","useContext","isInsideFormElement","createElement","_extends","element","onSubmitHandler","event","_dataContext$handleSu","preventDefault","formElement","target","handleSubmit","call"],"sources":["../../../../../../src/extensions/forms/Form/Element/Element.tsx"],"sourcesContent":["import React from 'react'\nimport Context from '../../DataContext/Context'\nimport Space from '../../../../components/space/Space'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../../../shared/types'\n\nexport type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps\n\nexport default function FormElement({\n  children,\n  className = null,\n  onSubmit = null,\n  ...rest\n}: Props) {\n  const dataContext = React.useContext(Context)\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  dataContext.isInsideFormElement = true\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms-form', className)}\n      onSubmit={onSubmitHandler}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function onSubmitHandler(event: React.SyntheticEvent<HTMLFormElement>) {\n    event?.preventDefault()\n\n    const formElement = event.target as HTMLFormElement\n    dataContext?.handleSubmit?.({ formElement })\n\n    if (typeof onSubmit === 'function') {\n      onSubmit(event)\n    }\n  }\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,KAAK,MAAM,oCAAoC;AACtD,OAAOC,UAAU,MAAM,YAAY;AAKnC,eAAe,SAASC,WAAWA,CAAAC,IAAA,EAKzB;EAAA,IAL0B;MAClCC,QAAQ;MACRC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEN,CAAC,GAAAH,IAAA;IADHI,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,MAAMC,WAAW,GAAGZ,KAAK,CAACa,UAAU,CAACZ,OAAO,CAAC;EAM7CW,WAAW,CAACE,mBAAmB,GAAG,IAAI;EAEtC,OACEd,KAAA,CAAAe,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,OAAO,EAAC,MAAM;IACdV,SAAS,EAAEJ,UAAU,CAAC,gBAAgB,EAAEI,SAAS,CAAE;IACnDC,QAAQ,EAAEU;EAAgB,GACtBT,IAAI,GAEPH,QACI,CAAC;EAGV,SAASY,eAAeA,CAACC,KAA4C,EAAE;IAAA,IAAAC,qBAAA;IACrED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,cAAc,CAAC,CAAC;IAEvB,MAAMC,WAAW,GAAGH,KAAK,CAACI,MAAyB;IACnDX,WAAW,aAAXA,WAAW,wBAAAQ,qBAAA,GAAXR,WAAW,CAAEY,YAAY,cAAAJ,qBAAA,uBAAzBA,qBAAA,CAAAK,IAAA,CAAAb,WAAW,EAAiB;MAAEU;IAAY,CAAC,CAAC;IAE5C,IAAI,OAAOd,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACW,KAAK,CAAC;IACjB;EACF;AACF"}

package/extensions/forms/Form/SubmitButton/SubmitButton.js

@@ -24,13 +24,13 @@ function SubmitButton(props) {
   const {
     formState,
     handleSubmit,
-    _isInsideFormElement
+    isInsideFormElement
   } = useContext(DataContext) || {};
   const onClickHandler = useCallback(() => {
-    if (!_isInsideFormElement) {
+    if (!isInsideFormElement) {
       handleSubmit === null || handleSubmit === void 0 ? void 0 : handleSubmit();
     }
-  }, [_isInsideFormElement, handleSubmit]);
+  }, [isInsideFormElement, handleSubmit]);
   return React.createElement(Button, _extends({
     className: classnames('dnb-forms-submit-button', className),
     onClick: onClickHandler,

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","names":["React","useCallback","useContext","classnames","DataContext","Button","SubmitIndicator","useTranslation","send","SubmitButton","props","translations","variant","className","showIndicator","children","text","rest","_objectWithoutProperties","_excluded","content","sendText","formState","handleSubmit","_isInsideFormElement","onClickHandler","createElement","_extends","onClick","type","icon","state","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport SubmitIndicator from '../SubmitIndicator'\nimport useTranslation from '../../hooks/useTranslation'\nimport { send } from '../../../../icons'\n\nexport type Props = {\n  /**\n   * Show the submit indicator\n   */\n  showIndicator?: boolean\n} & ComponentProps &\n  Omit<ButtonProps, 'variant'> &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> & {\n    variant?: 'send'\n  }\n\nfunction SubmitButton(props: Props) {\n  const translations = useTranslation().SubmitButton\n\n  const { variant, className, showIndicator, children, text, ...rest } =\n    props\n\n  const content =\n    text ||\n    children ||\n    (variant === 'send' ? translations.sendText : translations.text)\n\n  const { formState, handleSubmit, _isInsideFormElement } =\n    useContext(DataContext) || {}\n\n  const onClickHandler = useCallback(() => {\n    if (!_isInsideFormElement) {\n      handleSubmit?.()\n    }\n  }, [_isInsideFormElement, handleSubmit])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={onClickHandler}\n      type=\"submit\"\n      icon={variant === 'send' ? send : null}\n      {...rest}\n    >\n      {content}\n\n      <SubmitIndicator\n        state={\n          showIndicator ? 'pending' : formState // will be enabled in a follow-up PR\n        }\n      />\n    </Button>\n  )\n}\n\nSubmitButton._supportsSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,SAASC,IAAI,QAAQ,mBAAmB;AAaxC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACE,YAAY;EAElD,MAAM;MAAEG,OAAO;MAAEC,SAAS;MAAEC,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAClEN,KAAK;IADuDO,IAAI,GAAAC,wBAAA,CAChER,KAAK,EAAAS,SAAA;EAEP,MAAMC,OAAO,GACXJ,IAAI,IACJD,QAAQ,KACPH,OAAO,KAAK,MAAM,GAAGD,YAAY,CAACU,QAAQ,GAAGV,YAAY,CAACK,IAAI,CAAC;EAElE,MAAM;IAAEM,SAAS;IAAEC,YAAY;IAAEC;EAAqB,CAAC,GACrDtB,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EAE/B,MAAMqB,cAAc,GAAGxB,WAAW,CAAC,MAAM;IACvC,IAAI,CAACuB,oBAAoB,EAAE;MACzBD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACC,oBAAoB,EAAED,YAAY,CAAC,CAAC;EAExC,OACEvB,KAAA,CAAA0B,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IACLd,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEU,SAAS,CAAE;IAC5De,OAAO,EAAEH,cAAe;IACxBI,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAElB,OAAO,KAAK,MAAM,GAAGJ,IAAI,GAAG;EAAK,GACnCS,IAAI,GAEPG,OAAO,EAERpB,KAAA,CAAA0B,aAAA,CAACpB,eAAe;IACdyB,KAAK,EACHjB,aAAa,GAAG,SAAS,GAAGQ;EAC7B,CACF,CACK,CAAC;AAEb;AAEAb,YAAY,CAACuB,qBAAqB,GAAG,IAAI;AACzC,eAAevB,YAAY"}
+{"version":3,"file":"SubmitButton.js","names":["React","useCallback","useContext","classnames","DataContext","Button","SubmitIndicator","useTranslation","send","SubmitButton","props","translations","variant","className","showIndicator","children","text","rest","_objectWithoutProperties","_excluded","content","sendText","formState","handleSubmit","isInsideFormElement","onClickHandler","createElement","_extends","onClick","type","icon","state","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport SubmitIndicator from '../SubmitIndicator'\nimport useTranslation from '../../hooks/useTranslation'\nimport { send } from '../../../../icons'\n\nexport type Props = {\n  /**\n   * Show the submit indicator\n   */\n  showIndicator?: boolean\n} & ComponentProps &\n  Omit<ButtonProps, 'variant'> &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> & {\n    variant?: 'send'\n  }\n\nfunction SubmitButton(props: Props) {\n  const translations = useTranslation().SubmitButton\n\n  const { variant, className, showIndicator, children, text, ...rest } =\n    props\n\n  const content =\n    text ||\n    children ||\n    (variant === 'send' ? translations.sendText : translations.text)\n\n  const { formState, handleSubmit, isInsideFormElement } =\n    useContext(DataContext) || {}\n\n  const onClickHandler = useCallback(() => {\n    if (!isInsideFormElement) {\n      handleSubmit?.()\n    }\n  }, [isInsideFormElement, handleSubmit])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={onClickHandler}\n      type=\"submit\"\n      icon={variant === 'send' ? send : null}\n      {...rest}\n    >\n      {content}\n\n      <SubmitIndicator\n        state={\n          showIndicator ? 'pending' : formState // will be enabled in a follow-up PR\n        }\n      />\n    </Button>\n  )\n}\n\nSubmitButton._supportsSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,SAASC,IAAI,QAAQ,mBAAmB;AAaxC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACE,YAAY;EAElD,MAAM;MAAEG,OAAO;MAAEC,SAAS;MAAEC,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAClEN,KAAK;IADuDO,IAAI,GAAAC,wBAAA,CAChER,KAAK,EAAAS,SAAA;EAEP,MAAMC,OAAO,GACXJ,IAAI,IACJD,QAAQ,KACPH,OAAO,KAAK,MAAM,GAAGD,YAAY,CAACU,QAAQ,GAAGV,YAAY,CAACK,IAAI,CAAC;EAElE,MAAM;IAAEM,SAAS;IAAEC,YAAY;IAAEC;EAAoB,CAAC,GACpDtB,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EAE/B,MAAMqB,cAAc,GAAGxB,WAAW,CAAC,MAAM;IACvC,IAAI,CAACuB,mBAAmB,EAAE;MACxBD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACC,mBAAmB,EAAED,YAAY,CAAC,CAAC;EAEvC,OACEvB,KAAA,CAAA0B,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IACLd,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEU,SAAS,CAAE;IAC5De,OAAO,EAAEH,cAAe;IACxBI,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAElB,OAAO,KAAK,MAAM,GAAGJ,IAAI,GAAG;EAAK,GACnCS,IAAI,GAEPG,OAAO,EAERpB,KAAA,CAAA0B,aAAA,CAACpB,eAAe;IACdyB,KAAK,EACHjB,aAAa,GAAG,SAAS,GAAGQ;EAC7B,CACF,CACK,CAAC;AAEb;AAEAb,YAAY,CAACuB,qBAAqB,GAAG,IAAI;AACzC,eAAevB,YAAY"}

package/extensions/forms/Form/Tools/GenerateSchema.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type GenerateSchemaObject = Record<string, unknown>;
+export type GenerateSchemaProps = {
+    generateRef: React.MutableRefObject<() => GenerateSchemaObject>;
+    children: React.ReactNode;
+};
+export declare const schemaParams: string[];
+export default function GenerateSchema(props: GenerateSchemaProps): import("react").ReactNode;

package/extensions/forms/Form/Tools/GenerateSchema.js

@@ -0,0 +1,90 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useContext } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../../DataContext/Context';
+export const schemaParams = ['minLength', 'maxLength', 'pattern', 'description', 'min', 'max', 'multipleOf', 'exclusiveMinimum', 'exclusiveMaximum'];
+export default function GenerateSchema(props) {
+  const {
+    generateRef,
+    children
+  } = props;
+  const {
+    fieldPropsRef,
+    data
+  } = useContext(DataContext);
+  if (generateRef) {
+    generateRef.current = () => {
+      const schema = Object.entries(fieldPropsRef.current).reduce((acc, _ref) => {
+        let [path, props] = _ref;
+        if (path.startsWith('/')) {
+          const objectKey = path.substring(1);
+          const pathList = objectKey.split('/');
+          const slashCount = pathList.length;
+          const type = props.valueType || 'string';
+          const propertyValue = {
+            type
+          };
+          for (const prop of schemaParams) {
+            if (props[prop]) {
+              propertyValue[prop] = props[prop];
+            }
+          }
+          if (Object.hasOwnProperty.call(props, 'value')) {
+            pointer.set(data, path, props.value);
+          }
+          if (slashCount > 1) {
+            const nestedPath = [''];
+            for (const path of pathList) {
+              nestedPath.push(path);
+              const pathToSet = nestedPath.join('/properties/');
+              const isLast = nestedPath.length - 1 === pathList.length;
+              const existingValue = pointer.has(acc, pathToSet) ? pointer.get(acc, pathToSet) : null;
+              const pathValue = isLast ? propertyValue : existingValue;
+              if (isLast) {
+                pointer.set(acc, pathToSet, pathValue);
+              } else {
+                const pathValue = _objectSpread({
+                  type: 'object'
+                }, existingValue);
+                const required = [];
+                if (props.required) {
+                  required.push(pathList.at(-1));
+                }
+                if (existingValue !== null && existingValue !== void 0 && existingValue.required) {
+                  required.push(...existingValue.required);
+                }
+                if (required.length > 0) {
+                  pathValue.required = required;
+                }
+                pointer.set(acc, pathToSet, pathValue);
+              }
+            }
+          } else {
+            pointer.set(acc.properties, path, propertyValue);
+            if (props.required) {
+              acc.required.push(objectKey);
+            }
+          }
+        }
+        return acc;
+      }, {
+        type: 'object',
+        properties: {},
+        required: []
+      });
+      if (schema.required.length === 0) {
+        delete schema.required;
+      }
+      return {
+        schema,
+        data
+      };
+    };
+  }
+  return children;
+}
+//# sourceMappingURL=GenerateSchema.js.map

package/extensions/forms/Form/Tools/GenerateSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateSchema.js","names":["useContext","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","children","fieldPropsRef","data","current","schema","Object","entries","reduce","acc","_ref","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","hasOwnProperty","call","set","value","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","_objectSpread","required","at","properties"],"sources":["../../../../../../src/extensions/forms/Form/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport DataContext from '../../DataContext/Context'\n\nexport type GenerateSchemaObject = Record<string, unknown>\nexport type GenerateSchemaProps = {\n  generateRef: React.MutableRefObject<() => GenerateSchemaObject>\n  children: React.ReactNode\n}\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, children } = props\n  const { fieldPropsRef, data } = useContext(DataContext)\n\n  if (generateRef) {\n    generateRef.current = () => {\n      const schema = Object.entries(fieldPropsRef.current).reduce(\n        (acc, [path, props]) => {\n          if (path.startsWith('/')) {\n            const objectKey = path.substring(1)\n\n            const pathList = objectKey.split('/')\n            const slashCount = pathList.length\n\n            const type = props.valueType || 'string'\n            const propertyValue = {\n              type,\n            }\n\n            for (const prop of schemaParams) {\n              if (props[prop]) {\n                propertyValue[prop] = props[prop]\n              }\n            }\n\n            if (Object.hasOwnProperty.call(props, 'value')) {\n              pointer.set(data, path, props.value)\n            }\n\n            if (slashCount > 1) {\n              const nestedPath = ['']\n              for (const path of pathList) {\n                nestedPath.push(path)\n                const pathToSet = nestedPath.join('/properties/')\n                const isLast = nestedPath.length - 1 === pathList.length\n\n                const existingValue = pointer.has(acc, pathToSet)\n                  ? pointer.get(acc, pathToSet)\n                  : null\n\n                const pathValue = isLast ? propertyValue : existingValue\n\n                if (isLast) {\n                  pointer.set(acc, pathToSet, pathValue)\n                } else {\n                  const pathValue = {\n                    type: 'object',\n                    ...existingValue,\n                  }\n\n                  // - Add required\n                  const required = []\n                  if (props.required) {\n                    required.push(pathList.at(-1))\n                  }\n                  if (existingValue?.required) {\n                    required.push(...existingValue.required)\n                  }\n                  if (required.length > 0) {\n                    pathValue.required = required\n                  }\n\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            } else {\n              pointer.set(acc.properties, path, propertyValue)\n              if (props.required) {\n                acc.required.push(objectKey)\n              }\n            }\n          }\n\n          return acc\n        },\n        { type: 'object', properties: {}, required: [] }\n      )\n\n      if (schema.required.length === 0) {\n        delete schema.required\n      }\n\n      return { schema, data }\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/extensions/forms/Form/Tools/index.d.ts

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

package/extensions/forms/Form/Tools/index.js

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

package/extensions/forms/Form/Tools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","GenerateSchema"],"sources":["../../../../../../src/extensions/forms/Form/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB"}

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

@@ -1,7 +1,15 @@
 import React, { AriaAttributes } from 'react';
 import { HeightAnimationProps } from '../../../../components/HeightAnimation';
+import { FilterData } from '../../DataContext/Context';
 import type { UseFieldProps } from '../../types';
 import type { DataAttributes } from '../../hooks/useFieldProps';
+type VisibleWhen = {
+    path: string;
+    hasValue: unknown;
+} | {
+    path: string;
+    withValue: (value: unknown) => boolean;
+};
 export type Props = {
     visible?: boolean;
     /** Given data context path must be defined to show children */
@@ -16,12 +24,14 @@ export type Props = {
     pathTrue?: string;
     /** Given data context path must be false to show children */
     pathFalse?: string;
-    /** Given data context path must match, as well as the "whenValue" value */
-    pathValue?: string;
-    /** Given data context value must match this value to show children */
-    whenValue?: unknown;
+    /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */
+    visibleWhen?: VisibleWhen;
+    /** Same as `visibleWhen`, but with inverted logic. */
+    visibleWhenNot?: VisibleWhen;
     /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */
     inferData?: (data: unknown) => boolean;
+    /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */
+    filterData?: FilterData;
     /** Animate the visibility change */
     animate?: boolean;
     /** Keep the content in the DOM, even if it's not visible */
@@ -30,8 +40,12 @@ export type Props = {
     fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes;
     element?: HeightAnimationProps['element'];
     children: React.ReactNode;
+    /** @deprecated Use `visibleWhen` instead */
+    pathValue?: string;
+    /** @deprecated Use `visibleWhen` instead */
+    whenValue?: unknown;
 };
-declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, keepInDOM, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, visibleWhen, visibleWhenNot, inferData, filterData, animate, keepInDOM, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Visibility {
     var _supportsSpacingProps: string;
 }

package/extensions/forms/Form/Visibility/Visibility.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
+const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
 import React, { useContext } from 'react';
 import pointer from 'json-pointer';
 import { warn } from '../../../../shared/helpers';
@@ -21,7 +21,10 @@ function Visibility(_ref) {
       pathFalse,
       pathValue,
       whenValue,
+      visibleWhen,
+      visibleWhenNot,
       inferData,
+      filterData,
       animate,
       keepInDOM,
       fieldPropsWhenHidden,
@@ -35,31 +38,59 @@ function Visibility(_ref) {
     }
   });
   const check = () => {
+    var _dataContext$filterDa;
     if (visible === false) {
       return;
     }
-    if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {
+    const data = filterData && ((_dataContext$filterDa = dataContext.filterDataHandler) === null || _dataContext$filterDa === void 0 ? void 0 : _dataContext$filterDa.call(dataContext, dataContext.data, filterData)) || dataContext.data;
+    if (visibleWhen || visibleWhenNot) {
+      if (visibleWhenNot) {
+        visibleWhen = visibleWhenNot;
+      }
+      const hasPath = pointer.has(data, visibleWhen.path);
+      if (hasPath) {
+        var _visibleWhen, _visibleWhen2;
+        const value = pointer.get(data, visibleWhen.path);
+        const withValue = (_visibleWhen = visibleWhen) === null || _visibleWhen === void 0 ? void 0 : _visibleWhen['withValue'];
+        const result = withValue && (withValue === null || withValue === void 0 ? void 0 : withValue(value)) === false || Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') && ((_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== value;
+        if (visibleWhenNot) {
+          if (!result) {
+            return;
+          }
+        } else if (result) {
+          return;
+        }
+      } else {
+        return;
+      }
+    }
+    if (pathDefined && !pointer.has(data, pathDefined)) {
       return;
     }
-    if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {
+    if (pathUndefined && pointer.has(data, pathUndefined)) {
       return;
     }
-    if (pathTruthy && (!pointer.has(dataContext.data, pathTruthy) || !pointer.get(dataContext.data, pathTruthy))) {
+    const getValue = path => {
+      if (pointer.has(data, path)) {
+        return pointer.get(data, path);
+      }
+    };
+    if (pathTrue && getValue(pathTrue) !== true) {
       return;
     }
-    if (pathFalsy && pointer.has(dataContext.data, pathFalsy) && Boolean(pointer.get(dataContext.data, pathFalsy))) {
+    if (pathFalse && getValue(pathFalse) !== false) {
       return;
     }
-    if (pathTrue && (!pointer.has(dataContext.data, pathTrue) || pointer.get(dataContext.data, pathTrue) !== true)) {
+    if (pathTruthy && Boolean(getValue(pathTruthy)) === false) {
       return;
     }
-    if (pathFalse && (!pointer.has(dataContext.data, pathFalse) || pointer.get(dataContext.data, pathFalse) !== false)) {
+    if (pathFalsy && Boolean(getValue(pathFalsy)) === true) {
       return;
     }
-    if (pathValue && !(pointer.has(dataContext.data, pathValue) && pointer.get(dataContext.data, pathValue) === whenValue)) {
+    if (inferData && !inferData(data)) {
       return;
     }
-    if (inferData && !inferData(dataContext.data)) {
+    if (pathValue && getValue(pathValue) !== whenValue) {
       return;
     }
     return true;
@@ -69,7 +100,7 @@ function Visibility(_ref) {
     const props = !open ? fieldPropsWhenHidden : null;
     return React.createElement(HeightAnimation, _extends({
       open: open,
-      keepInDOM: keepInDOM,
+      keepInDOM: Boolean(keepInDOM),
       className: "dnb-forms-visibility"
     }, rest), React.createElement(FieldProps, props, children));
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["React","useContext","pointer","warn","useMountEffect","HeightAnimation","DataContext","FieldProps","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","_objectWithoutProperties","_excluded","dataContext","check","has","data","get","Boolean","open","props","createElement","_extends","className","hidden","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react'\nimport pointer from 'json-pointer'\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport DataContext from '../../DataContext/Context'\nimport FieldProps from '../FieldProps'\nimport type { UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Given data context path must match, as well as the \"whenValue\" value */\n  pathValue?: string\n  /** Given data context value must match this value to show children */\n  whenValue?: unknown\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  inferData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext)\n\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const check = () => {\n    if (visible === false) {\n      return\n    }\n\n    if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n      return\n    }\n    if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n      return\n    }\n\n    if (\n      pathTruthy &&\n      (!pointer.has(dataContext.data, pathTruthy) ||\n        !pointer.get(dataContext.data, pathTruthy))\n    ) {\n      return\n    }\n    if (\n      pathFalsy &&\n      pointer.has(dataContext.data, pathFalsy) &&\n      Boolean(pointer.get(dataContext.data, pathFalsy))\n    ) {\n      return\n    }\n\n    if (\n      pathTrue &&\n      (!pointer.has(dataContext.data, pathTrue) ||\n        pointer.get(dataContext.data, pathTrue) !== true)\n    ) {\n      return\n    }\n    if (\n      pathFalse &&\n      (!pointer.has(dataContext.data, pathFalse) ||\n        pointer.get(dataContext.data, pathFalse) !== false)\n    ) {\n      return\n    }\n\n    if (\n      pathValue &&\n      !(\n        pointer.has(dataContext.data, pathValue) &&\n        pointer.get(dataContext.data, pathValue) === whenValue\n      )\n    ) {\n      return\n    }\n\n    if (inferData && !inferData(dataContext.data)) {\n      return\n    }\n\n    return true\n  }\n\n  const open = Boolean(check())\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={keepInDOM}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["React","useContext","pointer","warn","useMountEffect","HeightAnimation","DataContext","FieldProps","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","_objectWithoutProperties","_excluded","dataContext","check","_dataContext$filterDa","data","filterDataHandler","call","hasPath","has","path","_visibleWhen","_visibleWhen2","value","get","withValue","result","Object","prototype","hasOwnProperty","getValue","Boolean","open","props","createElement","_extends","className","hidden","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react'\nimport pointer from 'json-pointer'\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport DataContext, { FilterData } from '../../DataContext/Context'\nimport FieldProps from '../FieldProps'\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\n\ntype VisibleWhen =\n  | {\n      path: string\n      hasValue: unknown\n    }\n  | {\n      path: string\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext)\n\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const check = () => {\n    if (visible === false) {\n      return\n    }\n\n    const data =\n      (filterData &&\n        dataContext.filterDataHandler?.(dataContext.data, filterData)) ||\n      dataContext.data\n\n    if (visibleWhen || visibleWhenNot) {\n      if (visibleWhenNot) {\n        visibleWhen = visibleWhenNot\n      }\n      const hasPath = pointer.has(data, visibleWhen.path)\n      if (hasPath) {\n        const value = pointer.get(data, visibleWhen.path)\n\n        const withValue = visibleWhen?.['withValue']\n        const result =\n          (withValue && withValue?.(value) === false) ||\n          (Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') &&\n            visibleWhen?.['hasValue'] !== value)\n\n        if (visibleWhenNot) {\n          if (!result) {\n            return\n          }\n        } else if (result) {\n          return\n        }\n      } else {\n        return\n      }\n    }\n\n    if (pathDefined && !pointer.has(data, pathDefined)) {\n      return\n    }\n    if (pathUndefined && pointer.has(data, pathUndefined)) {\n      return\n    }\n\n    const getValue = (path: Path) => {\n      if (pointer.has(data, path)) {\n        return pointer.get(data, path)\n      }\n    }\n\n    if (pathTrue && getValue(pathTrue) !== true) {\n      return\n    }\n    if (pathFalse && getValue(pathFalse) !== false) {\n      return\n    }\n    if (pathTruthy && Boolean(getValue(pathTruthy)) === false) {\n      return\n    }\n    if (pathFalsy && Boolean(getValue(pathFalsy)) === true) {\n      return\n    }\n    if (inferData && !inferData(data)) {\n      return\n    }\n\n    // Deprecated can be removed in v11\n    if (pathValue && getValue(pathValue) !== whenValue) {\n      return\n    }\n\n    return true\n  }\n\n  const open = Boolean(check())\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/extensions/forms/Form/Visibility/VisibilityDocs.js

@@ -29,14 +29,14 @@ export const VisibilityProperties = {
     type: 'string',
     status: 'optional'
   },
-  pathValue: {
-    doc: 'Given data context path must match, as well as the `whenValue` value.',
-    type: 'string',
+  visibleWhen: {
+    doc: 'Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path.',
+    type: 'object',
     status: 'optional'
   },
-  whenValue: {
-    doc: 'The value to match. Should be used together with `pathValue`.',
-    type: 'string',
+  visibleWhenNot: {
+    doc: 'Same as `visibleWhen`, but with inverted logic.',
+    type: 'object',
     status: 'optional'
   },
   inferData: {
@@ -59,6 +59,11 @@ export const VisibilityProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  filterData: {
+    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',
+    type: ['object', 'function'],
+    status: 'optional'
+  },
   fieldPropsWhenHidden: {
     doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',
     type: 'various',

package/extensions/forms/Form/Visibility/VisibilityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","keepInDOM","fieldPropsWhenHidden","element","children"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathValue: {\n    doc: 'Given data context path must match, as well as the `whenValue` value.',\n    type: 'string',\n    status: 'optional',\n  },\n  whenValue: {\n    doc: 'The value to match. Should be used together with `pathValue`.',\n    type: 'string',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly by boolean value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,OAAO,EAAE;IACPf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","visibleWhen","visibleWhenNot","inferData","visible","animate","keepInDOM","filterData","fieldPropsWhenHidden","element","children"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  visibleWhen: {\n    doc: 'Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly by boolean value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,0NAA0N;IAC/NC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDa,oBAAoB,EAAE;IACpBf,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,OAAO,EAAE;IACPhB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDe,QAAQ,EAAE;IACRjB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Form/data-context/useData.d.ts

@@ -5,7 +5,7 @@ type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Ke
 type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
 type UseDataReturnUpdate<Data> = <P extends Path>(path: P, value: ((value: PathType<Data, P>) => unknown) | unknown) => void;
 export type UseDataReturnGetValue<Data> = <P extends Path>(path: P) => PathType<Data, P>;
-export type UseDataReturnFilterData<Data> = (filterDataHandler: FilterData) => Partial<Data>;
+export type UseDataReturnFilterData<Data> = (filterDataHandler: FilterData, data?: Data) => Partial<Data>;
 type UseDataReturn<Data> = {
     data: Data;
     set: (newData: Data) => void;

package/extensions/forms/Form/data-context/useData.js

@@ -42,8 +42,8 @@ export default function useData() {
       }
     }
   }, [id, updateDataValue]);
-  const filterData = useCallback(filter => {
-    const data = sharedDataRef.current.data;
+  const filterData = useCallback(function (filter) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : sharedDataRef.current.data;
     if (id) {
       var _sharedAttachmentsRef, _sharedAttachmentsRef2;
       return (_sharedAttachmentsRef = sharedAttachmentsRef.current.data) === null || _sharedAttachmentsRef === void 0 ? void 0 : (_sharedAttachmentsRef2 = _sharedAttachmentsRef.filterDataHandler) === null || _sharedAttachmentsRef2 === void 0 ? void 0 : _sharedAttachmentsRef2.call(_sharedAttachmentsRef, data, filter);

package/extensions/forms/Form/data-context/useData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useData.js","names":["useCallback","useContext","useMemo","useReducer","useRef","pointer","useSharedState","useMountEffect","DataContext","useData","id","arguments","length","undefined","initialData","sharedDataRef","sharedAttachmentsRef","forceUpdate","current","context","data","updateDataValue","setData","rerenderUseDataHook","setHandler","newData","update","updateHandler","path","value","existingData","existingValue","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","getValue","hadInitialData"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P>\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData\n) => Partial<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id && context?.data) {\n    sharedDataRef.current.data = context.data\n  }\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // update existing data\n        pointer.set(existingData, path, newValue)\n\n        // update provider\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter) => {\n      const data = sharedDataRef.current.data\n\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      getValue,\n      filterData,\n    }),\n    [data, filterData, getValue, setHandler, updateHandler]\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"useData.js","names":["useCallback","useContext","useMemo","useReducer","useRef","pointer","useSharedState","useMountEffect","DataContext","useData","id","arguments","length","undefined","initialData","sharedDataRef","sharedAttachmentsRef","forceUpdate","current","context","data","updateDataValue","setData","rerenderUseDataHook","setHandler","newData","update","updateHandler","path","value","existingData","existingValue","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","getValue","hadInitialData"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P>\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData,\n  data?: Data\n) => Partial<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id && context?.data) {\n    sharedDataRef.current.data = context.data\n  }\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // update existing data\n        pointer.set(existingData, path, newValue)\n\n        // update provider\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter, data = sharedDataRef.current.data) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      getValue,\n      filterData,\n    }),\n    [data, filterData, getValue, setHandler, updateHandler]\n  )\n}\n"],"mappings":"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"}

package/extensions/forms/Form/data-context/useError.d.ts

@@ -2,6 +2,7 @@ import { SharedStateId } from '../../../../shared/helpers/useSharedState';
 import { ContextState } from '../../DataContext/Context';
 type UseDataReturn = {
     hasErrors: ContextState['hasErrors'];
+    hasFieldError: ContextState['hasFieldError'];
     setFormError: (error: Error) => void;
 };
 export default function useError(id?: SharedStateId): UseDataReturn;