@dnb/eufemia 10.40.0 → 10.41.0

package/cjs/extensions/forms/Field/Toggle/Toggle.js

@@ -61,7 +61,7 @@ function Toggle(props) {
     handleChange === null || handleChange === void 0 ? void 0 : handleChange(value === 'on' ? valueOn : valueOff);
   }, [handleChange, valueOn, valueOff]);
   const cn = (0, _classnames.default)('dnb-forms-field-toggle', className);
-  const fieldSectionPropsWithoutLabel = _objectSpread(_objectSpread({
+  const fieldBlockPropsWithoutLabel = _objectSpread(_objectSpread({
     forId: id,
     className: cn
   }, (0, _utils.pickSpacingProps)(props)), {}, {
@@ -70,7 +70,7 @@ function Toggle(props) {
     error,
     disabled
   });
-  const fieldSectionProps = _objectSpread(_objectSpread({}, fieldSectionPropsWithoutLabel), {}, {
+  const fieldBlockProps = _objectSpread(_objectSpread({}, fieldBlockPropsWithoutLabel), {}, {
     layout,
     label,
     labelDescription,
@@ -84,7 +84,7 @@ function Toggle(props) {
   switch (variant) {
     default:
     case 'checkbox':
-      return _react.default.createElement(_FieldBlock.default, fieldSectionPropsWithoutLabel, _react.default.createElement(_components.Checkbox, _extends({
+      return _react.default.createElement(_FieldBlock.default, fieldBlockPropsWithoutLabel, _react.default.createElement(_components.Checkbox, _extends({
         id: id,
         className: cn,
         label: label !== null && label !== void 0 ? label : isOn ? textOn !== null && textOn !== void 0 ? textOn : translations.yes : textOff !== null && textOff !== void 0 ? textOff : translations.no,
@@ -95,7 +95,7 @@ function Toggle(props) {
         onChange: handleCheckboxChange
       }, htmlAttributes)));
     case 'button':
-      return _react.default.createElement(_FieldBlock.default, fieldSectionProps, _react.default.createElement(_components.ToggleButton, _extends({
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.ToggleButton, _extends({
         id: id,
         text: isOn ? textOn !== null && textOn !== void 0 ? textOn : translations.yes : textOff !== null && textOff !== void 0 ? textOff : translations.no,
         checked: isOn,
@@ -106,7 +106,7 @@ function Toggle(props) {
         on_change: handleCheckboxChange
       }, htmlAttributes)));
     case 'buttons':
-      return _react.default.createElement(_FieldBlock.default, _extends({}, fieldSectionProps, {
+      return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
         asFieldset: true,
         labelDescription: _react.default.createElement(_react.default.Fragment, null, labelDescription, help ? _react.default.createElement(_components.HelpButton, {
           size: "small",
@@ -130,7 +130,7 @@ function Toggle(props) {
         value: "off"
       }, htmlAttributes)))));
     case 'checkbox-button':
-      return _react.default.createElement(_FieldBlock.default, fieldSectionProps, _react.default.createElement(_components.ToggleButton, _extends({
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.ToggleButton, _extends({
         id: id,
         variant: "checkbox",
         text: isOn ? textOn !== null && textOn !== void 0 ? textOn : translations.yes : textOff !== null && textOff !== void 0 ? textOff : translations.no,

package/cjs/extensions/forms/Field/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_ButtonRow","_FieldBlock","_hooks","_utils","_ToggleButtonGroupContext","_useTranslation","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","Toggle","props","translations","useTranslation","BooleanField","preparedProps","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","help","info","warning","error","hasError","htmlAttributes","handleChange","useFieldProps","handleCheckboxChange","useCallback","_ref","checked","handleToggleChange","_ref2","cn","classnames","fieldSectionPropsWithoutLabel","forId","pickSpacingProps","fieldSectionProps","suffix","createElement","HelpButton","title","content","isOn","isOff","Checkbox","yes","no","status","onChange","ToggleButton","text","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().BooleanField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\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    help,\n    info,\n    warning,\n    error,\n    hasError,\n    htmlAttributes,\n    handleChange,\n  } = useFieldProps(preparedProps)\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 fieldSectionPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    disabled,\n  }\n\n  const fieldSectionProps = {\n    ...fieldSectionPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    disabled,\n  }\n\n  const suffix = help ? (\n    <HelpButton title={help.title}>{help.content}</HelpButton>\n  ) : undefined\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldSectionPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock\n          {...fieldSectionProps}\n          asFieldset\n          labelDescription={\n            <>\n              {labelDescription}\n              {help ? (\n                <HelpButton\n                  size=\"small\"\n                  left={labelDescription ? 'x-small' : false}\n                  title={help.title}\n                >\n                  {help.content}\n                </HelpButton>\n              ) : undefined}\n            </>\n          }\n        >\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\n              />\n            </ToggleButtonGroupContext.Provider>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldSectionProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,eAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAuD,SAAAE,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAYvD,SAASS,MAAMA,CAACC,KAAY,EAAE;EAC5B,MAAMC,YAAY,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,YAAY;EAElD,MAAMC,aAAoB,GAAA1B,aAAA,CAAAA,aAAA,KACrBsB,KAAK;IACRK,aAAa,EAAEL,KAAK,CAACK;EAAa,EACnC;EAED,MAAM;IACJC,EAAE;IACFC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,KAAK;IACLC,gBAAgB;IAChBC,MAAM;IACNC,OAAO;IACPjC,KAAK;IACLkC,IAAI;IACJC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACRC,cAAc;IACdC;EACF,CAAC,GAAG,IAAAC,oBAAa,EAACpB,aAAa,CAAC;EAEhC,MAAMqB,oBAAoB,GAAG,IAAAC,kBAAW,EACtCC,IAAA,IAAiB;IAAA,IAAhB;MAAEC;IAAQ,CAAC,GAAAD,IAAA;IACVJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGK,OAAO,GAAGpB,OAAO,GAAGC,QAAQ,CAAC;EAC9C,CAAC,EACD,CAACc,YAAY,EAAEf,OAAO,EAAEC,QAAQ,CAClC,CAAC;EACD,MAAMoB,kBAAkB,GAAG,IAAAH,kBAAW,EACpCI,KAAA,IAAe;IAAA,IAAd;MAAE/C;IAAM,CAAC,GAAA+C,KAAA;IACRP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGxC,KAAK,KAAK,IAAI,GAAGyB,OAAO,GAAGC,QAAQ,CAAC;EACrD,CAAC,EACD,CAACc,YAAY,EAAEf,OAAO,EAAEC,QAAQ,CAClC,CAAC;EAED,MAAMsB,EAAE,GAAG,IAAAC,mBAAU,EAAC,wBAAwB,EAAEzB,SAAS,CAAC;EAE1D,MAAM0B,6BAA6B,GAAAvD,aAAA,CAAAA,aAAA;IACjCwD,KAAK,EAAE5B,EAAE;IACTC,SAAS,EAAEwB;EAAE,GACV,IAAAI,uBAAgB,EAACnC,KAAK,CAAC;IAC1BkB,IAAI;IACJC,OAAO;IACPC,KAAK;IACLR;EAAQ,EACT;EAED,MAAMwB,iBAAiB,GAAA1D,aAAA,CAAAA,aAAA,KAClBuD,6BAA6B;IAChCvB,MAAM;IACNG,KAAK;IACLC,gBAAgB;IAChBF;EAAQ,EACT;EAED,MAAMyB,MAAM,GAAGpB,IAAI,GACjB5F,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAA6G,UAAU;IAACC,KAAK,EAAEvB,IAAI,CAACuB;EAAM,GAAEvB,IAAI,CAACwB,OAAoB,CAAC,GACxD9C,SAAS;EAEb,MAAM+C,IAAI,GAAG3D,KAAK,KAAKyB,OAAO;EAC9B,MAAMmC,KAAK,GAAG5D,KAAK,KAAK0B,QAAQ;EAEhC,QAAQE,OAAO;IACb;IACA,KAAK,UAAU;MACb,OACEtF,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC1G,WAAA,CAAAO,OAAU,EAAK8F,6BAA6B,EAC3C5G,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAAkH,QAAQ,EAAArF,QAAA;QACP+C,EAAE,EAAEA,EAAG;QACPC,SAAS,EAAEwB,EAAG;QACdlB,KAAK,EACHA,KAAK,aAALA,KAAK,cAALA,KAAK,GACJ6B,IAAI,GACD3B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAId,YAAY,CAAC4C,GAAG,GAC1B7B,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIf,YAAY,CAAC6C,EAC7B;QACDlB,OAAO,EAAEc,IAAK;QACd9B,QAAQ,EAAEA,QAAS;QACnBmC,MAAM,EAAE1B,QAAQ,GAAG,OAAO,GAAG1B,SAAU;QACvC0C,MAAM,EAAEA,MAAO;QACfW,QAAQ,EAAEvB;MAAqB,GAC3BH,cAAc,CACnB,CACS,CAAC;IAEjB,KAAK,QAAQ;MACX,OACEjG,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC1G,WAAA,CAAAO,OAAU,EAAKiG,iBAAiB,EAC/B/G,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAAuH,YAAY,EAAA1F,QAAA;QACX+C,EAAE,EAAEA,EAAG;QACP4C,IAAI,EACFR,IAAI,GACA3B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAId,YAAY,CAAC4C,GAAG,GAC1B7B,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIf,YAAY,CAAC6C,EAC7B;QACDlB,OAAO,EAAEc,IAAK;QACd9B,QAAQ,EAAEA,QAAS;QACnBmC,MAAM,EAAE1B,QAAQ,GAAG,OAAO,GAAG1B,SAAU;QACvC0C,MAAM,EAAEA,MAAO;QACftD,KAAK,EAAEA,KAAK,GAAG,MAAM,GAAG,OAAQ;QAChCoE,SAAS,EAAE1B;MAAqB,GAC5BH,cAAc,CACnB,CACS,CAAC;IAEjB,KAAK,SAAS;MACZ,OACEjG,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC1G,WAAA,CAAAO,OAAU,EAAAoB,QAAA,KACL6E,iBAAiB;QACrBgB,UAAU;QACVtC,gBAAgB,EACdzF,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAAjH,MAAA,CAAAc,OAAA,CAAAkH,QAAA,QACGvC,gBAAgB,EAChBG,IAAI,GACH5F,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAA6G,UAAU;UACTe,IAAI,EAAC,OAAO;UACZC,IAAI,EAAEzC,gBAAgB,GAAG,SAAS,GAAG,KAAM;UAC3C0B,KAAK,EAAEvB,IAAI,CAACuB;QAAM,GAEjBvB,IAAI,CAACwB,OACI,CAAC,GACX9C,SACJ;MACH,IAEDtE,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC3G,UAAA,CAAAQ,OAAS;QAACqH,MAAM,EAAC;MAAS,GACzBnI,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAACvG,yBAAA,CAAAI,OAAwB,CAACsH,QAAQ;QAChC1E,KAAK,EAAE;UACLA,KAAK,EAAE2D,IAAI,GAAG,IAAI,GAAGC,KAAK,GAAG,KAAK,GAAG,IAAI;UACzCK,QAAQ,EAAEnB,kBAAkB;UAC5BkB,MAAM,EAAE1B,QAAQ,GAAG,OAAO,GAAG1B,SAAS;UACtCiB;QACF;MAAE,GAEFvF,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAAuH,YAAY,EAAA1F,QAAA;QACX2F,IAAI,EAAEnC,MAAM,aAANA,MAAM,cAANA,MAAM,GAAId,YAAY,CAAC4C,GAAI;QACjC9D,KAAK,EAAC;MAAI,GACNuC,cAAc,CACnB,CAAC,EACFjG,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAAuH,YAAY,EAAA1F,QAAA;QACX2F,IAAI,EAAElC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIf,YAAY,CAAC6C,EAAG;QACjC/D,KAAK,EAAC;MAAK,GACPuC,cAAc,CACnB,CACgC,CAC1B,CACD,CAAC;IAEjB,KAAK,iBAAiB;MACpB,OACEjG,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC1G,WAAA,CAAAO,OAAU,EAAKiG,iBAAiB,EAC/B/G,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC5G,WAAA,CAAAuH,YAAY,EAAA1F,QAAA;QACX+C,EAAE,EAAEA,EAAG;QACPK,OAAO,EAAC,UAAU;QAClBuC,IAAI,EACFR,IAAI,GACA3B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAId,YAAY,CAAC4C,GAAG,GAC1B7B,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIf,YAAY,CAAC6C,EAC7B;QACDlB,OAAO,EAAEc,IAAK;QACd9B,QAAQ,EAAEA,QAAS;QACnBmC,MAAM,EAAE1B,QAAQ,GAAG,OAAO,GAAG1B,SAAU;QACvC0C,MAAM,EAAEA,MAAO;QACftD,KAAK,EAAEA,KAAK,GAAG,MAAM,GAAG,OAAQ;QAChCoE,SAAS,EAAE1B;MAAqB,GAC5BH,cAAc,CACnB,CACS,CAAC;EAEnB;AACF;AAEAvB,MAAM,CAAC2D,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACpB5D,MAAM;AAAA6D,OAAA,CAAAzH,OAAA,GAAAwH,QAAA"}
+{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_ButtonRow","_FieldBlock","_hooks","_utils","_ToggleButtonGroupContext","_useTranslation","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","Toggle","props","translations","useTranslation","BooleanField","preparedProps","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","help","info","warning","error","hasError","htmlAttributes","handleChange","useFieldProps","handleCheckboxChange","useCallback","_ref","checked","handleToggleChange","_ref2","cn","classnames","fieldBlockPropsWithoutLabel","forId","pickSpacingProps","fieldBlockProps","suffix","createElement","HelpButton","title","content","isOn","isOff","Checkbox","yes","no","status","onChange","ToggleButton","text","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().BooleanField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\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    help,\n    info,\n    warning,\n    error,\n    hasError,\n    htmlAttributes,\n    handleChange,\n  } = useFieldProps(preparedProps)\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 suffix = help ? (\n    <HelpButton title={help.title}>{help.content}</HelpButton>\n  ) : undefined\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={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          asFieldset\n          labelDescription={\n            <>\n              {labelDescription}\n              {help ? (\n                <HelpButton\n                  size=\"small\"\n                  left={labelDescription ? 'x-small' : false}\n                  title={help.title}\n                >\n                  {help.content}\n                </HelpButton>\n              ) : undefined}\n            </>\n          }\n        >\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\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 ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/Toggle/ToggleDocs.js

@@ -29,6 +29,11 @@ const ToggleProperties = {
     doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',
     type: 'string',
     status: 'optional'
+  },
+  help: {
+    doc: 'Provide a help button. Object consisting of `title` and `content`.',
+    type: 'object',
+    status: 'optional'
   }
 };
 exports.ToggleProperties = ToggleProperties;

package/cjs/extensions/forms/Field/Toggle/ToggleDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleDocs.js","names":["ToggleProperties","valueOn","doc","type","status","valueOff","textOn","textOff","variant","exports"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/ToggleDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ToggleProperties: PropertiesTableProps = {\n  valueOn: {\n    doc: 'Source data value when the toggle is in the \"on-state\" (varies based on UI variant).',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  valueOff: {\n    doc: 'Source data value when the toggle is in the \"off-state\".',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  textOn: {\n    doc: 'Text to show in the UI when in the \"on-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  textOff: {\n    doc: 'Text to show in the UI when in the \"off-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"ToggleDocs.js","names":["ToggleProperties","valueOn","doc","type","status","valueOff","textOn","textOff","variant","help","exports"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/ToggleDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ToggleProperties: PropertiesTableProps = {\n  valueOn: {\n    doc: 'Source data value when the toggle is in the \"on-state\" (varies based on UI variant).',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  valueOff: {\n    doc: 'Source data value when the toggle is in the \"off-state\".',\n    type: ['string', 'number', 'boolean'],\n    status: 'required',\n  },\n  textOn: {\n    doc: 'Text to show in the UI when in the \"on-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  textOff: {\n    doc: 'Text to show in the UI when in the \"off-state\".',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAV,gBAAA,GAAAA,gBAAA"}

package/cjs/extensions/forms/Field/Upload/Upload.d.ts

@@ -0,0 +1,12 @@
+import { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types';
+import { UploadFile, UploadProps } from '../../../../components/Upload';
+import { SpacingProps } from '../../../../shared/types';
+export type UploadValue = Array<UploadFile>;
+export type Props = FieldHelpProps & Omit<FieldProps<UploadValue, UploadValue | undefined>, 'name'> & SpacingProps & {
+    width?: Omit<FieldBlockWidth, 'medium' | 'small'>;
+} & Pick<Partial<UploadProps>, 'title' | 'text' | 'acceptedFileTypes' | 'filesAmountLimit' | 'fileMaxSize' | 'onFileDelete' | 'skeleton'>;
+declare function UploadComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace UploadComponent {
+    var _supportsSpacingProps: boolean;
+}
+export default UploadComponent;

package/cjs/extensions/forms/Field/Upload/Upload.js

@@ -0,0 +1,132 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FieldBlock = _interopRequireDefault(require("../../FieldBlock"));
+var _hooks = require("../../hooks");
+var _types = require("../../types");
+var _Upload = _interopRequireDefault(require("../../../../components/Upload"));
+var _useUpload = _interopRequireDefault(require("../../../../components/upload/useUpload"));
+var _utils = require("../../../../components/flex/utils");
+var _components = require("../../../../components");
+var _shared = require("../../../../shared");
+const _excluded = ["id", "className", "width", "layout", "value", "label", "labelDescription", "disabled", "help", "info", "warning", "error", "htmlAttributes", "handleChange", "handleFocus", "handleBlur"];
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 UploadComponent(props) {
+  const validateRequired = (0, _react.useCallback)((value, _ref) => {
+    let {
+      required,
+      isChanged,
+      error
+    } = _ref;
+    const hasError = value === null || value === void 0 ? void 0 : value.some(file => file.errorMessage);
+    if (hasError) {
+      return new _types.FormError(error.message, {
+        validationRule: 'invalid'
+      });
+    }
+    if (required && (!isChanged || !(value.length > 0))) {
+      return error;
+    }
+    return undefined;
+  }, []);
+  const sharedTr = (0, _shared.useTranslation)().Upload;
+  const formsTr = (0, _hooks.useTranslation)().Upload;
+  const preparedProps = _objectSpread({
+    errorMessages: {
+      required: formsTr.errorRequired,
+      invalid: formsTr.errorInvalidFiles
+    },
+    validateRequired
+  }, props);
+  const _useFieldProps = (0, _hooks.useFieldProps)(preparedProps, {
+      executeOnChangeRegardlessOfError: true
+    }),
+    {
+      id,
+      className,
+      width: widthProp = 'stretch',
+      layout,
+      value,
+      label,
+      labelDescription,
+      disabled,
+      help,
+      info,
+      warning,
+      error,
+      htmlAttributes,
+      handleChange,
+      handleFocus,
+      handleBlur
+    } = _useFieldProps,
+    rest = _objectWithoutProperties(_useFieldProps, _excluded);
+  const {
+    title = sharedTr.title,
+    text = sharedTr.text,
+    acceptedFileTypes = ['pdf', 'png', 'jpg', 'jpeg'],
+    filesAmountLimit = 100,
+    fileMaxSize = 5,
+    skeleton,
+    onFileDelete
+  } = rest;
+  const {
+    setFiles
+  } = (0, _useUpload.default)(id);
+  (0, _react.useEffect)(() => {
+    setFiles(value);
+  }, [handleBlur, setFiles, value]);
+  const changeHandler = (0, _react.useCallback)(_ref2 => {
+    let {
+      files
+    } = _ref2;
+    handleBlur();
+    handleFocus();
+    handleChange(files);
+  }, [handleBlur, handleChange, handleFocus]);
+  const width = widthProp;
+  const fieldBlockProps = _objectSpread({
+    forId: id,
+    layout,
+    label,
+    labelSrOnly: true,
+    info,
+    warning,
+    error,
+    className,
+    disabled,
+    width
+  }, (0, _utils.pickSpacingProps)(props));
+  return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_Upload.default, _extends({
+    id: id,
+    acceptedFileTypes: acceptedFileTypes,
+    filesAmountLimit: filesAmountLimit,
+    fileMaxSize: fileMaxSize,
+    skeleton: skeleton,
+    onChange: changeHandler,
+    onFileDelete: onFileDelete,
+    title: label !== null && label !== void 0 ? label : title,
+    text: help ? _react.default.createElement(_react.default.Fragment, null, labelDescription !== null && labelDescription !== void 0 ? labelDescription : text, _react.default.createElement(_components.HelpButton, {
+      left: text ? 'x-small' : false,
+      title: help.title
+    }, help.content)) : labelDescription !== null && labelDescription !== void 0 ? labelDescription : text
+  }, htmlAttributes)));
+}
+var _default = UploadComponent;
+exports.default = _default;
+UploadComponent._supportsSpacingProps = true;
+//# sourceMappingURL=Upload.js.map

package/cjs/extensions/forms/Field/Upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_FieldBlock","_interopRequireDefault","_hooks","_types","_Upload","_useUpload","_utils","_components","_shared","_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","ownKeys","object","enumerableOnly","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","UploadComponent","props","validateRequired","useCallback","_ref","required","isChanged","error","hasError","some","file","errorMessage","FormError","message","validationRule","sharedTr","useSharedTranslation","Upload","formsTr","useFormsTranslation","preparedProps","errorMessages","errorRequired","invalid","errorInvalidFiles","_useFieldProps","useFieldProps","executeOnChangeRegardlessOfError","id","className","width","widthProp","layout","label","labelDescription","disabled","help","info","warning","htmlAttributes","handleChange","handleFocus","handleBlur","rest","title","text","acceptedFileTypes","filesAmountLimit","fileMaxSize","skeleton","onFileDelete","setFiles","useUpload","useEffect","changeHandler","_ref2","files","fieldBlockProps","forId","labelSrOnly","pickSpacingProps","createElement","onChange","Fragment","HelpButton","left","content","_default","exports","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Upload/Upload.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport {\n  useFieldProps,\n  useTranslation as useFormsTranslation,\n} from '../../hooks'\nimport {\n  FieldBlockWidth,\n  FieldHelpProps,\n  FieldProps,\n  FormError,\n} from '../../types'\nimport Upload, {\n  UploadFile,\n  UploadProps,\n} from '../../../../components/Upload'\nimport useUpload from '../../../../components/upload/useUpload'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport { SpacingProps } from '../../../../shared/types'\n\nexport type UploadValue = Array<UploadFile>\nexport type Props = FieldHelpProps &\n  Omit<FieldProps<UploadValue, UploadValue | undefined>, 'name'> &\n  SpacingProps & {\n    width?: Omit<FieldBlockWidth, 'medium' | 'small'>\n  } & Pick<\n    Partial<UploadProps>,\n    | 'title'\n    | 'text'\n    | 'acceptedFileTypes'\n    | 'filesAmountLimit'\n    | 'fileMaxSize'\n    | 'onFileDelete'\n    | 'skeleton'\n  >\n\nfunction UploadComponent(props: Props) {\n  const validateRequired = useCallback(\n    (value: UploadValue, { required, isChanged, error }) => {\n      const hasError = value?.some((file) => file.errorMessage)\n      if (hasError) {\n        return new FormError(error.message, {\n          validationRule: 'invalid',\n        })\n      }\n\n      if (required && (!isChanged || !(value.length > 0))) {\n        return error\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const sharedTr = useSharedTranslation().Upload\n  const formsTr = useFormsTranslation().Upload\n\n  const preparedProps = {\n    errorMessages: {\n      required: formsTr.errorRequired,\n      invalid: formsTr.errorInvalidFiles,\n    },\n    validateRequired,\n    ...props,\n  }\n\n  const {\n    id,\n    className,\n    width: widthProp = 'stretch',\n    layout,\n    value,\n    label,\n    labelDescription,\n    disabled,\n    help,\n    info,\n    warning,\n    error,\n    htmlAttributes,\n    handleChange,\n    handleFocus,\n    handleBlur,\n    ...rest\n  } = useFieldProps(preparedProps, {\n    executeOnChangeRegardlessOfError: true,\n  })\n\n  // Upload props\n  const {\n    title = sharedTr.title,\n    text = sharedTr.text,\n    acceptedFileTypes = ['pdf', 'png', 'jpg', 'jpeg'],\n    filesAmountLimit = 100,\n    fileMaxSize = 5,\n    skeleton,\n    onFileDelete,\n  } = rest\n\n  const { setFiles } = useUpload(id)\n\n  useEffect(() => {\n    setFiles(value)\n  }, [handleBlur, setFiles, value])\n\n  const changeHandler = useCallback(\n    ({ files }: { files: UploadValue }) => {\n      // Prevents the form-status from showing up\n      handleBlur()\n      handleFocus()\n      handleChange(files)\n    },\n    [handleBlur, handleChange, handleFocus]\n  )\n\n  const width = widthProp as FieldBlockWidth\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    layout,\n    label,\n    labelSrOnly: true,\n    info,\n    warning,\n    error,\n    className,\n    disabled,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Upload\n        id={id}\n        acceptedFileTypes={acceptedFileTypes}\n        filesAmountLimit={filesAmountLimit}\n        fileMaxSize={fileMaxSize}\n        skeleton={skeleton}\n        onChange={changeHandler}\n        onFileDelete={onFileDelete}\n        title={label ?? title}\n        text={\n          help ? (\n            <>\n              {labelDescription ?? text}\n              <HelpButton\n                left={text ? 'x-small' : false}\n                title={help.title}\n              >\n                {help.content}\n              </HelpButton>\n            </>\n          ) : (\n            labelDescription ?? text\n          )\n        }\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\nexport default UploadComponent\n\nUploadComponent._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AAMA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAIA,IAAAM,UAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAA2E,MAAAU,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAAA,SAAAe,QAAAC,MAAA,EAAAC,cAAA,QAAAH,IAAA,GAAA1B,MAAA,CAAA0B,IAAA,CAAAE,MAAA,OAAA5B,MAAA,CAAAqB,qBAAA,QAAAS,OAAA,GAAA9B,MAAA,CAAAqB,qBAAA,CAAAO,MAAA,GAAAC,cAAA,KAAAC,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhC,MAAA,CAAAE,wBAAA,CAAA0B,MAAA,EAAAI,GAAA,EAAAC,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAjB,KAAA,CAAAS,IAAA,EAAAI,OAAA,YAAAJ,IAAA;AAAA,SAAAS,cAAAvB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAc,OAAA,CAAA3B,MAAA,CAAAgB,MAAA,OAAAoB,OAAA,WAAAjC,GAAA,IAAAkC,eAAA,CAAAzB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAAsC,yBAAA,GAAAtC,MAAA,CAAAuC,gBAAA,CAAA3B,MAAA,EAAAZ,MAAA,CAAAsC,yBAAA,CAAAtB,MAAA,KAAAW,OAAA,CAAA3B,MAAA,CAAAgB,MAAA,GAAAoB,OAAA,WAAAjC,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAyB,gBAAAlD,GAAA,EAAAgB,GAAA,EAAAqC,KAAA,IAAArC,GAAA,GAAAsC,cAAA,CAAAtC,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAAqC,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAxD,GAAA,CAAAgB,GAAA,IAAAqC,KAAA,WAAArD,GAAA;AAAA,SAAAsD,eAAAG,GAAA,QAAAzC,GAAA,GAAA0C,YAAA,CAAAD,GAAA,2BAAAzC,GAAA,gBAAAA,GAAA,GAAA2C,MAAA,CAAA3C,GAAA;AAAA,SAAA0C,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA3C,IAAA,CAAAyC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAmB3E,SAASS,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACnB,KAAkB,EAAAoB,IAAA,KAAqC;IAAA,IAAnC;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAM,CAAC,GAAAH,IAAA;IACjD,MAAMI,QAAQ,GAAGxB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEyB,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,YAAY,CAAC;IACzD,IAAIH,QAAQ,EAAE;MACZ,OAAO,IAAII,gBAAS,CAACL,KAAK,CAACM,OAAO,EAAE;QAClCC,cAAc,EAAE;MAClB,CAAC,CAAC;IACJ;IAEA,IAAIT,QAAQ,KAAK,CAACC,SAAS,IAAI,EAAEtB,KAAK,CAACzB,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;MACnD,OAAOgD,KAAK;IACd;IAEA,OAAOX,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAMmB,QAAQ,GAAG,IAAAC,sBAAoB,EAAC,CAAC,CAACC,MAAM;EAC9C,MAAMC,OAAO,GAAG,IAAAC,qBAAmB,EAAC,CAAC,CAACF,MAAM;EAE5C,MAAMG,aAAa,GAAAzC,aAAA;IACjB0C,aAAa,EAAE;MACbhB,QAAQ,EAAEa,OAAO,CAACI,aAAa;MAC/BC,OAAO,EAAEL,OAAO,CAACM;IACnB,CAAC;IACDtB;EAAgB,GACbD,KAAK,CACT;EAED,MAAAwB,cAAA,GAkBI,IAAAC,oBAAa,EAACN,aAAa,EAAE;MAC/BO,gCAAgC,EAAE;IACpC,CAAC,CAAC;IApBI;MACJC,EAAE;MACFC,SAAS;MACTC,KAAK,EAAEC,SAAS,GAAG,SAAS;MAC5BC,MAAM;MACNhD,KAAK;MACLiD,KAAK;MACLC,gBAAgB;MAChBC,QAAQ;MACRC,IAAI;MACJC,IAAI;MACJC,OAAO;MACP/B,KAAK;MACLgC,cAAc;MACdC,YAAY;MACZC,WAAW;MACXC;IAEF,CAAC,GAAAjB,cAAA;IADIkB,IAAI,GAAAjF,wBAAA,CAAA+D,cAAA,EAAA/F,SAAA;EAMT,MAAM;IACJkH,KAAK,GAAG7B,QAAQ,CAAC6B,KAAK;IACtBC,IAAI,GAAG9B,QAAQ,CAAC8B,IAAI;IACpBC,iBAAiB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;IACjDC,gBAAgB,GAAG,GAAG;IACtBC,WAAW,GAAG,CAAC;IACfC,QAAQ;IACRC;EACF,CAAC,GAAGP,IAAI;EAER,MAAM;IAAEQ;EAAS,CAAC,GAAG,IAAAC,kBAAS,EAACxB,EAAE,CAAC;EAElC,IAAAyB,gBAAS,EAAC,MAAM;IACdF,QAAQ,CAACnE,KAAK,CAAC;EACjB,CAAC,EAAE,CAAC0D,UAAU,EAAES,QAAQ,EAAEnE,KAAK,CAAC,CAAC;EAEjC,MAAMsE,aAAa,GAAG,IAAAnD,kBAAW,EAC/BoD,KAAA,IAAuC;IAAA,IAAtC;MAAEC;IAA8B,CAAC,GAAAD,KAAA;IAEhCb,UAAU,CAAC,CAAC;IACZD,WAAW,CAAC,CAAC;IACbD,YAAY,CAACgB,KAAK,CAAC;EACrB,CAAC,EACD,CAACd,UAAU,EAAEF,YAAY,EAAEC,WAAW,CACxC,CAAC;EAED,MAAMX,KAAK,GAAGC,SAA4B;EAC1C,MAAM0B,eAAgC,GAAA9E,aAAA;IACpC+E,KAAK,EAAE9B,EAAE;IACTI,MAAM;IACNC,KAAK;IACL0B,WAAW,EAAE,IAAI;IACjBtB,IAAI;IACJC,OAAO;IACP/B,KAAK;IACLsB,SAAS;IACTM,QAAQ;IACRL;EAAK,GACF,IAAA8B,uBAAgB,EAAC3D,KAAK,CAAC,CAC3B;EAED,OACEnF,MAAA,CAAAe,OAAA,CAAAgI,aAAA,CAAC5I,WAAA,CAAAY,OAAU,EAAK4H,eAAe,EAC7B3I,MAAA,CAAAe,OAAA,CAAAgI,aAAA,CAACxI,OAAA,CAAAQ,OAAM,EAAAoB,QAAA;IACL2E,EAAE,EAAEA,EAAG;IACPkB,iBAAiB,EAAEA,iBAAkB;IACrCC,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBa,QAAQ,EAAER,aAAc;IACxBJ,YAAY,EAAEA,YAAa;IAC3BN,KAAK,EAAEX,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIW,KAAM;IACtBC,IAAI,EACFT,IAAI,GACFtH,MAAA,CAAAe,OAAA,CAAAgI,aAAA,CAAA/I,MAAA,CAAAe,OAAA,CAAAkI,QAAA,QACG7B,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIW,IAAI,EACzB/H,MAAA,CAAAe,OAAA,CAAAgI,aAAA,CAACrI,WAAA,CAAAwI,UAAU;MACTC,IAAI,EAAEpB,IAAI,GAAG,SAAS,GAAG,KAAM;MAC/BD,KAAK,EAAER,IAAI,CAACQ;IAAM,GAEjBR,IAAI,CAAC8B,OACI,CACZ,CAAC,GAEHhC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIW;EAEvB,GACGN,cAAc,CACnB,CACS,CAAC;AAEjB;AAAC,IAAA4B,QAAA,GAEcnE,eAAe;AAAAoE,OAAA,CAAAvI,OAAA,GAAAsI,QAAA;AAE9BnE,eAAe,CAACqE,qBAAqB,GAAG,IAAI"}

package/cjs/extensions/forms/Field/Upload/UploadDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const UploadFieldProperties: PropertiesTableProps;
+export declare const UploadFieldEvents: PropertiesTableProps;

package/cjs/extensions/forms/Field/Upload/UploadDocs.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadFieldProperties = exports.UploadFieldEvents = void 0;
+var _UploadDocs = require("../../../../components/upload/UploadDocs");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+const UploadFieldProperties = _objectSpread(_objectSpread({}, _UploadDocs.UploadProperties), {}, {
+  title: undefined,
+  text: undefined
+});
+exports.UploadFieldProperties = UploadFieldProperties;
+const UploadFieldEvents = _objectSpread({}, _UploadDocs.UploadEvents);
+exports.UploadFieldEvents = UploadFieldEvents;
+//# sourceMappingURL=UploadDocs.js.map

package/cjs/extensions/forms/Field/Upload/UploadDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDocs.js","names":["_UploadDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","UploadFieldProperties","UploadProperties","title","text","exports","UploadFieldEvents","UploadEvents"],"sources":["../../../../../../src/extensions/forms/Field/Upload/UploadDocs.ts"],"sourcesContent":["import {\n  UploadEvents,\n  UploadProperties,\n} from '../../../../components/upload/UploadDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const UploadFieldProperties: PropertiesTableProps = {\n  ...UploadProperties,\n  title: undefined,\n  text: undefined,\n}\n\nexport const UploadFieldEvents: PropertiesTableProps = {\n  ...UploadEvents,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAGiD,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAI,GAAA,EAAAL,GAAA,EAAAM,KAAA,IAAAN,GAAA,GAAAO,cAAA,CAAAP,GAAA,OAAAA,GAAA,IAAAK,GAAA,IAAArB,MAAA,CAAAoB,cAAA,CAAAC,GAAA,EAAAL,GAAA,IAAAM,KAAA,EAAAA,KAAA,EAAAhB,UAAA,QAAAkB,YAAA,QAAAC,QAAA,oBAAAJ,GAAA,CAAAL,GAAA,IAAAM,KAAA,WAAAD,GAAA;AAAA,SAAAE,eAAAG,GAAA,QAAAV,GAAA,GAAAW,YAAA,CAAAD,GAAA,2BAAAV,GAAA,gBAAAA,GAAA,GAAAY,MAAA,CAAAZ,GAAA;AAAA,SAAAW,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAG1C,MAAMU,qBAA2C,GAAA9B,aAAA,CAAAA,aAAA,KACnD+B,4BAAgB;EACnBC,KAAK,EAAEP,SAAS;EAChBQ,IAAI,EAAER;AAAS,EAChB;AAAAS,OAAA,CAAAJ,qBAAA,GAAAA,qBAAA;AAEM,MAAMK,iBAAuC,GAAAnC,aAAA,KAC/CoC,wBAAY,CAChB;AAAAF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

package/cjs/extensions/forms/Field/Upload/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Upload';
+export * from './Upload';

package/cjs/extensions/forms/Field/Upload/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Upload.default;
+  }
+});
+var _Upload = _interopRequireWildcard(require("./Upload"));
+Object.keys(_Upload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Upload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Upload[key];
+    }
+  });
+});
+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; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Field/Upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Upload","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../src/extensions/forms/Field/Upload/index.ts"],"sourcesContent":["export { default } from './Upload'\nexport * from './Upload'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/Field/index.d.ts

@@ -20,3 +20,4 @@ export { default as BankAccountNumber } from './BankAccountNumber';
 export { default as Expiry } from './Expiry';
 export { default as Password } from './Password';
 export { default as Slider } from './Slider';
+export { default as Upload } from './Upload';

package/cjs/extensions/forms/Field/index.js

@@ -135,6 +135,12 @@ Object.defineProperty(exports, "Toggle", {
     return _Toggle.default;
   }
 });
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () {
+    return _Upload.default;
+  }
+});
 var _Composition = _interopRequireDefault(require("./Composition"));
 var _String = _interopRequireDefault(require("./String"));
 var _Number = _interopRequireDefault(require("./Number"));
@@ -157,5 +163,6 @@ var _BankAccountNumber = _interopRequireDefault(require("./BankAccountNumber"));
 var _Expiry = _interopRequireDefault(require("./Expiry"));
 var _Password = _interopRequireDefault(require("./Password"));
 var _Slider = _interopRequireDefault(require("./Slider"));
+var _Upload = _interopRequireDefault(require("./Upload"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Composition","_interopRequireDefault","require","_String","_Number","_Toggle","_Indeterminate","_Boolean","_Currency","_Date","_Email","_Name","_NationalIdentityNumber","_PhoneNumber","_OrganizationNumber","_PostalCodeAndCity","_Selection","_ArraySelection","_Option","_SelectCountry","_BankAccountNumber","_Expiry","_Password","_Slider","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Field/index.ts"],"sourcesContent":["export { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Toggle } from './Toggle'\nexport { default as Indeterminate } from './Indeterminate'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as Selection } from './Selection'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Option } from './Option'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as Expiry } from './Expiry'\nexport { default as Password } from './Password'\nexport { default as Slider } from './Slider'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,uBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,mBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,kBAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,eAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,OAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,cAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,kBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,OAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,SAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,OAAA,GAAAtB,sBAAA,CAAAC,OAAA;AAA4C,SAAAD,uBAAAuB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_Composition","_interopRequireDefault","require","_String","_Number","_Toggle","_Indeterminate","_Boolean","_Currency","_Date","_Email","_Name","_NationalIdentityNumber","_PhoneNumber","_OrganizationNumber","_PostalCodeAndCity","_Selection","_ArraySelection","_Option","_SelectCountry","_BankAccountNumber","_Expiry","_Password","_Slider","_Upload","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Field/index.ts"],"sourcesContent":["export { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Toggle } from './Toggle'\nexport { default as Indeterminate } from './Indeterminate'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as Selection } from './Selection'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Option } from './Option'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as Expiry } from './Expiry'\nexport { default as Password } from './Password'\nexport { default as Slider } from './Slider'\nexport { default as Upload } from './Upload'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,uBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,mBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,kBAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,eAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,OAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,cAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,kBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,OAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,SAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,OAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,OAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAA4C,SAAAD,uBAAAwB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts

@@ -7,6 +7,8 @@ export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' |
     forId?: string;
     /** Use true if you have more than one form element */
     asFieldset?: boolean;
+    /** use `true` to make the label only readable by screen readers. */
+    labelSrOnly?: boolean;
     /** Defines the layout of nested fields */
     composition?: FieldBlockContextProps['composition'];
     /** Width of outer block element */

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

@@ -19,7 +19,7 @@ var _types = require("../types");
 var _SubmitIndicator = _interopRequireDefault(require("../Form/SubmitIndicator/SubmitIndicator"));
 var _useSharedState = require("../../../shared/helpers/useSharedState");
 var _useTranslation = _interopRequireDefault(require("../hooks/useTranslation"));
-const _excluded = ["className", "forId", "layout", "composition", "label", "labelDescription", "asFieldset", "info", "warning", "error", "fieldState", "disabled", "width", "contentWidth", "align", "labelSize", "contentClassName", "children"];
+const _excluded = ["className", "forId", "layout", "composition", "label", "labelDescription", "labelSrOnly", "asFieldset", "info", "warning", "error", "fieldState", "disabled", "width", "contentWidth", "align", "labelSize", "contentClassName", "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; }
@@ -36,7 +36,7 @@ exports.states = states;
 function FieldBlock(props) {
   const dataContext = (0, _react.useContext)(_Context.default);
   const nestedFieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
-  const sharedData = (0, _useSharedState.createSharedState)(props.forId || props.id);
+  const sharedData = (0, _useSharedState.createSharedState)('field-block-props-' + (props.forId || props.id));
   const _Object$assign = Object.assign({}, sharedData.data, props),
     {
       className,
@@ -45,6 +45,7 @@ function FieldBlock(props) {
       composition,
       label: labelProp,
       labelDescription,
+      labelSrOnly,
       asFieldset,
       info,
       warning,
@@ -246,6 +247,7 @@ function FieldBlock(props) {
   const labelProps = {
     element: enableFieldset ? 'legend' : 'label',
     forId: enableFieldset ? undefined : forId,
+    srOnly: labelSrOnly,
     space: {
       top: 0,
       bottom: 'x-small'