@dnb/eufemia 10.5.0 → 10.6.0

package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.css

@@ -5,63 +5,25 @@
 /*
  * Utilities
  */
-.dnb-textarea {
-  --textarea-rows: 2;
-}
 .dnb-textarea__textarea {
   color: var(--color-black);
   background-color: var(--color-white);
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: auto;
-  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
 }
 .dnb-textarea__textarea ::selection {
   background-color: var(--color-mint-green);
   color: var(--color-black);
   text-shadow: none;
 }
-html:not([data-visual-test]) .dnb-textarea__textarea {
-  scroll-behavior: smooth;
-}
-@supports not (scrollbar-color: auto) {
-  .dnb-textarea__textarea::-webkit-scrollbar {
-    border-radius: var(--scrollbar-thumb-width, 0.5rem);
-    background-color: var(--scrollbar-track-color, #eee);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar:vertical {
-    width: var(--scrollbar-track-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
-    height: var(--scrollbar-track-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar-thumb {
-    background-color: var(--scrollbar-thumb-color, #888);
-    border-radius: var(--scrollbar-thumb-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
-    background-color: var(--scrollbar-thumb-hover-color, #666);
-  }
-}
 .dnb-textarea__placeholder {
   color: var(--color-black-55);
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--textarea-rows, 2);
 }
 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state, .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
   box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
 }
 .dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
-  -webkit-user-select: none;
-          user-select: none;
   color: var(--color-black-55);
   background-color: var(--color-black-3);
 }
-.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
-  width: 0;
-}
 .dnb-textarea--disabled .dnb-textarea__state, .dnb-textarea__textarea[disabled] ~ .dnb-textarea__state {
   box-shadow: 0 0 0 0.0625rem var(--color-black-55);
   background-color: var(--color-black-3);
@@ -80,7 +42,4 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
   --border-width: 0.125rem;
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
-}
-.dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder, .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
-  display: none;
 }

package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.min.css

@@ -1 +1 @@
-.dnb-textarea{--textarea-rows:2}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--color-white);color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55);-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}
+.dnb-textarea__textarea{background-color:var(--color-white);color:var(--color-black)}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-textarea__placeholder{color:var(--color-black-55)}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55)}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.scss

@@ -6,8 +6,6 @@
 @import '../../../../style/core/utilities.scss';
 
 .dnb-textarea {
-  --textarea-rows: 2;
-
   &__textarea {
     color: var(--color-black);
     background-color: var(--color-white);
@@ -17,19 +15,10 @@
       color: var(--color-black);
       text-shadow: none;
     }
-
-    @include scrollY(auto);
   }
 
   &__placeholder {
     color: var(--color-black-55);
-
-    // Required for line-clamp
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-
-    // Limit the text block to two lines
-    -webkit-line-clamp: var(--textarea-rows, 2);
   }
 
   &__textarea:not([disabled]):not(#{&}--disabled):focus ~ &__state,
@@ -46,11 +35,6 @@
   // disabled
   &--disabled &__textarea,
   &__textarea[disabled] {
-    user-select: none; // Safari / Touch fix
-    &::-webkit-scrollbar {
-      width: 0;
-    }
-
     color: var(--color-black-55);
     background-color: var(--color-black-3);
   }
@@ -78,10 +62,4 @@
     ~ &__state {
     @include fakeBorder(var(--color-fire-red), 0.125rem);
   }
-
-  // hide placeholder on focus
-  &--has-content &__textarea ~ &__placeholder,
-  &--focus &__textarea:not([disabled], [readonly]) ~ &__placeholder {
-    display: none;
-  }
 }

package/cjs/extensions/forms/DataContext/At.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    /** JSON Pointer for where in the source dataset to point at in sub components */
+    path?: string;
+    iterate?: boolean;
+    children?: React.ReactNode;
+};
+declare function At(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace At {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default At;

package/cjs/extensions/forms/DataContext/At.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("./Context"));
+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 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 At(props) {
+  const {
+    path = '/',
+    iterate,
+    children
+  } = props;
+  const dataContext = (0, _react.useContext)(_Context.default);
+  const {
+    data: contextData,
+    handlePathChange: contextHandlePathChange
+  } = dataContext;
+  const data = contextData && _jsonPointer.default.has(contextData, path) ? _jsonPointer.default.get(contextData, path) : undefined;
+  const handlePathChange = (0, _react.useMemo)(() => contextHandlePathChange ? (changePath, value) => {
+    contextHandlePathChange(`${path}${changePath}`, value);
+  } : undefined, [contextHandlePathChange, path]);
+  if (iterate) {
+    if (!Array.isArray(data)) {
+      return null;
+    }
+    return _react.default.createElement(_react.default.Fragment, null, data.map((element, i) => {
+      const handlePathChange = contextHandlePathChange ? (changePath, value) => {
+        contextHandlePathChange(`${path}/${i}${changePath}`, value);
+      } : undefined;
+      return _react.default.createElement(_Context.default.Provider, {
+        key: `element${i}`,
+        value: _objectSpread(_objectSpread({}, dataContext), {}, {
+          data: element,
+          handlePathChange
+        })
+      }, children);
+    }));
+  }
+  return _react.default.createElement(_Context.default.Provider, {
+    value: _objectSpread(_objectSpread({}, dataContext), {}, {
+      data,
+      handlePathChange
+    })
+  }, children);
+}
+At._supportsEufemiaSpacingProps = true;
+var _default = At;
+exports.default = _default;
+//# sourceMappingURL=At.js.map

package/cjs/extensions/forms/DataContext/At.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"At.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","_Context","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","At","props","path","iterate","children","dataContext","useContext","Context","data","contextData","handlePathChange","contextHandlePathChange","pointer","useMemo","changePath","Array","isArray","createElement","Fragment","map","element","Provider","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/DataContext/At.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport type { ComponentProps } from '../component-types'\nimport Context from './Context'\n\nexport type Props = ComponentProps & {\n  /** JSON Pointer for where in the source dataset to point at in sub components */\n  path?: string\n  iterate?: boolean\n  children?: React.ReactNode\n}\n\nfunction At(props: Props) {\n  const { path = '/', iterate, children } = props\n  const dataContext = useContext(Context)\n  const { data: contextData, handlePathChange: contextHandlePathChange } =\n    dataContext\n\n  const data =\n    contextData && pointer.has(contextData, path)\n      ? pointer.get(contextData, path)\n      : undefined\n\n  const handlePathChange = useMemo(\n    () =>\n      contextHandlePathChange\n        ? (changePath, value) => {\n            contextHandlePathChange(`${path}${changePath}`, value)\n          }\n        : undefined,\n    [contextHandlePathChange, path]\n  )\n\n  if (iterate) {\n    if (!Array.isArray(data)) {\n      return null\n    }\n    return (\n      <>\n        {data.map((element, i) => {\n          const handlePathChange = contextHandlePathChange\n            ? (changePath, value) => {\n                contextHandlePathChange(`${path}/${i}${changePath}`, value)\n              }\n            : undefined\n\n          return (\n            <Context.Provider\n              key={`element${i}`}\n              value={{\n                ...dataContext,\n                data: element,\n                handlePathChange,\n              }}\n            >\n              {children}\n            </Context.Provider>\n          )\n        })}\n      </>\n    )\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        ...dataContext,\n        data,\n        handlePathChange,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nAt._supportsEufemiaSpacingProps = true\nexport default At\n"],"mappings":"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"}

package/cjs/extensions/forms/DataContext/Context.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ContextState {
+    /** The dataset for the form / form steps */
+    data: any;
+    /** Should the form validate data before submitting? */
+    errors?: Record<string, Error>;
+    handlePathChange: (path: string, value: any) => void;
+    handleSubmit: () => any;
+    showAllErrors: boolean;
+    setShowAllErrors: (showAllErrors: boolean) => void;
+    mountedFieldPaths: string[];
+    handleMountField: (path: string) => void;
+    handleUnMountField: (path: string) => void;
+    setPathWithError: (path: string, hasError: boolean) => void;
+    hasErrors: () => boolean;
+}
+export declare const defaultContextState: ContextState;
+declare const Context: React.Context<ContextState>;
+export default Context;

package/cjs/extensions/forms/DataContext/Context.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultContextState = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultContextState = {
+  data: undefined,
+  handlePathChange: () => null,
+  handleSubmit: () => null,
+  showAllErrors: false,
+  setShowAllErrors: () => null,
+  mountedFieldPaths: [],
+  handleMountField: () => null,
+  handleUnMountField: () => null,
+  hasErrors: () => false,
+  setPathWithError: () => null
+};
+exports.defaultContextState = defaultContextState;
+const Context = _react.default.createContext(defaultContextState);
+var _default = Context;
+exports.default = _default;
+//# sourceMappingURL=Context.js.map

package/cjs/extensions/forms/DataContext/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","defaultContextState","data","undefined","handlePathChange","handleSubmit","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","setPathWithError","exports","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\n\nexport interface ContextState {\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  handlePathChange: (path: string, value: any) => void\n  handleSubmit: () => any\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: string) => void\n  handleUnMountField: (path: string) => void\n  setPathWithError: (path: string, hasError: boolean) => void\n  hasErrors: () => boolean\n}\n\nexport const defaultContextState: ContextState = {\n  data: undefined,\n  handlePathChange: () => null,\n  handleSubmit: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  setPathWithError: () => null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\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;AAoBlB,MAAMG,mBAAiC,GAAG;EAC/CC,IAAI,EAAEC,SAAS;EACfC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,gBAAgB,EAAEA,CAAA,KAAM;AAC1B,CAAC;AAAAC,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA;AAED,MAAMa,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAef,mBAAmB,CAAC;AAAA,IAAAgB,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAAb,OAAA,GAAAiB,QAAA"}

package/cjs/extensions/forms/DataContext/Provider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { JsonObject } from 'json-pointer';
+import { JSONSchema7 } from 'json-schema';
+export interface Props<Data extends JsonObject> {
+    data: Partial<Data>;
+    /** JSON Schema for validating the data, like during input or after attempting submit */
+    schema?: JSONSchema7;
+    /** Change handler for the whole data set */
+    onChange?: (data: Data) => void;
+    /** Change handler for each value  */
+    onPathChange?: (path: string, value: any) => void;
+    /** Submit called, data was valid (if validation available) */
+    onSubmit?: (data: Data) => void;
+    /** Submit was requested, but data was invalid */
+    onSubmitRequest?: () => void;
+    scrollTopOnSubmit?: boolean;
+    children: React.ReactNode;
+}
+export default function Provider<Data extends JsonObject>({ data: externalData, schema, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, children, }: Props<Data>): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/DataContext/Provider.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Provider;
+var _react = _interopRequireWildcard(require("react"));
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _ajv = _interopRequireWildcard(require("../utils/ajv"));
+var _Context = _interopRequireDefault(require("./Context"));
+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 addListPath(paths, path) {
+  return paths.includes(path) ? paths : paths.concat(path);
+}
+function removeListPath(paths, path) {
+  return paths.filter(thisPath => thisPath !== path);
+}
+function Provider(_ref) {
+  let {
+    data: externalData,
+    schema,
+    onChange,
+    onPathChange,
+    onSubmit,
+    onSubmitRequest,
+    scrollTopOnSubmit,
+    children
+  } = _ref;
+  const ajvSchemaValidator = (0, _react.useMemo)(() => schema ? _ajv.default.compile(schema) : undefined, [schema]);
+  const internalData = (0, _react.useRef)(externalData);
+  const mountedFieldPathsRef = (0, _react.useRef)([]);
+  const errorsRef = (0, _react.useRef)({});
+  const [showAllErrors, setShowAllErrors] = (0, _react.useState)(false);
+  const pathsWithErrorRef = (0, _react.useRef)([]);
+  const hasErrors = (0, _react.useCallback)(() => Boolean(mountedFieldPathsRef.current.find(mountedFieldPath => errorsRef.current[mountedFieldPath] !== undefined || pathsWithErrorRef.current.includes(mountedFieldPath))), []);
+  (0, _react.useEffect)(() => {
+    internalData.current = externalData;
+  }, [externalData]);
+  const validateBySchema = (0, _react.useCallback)(data => {
+    if (!ajvSchemaValidator) {
+      return;
+    }
+    if (!ajvSchemaValidator(data)) {
+      const errors = (0, _ajv.ajvErrorsToFormErrors)(ajvSchemaValidator.errors);
+      return errors;
+    } else {
+      return;
+    }
+  }, [ajvSchemaValidator]);
+  const validateBySchemaAndUpdateState = (0, _react.useCallback)(data => {
+    errorsRef.current = validateBySchema(data) ?? {};
+  }, [validateBySchema]);
+  const setPathWithError = (0, _react.useCallback)((path, hasError) => {
+    pathsWithErrorRef.current = hasError ? addListPath(pathsWithErrorRef.current, path) : removeListPath(pathsWithErrorRef.current, path);
+  }, []);
+  const handlePathChange = (0, _react.useCallback)((path, value) => {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path, value);
+    const newData = structuredClone(internalData.current);
+    if (path) {
+      _jsonPointer.default.set(newData, path, value);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newData);
+    validateBySchemaAndUpdateState(newData);
+    internalData.current = newData;
+    setShowAllErrors(false);
+  }, [onChange, onPathChange, validateBySchemaAndUpdateState]);
+  const handleMountField = (0, _react.useCallback)(path => {
+    mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleUnMountField = (0, _react.useCallback)(path => {
+    mountedFieldPathsRef.current = removeListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleSubmit = (0, _react.useCallback)(() => {
+    if (!hasErrors()) {
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(internalData.current);
+      if (scrollTopOnSubmit) {
+        var _window;
+        window && ((_window = window) === null || _window === void 0 ? void 0 : _window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        }));
+      }
+    } else {
+      setShowAllErrors(true);
+      onSubmitRequest === null || onSubmitRequest === void 0 ? void 0 : onSubmitRequest();
+    }
+    return internalData.current;
+  }, [scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest]);
+  (0, _react.useEffect)(() => {
+    if (externalData) {
+      validateBySchemaAndUpdateState(externalData);
+    }
+  }, []);
+  return _react.default.createElement(_Context.default.Provider, {
+    value: {
+      data: internalData.current,
+      handlePathChange,
+      handleSubmit,
+      errors: errorsRef.current,
+      showAllErrors,
+      setShowAllErrors,
+      mountedFieldPaths: mountedFieldPathsRef.current,
+      handleMountField,
+      handleUnMountField,
+      hasErrors,
+      setPathWithError
+    }
+  }, children);
+}
+//# sourceMappingURL=Provider.js.map

package/cjs/extensions/forms/DataContext/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","_ajv","_Context","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","addListPath","paths","path","includes","concat","removeListPath","filter","thisPath","Provider","_ref","data","externalData","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","children","ajvSchemaValidator","useMemo","ajv","compile","undefined","internalData","useRef","mountedFieldPathsRef","errorsRef","showAllErrors","setShowAllErrors","useState","pathsWithErrorRef","hasErrors","useCallback","Boolean","current","find","mountedFieldPath","useEffect","validateBySchema","errors","ajvErrorsToFormErrors","validateBySchemaAndUpdateState","setPathWithError","hasError","handlePathChange","value","newData","structuredClone","pointer","handleMountField","handleUnMountField","handleSubmit","_window","window","scrollTo","top","behavior","createElement","mountedFieldPaths"],"sources":["../../../../../src/extensions/forms/DataContext/Provider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  useState,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { JSONSchema7 } from 'json-schema'\nimport ajv, { ajvErrorsToFormErrors } from '../utils/ajv'\nimport { FormError } from '../types'\nimport Context from './Context'\n\nexport interface Props<Data extends JsonObject> {\n  data: Partial<Data>\n  /** JSON Schema for validating the data, like during input or after attempting submit */\n  schema?: JSONSchema7\n  /** Change handler for the whole data set */\n  onChange?: (data: Data) => void\n  /** Change handler for each value  */\n  onPathChange?: (path: string, value: any) => void\n  /** Submit called, data was valid (if validation available) */\n  onSubmit?: (data: Data) => void\n  /** Submit was requested, but data was invalid */\n  onSubmitRequest?: () => void\n  scrollTopOnSubmit?: boolean\n  children: React.ReactNode\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: string): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: string): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n\nexport default function Provider<Data extends JsonObject>({\n  data: externalData,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  children,\n}: Props<Data>) {\n  const ajvSchemaValidator = useMemo(\n    () => (schema ? ajv.compile(schema) : undefined),\n    [schema]\n  )\n  const internalData = useRef<Partial<Data>>(externalData)\n  const mountedFieldPathsRef = useRef<string[]>([])\n\n  // Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError>>({})\n  const [showAllErrors, setShowAllErrors] = useState<boolean>(false)\n  // Errors reported by fields, based on their direct validation rules\n  const pathsWithErrorRef = useRef<string[]>([])\n\n  const hasErrors = useCallback(\n    () =>\n      Boolean(\n        mountedFieldPathsRef.current.find(\n          (mountedFieldPath) =>\n            errorsRef.current[mountedFieldPath] !== undefined ||\n            pathsWithErrorRef.current.includes(mountedFieldPath)\n        )\n      ),\n    []\n  )\n\n  useEffect(() => {\n    // When receivint the initial data, or receiving updated data by props, update the internal data (controlled state)\n    internalData.current = externalData\n  }, [externalData])\n\n  const validateBySchema = useCallback(\n    (data: Partial<Data>): Record<string, Error> | undefined => {\n      if (!ajvSchemaValidator) {\n        // No schema-based validator. Assume data is valid.\n        return\n      }\n\n      if (!ajvSchemaValidator(data)) {\n        // Errors found\n        const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors)\n        return errors\n      } else {\n        return\n      }\n    },\n    [ajvSchemaValidator]\n  )\n\n  const validateBySchemaAndUpdateState = useCallback(\n    (data: Partial<Data>) => {\n      errorsRef.current = validateBySchema(data) ?? {}\n    },\n    [validateBySchema]\n  )\n\n  const setPathWithError = useCallback(\n    (path: string, hasError: boolean) => {\n      pathsWithErrorRef.current = hasError\n        ? addListPath(pathsWithErrorRef.current, path)\n        : removeListPath(pathsWithErrorRef.current, path)\n    },\n    []\n  )\n\n  const handlePathChange = useCallback(\n    (path, value) => {\n      onPathChange?.(path, value)\n      // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n      const newData = structuredClone(internalData.current) as Data\n      if (path) {\n        pointer.set(newData, path, value)\n      }\n      onChange?.(newData)\n\n      validateBySchemaAndUpdateState(newData)\n\n      internalData.current = newData\n\n      setShowAllErrors(false)\n    },\n    [onChange, onPathChange, validateBySchemaAndUpdateState]\n  )\n\n  // Mounted fields\n  const handleMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback(() => {\n    if (!hasErrors()) {\n      onSubmit?.(internalData.current as Data)\n      if (scrollTopOnSubmit) {\n        window && window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      setShowAllErrors(true)\n      onSubmitRequest?.()\n    }\n    return internalData.current\n  }, [scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest])\n\n  useEffect(() => {\n    // Mount procedure\n    if (externalData) {\n      // Validate the initial data to know if the user can submit, and to show errors if inputs are requested to with props\n      validateBySchemaAndUpdateState(externalData)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return (\n    <Context.Provider\n      value={{\n        data: internalData.current,\n        handlePathChange,\n        handleSubmit,\n        errors: errorsRef.current,\n        showAllErrors,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        setPathWithError,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/DataContext/SubmitButton.d.ts

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

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

@@ -0,0 +1,30 @@
+"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("./Context"));
+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 SubmitButton(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const {
+    className,
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.contextSubmit
+  } = props;
+  const dataContext = (0, _react.useContext)(_Context2.default);
+  return _react.default.createElement(_components.Button, {
+    className: (0, _classnames.default)('dnb-forms-submit-button', className),
+    onClick: dataContext.handleSubmit
+  }, children);
+}
+SubmitButton._supportsEufemiaSpacingProps = true;
+var _default = SubmitButton;
+exports.default = _default;
+//# sourceMappingURL=SubmitButton.js.map

package/cjs/extensions/forms/DataContext/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_Context2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SubmitButton","props","sharedContext","useContext","SharedContext","className","children","translation","Forms","contextSubmit","dataContext","Context","createElement","Button","classnames","onClick","handleSubmit","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/DataContext/SubmitButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport SharedContext from '../../../shared/Context'\nimport Context from './Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction SubmitButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    children = sharedContext?.translation.Forms.contextSubmit,\n  } = props\n  const dataContext = useContext(Context)\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={dataContext.handleSubmit}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSubmitButton._supportsEufemiaSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAI,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,SAAAX,wBAAAO,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;AAM/B,SAASW,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC;EAC/C,MAAM;IACJC,SAAS;IACTC,QAAQ,GAAGJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEK,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGR,KAAK;EACT,MAAMS,WAAW,GAAG,IAAAP,iBAAU,EAACQ,iBAAO,CAAC;EAEvC,OACEzC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACrC,WAAA,CAAAsC,MAAM;IACLR,SAAS,EAAE,IAAAS,mBAAU,EAAC,yBAAyB,EAAET,SAAS,CAAE;IAC5DU,OAAO,EAAEL,WAAW,CAACM;EAAa,GAEjCV,QACK,CAAC;AAEb;AAEAN,YAAY,CAACiB,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACjClB,YAAY;AAAAmB,OAAA,CAAAvC,OAAA,GAAAsC,QAAA"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ContextState } from './Context';
+import Provider from './Provider';
+import SubmitButton from './SubmitButton';
+import At from './At';
+declare const DataContext: {
+    Context: import("react").Context<ContextState>;
+    Provider: typeof Provider;
+    SubmitButton: typeof SubmitButton;
+    At: typeof At;
+};
+export type { ContextState };
+export default DataContext;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Context = _interopRequireDefault(require("./Context"));
+var _Provider = _interopRequireDefault(require("./Provider"));
+var _SubmitButton = _interopRequireDefault(require("./SubmitButton"));
+var _At = _interopRequireDefault(require("./At"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DataContext = {
+  Context: _Context.default,
+  Provider: _Provider.default,
+  SubmitButton: _SubmitButton.default,
+  At: _At.default
+};
+var _default = DataContext;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Context","_interopRequireDefault","require","_Provider","_SubmitButton","_At","obj","__esModule","default","DataContext","Context","Provider","SubmitButton","At","_default","exports"],"sources":["../../../../../src/extensions/forms/DataContext/index.ts"],"sourcesContent":["import Context, { ContextState } from './Context'\nimport Provider from './Provider'\nimport SubmitButton from './SubmitButton'\nimport At from './At'\n\nconst DataContext = {\n  Context,\n  Provider,\n  SubmitButton,\n  At,\n}\n\nexport type { ContextState }\nexport default DataContext\n\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAqB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErB,MAAMG,WAAW,GAAG;EAClBC,OAAO,EAAPA,gBAAO;EACPC,QAAQ,EAARA,iBAAQ;EACRC,YAAY,EAAZA,qBAAY;EACZC,EAAE,EAAFA;AACF,CAAC;AAAA,IAAAC,QAAA,GAGcL,WAAW;AAAAM,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<Array<string | number>> & {
+    children?: React.ReactNode;
+    variant?: 'checkbox';
+};
+declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArraySelection {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArraySelection;

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../../components");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _Option = _interopRequireDefault(require("./Option"));
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+var _hooks = require("./hooks");
+var _br;
+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 ArraySelection(props) {
+  const {
+    className,
+    variant,
+    layout,
+    label,
+    labelDescription,
+    labelSecondary,
+    value,
+    error,
+    info,
+    warning,
+    disabled,
+    emptyValue,
+    onChange,
+    children
+  } = (0, _hooks.useField)(props);
+  const options = _react.default.Children.toArray(children).filter(child => _react.default.isValidElement(child) && child.type === _Option.default);
+  switch (variant) {
+    default:
+    case 'checkbox':
+      return _react.default.createElement(_FieldBlock.default, _extends({
+        className: (0, _classnames.default)('dnb-forms-field-string', className),
+        layout: layout,
+        label: label,
+        labelDescription: labelDescription,
+        labelSecondary: labelSecondary,
+        info: info,
+        warning: warning,
+        error: error
+      }, (0, _utils.forwardSpaceProps)(props)), options.map((child, i) => _react.default.createElement(_react.default.Fragment, {
+        key: child.props.value ?? `option-${i}`
+      }, _react.default.createElement(_components.Checkbox, {
+        label: child.props.title ?? child.props.children,
+        checked: child.props.value && (value === null || value === void 0 ? void 0 : value.includes(child.props.value)),
+        top: i > 0 ? 'x-small' : undefined,
+        disabled: disabled,
+        onChange: () => {
+          const clickedValue = child.props.value;
+          if (clickedValue === undefined) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(emptyValue);
+          }
+          const newValue = value !== null && value !== void 0 && value.includes(clickedValue) ? value.filter(value => value !== clickedValue) : [...(value ?? []), clickedValue];
+          onChange === null || onChange === void 0 ? void 0 : onChange(newValue.length === 0 ? emptyValue : newValue);
+        }
+      }), _br || (_br = _react.default.createElement("br", null)))));
+  }
+}
+ArraySelection._supportsEufemiaSpacingProps = true;
+var _default = ArraySelection;
+exports.default = _default;
+//# sourceMappingURL=ArraySelection.js.map