@dnb/eufemia 10.4.2 → 10.6.0

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Selection = _interopRequireDefault(require("./Selection"));
+var _Option = _interopRequireDefault(require("./Option"));
+var _countries = _interopRequireDefault(require("../constants/countries"));
+var _Context = _interopRequireDefault(require("../../../shared/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 SelectCountry(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const selectComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    placeholder: props.placeholder ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryPlaceholder),
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.selectCountryErrorRequired
+    }, props.errorMessages)
+  });
+  return _react.default.createElement(_Selection.default, selectComponentProps, _countries.default.map(country => _react.default.createElement(_Option.default, {
+    key: country.iso,
+    value: country.iso,
+    title: country.name
+  })));
+}
+SelectCountry._supportsEufemiaSpacingProps = true;
+var _default = SelectCountry;
+exports.default = _default;
+//# sourceMappingURL=SelectCountry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCountry.js","names":["_react","_interopRequireWildcard","require","_Selection","_interopRequireDefault","_Option","_countries","_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","SelectCountry","props","sharedContext","useContext","SharedContext","selectComponentProps","placeholder","translation","Forms","selectCountryPlaceholder","label","selectCountryLabel","errorMessages","required","selectCountryErrorRequired","createElement","countries","map","country","iso","title","name","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/SelectCountry.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Selection, { Props as SelectionProps } from './Selection'\nimport Option from './Option'\nimport countries from '../constants/countries'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = SelectionProps\n\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const selectComponentProps: Props = {\n    ...props,\n    placeholder:\n      props.placeholder ??\n      sharedContext?.translation.Forms.selectCountryPlaceholder,\n    label:\n      props.label ?? sharedContext?.translation.Forms.selectCountryLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.selectCountryErrorRequired,\n      ...props.errorMessages,\n    },\n  }\n\n  return (\n    <Selection {...selectComponentProps}>\n      {countries.map((country) => (\n        <Option\n          key={country.iso}\n          value={country.iso}\n          title={country.name}\n        />\n      ))}\n    </Selection>\n  )\n}\n\nSelectCountry._supportsEufemiaSpacingProps = true\nexport default SelectCountry\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _elements = require("../../../elements");
+var _components = require("../../../components");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _Option = _interopRequireDefault(require("./Option"));
+var _hooks = require("./hooks");
+var _em;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Selection(props) {
+  const {
+    className,
+    variant,
+    label,
+    layout = 'vertical',
+    placeholder,
+    value,
+    error,
+    disabled,
+    emptyValue,
+    width = 'large',
+    onBlur,
+    onFocus,
+    onChange,
+    children
+  } = (0, _hooks.useField)(props);
+  const handleDropdownChange = (0, _react.useCallback)(_ref => {
+    let {
+      data: {
+        selected_key
+      }
+    } = _ref;
+    onChange === null || onChange === void 0 ? void 0 : onChange(!selected_key ? emptyValue : selected_key);
+  }, [onChange, emptyValue]);
+  const handleRadioChange = (0, _react.useCallback)(_ref2 => {
+    let {
+      value
+    } = _ref2;
+    onChange === null || onChange === void 0 ? void 0 : onChange(value === undefined ? emptyValue : value);
+  }, [onChange, emptyValue]);
+  const handleHide = (0, _react.useCallback)(_ref3 => {
+    let {
+      data
+    } = _ref3;
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+      onBlurValue: data === null || data === void 0 ? void 0 : data.selected_key
+    });
+  }, [onBlur]);
+  switch (variant) {
+    case 'checkbox':
+      return _react.default.createElement(_elements.Div, _extends({
+        className: (0, _classnames.default)('dnb-forms-field-selection', className)
+      }, (0, _utils.forwardSpaceProps)(props)), _react.default.Children.toArray(children).filter(child => _react.default.isValidElement(child) && child.type === _Option.default).map((child, i) => _react.default.createElement(_components.Checkbox, {
+        key: child.props.value ?? `option-${i}`,
+        label: child.props.title ?? child.props.children,
+        value: String(child.props.value ?? '')
+      })));
+    case 'radio':
+      return _react.default.createElement(_components.Radio.Group, _extends({
+        className: (0, _classnames.default)('dnb-forms-field-selection', className),
+        label: label,
+        layout_direction: "column",
+        on_change: handleRadioChange
+      }, (0, _utils.forwardSpaceProps)(props), {
+        vertical: true
+      }), _react.default.Children.toArray(children).filter(child => _react.default.isValidElement(child) && child.type === _Option.default).map((child, i) => _react.default.createElement(_components.Radio, {
+        key: child.props.value ?? `option-${i}`,
+        label: child.props.title ?? child.props.children,
+        value: String(child.props.value ?? '')
+      })));
+    default:
+    case 'dropdown':
+      {
+        const data = _react.default.Children.map(children, child => {
+          if (_react.default.isValidElement(child) && child.type === _Option.default) {
+            return child.props.text ? {
+              selected_key: String(child.props.value ?? ''),
+              content: [child.props.title ?? child.props.children ?? (_em || (_em = _react.default.createElement("em", null, "Untitled"))), child.props.text]
+            } : {
+              selected_key: child.props.value,
+              content: child.props.title ?? child.props.children
+            };
+          }
+          return {
+            content: child
+          };
+        });
+        return _react.default.createElement(_components.Dropdown, _extends({
+          className: (0, _classnames.default)('dnb-forms-field-selection', className, width !== false && width !== 'stretch' && `dnb-forms-field-selection--width-${width}`),
+          list_class: "dnb-forms-field-selection__list",
+          portal_class: "dnb-forms-field-selection__portal",
+          title: placeholder,
+          default_value: String(value ?? ''),
+          label: label,
+          label_direction: layout,
+          status: error === null || error === void 0 ? void 0 : error.message,
+          disabled: disabled,
+          data: data,
+          on_change: handleDropdownChange,
+          on_show: onFocus,
+          on_hide: handleHide
+        }, (0, _utils.forwardSpaceProps)(props), {
+          stretch: width === 'stretch'
+        }));
+      }
+  }
+}
+Selection._supportsEufemiaSpacingProps = true;
+var _default = Selection;
+exports.default = _default;
+//# sourceMappingURL=Selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_elements","_components","_classnames","_interopRequireDefault","_utils","_Option","_hooks","_em","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Selection","props","className","variant","label","layout","placeholder","value","error","disabled","emptyValue","width","onBlur","onFocus","onChange","children","useField","handleDropdownChange","useCallback","_ref","data","selected_key","handleRadioChange","_ref2","undefined","handleHide","_ref3","onBlurValue","createElement","Div","classnames","forwardSpaceProps","React","Children","toArray","filter","child","isValidElement","type","Option","map","Checkbox","title","String","Radio","Group","layout_direction","on_change","vertical","text","content","Dropdown","list_class","portal_class","default_value","label_direction","status","message","on_show","on_hide","stretch","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/Selection.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport { Div } from '../../../elements'\nimport { Dropdown, Radio, Checkbox } from '../../../components'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport Option from './Option'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<string | number> & {\n    children?: React.ReactNode\n    variant?: 'dropdown' | 'radio' | 'checkbox'\n    // Styling\n    width?: false | 'medium' | 'large' | 'stretch'\n  }\n\nfunction Selection(props: Props) {\n  const {\n    className,\n    variant,\n    label,\n    layout = 'vertical',\n    placeholder,\n    value,\n    error,\n    disabled,\n    emptyValue,\n    width = 'large',\n    onBlur,\n    onFocus,\n    onChange,\n    children,\n  } = useField(props)\n\n  const handleDropdownChange = useCallback(\n    ({ data: { selected_key } }) => {\n      onChange?.(!selected_key ? emptyValue : selected_key)\n    },\n    [onChange, emptyValue]\n  )\n\n  const handleRadioChange = useCallback(\n    ({ value }) => {\n      onChange?.(value === undefined ? emptyValue : value)\n    },\n    [onChange, emptyValue]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      // Provide a value because selecting an option will lead to onChange and onBlur called in parallel, so onBlur might receive the old value\n      onBlur?.({ onBlurValue: data?.selected_key })\n    },\n    [onBlur]\n  )\n\n  switch (variant) {\n    case 'checkbox':\n      return (\n        <Div\n          className={classnames('dnb-forms-field-selection', className)}\n          {...forwardSpaceProps(props)}\n        >\n          {React.Children.toArray(children)\n            .filter(\n              (child) =>\n                React.isValidElement(child) && child.type === Option\n            )\n            .map((child: React.ReactElement, i) => (\n              <Checkbox\n                key={child.props.value ?? `option-${i}`}\n                label={child.props.title ?? child.props.children}\n                value={String(child.props.value ?? '')}\n              />\n            ))}\n        </Div>\n      )\n    case 'radio':\n      return (\n        <Radio.Group\n          className={classnames('dnb-forms-field-selection', className)}\n          label={label}\n          layout_direction=\"column\"\n          on_change={handleRadioChange}\n          {...forwardSpaceProps(props)}\n          vertical\n        >\n          {React.Children.toArray(children)\n            .filter(\n              (child) =>\n                React.isValidElement(child) && child.type === Option\n            )\n            .map((child: React.ReactElement, i) => (\n              <Radio\n                key={child.props.value ?? `option-${i}`}\n                label={child.props.title ?? child.props.children}\n                value={String(child.props.value ?? '')}\n              />\n            ))}\n        </Radio.Group>\n      )\n    default:\n    case 'dropdown': {\n      const data = React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === Option) {\n          // Option components\n          return child.props.text\n            ? {\n                selected_key: String(child.props.value ?? ''),\n                content: [\n                  child.props.title ?? child.props.children ?? (\n                    <em>Untitled</em>\n                  ),\n                  child.props.text,\n                ],\n              }\n            : {\n                selected_key: child.props.value,\n                content: child.props.title ?? child.props.children,\n              }\n        }\n\n        // For other children, just show them as content\n        return {\n          content: child,\n        }\n      })\n\n      return (\n        <Dropdown\n          className={classnames(\n            'dnb-forms-field-selection',\n            width !== false &&\n              width !== 'stretch' &&\n              `dnb-forms-field-selection--width-${width}`,\n            className\n          )}\n          list_class=\"dnb-forms-field-selection__list\"\n          portal_class=\"dnb-forms-field-selection__portal\"\n          title={placeholder}\n          default_value={String(value ?? '')}\n          label={label}\n          label_direction={layout}\n          status={error?.message}\n          disabled={disabled}\n          data={data}\n          on_change={handleDropdownChange}\n          on_show={onFocus}\n          on_hide={handleHide}\n          {...forwardSpaceProps(props)}\n          stretch={width === 'stretch'}\n        />\n      )\n    }\n  }\n}\n\nSelection._supportsEufemiaSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAkC,IAAAQ,GAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAYlC,SAASI,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IACJC,SAAS;IACTC,OAAO;IACPC,KAAK;IACLC,MAAM,GAAG,UAAU;IACnBC,WAAW;IACXC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,KAAK,GAAG,OAAO;IACfC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC;EACF,CAAC,GAAG,IAAAC,eAAQ,EAACf,KAAK,CAAC;EAEnB,MAAMgB,oBAAoB,GAAG,IAAAC,kBAAW,EACtCC,IAAA,IAAgC;IAAA,IAA/B;MAAEC,IAAI,EAAE;QAAEC;MAAa;IAAE,CAAC,GAAAF,IAAA;IACzBL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAACO,YAAY,GAAGX,UAAU,GAAGW,YAAY,CAAC;EACvD,CAAC,EACD,CAACP,QAAQ,EAAEJ,UAAU,CACvB,CAAC;EAED,MAAMY,iBAAiB,GAAG,IAAAJ,kBAAW,EACnCK,KAAA,IAAe;IAAA,IAAd;MAAEhB;IAAM,CAAC,GAAAgB,KAAA;IACRT,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGP,KAAK,KAAKiB,SAAS,GAAGd,UAAU,GAAGH,KAAK,CAAC;EACtD,CAAC,EACD,CAACO,QAAQ,EAAEJ,UAAU,CACvB,CAAC;EAED,MAAMe,UAAU,GAAG,IAAAP,kBAAW,EAC5BQ,KAAA,IAAc;IAAA,IAAb;MAAEN;IAAK,CAAC,GAAAM,KAAA;IAEPd,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG;MAAEe,WAAW,EAAEP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC;IAAa,CAAC,CAAC;EAC/C,CAAC,EACD,CAACT,MAAM,CACT,CAAC;EAED,QAAQT,OAAO;IACb,KAAK,UAAU;MACb,OACE7C,MAAA,CAAAa,OAAA,CAAAyD,aAAA,CAACnE,SAAA,CAAAoE,GAAG,EAAAtC,QAAA;QACFW,SAAS,EAAE,IAAA4B,mBAAU,EAAC,2BAA2B,EAAE5B,SAAS;MAAE,GAC1D,IAAA6B,wBAAiB,EAAC9B,KAAK,CAAC,GAE3B+B,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAC,CAC9BoB,MAAM,CACJC,KAAK,IACJJ,cAAK,CAACK,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,eAClD,CAAC,CACAC,GAAG,CAAC,CAACJ,KAAyB,EAAEzC,CAAC,KAChCrC,MAAA,CAAAa,OAAA,CAAAyD,aAAA,CAAClE,WAAA,CAAA+E,QAAQ;QACPxD,GAAG,EAAEmD,KAAK,CAACnC,KAAK,CAACM,KAAK,IAAK,UAASZ,CAAE,EAAE;QACxCS,KAAK,EAAEgC,KAAK,CAACnC,KAAK,CAACyC,KAAK,IAAIN,KAAK,CAACnC,KAAK,CAACc,QAAS;QACjDR,KAAK,EAAEoC,MAAM,CAACP,KAAK,CAACnC,KAAK,CAACM,KAAK,IAAI,EAAE;MAAE,CACxC,CACF,CACA,CAAC;IAEV,KAAK,OAAO;MACV,OACEjD,MAAA,CAAAa,OAAA,CAAAyD,aAAA,CAAClE,WAAA,CAAAkF,KAAK,CAACC,KAAK,EAAAtD,QAAA;QACVW,SAAS,EAAE,IAAA4B,mBAAU,EAAC,2BAA2B,EAAE5B,SAAS,CAAE;QAC9DE,KAAK,EAAEA,KAAM;QACb0C,gBAAgB,EAAC,QAAQ;QACzBC,SAAS,EAAEzB;MAAkB,GACzB,IAAAS,wBAAiB,EAAC9B,KAAK,CAAC;QAC5B+C,QAAQ;MAAA,IAEPhB,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAC,CAC9BoB,MAAM,CACJC,KAAK,IACJJ,cAAK,CAACK,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,eAClD,CAAC,CACAC,GAAG,CAAC,CAACJ,KAAyB,EAAEzC,CAAC,KAChCrC,MAAA,CAAAa,OAAA,CAAAyD,aAAA,CAAClE,WAAA,CAAAkF,KAAK;QACJ3D,GAAG,EAAEmD,KAAK,CAACnC,KAAK,CAACM,KAAK,IAAK,UAASZ,CAAE,EAAE;QACxCS,KAAK,EAAEgC,KAAK,CAACnC,KAAK,CAACyC,KAAK,IAAIN,KAAK,CAACnC,KAAK,CAACc,QAAS;QACjDR,KAAK,EAAEoC,MAAM,CAACP,KAAK,CAACnC,KAAK,CAACM,KAAK,IAAI,EAAE;MAAE,CACxC,CACF,CACQ,CAAC;IAElB;IACA,KAAK,UAAU;MAAE;QACf,MAAMa,IAAI,GAAGY,cAAK,CAACC,QAAQ,CAACO,GAAG,CAACzB,QAAQ,EAAGqB,KAAK,IAAK;UACnD,IAAIJ,cAAK,CAACK,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,eAAM,EAAE;YAExD,OAAOH,KAAK,CAACnC,KAAK,CAACgD,IAAI,GACnB;cACE5B,YAAY,EAAEsB,MAAM,CAACP,KAAK,CAACnC,KAAK,CAACM,KAAK,IAAI,EAAE,CAAC;cAC7C2C,OAAO,EAAE,CACPd,KAAK,CAACnC,KAAK,CAACyC,KAAK,IAAIN,KAAK,CAACnC,KAAK,CAACc,QAAQ,KAAA/C,GAAA,KAAAA,GAAA,GACvCV,MAAA,CAAAa,OAAA,CAAAyD,aAAA,aAAI,UAAY,CAAC,EAClB,EACDQ,KAAK,CAACnC,KAAK,CAACgD,IAAI;YAEpB,CAAC,GACD;cACE5B,YAAY,EAAEe,KAAK,CAACnC,KAAK,CAACM,KAAK;cAC/B2C,OAAO,EAAEd,KAAK,CAACnC,KAAK,CAACyC,KAAK,IAAIN,KAAK,CAACnC,KAAK,CAACc;YAC5C,CAAC;UACP;UAGA,OAAO;YACLmC,OAAO,EAAEd;UACX,CAAC;QACH,CAAC,CAAC;QAEF,OACE9E,MAAA,CAAAa,OAAA,CAAAyD,aAAA,CAAClE,WAAA,CAAAyF,QAAQ,EAAA5D,QAAA;UACPW,SAAS,EAAE,IAAA4B,mBAAU,EACnB,2BAA2B,EAI3B5B,SAAS,EAHTS,KAAK,KAAK,KAAK,IACbA,KAAK,KAAK,SAAS,IAClB,oCAAmCA,KAAM,EAE9C,CAAE;UACFyC,UAAU,EAAC,iCAAiC;UAC5CC,YAAY,EAAC,mCAAmC;UAChDX,KAAK,EAAEpC,WAAY;UACnBgD,aAAa,EAAEX,MAAM,CAACpC,KAAK,IAAI,EAAE,CAAE;UACnCH,KAAK,EAAEA,KAAM;UACbmD,eAAe,EAAElD,MAAO;UACxBmD,MAAM,EAAEhD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEiD,OAAQ;UACvBhD,QAAQ,EAAEA,QAAS;UACnBW,IAAI,EAAEA,IAAK;UACX2B,SAAS,EAAE9B,oBAAqB;UAChCyC,OAAO,EAAE7C,OAAQ;UACjB8C,OAAO,EAAElC;QAAW,GAChB,IAAAM,wBAAiB,EAAC9B,KAAK,CAAC;UAC5B2D,OAAO,EAAEjD,KAAK,KAAK;QAAU,EAC9B,CAAC;MAEN;EACF;AACF;AAEAX,SAAS,CAAC6D,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9B9D,SAAS;AAAA+D,OAAA,CAAA5F,OAAA,GAAA2F,QAAA"}

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

@@ -0,0 +1,32 @@
+import { InputProps } from '../../../components/input/Input';
+import { InputMaskedProps } from '../../../components/InputMasked';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+interface ErrorMessages {
+    required?: string;
+    schema?: string;
+    minLength?: string;
+    maxLength?: string;
+    pattern?: string;
+}
+export type Props = ComponentProps & FieldProps<string, undefined, ErrorMessages> & {
+    inputClassName?: string;
+    type?: InputProps['type'];
+    multiline?: boolean;
+    leftIcon?: string;
+    rightIcon?: string;
+    clear?: boolean;
+    autoresize?: boolean;
+    autoresizeMaxRows?: number;
+    characterCounter?: boolean;
+    mask?: InputMaskedProps['mask'];
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    width?: false | 'medium' | 'large' | 'stretch';
+};
+declare function StringComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace StringComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default StringComponent;

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

@@ -0,0 +1,135 @@
+"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 _InputMasked = _interopRequireDefault(require("../../../components/InputMasked"));
+var _utils = require("../utils");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+var _hooks = require("./hooks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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 StringComponent(props) {
+  var _props$minLength, _props$maxLength;
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.inputErrorRequired,
+      minLength: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stringInputErrorMinLength.replace('{minLength}', (_props$minLength = props.minLength) === null || _props$minLength === void 0 ? void 0 : _props$minLength.toString()),
+      maxLength: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stringInputErrorMaxLength.replace('{maxLength}', (_props$maxLength = props.maxLength) === null || _props$maxLength === void 0 ? void 0 : _props$maxLength.toString()),
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.inputErrorPattern
+    }, props.errorMessages),
+    schema: props.schema ?? {
+      type: 'string',
+      minLength: props.minLength,
+      maxLength: props.maxLength,
+      pattern: props.pattern
+    },
+    fromInput: _ref => {
+      let {
+        value,
+        cleanedValue
+      } = _ref;
+      if (value === '') {
+        return props.emptyValue;
+      }
+      return cleanedValue ?? value;
+    },
+    width: props.width ?? 'large'
+  });
+  const {
+    id,
+    className,
+    inputClassName,
+    layout,
+    type,
+    placeholder,
+    label,
+    labelDescription,
+    labelSecondary,
+    value,
+    info,
+    warning,
+    error,
+    disabled,
+    multiline,
+    leftIcon,
+    rightIcon,
+    clear,
+    autoresize = true,
+    autoresizeMaxRows = 6,
+    characterCounter,
+    mask,
+    width,
+    onFocus,
+    onBlur,
+    onChange
+  } = (0, _hooks.useField)(preparedProps);
+  const characterCounterElement = characterCounter ? props.maxLength ? `${(value === null || value === void 0 ? void 0 : value.length) ?? '0'}/${props.maxLength}` : `${(value === null || value === void 0 ? void 0 : value.length) ?? '0'}` : undefined;
+  const cn = (0, _classnames.default)('dnb-forms-field-string__input', inputClassName, width !== false && width !== 'stretch' && `dnb-forms-field-string__input--width-${width}`);
+  return _react.default.createElement(_FieldBlock.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-field-string', className),
+    forId: id,
+    layout: layout,
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary ?? characterCounterElement,
+    info: info,
+    warning: warning,
+    error: error
+  }, (0, _utils.forwardSpaceProps)(props)), multiline ? _react.default.createElement(_components.Textarea, {
+    id: id,
+    className: cn,
+    placeholder: placeholder,
+    value: value,
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    autoresize: autoresize,
+    autoresize_max_rows: autoresizeMaxRows,
+    disabled: disabled,
+    stretch: width === 'stretch'
+  }) : mask ? _react.default.createElement(_InputMasked.default, {
+    className: cn,
+    mask: mask,
+    placeholder: placeholder,
+    value: (value === null || value === void 0 ? void 0 : value.toString()) ?? '',
+    icon: leftIcon ?? rightIcon,
+    icon_position: rightIcon && !leftIcon ? 'right' : undefined,
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    disabled: disabled,
+    stretch: width === 'stretch'
+  }) : _react.default.createElement(_components.Input, {
+    id: id,
+    className: cn,
+    type: type,
+    placeholder: placeholder,
+    value: (value === null || value === void 0 ? void 0 : value.toString()) ?? '',
+    icon: leftIcon ?? rightIcon,
+    icon_position: rightIcon && !leftIcon ? 'right' : undefined,
+    clear: clear,
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    disabled: disabled,
+    stretch: width === 'stretch'
+  }));
+}
+StringComponent._supportsEufemiaSpacingProps = true;
+var _default = StringComponent;
+exports.default = _default;
+//# sourceMappingURL=String.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"String.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_InputMasked","_utils","_Context","_FieldBlock","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StringComponent","props","_props$minLength","_props$maxLength","sharedContext","useContext","SharedContext","preparedProps","errorMessages","required","translation","Forms","inputErrorRequired","minLength","stringInputErrorMinLength","replace","toString","maxLength","stringInputErrorMaxLength","pattern","inputErrorPattern","schema","type","fromInput","_ref","cleanedValue","emptyValue","width","id","className","inputClassName","layout","placeholder","label","labelDescription","labelSecondary","info","warning","error","disabled","multiline","leftIcon","rightIcon","clear","autoresize","autoresizeMaxRows","characterCounter","mask","onFocus","onBlur","onChange","useField","characterCounterElement","cn","classnames","createElement","forId","forwardSpaceProps","Textarea","on_focus","on_blur","on_change","autoresize_max_rows","stretch","icon","icon_position","Input","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/String.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { Input, Textarea } from '../../../components'\nimport { InputProps } from '../../../components/input/Input'\nimport InputMasked, {\n  InputMaskedProps,\n} from '../../../components/InputMasked'\nimport { forwardSpaceProps } from '../utils'\nimport SharedContext from '../../../shared/Context'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n  minLength?: string\n  maxLength?: string\n  pattern?: string\n}\nexport type Props = ComponentProps &\n  FieldProps<string, undefined, ErrorMessages> & {\n    inputClassName?: string\n    type?: InputProps['type']\n    multiline?: boolean\n    leftIcon?: string\n    rightIcon?: string\n    clear?: boolean\n    autoresize?: boolean\n    autoresizeMaxRows?: number\n    characterCounter?: boolean\n    mask?: InputMaskedProps['mask']\n    // Validation\n    minLength?: number\n    maxLength?: number\n    pattern?: string\n    // Styling\n    width?: false | 'medium' | 'large' | 'stretch'\n  }\n\nfunction StringComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.inputErrorRequired,\n      minLength:\n        sharedContext?.translation.Forms.stringInputErrorMinLength.replace(\n          '{minLength}',\n          props.minLength?.toString()\n        ),\n      maxLength:\n        sharedContext?.translation.Forms.stringInputErrorMaxLength.replace(\n          '{maxLength}',\n          props.maxLength?.toString()\n        ),\n      pattern: sharedContext?.translation.Forms.inputErrorPattern,\n      ...props.errorMessages,\n    },\n    schema: props.schema ?? {\n      type: 'string',\n      minLength: props.minLength,\n      maxLength: props.maxLength,\n      pattern: props.pattern,\n    },\n    fromInput: ({\n      value,\n      cleanedValue,\n    }: {\n      value: string\n      cleanedValue: string\n    }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      // Cleaned value for masked\n      return cleanedValue ?? value\n    },\n    width: props.width ?? 'large',\n  }\n  const {\n    id,\n    className,\n    inputClassName,\n    layout,\n    type,\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    info,\n    warning,\n    error,\n    disabled,\n    multiline,\n    leftIcon,\n    rightIcon,\n    clear,\n    autoresize = true,\n    autoresizeMaxRows = 6,\n    characterCounter,\n    mask,\n    width,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  const characterCounterElement = characterCounter\n    ? props.maxLength\n      ? `${value?.length ?? '0'}/${props.maxLength}`\n      : `${value?.length ?? '0'}`\n    : undefined\n  const cn = classnames(\n    'dnb-forms-field-string__input',\n    width !== false &&\n      width !== 'stretch' &&\n      `dnb-forms-field-string__input--width-${width}`,\n    inputClassName\n  )\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-string', className)}\n      forId={id}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary ?? characterCounterElement}\n      info={info}\n      warning={warning}\n      error={error}\n      {...forwardSpaceProps(props)}\n    >\n      {multiline ? (\n        <Textarea\n          id={id}\n          className={cn}\n          placeholder={placeholder}\n          value={value}\n          on_focus={onFocus}\n          on_blur={onBlur}\n          on_change={onChange}\n          autoresize={autoresize}\n          autoresize_max_rows={autoresizeMaxRows}\n          disabled={disabled}\n          stretch={width === 'stretch'}\n        />\n      ) : mask ? (\n        <InputMasked\n          className={cn}\n          mask={mask}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          on_focus={onFocus}\n          on_blur={onBlur}\n          on_change={onChange}\n          disabled={disabled}\n          stretch={width === 'stretch'}\n        />\n      ) : (\n        <Input\n          id={id}\n          className={cn}\n          type={type}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          clear={clear}\n          on_focus={onFocus}\n          on_blur={onBlur}\n          on_change={onChange}\n          disabled={disabled}\n          stretch={width === 'stretch'}\n        />\n      )}\n    </FieldBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<unknown> & {
+    valueOn: unknown;
+    valueOff: unknown;
+    variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons';
+    textOn?: string;
+    textOff?: string;
+};
+declare function Toggle(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Toggle {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Toggle;

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

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../components");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ButtonRow = _interopRequireDefault(require("../Layout/ButtonRow"));
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+var _hooks = require("./hooks");
+var _utils = require("../utils");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
+var _Space;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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 Toggle(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const {
+    id,
+    className,
+    valueOn,
+    valueOff,
+    layout,
+    variant,
+    disabled,
+    label,
+    labelDescription,
+    textOn,
+    textOff,
+    value,
+    info,
+    warning,
+    error,
+    onChange
+  } = (0, _hooks.useField)(props);
+  const handleCheckboxChange = (0, _react.useCallback)(_ref => {
+    let {
+      checked
+    } = _ref;
+    onChange === null || onChange === void 0 ? void 0 : onChange(checked ? valueOn : valueOff);
+  }, [onChange, valueOn, valueOff]);
+  const setOn = (0, _react.useCallback)(() => {
+    if (value !== valueOn) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(valueOn);
+    }
+  }, [onChange, value, valueOn]);
+  const setOff = (0, _react.useCallback)(() => {
+    if (value !== valueOff) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(valueOff);
+    }
+  }, [onChange, value, valueOff]);
+  const cn = (0, _classnames.default)('dnb-forms-field-boolean', className);
+  const fieldBlockPropsWithoutLabel = _objectSpread(_objectSpread({
+    forId: id,
+    className: cn
+  }, (0, _utils.forwardSpaceProps)(props)), {}, {
+    info,
+    warning,
+    error
+  });
+  const fieldBlockProps = _objectSpread(_objectSpread({}, fieldBlockPropsWithoutLabel), {}, {
+    layout,
+    label,
+    labelDescription
+  });
+  const isOn = value === valueOn;
+  switch (variant) {
+    default:
+    case 'checkbox':
+      return _react.default.createElement(_FieldBlock.default, fieldBlockPropsWithoutLabel, _react.default.createElement(_components.Checkbox, _extends({
+        id: id,
+        className: cn,
+        label: label,
+        checked: isOn,
+        disabled: disabled,
+        on_change: handleCheckboxChange
+      }, (0, _utils.forwardSpaceProps)(props))));
+    case 'button':
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.ToggleButton, {
+        id: id,
+        text: isOn ? textOn ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes) : textOff ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo),
+        checked: isOn,
+        disabled: disabled,
+        value: value ? 'true' : 'false',
+        on_change: handleCheckboxChange
+      }));
+    case 'buttons':
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_ButtonRow.default, null, _react.default.createElement(_components.Button, {
+        id: id,
+        text: textOn ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes),
+        on_click: setOn,
+        variant: isOn ? undefined : 'secondary',
+        status: error ? 'error' : undefined,
+        disabled: disabled
+      }), _react.default.createElement(_components.Button, {
+        id: id,
+        text: textOff ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo),
+        on_click: setOff,
+        variant: isOn ? 'secondary' : undefined,
+        status: error ? 'error' : undefined,
+        disabled: disabled
+      })), _Space || (_Space = _react.default.createElement(_components.Space, {
+        bottom: "x-small"
+      })));
+    case 'checkbox-button':
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.ToggleButton, {
+        id: id,
+        variant: "checkbox",
+        text: isOn ? textOn ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes) : textOff ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo),
+        checked: isOn,
+        disabled: disabled,
+        value: value ? 'true' : 'false',
+        on_change: handleCheckboxChange
+      }));
+  }
+}
+Toggle._supportsEufemiaSpacingProps = true;
+var _default = Toggle;
+exports.default = _default;
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_components","_classnames","_interopRequireDefault","_ButtonRow","_FieldBlock","_hooks","_utils","_Context","_Space","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Toggle","props","sharedContext","useContext","SharedContext","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","info","warning","error","onChange","useField","handleCheckboxChange","useCallback","_ref","checked","setOn","setOff","cn","classnames","fieldBlockPropsWithoutLabel","forId","forwardSpaceProps","fieldBlockProps","isOn","createElement","Checkbox","on_change","ToggleButton","text","translation","Forms","booleanYes","booleanNo","Button","on_click","status","Space","bottom","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/Toggle.tsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react'\nimport { Checkbox, ToggleButton, Button, Space } from '../../../components'\nimport classnames from 'classnames'\nimport ButtonRow from '../Layout/ButtonRow'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\nimport { forwardSpaceProps } from '../utils'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps &\n  FieldProps<unknown> & {\n    valueOn: unknown\n    valueOff: unknown\n    variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n    textOn?: string\n    textOff?: string\n  }\n\nfunction Toggle(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    textOn,\n    textOff,\n    value,\n    info,\n    warning,\n    error,\n    onChange,\n  } = useField(props)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      onChange?.(checked ? valueOn : valueOff)\n    },\n    [onChange, valueOn, valueOff]\n  )\n\n  const setOn = useCallback(() => {\n    if (value !== valueOn) {\n      onChange?.(valueOn)\n    }\n  }, [onChange, value, valueOn])\n\n  const setOff = useCallback(() => {\n    if (value !== valueOff) {\n      onChange?.(valueOff)\n    }\n  }, [onChange, value, valueOff])\n\n  const cn = classnames('dnb-forms-field-boolean', className)\n\n  const fieldBlockPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...forwardSpaceProps(props),\n    info,\n    warning,\n    error,\n  }\n\n  const fieldBlockProps = {\n    ...fieldBlockPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n  }\n\n  const isOn = value === valueOn\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={label}\n            checked={isOn}\n            disabled={disabled}\n            on_change={handleCheckboxChange}\n            {...forwardSpaceProps(props)}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            <Button\n              id={id}\n              text={textOn ?? sharedContext?.translation.Forms.booleanYes}\n              on_click={setOn}\n              variant={isOn ? undefined : 'secondary'}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n            <Button\n              id={id}\n              text={textOff ?? sharedContext?.translation.Forms.booleanNo}\n              on_click={setOff}\n              variant={isOn ? 'secondary' : undefined}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n          </ButtonRow>\n          <Space bottom=\"x-small\" />\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsEufemiaSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/fields.scss

@@ -0,0 +1,2 @@
+$forms-field-width-medium: 176px;
+$forms-field-width-large: 336px;

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

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