npm - @dnb/eufemia - Versions diffs - 10.17.0 → 10.19.0 - Mend

@dnb/eufemia 10.17.0 → 10.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (828) hide show

package/es/extensions/forms/Field/String/String.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"String.js","names":["React","useContext","useMemo","useCallback","classnames","HelpButton","Input","Textarea","InputMasked","SharedContext","FieldBlock","useDataValue","pickSpacingProps","toCapitalized","StringComponent","props","_props$width","_value$length","_value$length2","_value$toString","sharedContext","tr","translation","Forms","errorMessages","_objectSpread","required","inputErrorRequired","minLength","stringInputErrorMinLength","maxLength","stringInputErrorMaxLength","pattern","inputErrorPattern","schema","_props$schema","type","fromInput","event","_event","_event$cleanedValue","_event2","_event3","value","emptyValue","cleanedValue","toEvent","trim","spaces","RegExp","test","replace","handleChange","transformValue","capitalize","String","preparedProps","width","id","name","className","autoComplete","inputMode","innerRef","inputClassName","layout","placeholder","label","labelDescription","labelSecondary","info","warning","error","hasError","disabled","help","multiline","leftIcon","rightIcon","clear","autoresize","autoresizeMaxRows","characterCounter","mask","handleFocus","handleBlur","transformInstantly","characterCounterElement","length","undefined","cn","sharedProps","suffix","createElement","title","contents","on_focus","on_blur","on_change","stretch","inner_ref","status","toString","_extends","forId","contentsWidth","autoresize_max_rows","icon","icon_position","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/String/String.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { JSONSchema7 } from 'json-schema'\nimport { HelpButton, Input, Textarea } from '../../../../components'\nimport { InputProps } from '../../../../components/input/Input'\nimport InputMasked, {\n InputMaskedProps,\n} from '../../../../components/InputMasked'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps, FieldHelpProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { toCapitalized } from '../../../../shared/component-helper'\n\ninterface ErrorMessages {\n required?: string\n schema?: string\n minLength?: string\n maxLength?: string\n pattern?: string\n}\nexport type Props = FieldHelpProps &\n FieldProps<string, undefined \| string, ErrorMessages> & {\n type?: InputProps['type']\n multiline?: boolean\n leftIcon?: string\n rightIcon?: string\n inputClassName?: string\n innerRef?: React.RefObject<HTMLInputElement \| HTMLTextAreaElement>\n clear?: boolean\n autoresize?: boolean\n autoComplete?: HTMLInputElement['autocomplete']\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']\n autoresizeMaxRows?: number\n characterCounter?: boolean\n mask?: InputMaskedProps['mask']\n // Validation\n minLength?: number\n maxLength?: number\n pattern?: string\n // Styling\n width?: false \| 'small' \| 'medium' \| 'large' \| 'stretch'\n }\n\nfunction StringComponent(props: Props) {\n const sharedContext = useContext(SharedContext)\n const tr = sharedContext?.translation.Forms\n\n const errorMessages = useMemo(\n () => ({\n required: tr.inputErrorRequired,\n minLength: tr.stringInputErrorMinLength,\n maxLength: tr.stringInputErrorMaxLength,\n pattern: tr.inputErrorPattern,\n ...props.errorMessages,\n }),\n [tr, props.errorMessages]\n )\n const schema = useMemo<JSONSchema7>(\n () =>\n props.schema ?? {\n type: 'string',\n minLength: props.minLength,\n maxLength: props.maxLength,\n pattern: props.pattern,\n },\n [props.schema, props.minLength, props.maxLength, props.pattern]\n )\n const fromInput = useCallback(\n (event: { value: string; cleanedValue?: string }) => {\n if (typeof event === 'string') {\n event = { value: event }\n }\n if (event?.value === '') {\n return props.emptyValue\n }\n // Cleaned value for masked\n return event?.cleanedValue ?? event?.value\n },\n [props.emptyValue]\n )\n const toEvent = useCallback(\n (value: string, type: string) => {\n if (props.trim && type === 'onBlur') {\n const spaces = '[\\\\s ]'\n if (new RegExp(`^${spaces}\|${spaces}$`).test(value)) {\n value = value.replace(\n new RegExp(`^${spaces}+\|${spaces}+$`, 'g'),\n ''\n )\n handleChange(value)\n }\n }\n return value\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [props.trim]\n )\n const transformValue = useCallback(\n (value: string) => {\n if (props.capitalize) {\n value = toCapitalized(String(value \|\| ''))\n }\n return value\n },\n [props.capitalize]\n )\n\n const preparedProps: Props = {\n ...props,\n errorMessages,\n schema,\n fromInput,\n toEvent,\n transformValue,\n width: props.width ?? 'large',\n }\n\n const {\n id,\n name,\n className,\n autoComplete,\n inputMode,\n innerRef,\n inputClassName,\n layout,\n type,\n placeholder,\n label,\n labelDescription,\n labelSecondary,\n value,\n info,\n warning,\n error,\n hasError,\n disabled,\n help,\n multiline,\n leftIcon,\n rightIcon,\n clear,\n autoresize = true,\n autoresizeMaxRows = 6,\n characterCounter,\n mask,\n width,\n handleFocus,\n handleBlur,\n handleChange,\n } = useDataValue(preparedProps)\n\n const transformInstantly = useCallback(\n (value: string) => (props.capitalize ? toCapitalized(value) : value),\n [props.capitalize]\n )\n\n const characterCounterElement = characterCounter\n ? props.maxLength\n ? `${value?.length ?? '0'}/${props.maxLength}`\n : `${value?.length ?? '0'}`\n : undefined\n const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n const sharedProps = {\n id,\n name,\n autoComplete,\n inputMode,\n className: cn,\n placeholder: placeholder,\n suffix: help ? (\n <HelpButton title={help.title}>{help.contents}</HelpButton>\n ) : undefined,\n on_focus: handleFocus,\n on_blur: handleBlur,\n on_change: handleChange,\n disabled: disabled,\n stretch: width !== undefined,\n inner_ref: innerRef,\n status: error \|\| hasError ? 'error' : undefined,\n value: transformInstantly(value?.toString() ?? ''),\n }\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-string', className)}\n forId={id}\n layout={layout}\n label={label}\n labelDescription={labelDescription}\n labelSecondary={labelSecondary ?? characterCounterElement}\n info={info}\n warning={warning}\n disabled={disabled}\n error={error}\n width={width === 'stretch' ? width : undefined}\n contentsWidth={width !== false ? width : undefined}\n {...pickSpacingProps(props)}\n >\n {multiline ? (\n <Textarea\n {...sharedProps}\n autoresize={autoresize}\n autoresize_max_rows={autoresizeMaxRows}\n />\n ) : mask ? (\n <InputMasked\n {...sharedProps}\n mask={mask}\n icon={leftIcon ?? rightIcon}\n icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n />\n ) : (\n <Input\n {...sharedProps}\n type={type}\n icon={leftIcon ?? rightIcon}\n icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n clear={clear}\n />\n )}\n </FieldBlock>\n )\n}\n\nStringComponent._supportsSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}
1	+ {"version":3,"file":"String.js","names":["React","useContext","useMemo","useCallback","classnames","HelpButton","Input","Textarea","InputMasked","SharedContext","FieldBlock","useDataValue","pickSpacingProps","toCapitalized","StringComponent","props","_props$width","_value$toString","sharedContext","tr","translation","Forms","errorMessages","_objectSpread","required","inputErrorRequired","minLength","stringInputErrorMinLength","maxLength","stringInputErrorMaxLength","pattern","inputErrorPattern","schema","_props$schema","type","fromInput","event","_event","_event$cleanedValue","_event2","_event3","value","emptyValue","cleanedValue","toEvent","trim","spaces","RegExp","test","replace","handleChange","transformValue","capitalize","String","preparedProps","width","id","name","className","autoComplete","inputMode","innerRef","inputClassName","layout","placeholder","label","labelDescription","info","warning","error","hasError","disabled","help","multiline","leftIcon","rightIcon","clear","autoresize","autoresizeMaxRows","characterCounter","mask","ariaAttributes","handleFocus","handleBlur","transformInstantly","cn","sharedProps","suffix","createElement","title","content","undefined","on_focus","on_blur","on_change","stretch","inner_ref","status","toString","_extends","forId","contentWidth","autoresize_max_rows","icon","icon_position","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/String/String.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { HelpButton, Input, Textarea } from '../../../../components'\nimport { InputProps } from '../../../../components/input/Input'\nimport InputMasked, {\n InputMaskedProps,\n} from '../../../../components/InputMasked'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { toCapitalized } from '../../../../shared/component-helper'\nimport type { TextCounterProps } from '../../../../fragments/TextCounter'\nimport type { FieldProps, FieldHelpProps, JSONSchema } from '../../types'\n\ninterface ErrorMessages {\n required?: string\n schema?: string\n minLength?: string\n maxLength?: string\n pattern?: string\n}\nexport type Props = FieldHelpProps &\n FieldProps<string, undefined \| string, ErrorMessages> & {\n type?: InputProps['type']\n multiline?: boolean\n leftIcon?: string\n rightIcon?: string\n inputClassName?: string\n innerRef?: React.RefObject<HTMLInputElement \| HTMLTextAreaElement>\n clear?: boolean\n autoresize?: boolean\n autoComplete?: HTMLInputElement['autocomplete']\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']\n autoresizeMaxRows?: number\n characterCounter?: Omit<TextCounterProps, 'text'> \| number\n mask?: InputMaskedProps['mask']\n // Validation\n minLength?: number\n maxLength?: number\n pattern?: string\n // Styling\n width?: false \| 'small' \| 'medium' \| 'large' \| 'stretch'\n }\n\nfunction StringComponent(props: Props) {\n const sharedContext = useContext(SharedContext)\n const tr = sharedContext?.translation.Forms\n\n const errorMessages = useMemo(\n () => ({\n required: tr.inputErrorRequired,\n minLength: tr.stringInputErrorMinLength,\n maxLength: tr.stringInputErrorMaxLength,\n pattern: tr.inputErrorPattern,\n ...props.errorMessages,\n }),\n [tr, props.errorMessages]\n )\n const schema = useMemo<JSONSchema>(\n () =>\n props.schema ?? {\n type: 'string',\n minLength: props.minLength,\n maxLength: props.maxLength,\n pattern: props.pattern,\n },\n [props.schema, props.minLength, props.maxLength, props.pattern]\n )\n const fromInput = useCallback(\n (event: { value: string; cleanedValue?: string }) => {\n if (typeof event === 'string') {\n event = { value: event }\n }\n if (event?.value === '') {\n return props.emptyValue\n }\n // Cleaned value for masked\n return event?.cleanedValue ?? event?.value\n },\n [props.emptyValue]\n )\n const toEvent = useCallback(\n (value: string, type: string) => {\n if (props.trim && type === 'onBlur') {\n const spaces = '[\\\\s ]'\n if (new RegExp(`^${spaces}\|${spaces}$`).test(value)) {\n value = value.replace(\n new RegExp(`^${spaces}+\|${spaces}+$`, 'g'),\n ''\n )\n handleChange(value)\n }\n }\n return value\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [props.trim]\n )\n const transformValue = useCallback(\n (value: string) => {\n if (props.capitalize) {\n value = toCapitalized(String(value \|\| ''))\n }\n return value\n },\n [props.capitalize]\n )\n\n const preparedProps: Props = {\n ...props,\n errorMessages,\n schema,\n fromInput,\n toEvent,\n transformValue,\n width: props.width ?? 'large',\n }\n\n const {\n id,\n name,\n className,\n autoComplete,\n inputMode,\n innerRef,\n inputClassName,\n layout,\n type,\n placeholder,\n label,\n labelDescription,\n value,\n info,\n warning,\n error,\n hasError,\n disabled,\n help,\n multiline,\n leftIcon,\n rightIcon,\n clear,\n autoresize = true,\n autoresizeMaxRows = 6,\n characterCounter,\n mask,\n width,\n ariaAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n } = useDataValue(preparedProps)\n\n const transformInstantly = useCallback(\n (value: string) => (props.capitalize ? toCapitalized(value) : value),\n [props.capitalize]\n )\n\n const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n const sharedProps = {\n id,\n name,\n autoComplete,\n inputMode,\n className: cn,\n placeholder: placeholder,\n suffix: help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined,\n on_focus: handleFocus,\n on_blur: handleBlur,\n on_change: handleChange,\n disabled,\n ...ariaAttributes,\n stretch: width !== undefined,\n inner_ref: innerRef,\n status: hasError ? 'error' : undefined,\n value: transformInstantly(value?.toString() ?? ''),\n }\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-string', className)}\n forId={id}\n layout={layout}\n label={label}\n labelDescription={labelDescription}\n info={info}\n warning={warning}\n disabled={disabled}\n error={error}\n width={width === 'stretch' ? width : undefined}\n contentWidth={width !== false ? width : undefined}\n {...pickSpacingProps(props)}\n >\n {multiline ? (\n <Textarea\n {...sharedProps}\n autoresize={autoresize}\n autoresize_max_rows={autoresizeMaxRows}\n characterCounter={characterCounter}\n />\n ) : mask ? (\n <InputMasked\n {...sharedProps}\n mask={mask}\n icon={leftIcon ?? rightIcon}\n icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n />\n ) : (\n <Input\n {...sharedProps}\n type={type}\n icon={leftIcon ?? rightIcon}\n icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n clear={clear}\n />\n )}\n </FieldBlock>\n )\n}\n\nStringComponent._supportsSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}

package/es/extensions/forms/Field/Toggle/Toggle.js CHANGED Viewed

@@ -25,13 +25,14 @@ function Toggle(props) {
     disabled,
     label,
     labelDescription,
-    labelSecondary,
     textOn,
     textOff,
     value,
     info,
     warning,
     error,
+    hasError,
+    ariaAttributes,
     handleChange
   } = useDataValue(props);
   const handleCheckboxChange = useCallback(({
@@ -58,7 +59,6 @@ function Toggle(props) {
     layout,
     label,
     labelDescription,
-    labelSecondary,
     disabled
   });
   const isOn = value === valueOn;
@@ -72,19 +72,19 @@ function Toggle(props) {
         label: label,
         checked: isOn,
         disabled: disabled,
-        status: error ? 'error' : undefined,
+        status: hasError ? 'error' : undefined,
         on_change: handleCheckboxChange
-      }, pickSpacingProps(props))));
+      }, ariaAttributes, pickSpacingProps(props))));
     case 'button':
-      return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ToggleButton, {
+      return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ToggleButton, _extends({
         id: id,
         text: isOn ? textOn !== null && textOn !== void 0 ? textOn : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : textOff !== null && textOff !== void 0 ? textOff : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo,
         checked: isOn,
         disabled: disabled,
-        status: error ? 'error' : undefined,
+        status: hasError ? 'error' : undefined,
         value: value ? 'true' : 'false',
         on_change: handleCheckboxChange
-      }));
+      }, ariaAttributes)));
     case 'buttons':
       return React.createElement(FieldBlock, _extends({}, fieldBlockProps, {
         asFieldset: true
@@ -94,27 +94,27 @@ function Toggle(props) {
         value: {
           value: isOn ? 'on' : isOff ? 'off' : undefined,
           onChange: handleToggleChange,
-          status: error ? 'error' : undefined,
+          status: hasError ? 'error' : undefined,
           disabled
         }
-      }, React.createElement(ToggleButton, {
+      }, React.createElement(ToggleButton, _extends({
         text: textOn !== null && textOn !== void 0 ? textOn : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes,
         value: "on"
-      }), React.createElement(ToggleButton, {
+      }, ariaAttributes)), React.createElement(ToggleButton, _extends({
         text: textOff !== null && textOff !== void 0 ? textOff : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo,
         value: "off"
-      }))));
+      }, ariaAttributes)))));
     case 'checkbox-button':
-      return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ToggleButton, {
+      return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ToggleButton, _extends({
         id: id,
         variant: "checkbox",
         text: isOn ? textOn !== null && textOn !== void 0 ? textOn : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : textOff !== null && textOff !== void 0 ? textOff : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo,
         checked: isOn,
         disabled: disabled,
-        status: error ? 'error' : undefined,
+        status: hasError ? 'error' : undefined,
         value: value ? 'true' : 'false',
         on_change: handleCheckboxChange
-      }));
+      }, ariaAttributes)));
   }
 }
 Toggle._supportsSpacingProps = true;

package/es/extensions/forms/Field/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","names":["React","useContext","useCallback","Checkbox","ToggleButton","classnames","ButtonRow","FieldBlock","useDataValue","pickSpacingProps","SharedContext","ToggleButtonGroupContext","Toggle","props","sharedContext","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","~~labelSecondary","~~textOn","textOff","value","info","warning","error","handleChange","handleCheckboxChange","checked","handleToggleChange","cn","fieldBlockPropsWithoutLabel","_objectSpread","forId","fieldBlockProps","isOn","isOff","createElement","_extends","status","undefined","on_change","text","translation","Forms","booleanYes","booleanNo","asFieldset","bottom","Provider","onChange","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react'\nimport { Checkbox, ToggleButton } from '../../../../components'\nimport classnames from 'classnames'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\n\nexport type Props = FieldProps<unknown> & {\n valueOn: unknown\n valueOff: unknown\n variant?: 'checkbox' \| 'checkbox-button' \| 'button' \| 'buttons'\n textOn?: string\n textOff?: string\n}\n\nfunction Toggle(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n id,\n className,\n valueOn,\n valueOff,\n layout,\n variant,\n disabled,\n label,\n labelDescription,\n ~~labelSecondary,\n~~ textOn,\n textOff,\n value,\n info,\n warning,\n error,\n handleChange,\n } = useDataValue(props)\n\n const handleCheckboxChange = useCallback(\n ({ checked }) => {\n handleChange?.(checked ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n const handleToggleChange = useCallback(\n ({ value }) => {\n handleChange?.(value === 'on' ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n\n const cn = classnames('dnb-forms-field-toggle', className)\n\n const fieldBlockPropsWithoutLabel = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n disabled,\n }\n\n const fieldBlockProps = {\n ...fieldBlockPropsWithoutLabel,\n layout,\n label,\n labelDescription,\n ~~labelSecondary,\n~~ disabled,\n }\n\n const isOn = value === valueOn\n const isOff = value === valueOff\n\n switch (variant) {\n default:\n case 'checkbox':\n return (\n <FieldBlock {...fieldBlockPropsWithoutLabel}>\n <Checkbox\n id={id}\n className={cn}\n label={label}\n checked={isOn}\n disabled={disabled}\n status={~~error~~ ? 'error' : undefined}\n on_change={handleCheckboxChange}\n {...pickSpacingProps(props)}\n />\n </FieldBlock>\n )\n case 'button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n text={\n isOn\n ? textOn ?? sharedContext?.translation.Forms.booleanYes\n : textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n checked={isOn}\n disabled={disabled}\n status={~~error~~ ? 'error' : undefined}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n />\n </FieldBlock>\n )\n case 'buttons':\n return (\n <FieldBlock {...fieldBlockProps} asFieldset>\n <ButtonRow bottom=\"x-small\">\n <ToggleButtonGroupContext.Provider\n value={{\n value: isOn ? 'on' : isOff ? 'off' : undefined,\n onChange: handleToggleChange,\n status: ~~error~~ ? 'error' : undefined,\n disabled,\n }}\n >\n <ToggleButton\n text={\n textOn ?? sharedContext?.translation.Forms.booleanYes\n }\n value=\"on\"\n />\n <ToggleButton\n text={\n textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n value=\"off\"\n />\n </ToggleButtonGroupContext.Provider>\n </ButtonRow>\n </FieldBlock>\n )\n case 'checkbox-button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n variant=\"checkbox\"\n text={\n isOn\n ? textOn ?? sharedContext?.translation.Forms.booleanYes\n : textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n checked={isOn}\n disabled={disabled}\n status={~~error~~ ? 'error' : undefined}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n />\n </FieldBlock>\n )\n }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAASC,QAAQ,EAAEC,YAAY,QAAQ,wBAAwB;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,YAAY,QAAQ,aAAa;AAE1C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,wBAAwB,MAAM,+DAA+D;AAUpG,SAASC,MAAMA,CAACC,KAAY,EAAE;EAC5B,MAAMC,aAAa,GAAGb,UAAU,CAACS,aAAa,CAAC;EAC/C,MAAM;IACJK,EAAE;IACFC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,KAAK;IACLC,gBAAgB;IAChBC,~~cAAc;IACdC,~~MAAM;IACNC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,~~GAAGvB~~,YAAY,CAACK,KAAK,CAAC;EAEvB,~~MAAMmB~~,oBAAoB,~~GAAG9B~~,WAAW,CACtC,CAAC;~~IAAE+B~~;EAAQ,CAAC,KAAK;IACfF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGE,OAAO,~~GAAGhB~~,OAAO,GAAGC,QAAQ,CAAC;EAC9C,CAAC,EACD,~~CAACa~~,YAAY,~~EAAEd~~,OAAO,EAAEC,QAAQ,CAClC,CAAC;EACD,~~MAAMgB~~,kBAAkB,~~GAAGhC~~,WAAW,CACpC,CAAC;~~IAAEyB~~;EAAM,CAAC,KAAK;~~IACbI~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAGJ~~,KAAK,KAAK,IAAI,~~GAAGV~~,OAAO,GAAGC,QAAQ,CAAC;EACrD,CAAC,EACD,~~CAACa~~,YAAY,~~EAAEd~~,OAAO,EAAEC,QAAQ,CAClC,CAAC;EAED,~~MAAMiB~~,EAAE,~~GAAG9B~~,UAAU,CAAC,wBAAwB,EAAEW,SAAS,CAAC;EAE1D,~~MAAMoB~~,2BAA2B,GAAAC,aAAA,CAAAA,aAAA;IAC/BC,KAAK,~~EAAEvB~~,EAAE;IACTC,SAAS,~~EAAEmB~~;EAAE,~~GACV1B~~,gBAAgB,CAACI,KAAK,CAAC;~~IAC1Be~~,IAAI;IACJC,OAAO;IACPC,KAAK;~~IACLT~~;EAAQ,EACT;EAED,~~MAAMkB~~,eAAe,GAAAF,aAAA,CAAAA,aAAA,KAChBD,2BAA2B;~~IAC9BjB~~,MAAM;IACNG,KAAK;IACLC,gBAAgB;~~IAChBC,cAAc~~;~~IACdH;~~EAAQ,EACT;EAED,~~MAAMmB~~,IAAI,~~GAAGb~~,KAAK,~~KAAKV~~,OAAO;EAC9B,~~MAAMwB~~,KAAK,~~GAAGd~~,KAAK,~~KAAKT~~,QAAQ;EAEhC,QAAQE,OAAO;IACb;IACA,KAAK,UAAU;MACb,OACEpB,KAAA,~~CAAA0C~~,aAAA,~~CAACnC~~,UAAU,~~EAAK6B~~,2BAA2B,~~EACzCpC~~,KAAA,~~CAAA0C~~,aAAA,~~CAACvC~~,QAAQ,~~EAAAwC~~,QAAA;~~QACP5B~~,EAAE,EAAEA,EAAG;QACPC,SAAS,~~EAAEmB~~,EAAG;~~QACdb~~,KAAK,EAAEA,KAAM;~~QACbW~~,OAAO,EAAEO,IAAK;~~QACdnB~~,QAAQ,EAAEA,QAAS;~~QACnBuB~~,MAAM,~~EAAEd~~,~~KAAK~~,GAAG,OAAO,~~GAAGe~~,SAAU;~~QACpCC~~,SAAS,EAAEd;MAAqB,~~GAC5BvB~~,gBAAgB,CAACI,KAAK,CAAC,CAC5B,CACS,CAAC;IAEjB,KAAK,QAAQ;MACX,OACEb,KAAA,~~CAAA0C~~,aAAA,~~CAACnC~~,UAAU,~~EAAKgC~~,eAAe,~~EAC7BvC~~,KAAA,~~CAAA0C~~,aAAA,~~CAACtC~~,YAAY;~~QACXW~~,EAAE,EAAEA,EAAG;~~QACPgC~~,IAAI,EACFP,IAAI,~~GACAf~~,MAAM,aAANA,MAAM,cAANA,MAAM,~~GAAIX~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACC,UAAU,~~GACrDxB~~,OAAO,aAAPA,OAAO,cAAPA,OAAO,~~GAAIZ~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACE,SACjD;QACDlB,OAAO,EAAEO,IAAK;~~QACdnB~~,QAAQ,EAAEA,QAAS;~~QACnBuB~~,MAAM,~~EAAEd~~,~~KAAK~~,GAAG,OAAO,~~GAAGe~~,SAAU;~~QACpClB~~,KAAK,EAAEA,KAAK,GAAG,MAAM,GAAG,OAAQ;~~QAChCmB~~,SAAS,EAAEd;MAAqB,~~CACjC~~,CACS,CAAC;IAEjB,KAAK,SAAS;MACZ,~~OACEhC~~,KAAA,~~CAAA0C~~,aAAA,~~CAACnC~~,UAAU,~~EAAAoC~~,QAAA,KAAKJ,eAAe;QAAEa,UAAU;MAAA,~~IACzCpD~~,KAAA,~~CAAA0C~~,aAAA,~~CAACpC~~,SAAS;~~QAAC+C~~,MAAM,EAAC;MAAS,~~GACzBrD~~,KAAA,~~CAAA0C~~,aAAA,~~CAAC/B~~,wBAAwB,~~CAAC2C~~,QAAQ;~~QAChC3B~~,KAAK,EAAE;UACLA,KAAK,~~EAAEa~~,IAAI,GAAG,IAAI,GAAGC,KAAK,GAAG,KAAK,GAAGI,SAAS;UAC9CU,QAAQ,EAAErB,kBAAkB;UAC5BU,MAAM,~~EAAEd~~,~~KAAK~~,GAAG,OAAO,~~GAAGe~~,SAAS;~~UACnCxB~~;QACF;MAAE,GAEFrB,KAAA,~~CAAA0C~~,aAAA,~~CAACtC~~,YAAY;~~QACX2C~~,IAAI,~~EACFtB~~,MAAM,aAANA,MAAM,cAANA,MAAM,~~GAAIX~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACC,UAC5C;~~QACDvB~~,KAAK,EAAC;MAAI,~~CACX~~,CAAC,~~EACF3B~~,KAAA,~~CAAA0C~~,aAAA,~~CAACtC~~,YAAY;~~QACX2C~~,IAAI,~~EACFrB~~,OAAO,aAAPA,OAAO,cAAPA,OAAO,~~GAAIZ~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACE,SAC7C;~~QACDxB~~,KAAK,EAAC;MAAK,~~CACZ~~,CACgC,CAC1B,CACD,CAAC;IAEjB,KAAK,iBAAiB;MACpB,~~OACE3B~~,KAAA,~~CAAA0C~~,aAAA,~~CAACnC~~,UAAU,~~EAAKgC~~,eAAe,~~EAC7BvC~~,KAAA,~~CAAA0C~~,aAAA,~~CAACtC~~,YAAY;~~QACXW~~,EAAE,EAAEA,EAAG;QACPK,OAAO,EAAC,UAAU;~~QAClB2B~~,IAAI,EACFP,IAAI,~~GACAf~~,MAAM,aAANA,MAAM,cAANA,MAAM,~~GAAIX~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACC,UAAU,~~GACrDxB~~,OAAO,aAAPA,OAAO,cAAPA,OAAO,~~GAAIZ~~,aAAa,aAAbA,aAAa,uBAAbA,aAAa,~~CAAEkC~~,WAAW,CAACC,KAAK,CAACE,SACjD;QACDlB,OAAO,EAAEO,IAAK;~~QACdnB~~,QAAQ,EAAEA,QAAS;~~QACnBuB~~,MAAM,~~EAAEd~~,~~KAAK~~,GAAG,OAAO,~~GAAGe~~,SAAU;~~QACpClB~~,KAAK,EAAEA,KAAK,GAAG,MAAM,GAAG,OAAQ;~~QAChCmB~~,SAAS,EAAEd;MAAqB,~~CACjC~~,CACS,CAAC;EAEnB;AACF;~~AAEApB~~,MAAM,~~CAAC4C~~,qBAAqB,GAAG,IAAI;AACnC,~~eAAe5C~~,MAAM"}
1	+ {"version":3,"file":"Toggle.js","names":["React","useContext","useCallback","Checkbox","ToggleButton","classnames","ButtonRow","FieldBlock","useDataValue","pickSpacingProps","SharedContext","ToggleButtonGroupContext","Toggle","props","sharedContext","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","info","warning","error","hasError","ariaAttributes","handleChange","handleCheckboxChange","checked","handleToggleChange","cn","fieldBlockPropsWithoutLabel","_objectSpread","forId","fieldBlockProps","isOn","isOff","createElement","_extends","status","undefined","on_change","text","translation","Forms","booleanYes","booleanNo","asFieldset","bottom","Provider","onChange","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react'\nimport { Checkbox, ToggleButton } from '../../../../components'\nimport classnames from 'classnames'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\n\nexport type Props = FieldProps<unknown> & {\n valueOn: unknown\n valueOff: unknown\n variant?: 'checkbox' \| 'checkbox-button' \| 'button' \| 'buttons'\n textOn?: string\n textOff?: string\n}\n\nfunction Toggle(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n id,\n className,\n valueOn,\n valueOff,\n layout,\n variant,\n disabled,\n label,\n labelDescription,\n textOn,\n textOff,\n value,\n info,\n warning,\n error,\n hasError,\n ariaAttributes,\n handleChange,\n } = useDataValue(props)\n\n const handleCheckboxChange = useCallback(\n ({ checked }) => {\n handleChange?.(checked ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n const handleToggleChange = useCallback(\n ({ value }) => {\n handleChange?.(value === 'on' ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n\n const cn = classnames('dnb-forms-field-toggle', className)\n\n const fieldBlockPropsWithoutLabel = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n disabled,\n }\n\n const fieldBlockProps = {\n ...fieldBlockPropsWithoutLabel,\n layout,\n label,\n labelDescription,\n disabled,\n }\n\n const isOn = value === valueOn\n const isOff = value === valueOff\n\n switch (variant) {\n default:\n case 'checkbox':\n return (\n <FieldBlock {...fieldBlockPropsWithoutLabel}>\n <Checkbox\n id={id}\n className={cn}\n label={label}\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n on_change={handleCheckboxChange}\n {...ariaAttributes}\n {...pickSpacingProps(props)}\n />\n </FieldBlock>\n )\n case 'button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n text={\n isOn\n ? textOn ?? sharedContext?.translation.Forms.booleanYes\n : textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...ariaAttributes}\n />\n </FieldBlock>\n )\n case 'buttons':\n return (\n <FieldBlock {...fieldBlockProps} asFieldset>\n <ButtonRow bottom=\"x-small\">\n <ToggleButtonGroupContext.Provider\n value={{\n value: isOn ? 'on' : isOff ? 'off' : undefined,\n onChange: handleToggleChange,\n status: hasError ? 'error' : undefined,\n disabled,\n }}\n >\n <ToggleButton\n text={\n textOn ?? sharedContext?.translation.Forms.booleanYes\n }\n value=\"on\"\n {...ariaAttributes}\n />\n <ToggleButton\n text={\n textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n value=\"off\"\n {...ariaAttributes}\n />\n </ToggleButtonGroupContext.Provider>\n </ButtonRow>\n </FieldBlock>\n )\n case 'checkbox-button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n variant=\"checkbox\"\n text={\n isOn\n ? textOn ?? sharedContext?.translation.Forms.booleanYes\n : textOff ?? sharedContext?.translation.Forms.booleanNo\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...ariaAttributes}\n />\n </FieldBlock>\n )\n }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

package/es/extensions/forms/FieldBlock/FieldBlock.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentProps, FieldProps } from '../types';
-export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error' | 'disabled'> & {
+export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' | 'labelDescription' | 'info' | 'warning' | 'error' | 'disabled'> & {
     forId?: string;
     contentClassName?: string;
     children: React.ReactNode;
@@ -9,7 +9,7 @@ export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' |
     /** Width of outer block element */
     width?: false | 'small' | 'medium' | 'large' | 'stretch';
     /** Width of contents block, while label etc can be wider if space is available */
-    contentsWidth?: 'small' | 'medium' | 'large' | 'stretch';
+    contentWidth?: 'small' | 'medium' | 'large' | 'stretch';
     /** Typography size */
     size?: 'medium' | 'large';
 } & React.HTMLAttributes<HTMLDivElement>;

package/es/extensions/forms/FieldBlock/FieldBlock.js CHANGED Viewed

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "forId", "layout", "label", "labelDescription", "labelSecondary", "asFieldset", "info", "warning", "error", "disabled", "width", "contentsWidth", "size", "contentClassName", "children"];
+const _excluded = ["className", "forId", "layout", "label", "labelDescription", "asFieldset", "info", "warning", "error", "disabled", "width", "contentWidth", "size", "contentClassName", "children"];
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
@@ -22,14 +22,13 @@ function FieldBlock(props) {
       layout = 'vertical',
       label,
       labelDescription,
-      labelSecondary,
       asFieldset,
       info,
       warning,
       error: errorProp,
       disabled,
       width,
-      contentsWidth,
+      contentWidth,
       size,
       contentClassName,
       children
@@ -112,14 +111,12 @@ function FieldBlock(props) {
     className: mainClasses
   }, rest), React.createElement("div", {
     className: gridClasses
-  }, labelDescription || labelSecondary ? React.createElement("div", {
+  }, labelDescription ? React.createElement("div", {
     className: "dnb-forms-field-block__label"
   }, label || labelDescription ? React.createElement(FormLabel, labelProps, label, labelDescription && React.createElement("span", {
     className: "dnb-forms-field-block__label-description"
-  }, labelDescription)) : React.createElement(React.Fragment, null, "\xA0"), labelSecondary && React.createElement("span", {
-    className: "dnb-forms-field-block__label-secondary"
-  }, labelSecondary)) : label && React.createElement(FormLabel, labelProps, label), React.createElement("div", {
-    className: classnames('dnb-forms-field-block__contents', contentClassName, contentsWidth !== undefined && `dnb-forms-field-block__contents--width-${contentsWidth}`)
+  }, labelDescription)) : React.createElement(React.Fragment, null, "\xA0")) : label && React.createElement(FormLabel, labelProps, label), React.createElement("div", {
+    className: classnames('dnb-forms-field-block__contents', contentClassName, contentWidth !== undefined && `dnb-forms-field-block__contents--width-${contentWidth}`)
   }, children), stateStatus && React.createElement("div", {
     className: "dnb-forms-field-block__status"
   }, React.createElement(FormStatus, {

package/es/extensions/forms/FieldBlock/FieldBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldBlock.js","names":["React","useMemo","useContext","useState","useCallback","classnames","Space","FormLabel","FormStatus","FormError","FieldBlockContext","findElementInChildren","FieldBlock","props","nestedFieldBlockContext","className","forId","layout","label","labelDescription","labelSecondary","asFieldset","info","warning","error","errorProp","disabled","width","contentsWidth","size","contentClassName","children","rest","_objectWithoutProperties","_excluded","fieldErrorRecord","setFieldErrorRecord","showFieldErrorRecord","setShowFieldErrorRecord","setError","identifier","existing","_objectSpread","removed","newRecord","map","_toPropertyKey","setShowError","show","errors","Object","entries","filter","length","Error","message","join","undefined","mainClasses","gridClasses","enableFieldset","useEnableFieldset","state","stateStatus","labelProps","element","space","top","bottom","createElement","Provider","value","_extends","Fragment","id","text","toString","result","count","child","_child$props","_child$type","type","Boolean","_supportsSpacingProps"],"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 \| 'labelSecondary'\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 contentsWidth?: '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 labelSecondary,\n asFieldset,\n info,\n warning,\n error: errorProp,\n disabled,\n width,\n contentsWidth,\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 \|\| labelSecondary ? (\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 <> </>\n )}\n {labelSecondary && (\n <span className=\"dnb-forms-field-block__label-secondary\">\n {labelSecondary}\n </span>\n )}\n </div>\n ) : (\n label && <FormLabel {...labelProps}>{label}</FormLabel>\n )}\n\n <div\n className={classnames(\n 'dnb-forms-field-block__contents',\n contentsWidth !== undefined &&\n `dnb-forms-field-block__contents--width-${contentsWidth}`,\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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"}
1	+ {"version":3,"file":"FieldBlock.js","names":["React","useMemo","useContext","useState","useCallback","classnames","Space","FormLabel","FormStatus","FormError","FieldBlockContext","findElementInChildren","FieldBlock","props","nestedFieldBlockContext","className","forId","layout","label","labelDescription","asFieldset","info","warning","error","errorProp","disabled","width","contentWidth","size","contentClassName","children","rest","_objectWithoutProperties","_excluded","fieldErrorRecord","setFieldErrorRecord","showFieldErrorRecord","setShowFieldErrorRecord","setError","identifier","existing","_objectSpread","removed","newRecord","map","_toPropertyKey","setShowError","show","errors","Object","entries","filter","length","Error","message","join","undefined","mainClasses","gridClasses","enableFieldset","useEnableFieldset","state","stateStatus","labelProps","element","space","top","bottom","createElement","Provider","value","_extends","Fragment","id","text","toString","result","count","child","_child$props","_child$type","type","Boolean","_supportsSpacingProps"],"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 <> </>\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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"}

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

@@ -67,12 +67,6 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 }
 .dnb-forms-field-block__label-description {
   margin-left: 0.3em;
-  color: var(--color-black-55);
-  font-size: var(--font-size-small);
-}
-.dnb-forms-field-block__label-secondary {
-  color: var(--color-black-55);
-  font-size: var(--font-size-small);
 }
 .dnb-forms-field-block__status {
   grid-area: status;

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

	@@ -1 +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__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.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)}}
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)}}

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

@@ -56,13 +56,6 @@ fieldset.dnb-forms-field-block {
   &__label-description {
     margin-left: 0.3em;
-    color: var(--color-black-55);
-    font-size: var(--font-size-small);
-  }
-  &__label-secondary {
-    color: var(--color-black-55);
-    font-size: var(--font-size-small);
   }
   &__status {

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-sbanken.css ADDED Viewed

@@ -0,0 +1,4 @@
+.dnb-forms-field-block__label-description {
+  color: var(--color-gray-dark);
+  font-size: var(--font-size-small);
+}

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-sbanken.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .dnb-forms-field-block__label-description{color:var(--color-gray-dark);font-size:var(--font-size-small)}

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-sbanken.scss ADDED Viewed

@@ -0,0 +1,6 @@
+.dnb-forms-field-block {
+  &__label-description {
+    color: var(--color-gray-dark);
+    font-size: var(--font-size-small);
+  }
+}

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.css ADDED Viewed

@@ -0,0 +1,4 @@
+.dnb-forms-field-block__label-description {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .dnb-forms-field-block__label-description{color:var(--color-black-55);font-size:var(--font-size-small)}

package/es/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.scss ADDED Viewed

@@ -0,0 +1,6 @@
+.dnb-forms-field-block {
+  &__label-description {
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+}

package/es/extensions/forms/Form/Handler/Handler.js CHANGED Viewed

@@ -21,6 +21,7 @@ export default function FormHandler(_ref) {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const providerProps = {
+    id: rest.id,
     defaultData,
     data,
     schema,

package/es/extensions/forms/Form/Handler/Handler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handler.js","names":["React","Provider","FormElement","FormHandler","_ref","children","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","_objectWithoutProperties","_excluded","providerProps","args","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 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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAER,4BAA4B;AACnC,OAAOC,WAAW,MAAM,YAAY;AAapC,eAAe,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,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAEP,MAAMC,aAAa,GAAG;~~IACpBb~~,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,QAAQ,EAAEA,CAAC,~~GAAGS~~,IAAI,KAAK;MACrB,IAAI,~~OAAOT~~,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC,~~GAAGS~~,IAAI,CAAC;MACnB;IACF,CAAC;~~IACDR~~,eAAe;IACfC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,CAA0C;EAE1C,OACEf,KAAA,~~CAAAqB~~,aAAA,~~CAACpB~~,QAAQ,EAAKkB,aAAa,EACzBnB,KAAA,~~CAAAqB~~,aAAA,~~CAACnB~~,WAAW,EAAKc,IAAI,EAAGX,QAAsB,CACtC,CAAC;AAEf"}
1	+ {"version":3,"file":"Handler.js","names":["React","Provider","FormElement","FormHandler","_ref","children","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","_objectWithoutProperties","_excluded","providerProps","id","args","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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAER,4BAA4B;AACnC,OAAOC,WAAW,MAAM,YAAY;AAapC,eAAe,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,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAEP,MAAMC,aAAa,GAAG;IACpBC,EAAE,EAAEJ,IAAI,CAACI,EAAE;IACXd,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,QAAQ,EAAEA,CAAC,GAAGU,IAAI,KAAK;MACrB,IAAI,OAAOV,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC,GAAGU,IAAI,CAAC;MACnB;IACF,CAAC;IACDT,eAAe;IACfC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,CAA0C;EAE1C,OACEf,KAAA,CAAAsB,aAAA,CAACrB,QAAQ,EAAKkB,aAAa,EACzBnB,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAKc,IAAI,EAAGX,QAAsB,CACtC,CAAC;AAEf"}

package/es/extensions/forms/Form/Visibility/Visibility.js CHANGED Viewed

@@ -17,7 +17,6 @@ function Visibility({
   children
 }) {
   const dataContext = useContext(DataContext.Context);
-  console.log('val', pointer.has(dataContext.data, pathValue) && pointer.get(dataContext.data, pathValue), whenValue);
   if (visible === false) {
     return null;
   }

package/es/extensions/forms/Form/Visibility/Visibility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","Visibility","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","children","dataContext","Context","~~console","log","~~has","data","get","Boolean","createElement","Fragment","_supportsSpacingProps"],"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 ~~console.log(\n 'val',\n pointer.has(dataContext.data, pathValue) &&\n pointer.get(dataContext.data, pathValue),\n whenValue\n )\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":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,mBAAmB;AAwBhD,SAASC,UAAUA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC;AACK,CAAC,EAAE;EACR,MAAMC,WAAW,GAAGf,UAAU,CAACE,WAAW,CAACc,OAAO,CAAC;~~EAEnDC~~,~~OAAO~~,~~CAACC,GAAG,CACT,KAAK,EACLjB,~~OAAO,~~CAACkB,GAAG,CAACJ,WAAW,CAACK,IAAI,EAAET,SAAS,CAAC,IACtCV,OAAO,CAACoB,GAAG,CAACN,WAAW,CAACK,IAAI,EAAET,SAAS,CAAC,EAC1CC,SACF,CAAC;EAED,IAAIR,OAAO,~~KAAK,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIC,WAAW,IAAI,CAACJ,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEf~~,WAAW,CAAC,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAIC,aAAa,IAAIL,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEd~~,aAAa,CAAC,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,KACT,CAACN,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEb~~,UAAU,CAAC,IACzC,CAACN,OAAO,~~CAACoB~~,GAAG,~~CAACN~~,WAAW,~~CAACK~~,IAAI,~~EAAEb~~,UAAU,CAAC,CAAC,EAC7C;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,IACTP,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEZ~~,SAAS,CAAC,~~IACxCc~~,OAAO,~~CAACrB~~,OAAO,~~CAACoB~~,GAAG,~~CAACN~~,WAAW,~~CAACK~~,IAAI,~~EAAEZ~~,SAAS,CAAC,CAAC,EACjD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,QAAQ,KACP,CAACR,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEX~~,QAAQ,CAAC,IACvCR,OAAO,~~CAACoB~~,GAAG,~~CAACN~~,WAAW,~~CAACK~~,IAAI,~~EAAEX~~,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,KACR,CAACT,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAEV~~,SAAS,CAAC,IACxCT,OAAO,~~CAACoB~~,GAAG,~~CAACN~~,WAAW,~~CAACK~~,IAAI,~~EAAEV~~,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,SAAS,IACT,EACEV,OAAO,~~CAACkB~~,GAAG,~~CAACJ~~,WAAW,~~CAACK~~,IAAI,~~EAAET~~,SAAS,CAAC,IACxCV,OAAO,~~CAACoB~~,GAAG,~~CAACN~~,WAAW,~~CAACK~~,IAAI,~~EAAET~~,SAAS,CAAC,KAAKC,SAAS,CACvD,EACD;IACA,OAAO,IAAI;EACb;EAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,CAACE,WAAW,~~CAACK~~,IAAI,CAAC,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,~~OAAOrB~~,KAAA,~~CAAAwB~~,aAAA,~~CAAAxB~~,KAAA,~~CAAAyB~~,QAAA,~~QAAGV~~,QAAW,CAAC;AACxB;AAEAX,UAAU,~~CAACsB~~,qBAAqB,GAAG,UAAU;AAC7C,~~eAAetB~~,UAAU"}
1	+ {"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","Visibility","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","children","dataContext","Context","has","data","get","Boolean","createElement","Fragment","_supportsSpacingProps"],"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":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,mBAAmB;AAwBhD,SAASC,UAAUA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC;AACK,CAAC,EAAE;EACR,MAAMC,WAAW,GAAGf,UAAU,CAACE,WAAW,CAACc,OAAO,CAAC;EAEnD,IAAIZ,OAAO,KAAK,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIC,WAAW,IAAI,CAACJ,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEb,WAAW,CAAC,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAIC,aAAa,IAAIL,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEZ,aAAa,CAAC,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,KACT,CAACN,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEX,UAAU,CAAC,IACzC,CAACN,OAAO,CAACkB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEX,UAAU,CAAC,CAAC,EAC7C;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,IACTP,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEV,SAAS,CAAC,IACxCY,OAAO,CAACnB,OAAO,CAACkB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEV,SAAS,CAAC,CAAC,EACjD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,QAAQ,KACP,CAACR,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAET,QAAQ,CAAC,IACvCR,OAAO,CAACkB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAET,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,KACR,CAACT,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,IACxCT,OAAO,CAACkB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,SAAS,IACT,EACEV,OAAO,CAACgB,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEP,SAAS,CAAC,IACxCV,OAAO,CAACkB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEP,SAAS,CAAC,KAAKC,SAAS,CACvD,EACD;IACA,OAAO,IAAI;EACb;EAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,CAACE,WAAW,CAACG,IAAI,CAAC,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OAAOnB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGR,QAAW,CAAC;AACxB;AAEAX,UAAU,CAACoB,qBAAqB,GAAG,UAAU;AAC7C,eAAepB,UAAU"}

package/es/extensions/forms/Form/hooks/useData.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { Path } 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>;
+};
+export default function useData<Data>(id: string, data?: Data): UseDataReturn<Data>;
+export {};

package/es/extensions/forms/Form/hooks/useData.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use client";
+import { useCallback, useEffect, useReducer, useRef } from 'react';
+import pointer from 'json-pointer';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+export default function useData(id, data = undefined) {
+  var _sharedStateRef$curre5;
+  const initialDataRef = useRef(data);
+  const sharedStateRef = useRef(null);
+  const [, forceUpdate] = useReducer(() => ({}), {});
+  sharedStateRef.current = useSharedState(id, data, forceUpdate);
+  const updatePath = useCallback((path, fn) => {
+    var _sharedStateRef$curre, _sharedStateRef$curre2;
+    const existingData = sharedStateRef.current.data || {};
+    const existingValue = pointer.has(existingData, path) ? pointer.get(existingData, path) : undefined;
+    const newValue = fn(existingValue);
+    pointer.set(existingData, path, newValue);
+    (_sharedStateRef$curre = sharedStateRef.current) === null || _sharedStateRef$curre === void 0 ? void 0 : (_sharedStateRef$curre2 = _sharedStateRef$curre.update) === null || _sharedStateRef$curre2 === void 0 ? void 0 : _sharedStateRef$curre2.call(_sharedStateRef$curre, existingData);
+  }, []);
+  useEffect(() => {
+    if (data && data !== initialDataRef.current) {
+      var _sharedStateRef$curre3, _sharedStateRef$curre4;
+      initialDataRef.current = data;
+      (_sharedStateRef$curre3 = sharedStateRef.current) === null || _sharedStateRef$curre3 === void 0 ? void 0 : (_sharedStateRef$curre4 = _sharedStateRef$curre3.update) === null || _sharedStateRef$curre4 === void 0 ? void 0 : _sharedStateRef$curre4.call(_sharedStateRef$curre3, data);
+    }
+  }, [data]);
+  return {
+    data: (_sharedStateRef$curre5 = sharedStateRef.current) === null || _sharedStateRef$curre5 === void 0 ? void 0 : _sharedStateRef$curre5.data,
+    update: updatePath
+  };
+}
+//# sourceMappingURL=useData.js.map

package/es/extensions/forms/Form/hooks/useData.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useData.js","names":["useCallback","useEffect","useReducer","useRef","pointer","useSharedState","useData","id","data","undefined","_sharedStateRef$curre5","initialDataRef","sharedStateRef","forceUpdate","current","updatePath","path","fn","_sharedStateRef$curre","_sharedStateRef$curre2","existingData","existingValue","has","get","newValue","set","update","call","_sharedStateRef$curre3","_sharedStateRef$curre4"],"sources":["../../../../../../src/extensions/forms/Form/hooks/useData.tsx"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../DataContext/Provider'\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 fn: (value: PathType<Data, P>) => unknown\n) => void\n\ntype UseDataReturn<Data> = {\n data: Data\n update: UseDataReturnUpdate<Data>\n}\n\nexport default function useData<Data>(\n id: string,\n data: Data = undefined\n): UseDataReturn<Data> {\n const initialDataRef = useRef(data)\n const sharedStateRef = useRef(null)\n const [, forceUpdate] = useReducer(() => ({}), {})\n sharedStateRef.current = useSharedState<Data>(id, data, forceUpdate)\n\n const updatePath = useCallback<UseDataReturnUpdate<Data>>((path, fn) => {\n const existingData = sharedStateRef.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 = fn(existingValue)\n\n // update existing data\n pointer.set(existingData, path, newValue)\n\n // update provider\n sharedStateRef.current?.update?.(existingData)\n }, [])\n\n // when initial data changes, update the shared state\n useEffect(() => {\n if (data && data !== initialDataRef.current) {\n initialDataRef.current = data\n sharedStateRef.current?.update?.(data)\n }\n }, [data])\n\n return { data: sharedStateRef.current?.data, update: updatePath }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAClE,OAAOC,OAAO,MAAM,cAAc;AAClC,SAASC,cAAc,QAAQ,2CAA2C;AAyB1E,eAAe,SAASC,OAAOA,CAC7BC,EAAU,EACVC,IAAU,GAAGC,SAAS,EACD;EAAA,IAAAC,sBAAA;EACrB,MAAMC,cAAc,GAAGR,MAAM,CAACK,IAAI,CAAC;EACnC,MAAMI,cAAc,GAAGT,MAAM,CAAC,IAAI,CAAC;EACnC,MAAM,GAAGU,WAAW,CAAC,GAAGX,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClDU,cAAc,CAACE,OAAO,GAAGT,cAAc,CAAOE,EAAE,EAAEC,IAAI,EAAEK,WAAW,CAAC;EAEpE,MAAME,UAAU,GAAGf,WAAW,CAA4B,CAACgB,IAAI,EAAEC,EAAE,KAAK;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACtE,MAAMC,YAAY,GAAGR,cAAc,CAACE,OAAO,CAACN,IAAI,IAAK,CAAC,CAAU;IAChE,MAAMa,aAAa,GAAGjB,OAAO,CAACkB,GAAG,CAACF,YAAY,EAAEJ,IAAI,CAAC,GACjDZ,OAAO,CAACmB,GAAG,CAACH,YAAY,EAAEJ,IAAI,CAAC,GAC/BP,SAAS;IAGb,MAAMe,QAAQ,GAAGP,EAAE,CAACI,aAAa,CAAC;IAGlCjB,OAAO,CAACqB,GAAG,CAACL,YAAY,EAAEJ,IAAI,EAAEQ,QAAQ,CAAC;IAGzC,CAAAN,qBAAA,GAAAN,cAAc,CAACE,OAAO,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBQ,MAAM,cAAAP,sBAAA,uBAA9BA,sBAAA,CAAAQ,IAAA,CAAAT,qBAAA,EAAiCE,YAAY,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;EAGNnB,SAAS,CAAC,MAAM;IACd,IAAIO,IAAI,IAAIA,IAAI,KAAKG,cAAc,CAACG,OAAO,EAAE;MAAA,IAAAc,sBAAA,EAAAC,sBAAA;MAC3ClB,cAAc,CAACG,OAAO,GAAGN,IAAI;MAC7B,CAAAoB,sBAAA,GAAAhB,cAAc,CAACE,OAAO,cAAAc,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBF,MAAM,cAAAG,sBAAA,uBAA9BA,sBAAA,CAAAF,IAAA,CAAAC,sBAAA,EAAiCpB,IAAI,CAAC;IACxC;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAO;IAAEA,IAAI,GAAAE,sBAAA,GAAEE,cAAc,CAACE,OAAO,cAAAJ,sBAAA,uBAAtBA,sBAAA,CAAwBF,IAAI;IAAEkB,MAAM,EAAEX;EAAW,CAAC;AACnE"}

package/es/extensions/forms/Form/index.d.ts CHANGED Viewed

@@ -5,3 +5,4 @@ export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
+export { default as useData } from './hooks/useData';

package/es/extensions/forms/Form/index.js CHANGED Viewed

@@ -5,4 +5,5 @@ export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
+export { default as useData } from './hooks/useData';
 //# sourceMappingURL=index.js.map

package/es/extensions/forms/Form/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default","Handler","Element","SubmitButton","ButtonRow","MainHeading","SubHeading","Visibility"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAClD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc;AACpD,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc"}
1	+ {"version":3,"file":"index.js","names":["default","Handler","Element","SubmitButton","ButtonRow","MainHeading","SubHeading","Visibility","useData"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './hooks/useData'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAClD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc;AACpD,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,OAAO,QAAQ,iBAAiB"}

package/es/extensions/forms/Iterate/Array/Array.js CHANGED Viewed

@@ -15,7 +15,6 @@ function ArrayComponent(props) {
     placeholder,
     label,
     labelDescription,
-    labelSecondary,
     path,
     value: arrayValue,
     info,
@@ -49,12 +48,11 @@ function ArrayComponent(props) {
     layout: layout,
     label: label,
     labelDescription: labelDescription,
-    labelSecondary: labelSecondary,
     info: info,
     warning: warning,
     error: error,
     width: width,
-    contentsWidth: width !== false ? width : undefined
+    contentWidth: width !== false ? width : undefined
   }, pickSpacingProps(props)), React.createElement(Flex.Container, pickFlexContainerProps(props, {
     spacing: 'small'
   }), arrayValue === emptyValue ? React.createElement("em", null, placeholder) : elementData.map(({