@dnb/eufemia 10.5.0 → 10.7.0

package/es/extensions/forms/Field/style/dnb-phone-number.css

@@ -0,0 +1,26 @@
+.dnb-forms-field-phone-number {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-phone-number--width-stretch {
+  width: 100%;
+}
+.dnb-forms-field-phone-number--width-large {
+  width: 336px;
+}
+.dnb-forms-field-phone-number--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-phone-number__country-code {
+  --autocomplete-width: 145px;
+  flex: 0 144px;
+}
+.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
+  width: 144px;
+}
+.dnb-forms-field-phone-number__number {
+  flex: 1;
+}

package/es/extensions/forms/Field/style/dnb-phone-number.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-stretch{width:100%}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}

package/es/extensions/forms/Field/style/dnb-phone-number.scss

@@ -0,0 +1,32 @@
+@import '../fields.scss';
+
+.dnb-forms-field-phone-number {
+  display: flex;
+  flex-flow: row;
+  column-gap: var(--spacing-small);
+
+  &--width-stretch {
+    width: 100%;
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &__country-code {
+    --autocomplete-width: 145px;
+    flex: 0 144px;
+
+    .dnb-autocomplete__shell {
+      width: 144px;
+    }
+  }
+
+  &__number {
+    flex: 1;
+  }
+}

package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css

@@ -0,0 +1,19 @@
+.dnb-forms-field-postal-code-and-city__fields {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-postal-code-and-city--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-postal-code-and-city--width-large {
+  width: 336px;
+}
+.dnb-forms-field-postal-code-and-city__postal-code {
+  flex: 0 5rem;
+}
+.dnb-forms-field-postal-code-and-city__city {
+  flex: 1;
+}

package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}

package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss

@@ -0,0 +1,25 @@
+@import '../fields.scss';
+
+.dnb-forms-field-postal-code-and-city {
+  &__fields {
+    display: flex;
+    flex-flow: row;
+    column-gap: var(--spacing-small);
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &__postal-code {
+    flex: 0 5rem;
+  }
+
+  &__city {
+    flex: 1;
+  }
+}

package/es/extensions/forms/Field/style/dnb-selection.css

@@ -0,0 +1,6 @@
+.dnb-forms-field-selection--width-large .dnb-dropdown__shell {
+  width: 336px;
+}
+.dnb-forms-field-selection--width-medium .dnb-dropdown__shell {
+  width: 176px;
+}

package/es/extensions/forms/Field/style/dnb-selection.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}

package/es/extensions/forms/Field/style/dnb-selection.scss

@@ -0,0 +1,15 @@
+@import '../fields.scss';
+
+.dnb-forms-field-selection {
+  &--width-large {
+    .dnb-dropdown__shell {
+      width: $forms-field-width-large;
+    }
+  }
+
+  &--width-medium {
+    .dnb-dropdown__shell {
+      width: $forms-field-width-medium;
+    }
+  }
+}

package/es/extensions/forms/Field/style/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-phone-number.scss';
+import './dnb-postal-code-and-city.scss';
+import './dnb-selection.scss';

package/es/extensions/forms/Field/style/index.js

@@ -0,0 +1,4 @@
+import "./dnb-phone-number.min.css";
+import "./dnb-postal-code-and-city.min.css";
+import "./dnb-selection.min.css";
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/Field/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Field/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-phone-number.scss'\nimport './dnb-postal-code-and-city.scss'\nimport './dnb-selection.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB;AAChC,OAAO,oCAAiC;AACxC,OAAO,yBAAsB"}

package/es/extensions/forms/Field/style/index.scss

@@ -0,0 +1,3 @@
+@import './dnb-phone-number.scss';
+@import './dnb-postal-code-and-city.scss';
+@import './dnb-selection.scss';

package/es/extensions/forms/Field/style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

package/es/extensions/forms/Field/style.js

@@ -0,0 +1 @@
+import './style';

package/es/extensions/forms/Field/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/Field/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & Pick<FieldProps, 'layout' | 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+    forId?: string;
+    children: React.ReactNode;
+    /** Width of outer block element */
+    width?: 'medium' | 'large';
+    /** Width of contents block, while label etc can be wider if space is available */
+    contentsWidth?: 'medium' | 'large' | 'stretch';
+};
+declare function FieldBlock(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldBlock {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FieldBlock;

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

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Div, Span } from '../../../elements';
+import { FormLabel, FormStatus } from '../../../components';
+import { forwardSpaceProps } from '../utils';
+import { FormError } from '../types';
+function FieldBlock(props) {
+  const {
+    className,
+    forId,
+    layout = 'vertical',
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    width,
+    contentsWidth,
+    children
+  } = props;
+  const cn = classnames('dnb-forms-field-block', className, width !== undefined && `dnb-forms-field-block--width-${width}`);
+  return React.createElement(Div, _extends({
+    className: cn
+  }, forwardSpaceProps(props)), labelDescription || labelSecondary ? React.createElement("div", {
+    className: "dnb-forms-field-block__label-block"
+  }, label || labelDescription ? React.createElement(FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label, labelDescription && React.createElement("span", {
+    className: "dnb-forms-field-block__label-description"
+  }, labelDescription)) : React.createElement(React.Fragment, null, "\xA0"), labelSecondary && React.createElement(Span, {
+    className: "dnb-forms-field-block__label-secondary"
+  }, labelSecondary)) : label && React.createElement(FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label), React.createElement("div", {
+    className: 'dnb-forms-field-block__contents' + (contentsWidth !== undefined ? ` dnb-forms-field-block__contents--width-${contentsWidth}` : "")
+  }, children), error && React.createElement(FormStatus, {
+    state: "error",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: error === null || error === void 0 ? void 0 : error.message,
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), warning && React.createElement(FormStatus, {
+    state: "warn",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: warning instanceof Error && warning.message || warning instanceof FormError && warning.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), info && React.createElement(FormStatus, {
+    state: "info",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: info instanceof Error && info.message || info instanceof FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }));
+}
+FieldBlock._supportsEufemiaSpacingProps = true;
+export default FieldBlock;
+//# sourceMappingURL=FieldBlock.js.map

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

@@ -0,0 +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","children","cn","undefined","createElement","_extends","for_id","label_direction","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    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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"}

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

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

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

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

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

@@ -0,0 +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,QAAS,cAAc"}

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

@@ -0,0 +1,30 @@
+.dnb-forms-field-block__label-block {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.dnb-forms-field-block__label-description {
+  margin-left: 0.3em;
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block__label-secondary {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block--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;
+}

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

@@ -0,0 +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}

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

@@ -0,0 +1,45 @@
+@import '../../Field/fields.scss';
+
+.dnb-forms-field-block {
+  &__label-block {
+    display: flex;
+    flex-flow: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__label-description {
+    margin-left: 0.3em;
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+
+  &__label-secondary {
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &__contents {
+    &--width-stretch {
+      width: 100%;
+    }
+
+    &--width-large {
+      width: $forms-field-width-large;
+    }
+  
+    &--width-medium {
+      width: $forms-field-width-medium;
+    }
+  }
+
+  
+}

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

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-field-block.scss';

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

@@ -0,0 +1 @@
+import "./dnb-field-block.min.css";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/FieldBlock/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-field-block.scss'\n"],"mappings":"AAKA,OAAO,2BAAwB"}

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

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

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

@@ -0,0 +1 @@
+import './style';

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/FieldBlock/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

package/es/extensions/forms/FieldGroup/FieldGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { FormError } from '../types';
+import type { FieldProps } from '../field-types';
+export interface FieldGroupContextState {
+    setFieldError?: (id: string, error: FormError) => void;
+    setShowFieldError?: (id: string, showError: boolean) => void;
+}
+export declare const FieldGroupContext: React.Context<FieldGroupContextState>;
+export type Props = ComponentProps & Pick<FieldProps, 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+    children: React.ReactNode;
+};
+declare function FieldGroup(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldGroup {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FieldGroup;

package/es/extensions/forms/FieldGroup/FieldGroup.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+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; }
+import React, { useState, useCallback, useMemo } from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FieldBlock from '../FieldBlock';
+export const FieldGroupContext = React.createContext(undefined);
+function FieldGroup(props) {
+  const {
+    className,
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    children
+  } = props;
+  const [fieldErrorRecord, setFieldErrorRecord] = useState({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState({});
+  const setFieldError = useCallback((id, error) => {
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const setShowFieldError = useCallback((id, show) => {
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const blockError = useMemo(() => {
+    const errors = Object.entries(fieldErrorRecord).filter(([id]) => showFieldErrorRecord[id] === true).map(([, error]) => error);
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [fieldErrorRecord, showFieldErrorRecord]);
+  return React.createElement(FieldGroupContext.Provider, {
+    value: {
+      setFieldError,
+      setShowFieldError
+    }
+  }, React.createElement(FieldBlock, _extends({
+    className: classnames('dnb-forms-field-group', className),
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error ?? blockError
+  }, forwardSpaceProps(props)), children));
+}
+FieldGroup._supportsEufemiaSpacingProps = true;
+export default FieldGroup;
+//# sourceMappingURL=FieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["React","useState","useCallback","useMemo","classnames","forwardSpaceProps","FieldBlock","FieldGroupContext","createContext","undefined","FieldGroup","props","className","label","labelDescription","labelSecondary","info","warning","error","children","fieldErrorRecord","setFieldErrorRecord","showFieldErrorRecord","setShowFieldErrorRecord","setFieldError","id","existing","_objectSpread","removed","newRecord","_objectWithoutProperties","map","_toPropertyKey","setShowFieldError","show","blockError","errors","Object","entries","filter","length","Error","message","join","createElement","Provider","value","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport { forwardSpaceProps } from '../utils'\nimport FieldBlock from '../FieldBlock'\nimport type { FieldProps } from '../field-types'\n\nexport interface FieldGroupContextState {\n  setFieldError?: (id: string, error: FormError) => void\n  setShowFieldError?: (id: string, showError: boolean) => void\n}\n\nexport const FieldGroupContext = React.createContext<\n  FieldGroupContextState | undefined\n>(undefined)\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    children: React.ReactNode\n  }\n\nfunction FieldGroup(props: Props) {\n  const {\n    className,\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\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 setFieldError = useCallback((id, error) => {\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\n  const setShowFieldError = useCallback((id, show) => {\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\n  const blockError = useMemo(() => {\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  }, [fieldErrorRecord, showFieldErrorRecord])\n\n  return (\n    <FieldGroupContext.Provider\n      value={{\n        setFieldError,\n        setShowFieldError,\n      }}\n    >\n      <FieldBlock\n        className={classnames('dnb-forms-field-group', className)}\n        label={label}\n        labelDescription={labelDescription}\n        labelSecondary={labelSecondary}\n        info={info}\n        warning={warning}\n        error={error ?? blockError}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FieldBlock>\n    </FieldGroupContext.Provider>\n  )\n}\n\nFieldGroup._supportsEufemiaSpacingProps = true\nexport default FieldGroup\n"],"mappings":"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"}

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

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

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

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

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

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

package/es/extensions/forms/Forms.d.ts

@@ -0,0 +1,3 @@
+import { Field } from './index';
+export * from './index';
+export default Field;

package/es/extensions/forms/Forms.js

@@ -0,0 +1,4 @@
+import { Field } from './index';
+export * from './index';
+export default Field;
+//# sourceMappingURL=Forms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","names":["Field"],"sources":["../../../../src/extensions/forms/Forms.ts"],"sourcesContent":["import { Field } from './index'\nexport * from './index'\nexport default Field\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,cAAc,SAAS;AACvB,eAAeA,KAAK"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: React.ReactNode;
+};
+declare function ButtonRow(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonRow {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ButtonRow;

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

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Div } from '../../../elements';
+import { forwardSpaceProps } from '../utils';
+function ButtonRow(props) {
+  const {
+    className,
+    children
+  } = props;
+  return React.createElement(Div, _extends({
+    className: classnames('dnb-forms-button-row', className)
+  }, forwardSpaceProps(props)), children);
+}
+ButtonRow._supportsEufemiaSpacingProps = true;
+export default ButtonRow;
+//# sourceMappingURL=ButtonRow.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = ComponentProps & {
+    stack?: boolean;
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Card;

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

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FlexContainer from './FlexContainer';
+import FlexItem from './FlexItem';
+function Card(props) {
+  const {
+    className,
+    stack,
+    direction,
+    spacing,
+    children
+  } = props;
+  if (stack) {
+    return React.createElement(FlexContainer, _extends({
+      className: classnames('dnb-forms-card', className),
+      direction: "column",
+      divider: "line",
+      spacing: spacing ?? 'medium'
+    }, forwardSpaceProps(props)), children);
+  }
+  if (direction || spacing) {
+    return React.createElement(FlexContainer, _extends({
+      className: classnames('dnb-forms-card', className),
+      direction: direction ?? 'column',
+      divider: "space",
+      spacing: spacing ?? 'small'
+    }, forwardSpaceProps(props)), children);
+  }
+  return React.createElement(FlexItem, {
+    className: classnames('dnb-forms-card', className)
+  }, children);
+}
+Card._supportsEufemiaSpacingProps = true;
+export default Card;
+//# sourceMappingURL=Card.js.map