@dnb/eufemia 10.19.0 → 10.20.0

package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_types","_FieldBlockContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","label","labelDescription","asFieldset","info","warning","error","errorProp","disabled","width","contentWidth","size","contentClassName","children","rest","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setError","useCallback","identifier","existing","removed","newRecord","map","setShowError","show","useMemo","errors","entries","_ref","_ref2","Error","message","join","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","state","stateStatus","labelProps","element","space","top","bottom","createElement","Provider","Space","FormLabel","Fragment","FormStatus","id","text","FormError","toString","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","type","Boolean","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, { useMemo, useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { FormError, ComponentProps, FieldProps } from '../types'\nimport FieldBlockContext from './FieldBlockContext'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  forId?: string\n  contentClassName?: string\n  children: React.ReactNode\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** Width of outer block element */\n  width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: 'small' | 'medium' | 'large' | 'stretch'\n  /** Typography size */\n  size?: 'medium' | 'large'\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    disabled,\n    width,\n    contentWidth,\n    size,\n    contentClassName,\n    children,\n    ...rest\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setError = useCallback(\n    (identifier, error) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setError(identifier, error)\n        return\n      }\n\n      setFieldErrorRecord((existing) => {\n        if (error) {\n          return {\n            ...existing,\n            [identifier]: error,\n          }\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [identifier]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const setShowError = useCallback(\n    (identifier, show) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setShowError(identifier, show)\n        return\n      }\n\n      setShowFieldErrorRecord((existing) => {\n        if (show) {\n          return {\n            ...existing,\n            [identifier]: true,\n          }\n        } else {\n          const { [identifier]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const error = useMemo(() => {\n    if (errorProp) {\n      return errorProp\n    }\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([identifier]) => showFieldErrorRecord[identifier] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [errorProp, fieldErrorRecord, showFieldErrorRecord])\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const state = error || warning || info\n  const stateStatus = error\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    space: { top: 0, bottom: 'x-small' },\n    size,\n    disabled,\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setError,\n        setShowError,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {labelDescription ? (\n            <div className=\"dnb-forms-field-block__label\">\n              {label || labelDescription ? (\n                <FormLabel {...labelProps}>\n                  {label}\n                  {labelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </FormLabel>\n              ) : (\n                <>&nbsp;</>\n              )}\n            </div>\n          ) : (\n            label && <FormLabel {...labelProps}>{label}</FormLabel>\n          )}\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth !== undefined &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              contentClassName\n            )}\n          >\n            {children}\n          </div>\n\n          {stateStatus && (\n            <div className=\"dnb-forms-field-block__status\">\n              <FormStatus\n                state={stateStatus}\n                id={forId ? `${forId}-form-status` : undefined}\n                text={\n                  error?.message ||\n                  (state instanceof Error && state.message) ||\n                  (state instanceof FormError && state.message) ||\n                  state?.toString()\n                }\n                label={label as string}\n                space={{ top: 'x-small' }}\n              />\n            </div>\n          )}\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nFieldBlock._supportsSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_types","_FieldBlockContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","label","labelDescription","asFieldset","info","warning","error","errorProp","disabled","width","contentWidth","size","contentClassName","children","rest","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setError","useCallback","identifier","existing","removed","newRecord","map","setShowError","show","useMemo","errors","entries","_ref","_ref2","Error","message","join","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","state","stateStatus","labelProps","element","space","top","bottom","createElement","Provider","Space","FormLabel","Fragment","FormStatus","id","text","FormError","toString","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","type","Boolean","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, { useMemo, useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { FormError, ComponentProps, FieldProps } from '../types'\nimport FieldBlockContext from './FieldBlockContext'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  forId?: string\n  contentClassName?: string\n  children: React.ReactNode\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** Width of outer block element */\n  width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: 'small' | 'medium' | 'large' | 'stretch'\n  /** Typography size */\n  size?: 'medium' | 'large'\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    disabled,\n    width,\n    contentWidth,\n    size,\n    contentClassName,\n    children,\n    ...rest\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setError = useCallback(\n    (identifier, error) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setError(identifier, error)\n        return\n      }\n\n      setFieldErrorRecord((existing) => {\n        if (error) {\n          return {\n            ...existing,\n            [identifier]: error,\n          }\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [identifier]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const setShowError = useCallback(\n    (identifier, show) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setShowError(identifier, show)\n        return\n      }\n\n      setShowFieldErrorRecord((existing) => {\n        if (show) {\n          return {\n            ...existing,\n            [identifier]: true,\n          }\n        } else {\n          const { [identifier]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const error = useMemo(() => {\n    if (errorProp) {\n      return errorProp\n    }\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([identifier]) => showFieldErrorRecord[identifier] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [errorProp, fieldErrorRecord, showFieldErrorRecord])\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const state = error || warning || info\n  const stateStatus = error\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    space: { top: 0, bottom: 'x-small' },\n    size,\n    disabled,\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setError,\n        setShowError,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {labelDescription ? (\n            <div className=\"dnb-forms-field-block__label\">\n              {label || labelDescription ? (\n                <FormLabel {...labelProps}>\n                  {label}\n                  {labelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </FormLabel>\n              ) : (\n                <>&nbsp;</>\n              )}\n            </div>\n          ) : (\n            label && <FormLabel {...labelProps}>{label}</FormLabel>\n          )}\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth !== undefined &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              contentClassName\n            )}\n          >\n            {children}\n          </div>\n\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus\n              state={stateStatus}\n              id={forId ? `${forId}-form-status` : undefined}\n              text={\n                error?.message ||\n                (state instanceof Error && state.message) ||\n                (state instanceof FormError && state.message) ||\n                state?.toString()\n              }\n              label={label as string}\n              no_animation={\n                process.env.NODE_ENV === 'test'\n                  ? true\n                  : // We may enable animation in the future\n                  typeof globalThis !== 'undefined'\n                  ? globalThis.IS_TEST === true\n                  : false\n              }\n            />\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nFieldBlock._supportsSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}

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

@@ -1,12 +1,19 @@
+/*
+ * Utilities
+ */
 :root {
   --forms-field-width--small: 5rem;
   --forms-field-width--medium: 11rem;
   --forms-field-width--large: 21rem;
 }
 
-/*
- * Utilities
- */
+@media screen and (max-width: 15em) {
+  .dnb-forms-field-string .dnb-input__shell,
+  .dnb-forms-field-number .dnb-input__shell {
+    width: 90%;
+  }
+}
+
 fieldset.dnb-forms-field-block {
   padding: 0;
   border: none;
@@ -24,6 +31,9 @@ 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;
 }
@@ -47,7 +57,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 30em) {
+@media screen and (min-width: 25em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -71,13 +81,17 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__status {
   grid-area: status;
 }
+.dnb-forms-field-block__status .dnb-form-status__shell {
+  margin-top: 0.5rem;
+}
 .dnb-forms-field-block__contents {
   grid-area: contents;
+  width: 100%;
 }
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 30em) {
+@media screen and (min-width: 25em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }

package/cjs/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}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__grid{flex-wrap:wrap}.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:30em){.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__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.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)}}
+: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__grid{flex-wrap:wrap}.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}.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)}}

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

@@ -1,11 +1,31 @@
-@import '../../Field/style/field-sizes.scss';
+@use 'sass:map';
 @import '../../../../style/core/utilities.scss';
+@import '../../Field/style/field-sizes.scss';
+
+$breakpoints: map.merge(
+  $breakpoints,
+  (
+    'xx-small': 15em,
+  )
+);
+
+// Ensure inputs to not overflow on xx-small (defined above), but exclude e.g. Autocomplete
+.dnb-forms-field-string,
+.dnb-forms-field-number {
+  @include allBelow(xx-small) {
+    .dnb-input__shell {
+      width: 90%;
+    }
+  }
+}
 
 fieldset.dnb-forms-field-block {
   @include fieldsetReset(true);
 }
 
 .dnb-forms-field-block {
+  width: 100%;
+
   &__grid {
     display: grid;
 
@@ -60,10 +80,14 @@ fieldset.dnb-forms-field-block {
 
   &__status {
     grid-area: status;
+    .dnb-form-status__shell {
+      margin-top: 0.5rem; // set margin-top on shell, so we can animate the height
+    }
   }
 
   &__contents {
     grid-area: contents;
+    width: 100%;
 
     &--width {
       &-stretch {

package/cjs/extensions/forms/Form/Handler/Handler.d.ts

@@ -7,4 +7,4 @@ export type Props = Omit<ElementAllProps, 'data' | 'as' | 'autoComplete'> & {
      */
     autoComplete?: boolean;
 };
-export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, sessionStorageId, autoComplete, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, filterData, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, sessionStorageId, autoComplete, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/Form/Handler/Handler.js

@@ -8,7 +8,7 @@ exports.default = FormHandler;
 var _react = _interopRequireDefault(require("react"));
 var _Provider = _interopRequireDefault(require("../../DataContext/Provider"));
 var _Element = _interopRequireDefault(require("../Element"));
-const _excluded = ["children", "defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "scrollTopOnSubmit", "sessionStorageId", "autoComplete"];
+const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "filterData", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "scrollTopOnSubmit", "sessionStorageId", "autoComplete"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -18,6 +18,9 @@ function FormHandler(_ref) {
       defaultData,
       data,
       schema,
+      ajvInstance,
+      errorMessages,
+      filterData,
       onChange,
       onPathChange,
       onSubmit,
@@ -32,6 +35,9 @@ function FormHandler(_ref) {
     defaultData,
     data,
     schema,
+    ajvInstance,
+    errorMessages,
+    filterData,
     onChange,
     onPathChange,
     onSubmit: function () {

package/cjs/extensions/forms/Form/Handler/Handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Handler.js","names":["_react","_interopRequireDefault","require","_Provider","_Element","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","FormHandler","_ref","children","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","providerProps","id","arguments","createElement"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React from 'react'\nimport { JsonObject } from 'json-pointer'\nimport Provider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    onChange,\n    onPathChange,\n    onSubmit: (...args) => {\n      if (typeof onSubmit === 'function') {\n        onSubmit(...args)\n      }\n    },\n    onSubmitRequest,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n  } as Omit<ProviderProps<Data>, 'children'>\n\n  return (\n    <Provider {...providerProps}>\n      <FormElement {...rest}>{children}</FormElement>\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAarB,SAASc,WAAWA,CAAAC,IAAA,EAa8B;EAAA,IAbJ;MAC3DC,QAAQ;MACRC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,iBAAiB;MACjBC,gBAAgB;MAChBC;IAE4D,CAAC,GAAAX,IAAA;IAD1DY,IAAI,GAAA9B,wBAAA,CAAAkB,IAAA,EAAAtB,SAAA;EAEP,MAAMmC,aAAa,GAAG;IACpBC,EAAE,EAAEF,IAAI,CAACE,EAAE;IACXZ,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,QAAQ,EAAE,SAAAA,CAAA,EAAa;MACrB,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC,GAAAQ,SAAO,CAAC;MACnB;IACF,CAAC;IACDP,eAAe;IACfC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,CAA0C;EAE1C,OACEtC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACxC,SAAA,CAAAK,OAAQ,EAAKgC,aAAa,EACzBxC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,QAAA,CAAAI,OAAW,EAAK+B,IAAI,EAAGX,QAAsB,CACtC,CAAC;AAEf"}
+{"version":3,"file":"Handler.js","names":["_react","_interopRequireDefault","require","_Provider","_Element","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","filterData","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","providerProps","id","arguments","createElement"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React from 'react'\nimport { JsonObject } from 'json-pointer'\nimport Provider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  ajvInstance,\n  errorMessages,\n  filterData,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    ajvInstance,\n    errorMessages,\n    filterData,\n    onChange,\n    onPathChange,\n    onSubmit: (...args) => {\n      if (typeof onSubmit === 'function') {\n        onSubmit(...args)\n      }\n    },\n    onSubmitRequest,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n  } as Omit<ProviderProps<Data>, 'children'>\n\n  return (\n    <Provider {...providerProps}>\n      <FormElement {...rest}>{children}</FormElement>\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAarB,SAASc,WAAWA,CAAAC,IAAA,EAgB8B;EAAA,IAhBJ;MAC3DC,QAAQ;MACRC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,WAAW;MACXC,aAAa;MACbC,UAAU;MACVC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,iBAAiB;MACjBC,gBAAgB;MAChBC;IAE4D,CAAC,GAAAd,IAAA;IAD1De,IAAI,GAAAjC,wBAAA,CAAAkB,IAAA,EAAAtB,SAAA;EAEP,MAAMsC,aAAa,GAAG;IACpBC,EAAE,EAAEF,IAAI,CAACE,EAAE;IACXf,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,aAAa;IACbC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,QAAQ,EAAE,SAAAA,CAAA,EAAa;MACrB,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC,GAAAQ,SAAO,CAAC;MACnB;IACF,CAAC;IACDP,eAAe;IACfC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,CAA0C;EAE1C,OACEzC,MAAA,CAAAQ,OAAA,CAAAsC,aAAA,CAAC3C,SAAA,CAAAK,OAAQ,EAAKmC,aAAa,EACzB3C,MAAA,CAAAQ,OAAA,CAAAsC,aAAA,CAAC1C,QAAA,CAAAI,OAAW,EAAKkC,IAAI,EAAGd,QAAsB,CACtC,CAAC;AAEf"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { HeightAnimationProps } from '../../../../components/HeightAnimation';
 export type Props = {
     visible?: boolean;
     /** Given data context path must be defined to show children */
@@ -15,12 +16,16 @@ export type Props = {
     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;
     /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */
     inferData?: (data: unknown) => boolean;
+    /** Animate the visibility change */
+    animate?: boolean;
+    element?: HeightAnimationProps['element'];
     children: React.ReactNode;
 };
-declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, children, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Visibility {
     var _supportsSpacingProps: string;
 }

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

@@ -8,52 +8,67 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var DataContext = _interopRequireWildcard(require("../../DataContext"));
+var _HeightAnimation = _interopRequireDefault(require("../../../../components/HeightAnimation"));
+const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function Visibility(_ref) {
   let {
-    visible,
-    pathDefined,
-    pathUndefined,
-    pathTruthy,
-    pathFalsy,
-    pathTrue,
-    pathFalse,
-    pathValue,
-    whenValue,
-    inferData,
-    children
-  } = _ref;
+      visible,
+      pathDefined,
+      pathUndefined,
+      pathTruthy,
+      pathFalsy,
+      pathTrue,
+      pathFalse,
+      pathValue,
+      whenValue,
+      inferData,
+      animate,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const dataContext = (0, _react.useContext)(DataContext.Context);
-  if (visible === false) {
-    return null;
+  const check = () => {
+    if (visible === false) {
+      return;
+    }
+    if (pathDefined && !_jsonPointer.default.has(dataContext.data, pathDefined)) {
+      return;
+    }
+    if (pathUndefined && _jsonPointer.default.has(dataContext.data, pathUndefined)) {
+      return;
+    }
+    if (pathTruthy && (!_jsonPointer.default.has(dataContext.data, pathTruthy) || !_jsonPointer.default.get(dataContext.data, pathTruthy))) {
+      return;
+    }
+    if (pathFalsy && _jsonPointer.default.has(dataContext.data, pathFalsy) && Boolean(_jsonPointer.default.get(dataContext.data, pathFalsy))) {
+      return;
+    }
+    if (pathTrue && (!_jsonPointer.default.has(dataContext.data, pathTrue) || _jsonPointer.default.get(dataContext.data, pathTrue) !== true)) {
+      return;
+    }
+    if (pathFalse && (!_jsonPointer.default.has(dataContext.data, pathFalse) || _jsonPointer.default.get(dataContext.data, pathFalse) !== false)) {
+      return;
+    }
+    if (pathValue && !(_jsonPointer.default.has(dataContext.data, pathValue) && _jsonPointer.default.get(dataContext.data, pathValue) === whenValue)) {
+      return;
+    }
+    if (inferData && !inferData(dataContext.data)) {
+      return;
+    }
+    return true;
+  };
+  if (animate) {
+    return _react.default.createElement(_HeightAnimation.default, _extends({
+      open: Boolean(check())
+    }, rest), children);
   }
-  if (pathDefined && !_jsonPointer.default.has(dataContext.data, pathDefined)) {
-    return null;
-  }
-  if (pathUndefined && _jsonPointer.default.has(dataContext.data, pathUndefined)) {
-    return null;
-  }
-  if (pathTruthy && (!_jsonPointer.default.has(dataContext.data, pathTruthy) || !_jsonPointer.default.get(dataContext.data, pathTruthy))) {
-    return null;
-  }
-  if (pathFalsy && _jsonPointer.default.has(dataContext.data, pathFalsy) && Boolean(_jsonPointer.default.get(dataContext.data, pathFalsy))) {
-    return null;
-  }
-  if (pathTrue && (!_jsonPointer.default.has(dataContext.data, pathTrue) || _jsonPointer.default.get(dataContext.data, pathTrue) !== true)) {
-    return null;
-  }
-  if (pathFalse && (!_jsonPointer.default.has(dataContext.data, pathFalse) || _jsonPointer.default.get(dataContext.data, pathFalse) !== false)) {
-    return null;
-  }
-  if (pathValue && !(_jsonPointer.default.has(dataContext.data, pathValue) && _jsonPointer.default.get(dataContext.data, pathValue) === whenValue)) {
-    return null;
-  }
-  if (inferData && !inferData(dataContext.data)) {
-    return null;
-  }
-  return _react.default.createElement(_react.default.Fragment, null, children);
+  return check() ? _react.default.createElement(_react.default.Fragment, null, children) : null;
 }
 Visibility._supportsSpacingProps = 'children';
 var _default = Visibility;

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

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","DataContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","children","dataContext","useContext","Context","pointer","data","Boolean","createElement","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\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  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  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  children,\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\n\n  if (visible === false) {\n    return null\n  }\n\n  if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n    return null\n  }\n  if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n    return null\n  }\n\n  if (\n    pathTruthy &&\n    (!pointer.has(dataContext.data, pathTruthy) ||\n      !pointer.get(dataContext.data, pathTruthy))\n  ) {\n    return null\n  }\n  if (\n    pathFalsy &&\n    pointer.has(dataContext.data, pathFalsy) &&\n    Boolean(pointer.get(dataContext.data, pathFalsy))\n  ) {\n    return null\n  }\n\n  if (\n    pathTrue &&\n    (!pointer.has(dataContext.data, pathTrue) ||\n      pointer.get(dataContext.data, pathTrue) !== true)\n  ) {\n    return null\n  }\n  if (\n    pathFalse &&\n    (!pointer.has(dataContext.data, pathFalse) ||\n      pointer.get(dataContext.data, pathFalse) !== false)\n  ) {\n    return null\n  }\n\n  if (\n    pathValue &&\n    !(\n      pointer.has(dataContext.data, pathValue) &&\n      pointer.get(dataContext.data, pathValue) === whenValue\n    )\n  ) {\n    return null\n  }\n\n  if (inferData && !inferData(dataContext.data)) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","DataContext","_HeightAnimation","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","children","rest","dataContext","useContext","Context","check","pointer","data","Boolean","createElement","open","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\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  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  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\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  if (animate) {\n    return (\n      <HeightAnimation open={Boolean(check())} {...rest}>\n        {children}\n      </HeightAnimation>\n    )\n  }\n\n  return check() ? <>{children}</> : null\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/data-context/getData.d.ts

@@ -0,0 +1,8 @@
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+import type { FilterData } from '../../DataContext/Provider';
+type SetDataReturn<Data> = {
+    data: Data;
+    filterData: (filterDataHandler: FilterData) => Partial<Data>;
+};
+export default function getData<Data>(id: SharedStateId): SetDataReturn<Data>;
+export {};

package/cjs/extensions/forms/Form/data-context/getData.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getData;
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+function getData(id) {
+  const sharedState = (0, _useSharedState.createSharedState)(id);
+  const sharedAttachments = (0, _useSharedState.createSharedState)(id + '-attachments');
+  const data = sharedState.get();
+  const filterData = filter => {
+    var _sharedAttachments$da, _sharedAttachments$da2;
+    return (_sharedAttachments$da = sharedAttachments.data) === null || _sharedAttachments$da === void 0 ? void 0 : (_sharedAttachments$da2 = _sharedAttachments$da.filterDataHandler) === null || _sharedAttachments$da2 === void 0 ? void 0 : _sharedAttachments$da2.call(_sharedAttachments$da, data, filter);
+  };
+  return {
+    data,
+    filterData
+  };
+}
+//# sourceMappingURL=getData.js.map

package/cjs/extensions/forms/Form/data-context/getData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getData.js","names":["_useSharedState","require","getData","id","sharedState","createSharedState","sharedAttachments","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Provider'\n\ntype SharedAttachment<Data> = {\n  filterDataHandler: FilterDataHandler<Data>\n}\n\ntype SetDataReturn<Data> = {\n  data: Data\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachment<Data>>(\n    id + '-attachments'\n  )\n\n  const data = sharedState.get() as Data\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  return {\n    data,\n    filterData,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAkBe,SAASC,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzCF,EAAE,GAAG,cACP,CAAC;EAED,MAAMI,IAAI,GAAGH,WAAW,CAACI,GAAG,CAAC,CAAS;EACtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DL,iBAAiB,CAACC,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,OAAO;IACLH,IAAI;IACJE;EACF,CAAC;AACH"}

package/cjs/extensions/forms/Form/data-context/setData.d.ts

@@ -0,0 +1,2 @@
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+export default function setData<Data>(id: SharedStateId, data: Data): void;

package/cjs/extensions/forms/Form/data-context/setData.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setData;
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+function setData(id, data) {
+  const sharedState = (0, _useSharedState.createSharedState)(id);
+  sharedState.extend(data);
+}
+//# sourceMappingURL=setData.js.map

package/cjs/extensions/forms/Form/data-context/setData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setData.js","names":["_useSharedState","require","setData","id","data","sharedState","createSharedState","extend"],"sources":["../../../../../../src/extensions/forms/Form/data-context/setData.tsx"],"sourcesContent":["import {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\n\nexport default function setData<Data>(id: SharedStateId, data: Data) {\n  const sharedState = createSharedState(id)\n  sharedState.extend(data)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAKe,SAASC,OAAOA,CAAOC,EAAiB,EAAEC,IAAU,EAAE;EACnE,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACH,EAAE,CAAC;EACzCE,WAAW,CAACE,MAAM,CAACH,IAAI,CAAC;AAC1B"}

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

@@ -0,0 +1,22 @@
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+import type { Path } from '../../DataContext/Context';
+import type { FilterData } from '../../DataContext/Provider';
+type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
+type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
+type UseDataReturnUpdate<Data> = <P extends Path>(path: P, fn: (value: PathType<Data, P>) => unknown) => void;
+type UseDataReturn<Data> = {
+    data: Data;
+    update: UseDataReturnUpdate<Data>;
+    set: (newData: Data) => void;
+    filterData: (filterDataHandler: FilterData) => Partial<Data>;
+};
+/**
+ * Custom hook that provides form data management functionality.
+ *
+ * @template Data - The type of data being managed.
+ * @param {SharedStateId} id - The identifier for the data.
+ * @param {Data} initialData - The initial data value (optional).
+ * @returns {UseDataReturn<Data>} An object containing the data and data management functions.
+ */
+export default function useData<Data>(id: SharedStateId, initialData?: Data): UseDataReturn<Data>;
+export {};

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

@@ -0,0 +1,65 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useData;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+var _hooks = require("../../hooks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useData(id) {
+  let initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  const sharedDataRef = (0, _react.useRef)(null);
+  const sharedAttachmentsRef = (0, _react.useRef)(null);
+  const hasMounted = (0, _react.useRef)(false);
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  (0, _react.useEffect)(() => {
+    hasMounted.current = true;
+    return () => {
+      hasMounted.current = false;
+    };
+  }, []);
+  const rerenderUseDataHook = (0, _react.useCallback)(() => {
+    if (hasMounted.current) {
+      if (typeof window !== 'undefined') {
+        window.requestAnimationFrame(forceUpdate);
+      }
+    } else {
+      forceUpdate();
+    }
+  }, []);
+  sharedDataRef.current = (0, _useSharedState.useSharedState)(id, initialData, forceUpdate);
+  sharedAttachmentsRef.current = (0, _useSharedState.useSharedState)(id + '-attachments', {
+    rerenderUseDataHook
+  });
+  const setHandler = (0, _react.useCallback)(newData => {
+    sharedDataRef.current.update(newData);
+  }, []);
+  const updateHandler = (0, _react.useCallback)((path, fn) => {
+    const existingData = sharedDataRef.current.data || {};
+    const existingValue = _jsonPointer.default.has(existingData, path) ? _jsonPointer.default.get(existingData, path) : undefined;
+    const newValue = fn(existingValue);
+    _jsonPointer.default.set(existingData, path, newValue);
+    sharedDataRef.current.update(existingData);
+  }, []);
+  const filterData = (0, _react.useCallback)(filter => {
+    var _sharedAttachmentsRef, _sharedAttachmentsRef2;
+    const data = sharedDataRef.current.data;
+    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);
+  }, []);
+  (0, _hooks.useMountEffect)(() => {
+    if (id && !sharedDataRef.current.hadInitialData && initialData) {
+      sharedDataRef.current.update(initialData);
+    }
+  });
+  return {
+    data: sharedDataRef.current.data,
+    update: updateHandler,
+    set: setHandler,
+    filterData
+  };
+}
+//# sourceMappingURL=useData.js.map