@dnb/eufemia 10.7.0 → 10.9.0

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

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _elements = require("../../../elements");
 var _components = require("../../../components");
-var _utils = require("../utils");
 var _types = require("../types");
+var _FieldBlockContext = _interopRequireDefault(require("./FieldBlockContext"));
 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 FieldBlock(props) {
+  const nestedFieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
   const {
     className,
     forId,
@@ -22,19 +32,77 @@ function FieldBlock(props) {
     labelSecondary,
     info,
     warning,
-    error,
+    error: errorProp,
     width,
     contentsWidth,
+    contentClassName,
     children
   } = props;
-  const cn = (0, _classnames.default)('dnb-forms-field-block', className, width !== undefined && `dnb-forms-field-block--width-${width}`);
-  return _react.default.createElement(_elements.Div, _extends({
+  const [fieldErrorRecord, setFieldErrorRecord] = (0, _react.useState)({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = (0, _react.useState)({});
+  const setError = (0, _react.useCallback)((id, error) => {
+    if (nestedFieldBlockContext) {
+      nestedFieldBlockContext.setError(id, error);
+      return;
+    }
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, [nestedFieldBlockContext]);
+  const setShowError = (0, _react.useCallback)((id, show) => {
+    if (nestedFieldBlockContext) {
+      nestedFieldBlockContext.setShowError(id, show);
+      return;
+    }
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, [nestedFieldBlockContext]);
+  const error = (0, _react.useMemo)(() => {
+    if (errorProp) {
+      return errorProp;
+    }
+    const errors = Object.entries(fieldErrorRecord).filter(_ref => {
+      let [id] = _ref;
+      return showFieldErrorRecord[id] === true;
+    }).map(_ref2 => {
+      let [, error] = _ref2;
+      return error;
+    });
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [errorProp, fieldErrorRecord, showFieldErrorRecord]);
+  const cn = (0, _classnames.default)(`dnb-forms-field-block dnb-forms-field-block--layout-${layout}`, className, width !== undefined && `dnb-forms-field-block--width-${width}`);
+  return _react.default.createElement(_FieldBlockContext.default.Provider, {
+    value: {
+      setError,
+      setShowError
+    }
+  }, _react.default.createElement(_elements.Div, _extends({
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
-    className: "dnb-forms-field-block__label-block"
+  }, (0, _types.pickSpacingProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
+    className: 'dnb-forms-field-block__label'
   }, label || labelDescription ? _react.default.createElement(_components.FormLabel, {
     for_id: forId,
-    label_direction: layout,
     space: {
       bottom: 'x-small'
     }
@@ -44,13 +112,14 @@ function FieldBlock(props) {
     className: "dnb-forms-field-block__label-secondary"
   }, labelSecondary)) : label && _react.default.createElement(_components.FormLabel, {
     for_id: forId,
-    label_direction: layout,
     space: {
       bottom: 'x-small'
     }
   }, label), _react.default.createElement("div", {
-    className: 'dnb-forms-field-block__contents' + (contentsWidth !== undefined ? ` dnb-forms-field-block__contents--width-${contentsWidth}` : "")
-  }, children), error && _react.default.createElement(_components.FormStatus, {
+    className: (0, _classnames.default)('dnb-forms-field-block__contents', contentClassName, contentsWidth !== undefined && `dnb-forms-field-block__contents--width-${contentsWidth}`)
+  }, children), error && _react.default.createElement("div", {
+    className: "dnb-forms-field-block__status"
+  }, _react.default.createElement(_components.FormStatus, {
     state: "error",
     id: forId ? `${forId}-form-status` : undefined,
     text: error === null || error === void 0 ? void 0 : error.message,
@@ -58,15 +127,19 @@ function FieldBlock(props) {
     space: {
       top: 'x-small'
     }
-  }), warning && _react.default.createElement(_components.FormStatus, {
+  })) || warning && _react.default.createElement("div", {
+    className: "dnb-forms-field-block__status"
+  }, _react.default.createElement(_components.FormStatus, {
     state: "warn",
     id: forId ? `${forId}-form-status` : undefined,
-    text: warning instanceof Error && warning.message || warning instanceof _types.FormError && warning.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    text: warning instanceof Error && warning.message || warning instanceof _types.FormError && warning.message || (warning === null || warning === void 0 ? void 0 : warning.toString()),
     label: label,
     space: {
       top: 'x-small'
     }
-  }), info && _react.default.createElement(_components.FormStatus, {
+  })) || info && _react.default.createElement("div", {
+    className: "dnb-forms-field-block__status"
+  }, _react.default.createElement(_components.FormStatus, {
     state: "info",
     id: forId ? `${forId}-form-status` : undefined,
     text: info instanceof Error && info.message || info instanceof _types.FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString()),
@@ -74,7 +147,7 @@ function FieldBlock(props) {
     space: {
       top: 'x-small'
     }
-  }));
+  }))));
 }
 FieldBlock._supportsEufemiaSpacingProps = true;
 var _default = FieldBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_components","_utils","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldBlock","props","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","width","contentsWidth","children","cn","classnames","undefined","createElement","Div","forwardSpaceProps","FormLabel","for_id","label_direction","space","bottom","Fragment","Span","FormStatus","state","id","text","message","top","Error","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'layout'\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    forId?: string\n    children: React.ReactNode\n    /** Width of outer block element */\n    width?: 'medium' | 'large'\n    /** Width of contents block, while label etc can be wider if space is available */\n    contentsWidth?: 'medium' | 'large' | 'stretch'\n  }\n\nfunction FieldBlock(props: Props) {\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    width,\n    contentsWidth,\n    children,\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {labelDescription || labelSecondary ? (\n        <div className=\"dnb-forms-field-block__label-block\">\n          {label || labelDescription ? (\n            <FormLabel\n              for_id={forId}\n              label_direction={layout}\n              space={{ bottom: 'x-small' }}\n            >\n              {label}\n              {labelDescription && (\n                <span className=\"dnb-forms-field-block__label-description\">\n                  {labelDescription}\n                </span>\n              )}\n            </FormLabel>\n          ) : (\n            <>&nbsp;</>\n          )}\n          {labelSecondary && (\n            <Span className=\"dnb-forms-field-block__label-secondary\">\n              {labelSecondary}\n            </Span>\n          )}\n        </div>\n      ) : (\n        label && (\n          <FormLabel\n            for_id={forId}\n            label_direction={layout}\n            space={{ bottom: 'x-small' }}\n          >\n            {label}\n          </FormLabel>\n        )\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        )}\n      >\n        {children}\n      </div>\n\n      {error && (\n        <FormStatus\n          state=\"error\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={error?.message}\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {warning && (\n        <FormStatus\n          state=\"warn\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (warning instanceof Error && warning.message) ||\n            (warning instanceof FormError && warning.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {info && (\n        <FormStatus\n          state=\"info\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (info instanceof Error && info.message) ||\n            (info instanceof FormError && info.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n    </Div>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_types","_FieldBlockContext","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","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","errorProp","width","contentsWidth","contentClassName","children","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setError","useCallback","id","existing","removed","newRecord","map","setShowError","show","useMemo","errors","entries","_ref","_ref2","Error","message","join","cn","classnames","createElement","Provider","Div","pickSpacingProps","FormLabel","for_id","space","bottom","Fragment","Span","FormStatus","state","text","top","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, { useMemo, useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport {\n  FormError,\n  ComponentProps,\n  FieldProps,\n  pickSpacingProps,\n} from '../types'\nimport FieldBlockContext from './FieldBlockContext'\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> & {\n  forId?: string\n  contentClassName?: string\n  children: React.ReactNode\n  /** Width of outer block element */\n  width?: 'small' | 'medium' | 'large'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentsWidth?: 'small' | 'medium' | 'large' | 'stretch'\n}\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    info,\n    warning,\n    error: errorProp,\n    width,\n    contentsWidth,\n    contentClassName,\n    children,\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    (id, error) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setError(id, error)\n        return\n      }\n\n      setFieldErrorRecord((existing) => {\n        if (error) {\n          return {\n            ...existing,\n            [id]: error,\n          }\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [id]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const setShowError = useCallback(\n    (id, show) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setShowError(id, show)\n        return\n      }\n\n      setShowFieldErrorRecord((existing) => {\n        if (show) {\n          return {\n            ...existing,\n            [id]: true,\n          }\n        } else {\n          const { [id]: 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(([id]) => showFieldErrorRecord[id] === 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 cn = classnames(\n    'dnb-forms-field-block',\n    `dnb-forms-field-block--layout-${layout}`,\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setError,\n        setShowError,\n      }}\n    >\n      <Div className={cn} {...pickSpacingProps(props)}>\n        {labelDescription || labelSecondary ? (\n          <div className={classnames('dnb-forms-field-block__label')}>\n            {label || labelDescription ? (\n              <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n                {label}\n                {labelDescription && (\n                  <span className=\"dnb-forms-field-block__label-description\">\n                    {labelDescription}\n                  </span>\n                )}\n              </FormLabel>\n            ) : (\n              <>&nbsp;</>\n            )}\n            {labelSecondary && (\n              <Span className=\"dnb-forms-field-block__label-secondary\">\n                {labelSecondary}\n              </Span>\n            )}\n          </div>\n        ) : (\n          label && (\n            <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n              {label}\n            </FormLabel>\n          )\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        {(error && (\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus\n              state=\"error\"\n              id={forId ? `${forId}-form-status` : undefined}\n              text={error?.message}\n              label={label}\n              space={{ top: 'x-small' }}\n            />\n          </div>\n        )) ||\n          (warning && (\n            <div className=\"dnb-forms-field-block__status\">\n              <FormStatus\n                state=\"warn\"\n                id={forId ? `${forId}-form-status` : undefined}\n                text={\n                  (warning instanceof Error && warning.message) ||\n                  (warning instanceof FormError && warning.message) ||\n                  warning?.toString()\n                }\n                label={label}\n                space={{ top: 'x-small' }}\n              />\n            </div>\n          )) ||\n          (info && (\n            <div className=\"dnb-forms-field-block__status\">\n              <FormStatus\n                state=\"info\"\n                id={forId ? `${forId}-form-status` : undefined}\n                text={\n                  (info instanceof Error && info.message) ||\n                  (info instanceof FormError && info.message) ||\n                  info?.toString()\n                }\n                label={label}\n                space={{ top: 'x-small' }}\n              />\n            </div>\n          ))}\n      </Div>\n    </FieldBlockContext.Provider>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAMA,IAAAM,kBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAmD,SAAAE,uBAAAK,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,SAAAZ,wBAAAQ,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;AAsBnD,SAASS,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,uBAAuB,GAAG,IAAAC,iBAAU,EAACC,0BAAiB,CAAC;EAE7D,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM,GAAG,UAAU;IACnBC,KAAK;IACLC,gBAAgB;IAChBC,cAAc;IACdC,IAAI;IACJC,OAAO;IACPC,KAAK,EAAEC,SAAS;IAChBC,KAAK;IACLC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM,CAACkB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAEtD,CAAC,CAAC,CAAC;EACL,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAF,eAAQ,EAE9D,CAAC,CAAC,CAAC;EAEL,MAAMG,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,CAACC,EAAE,EAAEb,KAAK,KAAK;IACb,IAAIX,uBAAuB,EAAE;MAE3BA,uBAAuB,CAACsB,QAAQ,CAACE,EAAE,EAAEb,KAAK,CAAC;MAC3C;IACF;IAEAO,mBAAmB,CAAEO,QAAQ,IAAK;MAChC,IAAId,KAAK,EAAE;QACT,OAAAlC,aAAA,CAAAA,aAAA,KACKgD,QAAQ;UACX,CAACD,EAAE,GAAGb;QAAK;MAEf,CAAC,MAAM;QAEL,MAAM;YAAE,CAACa,EAAE,GAAGE;UAAsB,CAAC,GAAGD,QAAQ;UAAtBE,SAAS,GAAAnE,wBAAA,CAAKiE,QAAQ,GAAvCD,EAAE,EAAAI,GAAA,CAAA7C,cAAA;QACX,OAAO4C,SAAS;MAClB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAAC3B,uBAAuB,CAC1B,CAAC;EAED,MAAM6B,YAAY,GAAG,IAAAN,kBAAW,EAC9B,CAACC,EAAE,EAAEM,IAAI,KAAK;IACZ,IAAI9B,uBAAuB,EAAE;MAE3BA,uBAAuB,CAAC6B,YAAY,CAACL,EAAE,EAAEM,IAAI,CAAC;MAC9C;IACF;IAEAT,uBAAuB,CAAEI,QAAQ,IAAK;MACpC,IAAIK,IAAI,EAAE;QACR,OAAArD,aAAA,CAAAA,aAAA,KACKgD,QAAQ;UACX,CAACD,EAAE,GAAG;QAAI;MAEd,CAAC,MAAM;QACL,MAAM;YAAE,CAACA,EAAE,GAAGE;UAAsB,CAAC,GAAGD,QAAQ;UAAtBE,SAAS,GAAAnE,wBAAA,CAAKiE,QAAQ,GAAvCD,EAAE,EAAAI,GAAA,CAAA7C,cAAA;QACX,OAAO4C,SAAS;MAClB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAAC3B,uBAAuB,CAC1B,CAAC;EAED,MAAMW,KAAK,GAAG,IAAAoB,cAAO,EAAC,MAAM;IAC1B,IAAInB,SAAS,EAAE;MACb,OAAOA,SAAS;IAClB;IACA,MAAMoB,MAAM,GAAG1F,MAAM,CAAC2F,OAAO,CAAChB,gBAAgB,CAAC,CAC5C5C,MAAM,CAAC6D,IAAA;MAAA,IAAC,CAACV,EAAE,CAAC,GAAAU,IAAA;MAAA,OAAKd,oBAAoB,CAACI,EAAE,CAAC,KAAK,IAAI;IAAA,EAAC,CACnDI,GAAG,CAACO,KAAA;MAAA,IAAC,GAAGxB,KAAK,CAAC,GAAAwB,KAAA;MAAA,OAAKxB,KAAK;IAAA,EAAC;IAC5B,OAAOqB,MAAM,CAAC3E,MAAM,GAAG,CAAC,GACpB,IAAI+E,KAAK,CAACJ,MAAM,CAACJ,GAAG,CAAEjB,KAAK,IAAKA,KAAK,CAAC0B,OAAO,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC,CAAC,GAC3D5C,SAAS;EACf,CAAC,EAAE,CAACkB,SAAS,EAAEK,gBAAgB,EAAEG,oBAAoB,CAAC,CAAC;EAEvD,MAAMmB,EAAE,GAAG,IAAAC,mBAAU,yDAEcnC,MAAO,IAExCF,SAAS,EADTU,KAAK,KAAKnB,SAAS,IAAK,gCAA+BmB,KAAM,EAE/D,CAAC;EAED,OACE7F,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACjH,kBAAA,CAAAG,OAAiB,CAAC+G,QAAQ;IACzB5D,KAAK,EAAE;MACLwC,QAAQ;MACRO;IACF;EAAE,GAEF7G,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACpH,SAAA,CAAAsH,GAAG,EAAA5F,QAAA;IAACoD,SAAS,EAAEoC;EAAG,GAAK,IAAAK,uBAAgB,EAAC7C,KAAK,CAAC,GAC5CQ,gBAAgB,IAAIC,cAAc,GACjCxF,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IAAKtC,SAAS,EAAa;EAAgC,GACxDG,KAAK,IAAIC,gBAAgB,GACxBvF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACnH,WAAA,CAAAuH,SAAS;IAACC,MAAM,EAAE1C,KAAM;IAAC2C,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAU;EAAE,GACpD1C,KAAK,EACLC,gBAAgB,IACfvF,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IAAMtC,SAAS,EAAC;EAA0C,GACvDI,gBACG,CAEC,CAAC,GAEZvF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAAAzH,MAAA,CAAAW,OAAA,CAAAsH,QAAA,QAAE,MAAQ,CACX,EACAzC,cAAc,IACbxF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACpH,SAAA,CAAA6H,IAAI;IAAC/C,SAAS,EAAC;EAAwC,GACrDK,cACG,CAEL,CAAC,GAENF,KAAK,IACHtF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACnH,WAAA,CAAAuH,SAAS;IAACC,MAAM,EAAE1C,KAAM;IAAC2C,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAU;EAAE,GACpD1C,KACQ,CAEd,EAEDtF,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IACEtC,SAAS,EAAE,IAAAqC,mBAAU,EACnB,iCAAiC,EAGjCzB,gBAAgB,EAFhBD,aAAa,KAAKpB,SAAS,IACxB,0CAAyCoB,aAAc,EAE5D;EAAE,GAEDE,QACE,CAAC,EAEJL,KAAK,IACL3F,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IAAKtC,SAAS,EAAC;EAA+B,GAC5CnF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACnH,WAAA,CAAA6H,UAAU;IACTC,KAAK,EAAC,OAAO;IACb5B,EAAE,EAAEpB,KAAK,GAAI,GAAEA,KAAM,cAAa,GAAGV,SAAU;IAC/C2D,IAAI,EAAE1C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0B,OAAQ;IACrB/B,KAAK,EAAEA,KAAM;IACbyC,KAAK,EAAE;MAAEO,GAAG,EAAE;IAAU;EAAE,CAC3B,CACE,CACN,IACE5C,OAAO,IACN1F,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IAAKtC,SAAS,EAAC;EAA+B,GAC5CnF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACnH,WAAA,CAAA6H,UAAU;IACTC,KAAK,EAAC,MAAM;IACZ5B,EAAE,EAAEpB,KAAK,GAAI,GAAEA,KAAM,cAAa,GAAGV,SAAU;IAC/C2D,IAAI,EACD3C,OAAO,YAAY0B,KAAK,IAAI1B,OAAO,CAAC2B,OAAO,IAC3C3B,OAAO,YAAY6C,gBAAS,IAAI7C,OAAO,CAAC2B,OAAQ,KACjD3B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE8C,QAAQ,CAAC,CAAC,CACpB;IACDlD,KAAK,EAAEA,KAAM;IACbyC,KAAK,EAAE;MAAEO,GAAG,EAAE;IAAU;EAAE,CAC3B,CACE,CACL,IACD7C,IAAI,IACHzF,MAAA,CAAAW,OAAA,CAAA8G,aAAA;IAAKtC,SAAS,EAAC;EAA+B,GAC5CnF,MAAA,CAAAW,OAAA,CAAA8G,aAAA,CAACnH,WAAA,CAAA6H,UAAU;IACTC,KAAK,EAAC,MAAM;IACZ5B,EAAE,EAAEpB,KAAK,GAAI,GAAEA,KAAM,cAAa,GAAGV,SAAU;IAC/C2D,IAAI,EACD5C,IAAI,YAAY2B,KAAK,IAAI3B,IAAI,CAAC4B,OAAO,IACrC5B,IAAI,YAAY8C,gBAAS,IAAI9C,IAAI,CAAC4B,OAAQ,KAC3C5B,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE+C,QAAQ,CAAC,CAAC,CACjB;IACDlD,KAAK,EAAEA,KAAM;IACbyC,KAAK,EAAE;MAAEO,GAAG,EAAE;IAAU;EAAE,CAC3B,CACE,CAEN,CACqB,CAAC;AAEjC;AAEAxD,UAAU,CAAC2D,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/B5D,UAAU;AAAA6D,OAAA,CAAAhI,OAAA,GAAA+H,QAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormError } from '../types';
+export interface FieldBlockContextState {
+    setError?: (id: string, error: FormError) => void;
+    setShowError?: (id: string, showError: boolean) => void;
+}
+declare const FieldBlockContext: React.Context<FieldBlockContextState>;
+export default FieldBlockContext;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FieldBlockContext = _react.default.createContext(undefined);
+var _default = FieldBlockContext;
+exports.default = _default;
+//# sourceMappingURL=FieldBlockContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlockContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBlockContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport { FormError } from '../types'\n\nexport interface FieldBlockContextState {\n  setError?: (id: string, error: FormError) => void\n  setShowError?: (id: string, showError: boolean) => void\n}\n\nconst FieldBlockContext = React.createContext<\n  FieldBlockContextState | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAE3CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,iBAAiB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

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

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

@@ -3,12 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _FieldBlock.default;
   }
 });
-var _FieldBlock = _interopRequireDefault(require("./FieldBlock"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _FieldBlock = _interopRequireWildcard(require("./FieldBlock"));
+Object.keys(_FieldBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FieldBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldBlock[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/FieldBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FieldBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default  } from './FieldBlock';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_FieldBlock","_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/FieldBlock/index.ts"],"sourcesContent":["export { default } from './FieldBlock'\nexport * from './FieldBlock'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,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,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,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/FieldBlock/style/dnb-field-block.css

@@ -1,4 +1,24 @@
-.dnb-forms-field-block__label-block {
+.dnb-forms-field-block--layout-vertical {
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-areas: "label" "contents" "status";
+}
+.dnb-forms-field-block--layout-horizontal {
+  display: grid;
+  grid-template-columns: 11rem auto;
+  grid-template-areas: "label contents" "status status";
+}
+.dnb-forms-field-block--width-small {
+  width: 5rem;
+}
+.dnb-forms-field-block--width-medium {
+  width: 11rem;
+}
+.dnb-forms-field-block--width-large {
+  width: 21rem;
+}
+.dnb-forms-field-block__label {
+  grid-area: label;
   display: flex;
   flex-flow: row;
   justify-content: space-between;
@@ -13,18 +33,21 @@
   color: var(--color-black-55);
   font-size: var(--font-size-small);
 }
-.dnb-forms-field-block--width-large {
-  width: 336px;
+.dnb-forms-field-block__status {
+  grid-area: status;
 }
-.dnb-forms-field-block--width-medium {
-  width: 176px;
+.dnb-forms-field-block__contents {
+  grid-area: contents;
 }
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-.dnb-forms-field-block__contents--width-large {
-  width: 336px;
+.dnb-forms-field-block__contents--width-small {
+  width: 5rem;
 }
 .dnb-forms-field-block__contents--width-medium {
-  width: 176px;
+  width: 11rem;
+}
+.dnb-forms-field-block__contents--width-large {
+  width: 21rem;
 }

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

@@ -1 +1 @@
-.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;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--width-large{width:336px}.dnb-forms-field-block--width-medium{width:176px}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-large{width:336px}.dnb-forms-field-block__contents--width-medium{width:176px}
+.dnb-forms-field-block--layout-vertical{display:grid;grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{display:grid;grid-template-areas:"label contents" "status status";grid-template-columns:11rem auto}.dnb-forms-field-block--width-small{width:5rem}.dnb-forms-field-block--width-medium{width:11rem}.dnb-forms-field-block--width-large{width:21rem}.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%}.dnb-forms-field-block__contents--width-small{width:5rem}.dnb-forms-field-block__contents--width-medium{width:11rem}.dnb-forms-field-block__contents--width-large{width:21rem}

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

@@ -1,7 +1,40 @@
-@import '../../Field/fields.scss';
+@import '../../variables.scss';
 
 .dnb-forms-field-block {
-  &__label-block {
+  // Layout
+  &--layout-vertical {
+    display: grid;
+    grid-template-columns: auto;
+    grid-template-areas:
+      'label'
+      'contents'
+      'status';
+  }
+
+  &--layout-horizontal {
+    display: grid;
+    grid-template-columns: $forms-field-width-medium auto;
+    grid-template-areas:
+      'label contents'
+      'status status';
+  }
+
+  // Width
+  &--width-small {
+    width: $forms-field-width-small;
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  // Elements
+  &__label {
+    grid-area: label;
     display: flex;
     flex-flow: row;
     justify-content: space-between;
@@ -19,27 +52,27 @@
     font-size: var(--font-size-small);
   }
 
-  &--width-large {
-    width: $forms-field-width-large;
-  }
-
-  &--width-medium {
-    width: $forms-field-width-medium;
+  &__status {
+    grid-area: status;
   }
 
   &__contents {
+    grid-area: contents;
+
     &--width-stretch {
       width: 100%;
     }
 
-    &--width-large {
-      width: $forms-field-width-large;
+    &--width-small {
+      width: $forms-field-width-small;
     }
-  
+
     &--width-medium {
       width: $forms-field-width-medium;
     }
-  }
 
-  
+    &--width-large {
+      width: $forms-field-width-large;
+    }
+  }
 }

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpacingProps } from '../../../shared/types';
+export type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps;
+export default function FormElement({ children, className, onSubmit, ...rest }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FormElement;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _Space = _interopRequireDefault(require("../../../components/space/Space"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const _excluded = ["children", "className", "onSubmit"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 FormElement(_ref) {
+  let {
+      children,
+      className = null,
+      onSubmit = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const dataContext = _react.default.useContext(_Context.default);
+  dataContext._isInsideFormElement = true;
+  return _react.default.createElement(_Space.default, _extends({
+    element: "form",
+    className: (0, _classnames.default)('dnb-forms__form', className),
+    onSubmit: onSubmitHandler
+  }, rest), children);
+  function onSubmitHandler(event) {
+    var _dataContext$handleSu;
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    dataContext === null || dataContext === void 0 ? void 0 : (_dataContext$handleSu = dataContext.handleSubmit) === null || _dataContext$handleSu === void 0 ? void 0 : _dataContext$handleSu.call(dataContext);
+    if (typeof onSubmit === 'function') {
+      onSubmit(event);
+    }
+  }
+}
+//# sourceMappingURL=FormElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.js","names":["_react","_interopRequireDefault","require","_Context","_Space","_classnames","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormElement","_ref","children","className","onSubmit","rest","dataContext","React","useContext","Context","_isInsideFormElement","createElement","element","classnames","onSubmitHandler","event","_dataContext$handleSu","preventDefault","handleSubmit"],"sources":["../../../../../src/extensions/forms/Form/FormElement.tsx"],"sourcesContent":["import React from 'react'\nimport Context from '../DataContext/Context'\nimport Space from '../../../components/space/Space'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../../shared/types'\n\nexport type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps\n\nexport default function FormElement({\n  children,\n  className = null,\n  onSubmit = null,\n  ...rest\n}: Props) {\n  const dataContext = React.useContext(Context)\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  dataContext._isInsideFormElement = true\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms__form', className)}\n      onSubmit={onSubmitHandler}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function onSubmitHandler(event: React.SyntheticEvent<HTMLFormElement>) {\n    event?.preventDefault()\n\n    dataContext?.handleSubmit?.()\n\n    if (typeof onSubmit === 'function') {\n      onSubmit(event)\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { JsonObject } from 'json-pointer';
+import { Props as ProviderProps } from '../DataContext/Provider';
+import type { SpacingProps } from '../../../shared/types';
+export type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps;
+export default function FormHandler<Data extends JsonObject>({ children, data, schema, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, ...rest }: ProviderProps<Data> & Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FormHandler;
+var _react = _interopRequireDefault(require("react"));
+var _Provider = _interopRequireDefault(require("../DataContext/Provider"));
+var _FormElement = _interopRequireDefault(require("./FormElement"));
+const _excluded = ["children", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "scrollTopOnSubmit"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function FormHandler(_ref) {
+  let {
+      children,
+      data,
+      schema,
+      onChange,
+      onPathChange,
+      onSubmit,
+      onSubmitRequest,
+      scrollTopOnSubmit
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const ProviderProps = {
+    data,
+    schema,
+    onChange,
+    onPathChange,
+    onSubmit: data => {
+      if (typeof onSubmit === 'function') {
+        onSubmit(data);
+      }
+    },
+    onSubmitRequest,
+    scrollTopOnSubmit
+  };
+  return _react.default.createElement(_Provider.default, ProviderProps, _react.default.createElement(_FormElement.default, rest, children));
+}
+//# sourceMappingURL=FormHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormHandler.js","names":["_react","_interopRequireDefault","require","_Provider","_FormElement","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","FormHandler","_ref","children","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","rest","ProviderProps","createElement"],"sources":["../../../../../src/extensions/forms/Form/FormHandler.tsx"],"sourcesContent":["import React from 'react'\nimport { JsonObject } from 'json-pointer'\nimport Provider, { Props as ProviderProps } from '../DataContext/Provider'\nimport FormElement from './FormElement'\nimport type { SpacingProps } from '../../../shared/types'\n\nexport type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  ...rest\n}: ProviderProps<Data> & Props) {\n  const ProviderProps = {\n    data,\n    schema,\n    onChange,\n    onPathChange,\n    onSubmit: (data: Data) => {\n      if (typeof onSubmit === 'function') {\n        onSubmit(data)\n      }\n    },\n    onSubmitRequest,\n    scrollTopOnSubmit,\n  }\n\n  return (\n    <Provider {...ProviderProps}>\n      <FormElement {...rest}>{children}</FormElement>\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAuC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAKxB,SAASc,WAAWA,CAAAC,IAAA,EAUH;EAAA,IAV6B;MAC3DC,QAAQ;MACRC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC;IAE2B,CAAC,GAAAR,IAAA;IADzBS,IAAI,GAAA3B,wBAAA,CAAAkB,IAAA,EAAAtB,SAAA;EAEP,MAAMgC,aAAa,GAAG;IACpBR,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,QAAQ,EAAGJ,IAAU,IAAK;MACxB,IAAI,OAAOI,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAACJ,IAAI,CAAC;MAChB;IACF,CAAC;IACDK,eAAe;IACfC;EACF,CAAC;EAED,OACEnC,MAAA,CAAAQ,OAAA,CAAA8B,aAAA,CAACnC,SAAA,CAAAK,OAAQ,EAAK6B,aAAa,EACzBrC,MAAA,CAAAQ,OAAA,CAAA8B,aAAA,CAAClC,YAAA,CAAAI,OAAW,EAAK4B,IAAI,EAAGR,QAAsB,CACtC,CAAC;AAEf"}

package/cjs/extensions/forms/{DataContext → Form}/SubmitButton.d.ts

@@ -1,7 +1,6 @@
-import type { ComponentProps } from '../component-types';
-export type Props = ComponentProps & {
-    children?: string;
-};
+import React from 'react';
+import type { ComponentProps } from '../types';
+export type Props = ComponentProps & Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 declare function SubmitButton(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace SubmitButton {
     var _supportsEufemiaSpacingProps: boolean;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
+var _Context2 = _interopRequireDefault(require("../DataContext/Context"));
+const _excluded = ["className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function SubmitButton(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const {
+      className,
+      children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.contextSubmit
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const dataContext = (0, _react.useContext)(_Context2.default);
+  return _react.default.createElement(_components.Button, _extends({
+    className: (0, _classnames.default)('dnb-forms__submit-button', className),
+    onClick: dataContext._isInsideFormElement ? null : dataContext.handleSubmit,
+    type: "submit"
+  }, rest), children);
+}
+SubmitButton._supportsEufemiaSpacingProps = true;
+var _default = SubmitButton;
+exports.default = _default;
+//# sourceMappingURL=SubmitButton.js.map