@dnb/eufemia 10.8.0 → 10.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["React","classnames","Div","Span","FormLabel","FormStatus","forwardSpaceProps","FormError","FieldBlock","props","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","width","contentsWidth","contentClassName","children","cn","undefined","createElement","_extends","for_id","space","bottom","Fragment","state","id","text","message","top","Error","toString","_supportsEufemiaSpacingProps"],"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    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 {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    width,\n    contentsWidth,\n    contentClassName,\n    children,\n  } = props\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    <Div className={cn} {...forwardSpaceProps(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  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["React","useMemo","useContext","useState","useCallback","classnames","Div","Span","FormLabel","FormStatus","FormError","pickSpacingProps","FieldBlockContext","FieldBlock","props","nestedFieldBlockContext","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","errorProp","width","contentsWidth","contentClassName","children","fieldErrorRecord","setFieldErrorRecord","showFieldErrorRecord","setShowFieldErrorRecord","setError","id","existing","_objectSpread","removed","newRecord","_objectWithoutProperties","map","_toPropertyKey","setShowError","show","errors","Object","entries","filter","length","Error","message","join","undefined","cn","createElement","Provider","value","_extends","for_id","space","bottom","Fragment","state","text","top","toString","_supportsEufemiaSpacingProps"],"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":"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"}

package/es/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/es/extensions/forms/FieldBlock/FieldBlockContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const FieldBlockContext = React.createContext(undefined);
+export default FieldBlockContext;
+//# sourceMappingURL=FieldBlockContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlockContext.js","names":["React","FieldBlockContext","createContext","undefined"],"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,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,aAAa,CAE3CC,SAAS,CAAC;AAEZ,eAAeF,iBAAiB"}

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

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

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

@@ -1 +1,3 @@
-export { default } from './FieldBlock';
+export { default } from './FieldBlock';
+export * from './FieldBlock';
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/FieldBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default } from './FieldBlock'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default } from './FieldBlock'\nexport * from './FieldBlock'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc;AACtC,cAAc,cAAc"}

package/es/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/es/extensions/forms/Form/FormElement.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "className", "onSubmit"];
+import React from 'react';
+import Context from '../DataContext/Context';
+import Space from '../../../components/space/Space';
+import classnames from 'classnames';
+export default function FormElement(_ref) {
+  let {
+      children,
+      className = null,
+      onSubmit = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const dataContext = React.useContext(Context);
+  dataContext._isInsideFormElement = true;
+  return React.createElement(Space, _extends({
+    element: "form",
+    className: classnames('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/es/extensions/forms/Form/FormElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.js","names":["React","Context","Space","classnames","FormElement","_ref","children","className","onSubmit","rest","_objectWithoutProperties","_excluded","dataContext","useContext","_isInsideFormElement","createElement","_extends","element","onSubmitHandler","event","_dataContext$handleSu","preventDefault","handleSubmit","call"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,wBAAwB;AAC5C,OAAOC,KAAK,MAAM,iCAAiC;AACnD,OAAOC,UAAU,MAAM,YAAY;AAKnC,eAAe,SAASC,WAAWA,CAAAC,IAAA,EAKzB;EAAA,IAL0B;MAClCC,QAAQ;MACRC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEN,CAAC,GAAAH,IAAA;IADHI,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,MAAMC,WAAW,GAAGZ,KAAK,CAACa,UAAU,CAACZ,OAAO,CAAC;EAM7CW,WAAW,CAACE,oBAAoB,GAAG,IAAI;EAEvC,OACEd,KAAA,CAAAe,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,OAAO,EAAC,MAAM;IACdV,SAAS,EAAEJ,UAAU,CAAC,iBAAiB,EAAEI,SAAS,CAAE;IACpDC,QAAQ,EAAEU;EAAgB,GACtBT,IAAI,GAEPH,QACI,CAAC;EAGV,SAASY,eAAeA,CAACC,KAA4C,EAAE;IAAA,IAAAC,qBAAA;IACrED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,cAAc,CAAC,CAAC;IAEvBT,WAAW,aAAXA,WAAW,wBAAAQ,qBAAA,GAAXR,WAAW,CAAEU,YAAY,cAAAF,qBAAA,uBAAzBA,qBAAA,CAAAG,IAAA,CAAAX,WAA4B,CAAC;IAE7B,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACW,KAAK,CAAC;IACjB;EACF;AACF"}

package/es/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/es/extensions/forms/Form/FormHandler.js

@@ -0,0 +1,33 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "scrollTopOnSubmit"];
+import React from 'react';
+import Provider from '../DataContext/Provider';
+import FormElement from './FormElement';
+export default 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.createElement(Provider, ProviderProps, React.createElement(FormElement, rest, children));
+}
+//# sourceMappingURL=FormHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormHandler.js","names":["React","Provider","FormElement","FormHandler","_ref","children","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","rest","_objectWithoutProperties","_excluded","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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,MAAkC,yBAAyB;AAC1E,OAAOC,WAAW,MAAM,eAAe;AAKvC,eAAe,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,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAEP,MAAMC,aAAa,GAAG;IACpBV,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,OACEZ,KAAA,CAAAiB,aAAA,CAAChB,QAAQ,EAAKe,aAAa,EACzBhB,KAAA,CAAAiB,aAAA,CAACf,WAAW,EAAKW,IAAI,EAAGR,QAAsB,CACtC,CAAC;AAEf"}

package/es/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/es/extensions/forms/Form/SubmitButton.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "children"];
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import Context from '../DataContext/Context';
+function SubmitButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+      className,
+      children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.contextSubmit
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const dataContext = useContext(Context);
+  return React.createElement(Button, _extends({
+    className: classnames('dnb-forms__submit-button', className),
+    onClick: dataContext._isInsideFormElement ? null : dataContext.handleSubmit,
+    type: "submit"
+  }, rest), children);
+}
+SubmitButton._supportsEufemiaSpacingProps = true;
+export default SubmitButton;
+//# sourceMappingURL=SubmitButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","names":["React","useContext","classnames","Button","SharedContext","Context","SubmitButton","props","sharedContext","className","children","translation","Forms","contextSubmit","rest","_objectWithoutProperties","_excluded","dataContext","createElement","_extends","onClick","_isInsideFormElement","handleSubmit","type","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Form/SubmitButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../types'\nimport { Button } from '../../../components'\nimport SharedContext from '../../../shared/Context'\nimport Context from '../DataContext/Context'\n\nexport type Props = ComponentProps &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>>\n\nfunction SubmitButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    children = sharedContext?.translation.Forms.contextSubmit,\n    ...rest\n  } = props\n  const dataContext = useContext(Context)\n\n  return (\n    <Button\n      className={classnames('dnb-forms__submit-button', className)}\n      onClick={\n        dataContext._isInsideFormElement ? null : dataContext.handleSubmit\n      }\n      type=\"submit\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSubmitButton._supportsEufemiaSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,OAAO,MAAM,wBAAwB;AAK5C,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;MACJK,SAAS;MACTC,QAAQ,GAAGF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEG,WAAW,CAACC,KAAK,CAACC;IAE9C,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EACT,MAAMC,WAAW,GAAGhB,UAAU,CAACI,OAAO,CAAC;EAEvC,OACEL,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA;IACLV,SAAS,EAAEP,UAAU,CAAC,0BAA0B,EAAEO,SAAS,CAAE;IAC7DW,OAAO,EACLH,WAAW,CAACI,oBAAoB,GAAG,IAAI,GAAGJ,WAAW,CAACK,YACvD;IACDC,IAAI,EAAC;EAAQ,GACTT,IAAI,GAEPJ,QACK,CAAC;AAEb;AAEAJ,YAAY,CAACkB,4BAA4B,GAAG,IAAI;AAChD,eAAelB,YAAY"}

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

@@ -0,0 +1,9 @@
+import SubmitButton from './SubmitButton';
+import Element from './FormElement';
+import Handler from './FormHandler';
+declare const FormExport: {
+    Handler: typeof Handler;
+    Element: typeof Element;
+    SubmitButton: typeof SubmitButton;
+};
+export default FormExport;

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

@@ -0,0 +1,10 @@
+import SubmitButton from './SubmitButton';
+import Element from './FormElement';
+import Handler from './FormHandler';
+const FormExport = {
+  Handler,
+  Element,
+  SubmitButton
+};
+export default FormExport;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SubmitButton","Element","Handler","FormExport"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["import SubmitButton from './SubmitButton'\nimport Element from './FormElement'\nimport Handler from './FormHandler'\n\nconst FormExport = {\n  Handler,\n  Element,\n  SubmitButton,\n}\n\nexport default FormExport\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,OAAOC,OAAO,MAAM,eAAe;AACnC,OAAOC,OAAO,MAAM,eAAe;AAEnC,MAAMC,UAAU,GAAG;EACjBD,OAAO;EACPD,OAAO;EACPD;AACF,CAAC;AAED,eAAeG,UAAU"}

package/es/extensions/forms/Iterate/Array.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Props as FlexContainerProps } from '../Layout/FlexContainer';
+import { FieldProps, FieldHelpProps } from '../types';
+interface ErrorMessages {
+    required?: string;
+    schema?: string;
+}
+export type Props = FieldHelpProps & FieldProps<unknown[], undefined, ErrorMessages> & {
+    width?: false | 'small' | 'medium' | 'large' | 'stretch';
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode | ((value: any, index: number) => React.ReactNode) | Array<React.ReactNode | ((value: any, index: number) => React.ReactNode)>;
+};
+declare function ArrayComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayComponent;

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

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useMemo, useCallback } from 'react';
+import FlexContainer from '../Layout/FlexContainer';
+import classnames from 'classnames';
+import pointer from 'json-pointer';
+import IterateElementContext from './IterateElementContext';
+import FieldBlock from '../FieldBlock';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
+function ArrayComponent(props) {
+  const {
+    className,
+    layout = 'vertical',
+    placeholder,
+    label,
+    labelDescription,
+    labelSecondary,
+    path,
+    value: arrayValue,
+    info,
+    warning,
+    error,
+    emptyValue,
+    width,
+    spacing = 'small',
+    handleChange,
+    children
+  } = useDataValue(props);
+  const elementData = useMemo(() => {
+    return (arrayValue ?? []).map((elementValue, elementIndex) => ({
+      elementValue,
+      handleElementChange: (path, value) => {
+        const newArrayValue = structuredClone(arrayValue);
+        pointer.set(newArrayValue, path, value);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newArrayValue);
+      },
+      handleRemoveElement: () => {
+        const newArrayValue = structuredClone(arrayValue);
+        newArrayValue.splice(elementIndex, 1);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newArrayValue);
+      }
+    }));
+  }, [arrayValue, handleChange]);
+  const handlePush = useCallback(element => {
+    handleChange([...(arrayValue ?? []), element]);
+  }, [arrayValue, handleChange]);
+  return React.createElement(FieldBlock, _extends({
+    className: classnames('dnb-forms-field-number', className),
+    layout: layout,
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error,
+    contentsWidth: width !== false ? width : undefined
+  }, pickSpacingProps(props)), React.createElement(FlexContainer, {
+    direction: layout === 'horizontal' ? 'row' : 'column',
+    spacing: spacing
+  }, arrayValue === emptyValue ? React.createElement("em", null, placeholder) : elementData.map(({
+    elementValue,
+    handleElementChange,
+    handleRemoveElement
+  }, elementIndex) => {
+    return React.createElement(IterateElementContext.Provider, {
+      key: `element-${elementIndex}`,
+      value: {
+        index: elementIndex,
+        value: elementValue,
+        path,
+        handleChange: handleElementChange,
+        handleRemove: handleRemoveElement,
+        handlePush
+      }
+    }, Array.isArray(children) ? children.map(childElement => typeof childElement === 'function' ? childElement(elementValue, elementIndex) : childElement) : typeof children === 'function' ? children(elementValue, elementIndex) : children);
+  })));
+}
+ArrayComponent._supportsEufemiaSpacingProps = true;
+export default ArrayComponent;
+//# sourceMappingURL=Array.js.map

package/es/extensions/forms/Iterate/Array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Array.js","names":["React","useMemo","useCallback","FlexContainer","classnames","pointer","IterateElementContext","FieldBlock","useDataValue","pickSpacingProps","ArrayComponent","props","className","layout","placeholder","label","labelDescription","labelSecondary","path","value","arrayValue","info","warning","error","emptyValue","width","spacing","handleChange","children","elementData","map","elementValue","elementIndex","handleElementChange","newArrayValue","structuredClone","set","handleRemoveElement","splice","handlePush","element","createElement","_extends","contentsWidth","undefined","direction","Provider","key","index","handleRemove","Array","isArray","childElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Iterate/Array.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport IterateElementContext from './IterateElementContext'\nimport FieldBlock from '../FieldBlock'\nimport { useDataValue } from '../hooks'\nimport { FieldProps, FieldHelpProps, pickSpacingProps } from '../types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n}\n\nexport type Props = FieldHelpProps &\n  FieldProps<unknown[], undefined, ErrorMessages> & {\n    width?: false | 'small' | 'medium' | 'large' | 'stretch'\n    spacing?: FlexContainerProps['spacing']\n    children:\n      | React.ReactNode\n      | ((value: any, index: number) => React.ReactNode)\n      | Array<\n          | React.ReactNode\n          | ((value: any, index: number) => React.ReactNode)\n        >\n  }\n\nfunction ArrayComponent(props: Props) {\n  const {\n    className,\n    layout = 'vertical',\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    path,\n    value: arrayValue,\n    info,\n    warning,\n    error,\n    emptyValue,\n    width,\n    spacing = 'small',\n    handleChange,\n    children,\n  } = useDataValue(props)\n\n  const elementData: {\n    elementValue: unknown\n    handleElementChange: (path: string, value: unknown) => void\n    handleRemoveElement: () => void\n  }[] = useMemo(() => {\n    return (arrayValue ?? []).map((elementValue, elementIndex) => ({\n      elementValue,\n      handleElementChange: (path, value) => {\n        const newArrayValue = structuredClone(arrayValue)\n        pointer.set(newArrayValue, path, value)\n        handleChange?.(newArrayValue)\n      },\n      handleRemoveElement: () => {\n        const newArrayValue = structuredClone(arrayValue)\n        newArrayValue.splice(elementIndex, 1)\n        handleChange?.(newArrayValue)\n      },\n    }))\n  }, [arrayValue, handleChange])\n\n  const handlePush = useCallback(\n    (element: unknown) => {\n      handleChange([...(arrayValue ?? []), element])\n    },\n    [arrayValue, handleChange]\n  )\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-number', className)}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary}\n      info={info}\n      warning={warning}\n      error={error}\n      contentsWidth={width !== false ? width : undefined}\n      {...pickSpacingProps(props)}\n    >\n      <FlexContainer\n        direction={layout === 'horizontal' ? 'row' : 'column'}\n        spacing={spacing}\n      >\n        {arrayValue === emptyValue ? (\n          <em>{placeholder}</em>\n        ) : (\n          elementData.map(\n            (\n              { elementValue, handleElementChange, handleRemoveElement },\n              elementIndex\n            ) => {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${elementIndex}`}\n                  value={{\n                    index: elementIndex,\n                    value: elementValue,\n                    path,\n                    handleChange: handleElementChange,\n                    handleRemove: handleRemoveElement,\n                    handlePush,\n                  }}\n                >\n                  {Array.isArray(children)\n                    ? children.map((childElement) =>\n                        typeof childElement === 'function'\n                          ? childElement(elementValue, elementIndex)\n                          : childElement\n                      )\n                    : typeof children === 'function'\n                    ? children(elementValue, elementIndex)\n                    : children}\n                </IterateElementContext.Provider>\n              )\n            }\n          )\n        )}\n      </FlexContainer>\n    </FieldBlock>\n  )\n}\n\nArrayComponent._supportsEufemiaSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/es/extensions/forms/Iterate/ArrayPushButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataValueReadWriteComponentProps } from '../types';
+export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]> & {
+    pushValue: unknown;
+};
+declare function ArrayPushButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayPushButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayPushButton;

package/es/extensions/forms/Iterate/ArrayPushButton.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["pushValue"];
+import React, { useCallback, useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import IterateElementContext from './IterateElementContext';
+import { useDataValue } from '../hooks';
+import { omitDataValueReadWriteProps } from '../types';
+function ArrayPushButton(props) {
+  const iterateElementContext = useContext(IterateElementContext);
+  const {
+    handlePush
+  } = iterateElementContext ?? {};
+  const {
+      pushValue
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const buttonProps = omitDataValueReadWriteProps(restProps);
+  const {
+    value,
+    handleChange,
+    children
+  } = useDataValue(restProps);
+  if (value !== undefined && !Array.isArray(value)) {
+    throw new Error('ArrayPushButton received a non-array value.');
+  }
+  const handleClick = useCallback(() => {
+    if (handlePush) {
+      handlePush(pushValue);
+      return;
+    }
+    handleChange([...(value ?? []), pushValue]);
+  }, [value, pushValue, handlePush, handleChange]);
+  return React.createElement(Button, _extends({
+    className: classnames('dnb-forms-array-push-button', props.className),
+    on_click: handleClick
+  }, buttonProps), children);
+}
+ArrayPushButton._supportsEufemiaSpacingProps = true;
+export default ArrayPushButton;
+//# sourceMappingURL=ArrayPushButton.js.map

package/es/extensions/forms/Iterate/ArrayPushButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayPushButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useDataValue","omitDataValueReadWriteProps","ArrayPushButton","props","iterateElementContext","handlePush","pushValue","restProps","_objectWithoutProperties","_excluded","buttonProps","value","handleChange","children","undefined","Array","isArray","Error","handleClick","createElement","_extends","className","on_click","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Iterate/ArrayPushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/Button'\nimport IterateElementContext from './IterateElementContext'\nimport { useDataValue } from '../hooks'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../types'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]> & {\n    pushValue: unknown\n  }\n\nfunction ArrayPushButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handlePush } = iterateElementContext ?? {}\n\n  const { pushValue, ...restProps } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { value, handleChange, children } = useDataValue(restProps)\n\n  if (value !== undefined && !Array.isArray(value)) {\n    throw new Error('ArrayPushButton received a non-array value.')\n  }\n\n  const handleClick = useCallback(() => {\n    if (handlePush) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(pushValue)\n      return\n    }\n\n    // If not inside an iterate, it could still manipulate a source data set through useDataValue\n    handleChange([...(value ?? []), pushValue])\n  }, [value, pushValue, handlePush, handleChange])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-array-push-button',\n        props.className\n      )}\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </Button>\n  )\n}\n\nArrayPushButton._supportsEufemiaSpacingProps = true\nexport default ArrayPushButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,YAAY,QAAQ,UAAU;AACvC,SAEEC,2BAA2B,QACtB,UAAU;AAOjB,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAMC,qBAAqB,GAAGR,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAEM;EAAW,CAAC,GAAGD,qBAAqB,IAAI,CAAC,CAAC;EAElD,MAAM;MAAEE;IAAwB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACzC,MAAMC,WAAW,GAAGT,2BAA2B,CAACM,SAAS,CAAC;EAC1D,MAAM;IAAEI,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGb,YAAY,CAACO,SAAS,CAAC;EAEjE,IAAII,KAAK,KAAKG,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIM,KAAK,CAAC,6CAA6C,CAAC;EAChE;EAEA,MAAMC,WAAW,GAAGvB,WAAW,CAAC,MAAM;IACpC,IAAIU,UAAU,EAAE;MAEdA,UAAU,CAACC,SAAS,CAAC;MACrB;IACF;IAGAM,YAAY,CAAC,CAAC,IAAID,KAAK,IAAI,EAAE,CAAC,EAAEL,SAAS,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACK,KAAK,EAAEL,SAAS,EAAED,UAAU,EAAEO,YAAY,CAAC,CAAC;EAEhD,OACElB,KAAA,CAAAyB,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IACLC,SAAS,EAAExB,UAAU,CACnB,6BAA6B,EAC7BM,KAAK,CAACkB,SACR,CAAE;IACFC,QAAQ,EAAEJ;EAAY,GAClBR,WAAW,GAEdG,QACK,CAAC;AAEb;AAEAX,eAAe,CAACqB,4BAA4B,GAAG,IAAI;AACnD,eAAerB,eAAe"}

package/es/extensions/forms/Iterate/ArrayRemoveElementButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataValueReadWriteComponentProps } from '../types';
+export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]>;
+declare function ArrayRemoveElementButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayRemoveElementButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayRemoveElementButton;

package/es/extensions/forms/Iterate/ArrayRemoveElementButton.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import IterateElementContext from './IterateElementContext';
+import { useDataValue } from '../hooks';
+import { omitDataValueReadWriteProps } from '../types';
+function ArrayRemoveElementButton(props) {
+  const iterateElementContext = useContext(IterateElementContext);
+  const {
+    handleRemove
+  } = iterateElementContext ?? {};
+  if (!iterateElementContext) {
+    throw new Error('ArrayRemoveElementButton must be inside an Iterate.Array component.');
+  }
+  const buttonProps = omitDataValueReadWriteProps(props);
+  const {
+    children
+  } = useDataValue(props);
+  const handleClick = useCallback(() => {
+    handleRemove();
+  }, [handleRemove]);
+  return React.createElement(Button, _extends({
+    className: classnames('dnb-forms-array-remove-element-button', props.className),
+    on_click: handleClick
+  }, buttonProps), children);
+}
+ArrayRemoveElementButton._supportsEufemiaSpacingProps = true;
+export default ArrayRemoveElementButton;
+//# sourceMappingURL=ArrayRemoveElementButton.js.map

package/es/extensions/forms/Iterate/ArrayRemoveElementButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayRemoveElementButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useDataValue","omitDataValueReadWriteProps","ArrayRemoveElementButton","props","iterateElementContext","handleRemove","Error","buttonProps","children","handleClick","createElement","_extends","className","on_click","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Iterate/ArrayRemoveElementButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/Button'\nimport IterateElementContext from './IterateElementContext'\nimport { useDataValue } from '../hooks'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../types'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction ArrayRemoveElementButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error(\n      'ArrayRemoveElementButton must be inside an Iterate.Array component.'\n    )\n  }\n\n  const buttonProps = omitDataValueReadWriteProps(props)\n\n  const { children } = useDataValue(props)\n\n  const handleClick = useCallback(() => {\n    handleRemove()\n  }, [handleRemove])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-array-remove-element-button',\n        props.className\n      )}\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </Button>\n  )\n}\n\nArrayRemoveElementButton._supportsEufemiaSpacingProps = true\nexport default ArrayRemoveElementButton\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,YAAY,QAAQ,UAAU;AACvC,SAEEC,2BAA2B,QACtB,UAAU;AAKjB,SAASC,wBAAwBA,CAACC,KAAY,EAAE;EAC9C,MAAMC,qBAAqB,GAAGR,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAEM;EAAa,CAAC,GAAGD,qBAAqB,IAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,CACb,qEACF,CAAC;EACH;EAEA,MAAMC,WAAW,GAAGN,2BAA2B,CAACE,KAAK,CAAC;EAEtD,MAAM;IAAEK;EAAS,CAAC,GAAGR,YAAY,CAACG,KAAK,CAAC;EAExC,MAAMM,WAAW,GAAGd,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,CAAC;EAChB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OACEX,KAAA,CAAAgB,aAAA,CAACZ,MAAM,EAAAa,QAAA;IACLC,SAAS,EAAEf,UAAU,CACnB,uCAAuC,EACvCM,KAAK,CAACS,SACR,CAAE;IACFC,QAAQ,EAAEJ;EAAY,GAClBF,WAAW,GAEdC,QACK,CAAC;AAEb;AAEAN,wBAAwB,CAACY,4BAA4B,GAAG,IAAI;AAC5D,eAAeZ,wBAAwB"}

package/es/extensions/forms/Iterate/IterateElementContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IterateElementContextState {
+    index: number;
+    value: unknown;
+    path?: string;
+    handleChange: (path: string, value: unknown) => void;
+    handleRemove: () => void;
+    handlePush: (value: unknown) => void;
+}
+declare const IterateElementContext: React.Context<IterateElementContextState>;
+export default IterateElementContext;

package/es/extensions/forms/Iterate/IterateElementContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const IterateElementContext = React.createContext(undefined);
+export default IterateElementContext;
+//# sourceMappingURL=IterateElementContext.js.map

package/es/extensions/forms/Iterate/IterateElementContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IterateElementContext.js","names":["React","IterateElementContext","createContext","undefined"],"sources":["../../../../../src/extensions/forms/Iterate/IterateElementContext.ts"],"sourcesContent":["import React from 'react'\n\nexport interface IterateElementContextState {\n  index: number\n  value: unknown\n  path?: string\n  handleChange: (path: string, value: unknown) => void\n  handleRemove: () => void\n  handlePush: (value: unknown) => void\n}\n\nconst IterateElementContext = React.createContext<\n  IterateElementContextState | undefined\n>(undefined)\n\nexport default IterateElementContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAWzB,MAAMC,qBAAqB,GAAGD,KAAK,CAACE,aAAa,CAE/CC,SAAS,CAAC;AAEZ,eAAeF,qBAAqB"}

package/es/extensions/forms/Iterate/index.d.ts

@@ -0,0 +1,11 @@
+import ArrayComponent from './Array';
+import ArrayPushButton from './ArrayPushButton';
+import ArrayRemoveElementButton from './ArrayRemoveElementButton';
+import IterateElementContext from './IterateElementContext';
+declare const Iterate: {
+    Array: typeof ArrayComponent;
+    ArrayPushButton: typeof ArrayPushButton;
+    ArrayRemoveElementButton: typeof ArrayRemoveElementButton;
+};
+export default Iterate;
+export { IterateElementContext };

package/es/extensions/forms/Iterate/index.js

@@ -0,0 +1,12 @@
+import ArrayComponent from './Array';
+import ArrayPushButton from './ArrayPushButton';
+import ArrayRemoveElementButton from './ArrayRemoveElementButton';
+import IterateElementContext from './IterateElementContext';
+const Iterate = {
+  Array: ArrayComponent,
+  ArrayPushButton,
+  ArrayRemoveElementButton
+};
+export default Iterate;
+export { IterateElementContext };
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/Iterate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ArrayComponent","ArrayPushButton","ArrayRemoveElementButton","IterateElementContext","Iterate","Array"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import ArrayComponent from './Array'\nimport ArrayPushButton from './ArrayPushButton'\nimport ArrayRemoveElementButton from './ArrayRemoveElementButton'\nimport IterateElementContext from './IterateElementContext'\n\nconst Iterate = {\n  Array: ArrayComponent,\n  ArrayPushButton,\n  ArrayRemoveElementButton,\n}\n\nexport default Iterate\n\nexport { IterateElementContext }\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,SAAS;AACpC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,MAAMC,OAAO,GAAG;EACdC,KAAK,EAAEL,cAAc;EACrBC,eAAe;EACfC;AACF,CAAC;AAED,eAAeE,OAAO;AAEtB,SAASD,qBAAqB"}

package/es/extensions/forms/Layout/ButtonRow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     children?: React.ReactNode;
 };

package/es/extensions/forms/Layout/ButtonRow.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import classnames from 'classnames';
 import { Div } from '../../../elements';
-import { forwardSpaceProps } from '../utils';
+import { pickSpacingProps } from '../types';
 function ButtonRow(props) {
   const {
     className,
@@ -10,7 +10,7 @@ function ButtonRow(props) {
   } = props;
   return React.createElement(Div, _extends({
     className: classnames('dnb-forms-button-row', className)
-  }, forwardSpaceProps(props)), children);
+  }, pickSpacingProps(props)), children);
 }
 ButtonRow._supportsEufemiaSpacingProps = true;
 export default ButtonRow;

package/es/extensions/forms/Layout/ButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRow.js","names":["React","classnames","Div","forwardSpaceProps","ButtonRow","props","className","children","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEL,KAAA,CAAAQ,aAAA,CAACN,GAAG,EAAAO,QAAA;IACFH,SAAS,EAAEL,UAAU,CAAC,sBAAsB,EAAEK,SAAS;EAAE,GACrDH,iBAAiB,CAACE,KAAK,CAAC,GAE3BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACM,4BAA4B,GAAG,IAAI;AAC7C,eAAeN,SAAS"}
+{"version":3,"file":"ButtonRow.js","names":["React","classnames","Div","pickSpacingProps","ButtonRow","props","className","children","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { ComponentProps, pickSpacingProps } from '../types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAAyBC,gBAAgB,QAAQ,UAAU;AAM3D,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEL,KAAA,CAAAQ,aAAA,CAACN,GAAG,EAAAO,QAAA;IACFH,SAAS,EAAEL,UAAU,CAAC,sBAAsB,EAAEK,SAAS;EAAE,GACrDH,gBAAgB,CAACE,KAAK,CAAC,GAE1BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACM,4BAA4B,GAAG,IAAI;AAC7C,eAAeN,SAAS"}

package/es/extensions/forms/Layout/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 import { Props as FlexContainerProps } from './FlexContainer';
 export type Props = ComponentProps & {
     stack?: boolean;