@dnb/eufemia 10.55.1 → 10.57.0

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { FieldBlockWidth } from '../../FieldBlock';
-import { FieldProps, FieldHelpProps, Path } from '../../types';
+import { FieldProps, Path } from '../../types';
 import type { FormStatusText } from '../../../../components/FormStatus';
 import type { AutocompleteAllProps } from '../../../../components/Autocomplete';
 import type { DropdownAllProps } from '../../../../components/Dropdown';
+import { HelpProps } from '../../../../components/help-button/HelpButtonInline';
 import { DrawerListProps } from '../../../../fragments/DrawerList';
 import { ToCamelCase } from '../../../../shared/helpers/withCamelCaseProps';
 import { FormError } from '../../utils';
@@ -16,8 +17,9 @@ export type Data = Array<{
     value: string;
     title: React.ReactNode;
     text?: React.ReactNode;
+    disabled?: boolean;
 }>;
-export type Props = FieldHelpProps & FieldProps<IOption['value']> & {
+export type Props = FieldProps<IOption['value']> & {
     /**
      * Defines the variant of the component.
      * Default: dropdown
@@ -59,9 +61,15 @@ declare function Selection(props: Props): import("react/jsx-runtime").JSX.Elemen
 declare namespace Selection {
     var _supportsSpacingProps: boolean;
 }
-export declare function getStatus(error: Error | FormError | undefined, info: React.ReactNode, warning: React.ReactNode): string;
-export declare function mapOptions(children: React.ReactNode, { createOption }: {
-    createOption: any;
+type OptionProps = React.ComponentProps<React.FC<{
+    value: Props['value'];
+    error: Error | FormError | undefined;
+    help: HelpProps;
+    title: React.ReactNode;
+    children: React.ReactNode;
+}>>;
+export declare function mapOptions(children: React.ReactNode, { createOption, }: {
+    createOption: (props: OptionProps, i: number) => React.ReactNode;
 }): any;
 export declare function makeOptions<T = DrawerListProps['data']>(children: React.ReactNode): T;
 export default Selection;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.getStatus = getStatus;
 exports.makeOptions = makeOptions;
 exports.mapOptions = mapOptions;
 var _react = _interopRequireWildcard(require("react"));
@@ -13,11 +12,11 @@ var _componentHelper = require("../../../../shared/component-helper");
 var _components = require("../../../../components");
 var _Option = _interopRequireDefault(require("../Option"));
 var _hooks = require("../../hooks");
+var _useFieldProps = require("../../hooks/useFieldProps");
 var _utils = require("../../../../components/flex/utils");
 var _FieldBlock = _interopRequireDefault(require("../../FieldBlock"));
 var _withCamelCaseProps = require("../../../../shared/helpers/withCamelCaseProps");
 var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
-var _utils2 = require("../../utils");
 var _em, _em2;
 const _excluded = ["value", "title", "children", "error", "help"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -37,6 +36,7 @@ function Selection(props) {
     id,
     className,
     variant = 'dropdown',
+    layout = 'vertical',
     optionsLayout = 'vertical',
     placeholder,
     path,
@@ -46,7 +46,6 @@ function Selection(props) {
     error,
     hasError,
     disabled,
-    help,
     emptyValue,
     width = 'large',
     htmlAttributes,
@@ -91,7 +90,7 @@ function Selection(props) {
     } = _ref4;
     setHasFocus(false, data === null || data === void 0 ? void 0 : data.selectedKey);
   }, [setHasFocus]);
-  const cn = (0, _classnames.default)(`dnb-forms-field-selection dnb-forms-field-selection__variant--${variant} dnb-forms-field-selection__options-layout--${optionsLayout}`, className);
+  const cn = (0, _classnames.default)(`dnb-forms-field-selection dnb-forms-field-selection__variant--${variant} dnb-forms-field-selection--layout-${layout} dnb-forms-field-selection--options-layout--${optionsLayout}`, className);
   const fieldBlockProps = _objectSpread({
     forId: id,
     className: cn,
@@ -137,7 +136,6 @@ function Selection(props) {
     case 'dropdown':
       {
         var _data$find;
-        const status = getStatus(error, info, warning);
         const data = renderDropdownItems(dataList).concat(makeOptions(children)).filter(Boolean);
         const displayValue = (_data$find = data.find(item => item.selectedKey === value)) === null || _data$find === void 0 ? void 0 : _data$find.content;
         setDisplayValue(path, displayValue);
@@ -147,28 +145,26 @@ function Selection(props) {
           portal_class: 'dnb-forms-field-selection__portal',
           title: placeholder,
           value: String(value !== null && value !== void 0 ? value : ''),
-          status: (hasError || status) && 'error',
+          status: (hasError || (0, _useFieldProps.checkForError)([error, info, warning])) && 'error',
           disabled
         }, htmlAttributes), {}, {
           data,
-          suffix: help ? _react.default.createElement(_components.HelpButton, {
-            title: help.title
-          }, help.content) : undefined,
           on_change: handleDropdownChange,
           on_show: handleShow,
           on_hide: handleHide,
           stretch: true
         });
-        return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
-          width: width
-        }), variant === 'autocomplete' ? _react.default.createElement(_components.Autocomplete, _extends({}, sharedProps, autocompleteProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(autocompleteProps) : null)) : _react.default.createElement(_components.Dropdown, _extends({}, sharedProps, dropdownProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(dropdownProps) : null)));
+        const specificFieldBlockProps = {
+          width
+        };
+        if (layout === 'horizontal') {
+          specificFieldBlockProps.width = undefined;
+          specificFieldBlockProps.contentWidth = width;
+        }
+        return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, specificFieldBlockProps), variant === 'autocomplete' ? _react.default.createElement(_components.Autocomplete, _extends({}, sharedProps, autocompleteProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(autocompleteProps) : null)) : _react.default.createElement(_components.Dropdown, _extends({}, sharedProps, dropdownProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(dropdownProps) : null)));
       }
   }
 }
-function getStatus(error, info, warning) {
-  var _error$message;
-  return (_error$message = error === null || error === void 0 ? void 0 : error.message) !== null && _error$message !== void 0 ? _error$message : warning instanceof Error && warning.message || warning instanceof _utils2.FormError && warning.message || (warning === null || warning === void 0 ? void 0 : warning.toString()) || info instanceof Error && info.message || info instanceof _utils2.FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString());
-}
 function renderRadioItems(_ref6) {
   let {
     id,
@@ -194,10 +190,9 @@ function renderRadioItems(_ref6) {
       } = props,
       rest = _objectWithoutProperties(props, _excluded);
     const label = title !== null && title !== void 0 ? title : children;
-    const status = getStatus(error, info, warning);
     const suffix = help ? _react.default.createElement(_components.HelpButton, {
       size: "small",
-      title: help.title
+      title: (0, _componentHelper.convertJsxToString)(help.title)
     }, help.content) : undefined;
     iterateOverItems === null || iterateOverItems === void 0 ? void 0 : iterateOverItems({
       value,
@@ -210,7 +205,7 @@ function renderRadioItems(_ref6) {
       label: variant === 'radio' ? label : undefined,
       text: variant === 'button' ? label : undefined,
       value: String((_ref7 = value !== null && value !== void 0 ? value : valueProp) !== null && _ref7 !== void 0 ? _ref7 : ''),
-      status: (hasError || status) && 'error',
+      status: (hasError || (0, _useFieldProps.checkForError)([error, info, warning])) && 'error',
       suffix: suffix
     }, htmlAttributes, rest));
   };
@@ -246,14 +241,16 @@ function makeOptions(children) {
       child = child['props'].children;
     }
     if (_react.default.isValidElement(child) && child.type === _Option.default) {
-      var _ref9, _props$children, _props$value;
+      var _ref9, _props$title, _props$value;
       const props = child.props;
-      const title = (_ref9 = (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : props.title) !== null && _ref9 !== void 0 ? _ref9 : _em || (_em = _react.default.createElement("em", null, "Untitled"));
+      const title = (_ref9 = (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : props.children) !== null && _ref9 !== void 0 ? _ref9 : _em || (_em = _react.default.createElement("em", null, "Untitled"));
       const content = props.text ? [title, props.text] : title;
       const selectedKey = String((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : '');
+      const disabled = props.disabled;
       return {
         selectedKey,
-        content
+        content,
+        disabled
       };
     }
     if (child) {
@@ -268,11 +265,13 @@ function renderDropdownItems(data) {
     let {
       value,
       title,
-      text
+      text,
+      disabled
     } = _ref10;
     return {
       selectedKey: value,
-      content: (text ? [title, text] : title) || _em2 || (_em2 = _react.default.createElement("em", null, "Untitled"))
+      content: (text ? [title, text] : title) || _em2 || (_em2 = _react.default.createElement("em", null, "Untitled")),
+      disabled
     };
   })) || [];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_Option","_hooks","_utils","_FieldBlock","_withCamelCaseProps","_useDataValue","_utils2","_em","_em2","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Selection","props","clearValue","useMemo","makeUniqueId","id","className","variant","optionsLayout","placeholder","path","info","warning","error","hasError","disabled","help","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","data","dataPath","children","autocompleteProps","dropdownProps","useFieldProps","getValueByPath","useDataValue","dataList","handleDropdownChange","useCallback","_ref","selectedKey","onChangeHandler","_ref2","handleShow","_ref3","handleHide","_ref4","cn","classnames","fieldBlockProps","forId","disableStatusSummary","pickSpacingProps","Component","Radio","ToggleButton","items","renderRadioItems","iterateOverItems","_ref5","v","label","createElement","labelHeight","asFieldset","React","Children","count","Group","layout_direction","on_change","_data$find","status","getStatus","renderDropdownItems","concat","makeOptions","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","suffix","HelpButton","on_show","on_hide","stretch","Autocomplete","convertCamelCaseProps","Dropdown","_error$message","message","Error","FormError","toString","_ref6","valueProp","optionsCount","createOption","_ref7","rest","size","text","map","mapOptions","_ref8","child","isValidElement","type","OptionField","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref9","_props$children","_props$value","_ref10","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  HelpButton,\n  Autocomplete,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { FieldProps, FieldHelpProps, Path } from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpButtonProps } from '../../../../components/HelpButton'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCaseProps,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n}>\n\nexport type Props = FieldHelpProps &\n  FieldProps<IOption['value']> & {\n    /**\n     * Defines the variant of the component.\n     * Default: dropdown\n     */\n    variant?: 'dropdown' | 'autocomplete' | 'radio' | 'button'\n\n    /**\n     * The width of the component.\n     * Default: large\n     */\n    width?: FieldBlockWidth\n\n    /**\n     * Defines the layout of the options for radio and button variants.\n     */\n    optionsLayout?: 'horizontal' | 'vertical'\n\n    /**\n     * The path to the context data (Form.Handler).\n     * The context data object needs to have a `value` and a `title` property.\n     */\n    dataPath?: Path\n\n    /**\n     * Data to be used for the component. The object needs to have a `value` and a `title` property.\n     * The generated options will be placed above given JSX based children.\n     */\n    data?: Data\n\n    /**\n     * Autocomplete specific props\n     */\n    autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n    /**\n     * Dropdown specific props\n     */\n    dropdownProps?: ToCamelCase<DropdownAllProps>\n\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode\n  }\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    optionsLayout = 'vertical',\n    placeholder,\n    path,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    help,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    data,\n    dataPath,\n    children,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDropdownChange = useCallback(\n    ({ data }) => {\n      const selectedKey = data?.selectedKey\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection__options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disableStatusSummary: true,\n    ...pickSpacingProps(props),\n  }\n\n  switch (variant) {\n    case 'radio':\n    case 'button': {\n      const Component = (\n        variant === 'radio' ? Radio : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n        iterateOverItems: ({ value: v, label }) => {\n          if (v === value) {\n            setDisplayValue(path, label)\n          }\n        },\n      })\n\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          labelHeight=\"small\"\n          asFieldset={React.Children.count(items) > 1}\n        >\n          <Component.Group\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const status = getStatus(error, info, warning)\n      const data = renderDropdownItems(dataList)\n        .concat(makeOptions(children))\n        .filter(Boolean)\n      const displayValue = data.find((item) => item.selectedKey === value)\n        ?.content\n      setDisplayValue(path, displayValue)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status: (hasError || status) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        suffix: help ? (\n          <HelpButton title={help.title}>{help.content}</HelpButton>\n        ) : undefined,\n        on_change: handleDropdownChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} width={width}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCaseProps(\n                    autocompleteProps\n                  ) as AutocompleteAllProps)\n                : null)}\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCaseProps(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\nexport function getStatus(\n  error: Error | FormError | undefined,\n  info: React.ReactNode,\n  warning: React.ReactNode\n) {\n  return (\n    error?.message ??\n    ((warning instanceof Error && warning.message) ||\n      (warning instanceof FormError && warning.message) ||\n      warning?.toString() ||\n      (info instanceof Error && info.message) ||\n      (info instanceof FormError && info.message) ||\n      info?.toString())\n  )\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    value?: Props['value']\n    error?: Error | FormError | undefined\n    title: React.ReactNode\n    help?: HelpButtonProps\n    children?: React.ReactNode\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value: valueProp,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n  iterateOverItems,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n  iterateOverItems?: (item: {\n    value: Props['value']\n    label: Props['children']\n  }) => void\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { value, title, children, error, help, ...rest } = props\n\n    const label = title ?? children\n    const status = getStatus(error, info, warning)\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={help.title}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    iterateOverItems?.({ value, label })\n\n    const Component = (\n      variant === 'radio' ? Radio : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${id}`}\n        label={variant === 'radio' ? label : undefined}\n        text={variant === 'button' ? label : undefined}\n        value={String(value ?? valueProp ?? '')}\n        status={(hasError || status) && 'error'}\n        suffix={suffix}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(children: React.ReactNode, { createOption }) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.children ?? props.title ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selectedKey = String(props.value ?? '')\n\n      return { selectedKey, content }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(data: Data) {\n  return (\n    data?.map(({ value, title, text }) => {\n      return {\n        selectedKey: value,\n        content: (text ? [title, text] : title) || <em>Untitled</em>,\n      }\n    }) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}
+{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_Option","_hooks","_useFieldProps","_utils","_FieldBlock","_withCamelCaseProps","_useDataValue","_em","_em2","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Selection","props","clearValue","useMemo","makeUniqueId","id","className","variant","layout","optionsLayout","placeholder","path","info","warning","error","hasError","disabled","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","data","dataPath","children","autocompleteProps","dropdownProps","useFieldProps","getValueByPath","useDataValue","dataList","handleDropdownChange","useCallback","_ref","selectedKey","onChangeHandler","_ref2","handleShow","_ref3","handleHide","_ref4","cn","classnames","fieldBlockProps","forId","disableStatusSummary","pickSpacingProps","Component","Radio","ToggleButton","items","renderRadioItems","iterateOverItems","_ref5","v","label","createElement","labelHeight","asFieldset","React","Children","count","Group","layout_direction","on_change","_data$find","renderDropdownItems","concat","makeOptions","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","status","checkForError","on_show","on_hide","stretch","specificFieldBlockProps","contentWidth","Autocomplete","convertCamelCaseProps","Dropdown","_ref6","valueProp","optionsCount","createOption","_ref7","help","rest","suffix","HelpButton","size","convertJsxToString","text","map","mapOptions","_ref8","child","isValidElement","type","OptionField","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref9","_props$title","_props$value","_ref10","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport {\n  convertJsxToString,\n  makeUniqueId,\n} from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  Autocomplete,\n  HelpButton,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { checkForError, ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { FieldProps, Path } from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCaseProps,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n  disabled?: boolean\n}>\n\nexport type Props = FieldProps<IOption['value']> & {\n  /**\n   * Defines the variant of the component.\n   * Default: dropdown\n   */\n  variant?: 'dropdown' | 'autocomplete' | 'radio' | 'button'\n\n  /**\n   * The width of the component.\n   * Default: large\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * Defines the layout of the options for radio and button variants.\n   */\n  optionsLayout?: 'horizontal' | 'vertical'\n\n  /**\n   * The path to the context data (Form.Handler).\n   * The context data object needs to have a `value` and a `title` property.\n   */\n  dataPath?: Path\n\n  /**\n   * Data to be used for the component. The object needs to have a `value` and a `title` property.\n   * The generated options will be placed above given JSX based children.\n   */\n  data?: Data\n\n  /**\n   * Autocomplete specific props\n   */\n  autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n  /**\n   * Dropdown specific props\n   */\n  dropdownProps?: ToCamelCase<DropdownAllProps>\n\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode\n}\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    placeholder,\n    path,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    data,\n    dataPath,\n    children,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDropdownChange = useCallback(\n    ({ data }) => {\n      const selectedKey = data?.selectedKey\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection--layout-${layout}`,\n    `dnb-forms-field-selection--options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disableStatusSummary: true,\n    ...pickSpacingProps(props),\n  }\n\n  switch (variant) {\n    case 'radio':\n    case 'button': {\n      const Component = (\n        variant === 'radio' ? Radio : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n        iterateOverItems: ({ value: v, label }) => {\n          if (v === value) {\n            setDisplayValue(path, label)\n          }\n        },\n      })\n\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          labelHeight=\"small\"\n          asFieldset={React.Children.count(items) > 1}\n        >\n          <Component.Group\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const data = renderDropdownItems(dataList)\n        .concat(makeOptions(children))\n        .filter(Boolean)\n      const displayValue = data.find((item) => item.selectedKey === value)\n        ?.content\n      setDisplayValue(path, displayValue)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status:\n          (hasError || checkForError([error, info, warning])) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        on_change: handleDropdownChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      const specificFieldBlockProps: FieldBlockProps = {\n        width,\n      }\n      if (layout === 'horizontal') {\n        specificFieldBlockProps.width = undefined\n        specificFieldBlockProps.contentWidth = width\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} {...specificFieldBlockProps}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCaseProps(\n                    autocompleteProps\n                  ) as AutocompleteAllProps)\n                : null)}\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCaseProps(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    value: Props['value']\n    error: Error | FormError | undefined\n    help: HelpProps\n    title: React.ReactNode\n    children: React.ReactNode\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value: valueProp,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n  iterateOverItems,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n  iterateOverItems?: (item: {\n    value: Props['value']\n    label: Props['children']\n  }) => void\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { value, title, children, error, help, ...rest } = props\n\n    const label = title ?? children\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={convertJsxToString(help.title)}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    iterateOverItems?.({ value, label })\n\n    const Component = (\n      variant === 'radio' ? Radio : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${id}`}\n        label={variant === 'radio' ? label : undefined}\n        text={variant === 'button' ? label : undefined}\n        value={String(value ?? valueProp ?? '')}\n        status={\n          (hasError || checkForError([error, info, warning])) && 'error'\n        }\n        suffix={suffix}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props as OptionProps, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(\n  children: React.ReactNode,\n  {\n    createOption,\n  }: { createOption: (props: OptionProps, i: number) => React.ReactNode }\n) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.title ?? props.children ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selectedKey = String(props.value ?? '')\n      const disabled = props.disabled\n\n      return { selectedKey, content, disabled }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(data: Data) {\n  return (\n    data?.map(({ value, title, text, disabled }) => {\n      return {\n        selectedKey: value,\n        content: (text ? [title, text] : title) || <em>Untitled</em>,\n        disabled,\n      }\n    }) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}

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

@@ -25,11 +25,6 @@ const SelectionProperties = {
     type: ['string', 'false'],
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   data: {
     doc: 'Data to be used for the component. The object needs to have a `value` and a `title` property. Provide the Dropdown or Autocomplete data in the format documented here: [Dropdown](/uilib/components/dropdown) and [Autocomplete](/uilib/components/autocomplete) documentation.',
     type: 'array',
@@ -51,7 +46,7 @@ const SelectionProperties = {
     status: 'optional'
   },
   children: {
-    doc: 'For providing Option components.',
+    doc: 'For providing Option components, and other children.',
     type: 'React.Node',
     status: 'optional'
   }

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionDocs.js","names":["SelectionProperties","variant","doc","type","status","value","optionsLayout","width","help","data","dataPath","autocompleteProps","dropdownProps","children","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/SelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SelectionProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'Choice of UI feature. Can be: `dropdown`, `autocomplete`, `radio` or `button`.',\n    type: 'string',\n    status: 'optional',\n  },\n  value: {\n    doc: 'Defines the `value`. When using variant `radio` or `button`, value has to be a `string`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  optionsLayout: {\n    doc: 'Layout for the list of options. Can be `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  width: {\n    doc: '`small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Data to be used for the component. The object needs to have a `value` and a `title` property. Provide the Dropdown or Autocomplete data in the format documented here: [Dropdown](/uilib/components/dropdown) and [Autocomplete](/uilib/components/autocomplete) documentation.',\n    type: 'array',\n    status: 'optional',\n  },\n  dataPath: {\n    doc: 'The path to the context data (Form.Handler). The context data object needs to have a `value` and a `title` property. The generated options will be placed above given JSX based children.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocompleteProps: {\n    doc: 'Forward any additional props (camelCase) to the [Autocomplete](/uilib/components/autocomplete/) component.',\n    type: 'object',\n    status: 'optional',\n  },\n  dropdownProps: {\n    doc: 'Forward any additional props (camelCase) to the [Dropdown](/uilib/components/dropdown/) component.',\n    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'For providing Option components.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,iRAAiR;IACtRC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,2LAA2L;IAChMC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,iBAAiB,EAAE;IACjBT,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,QAAQ,EAAE;IACRX,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAU,OAAA,CAAAd,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"SelectionDocs.js","names":["SelectionProperties","variant","doc","type","status","value","optionsLayout","width","data","dataPath","autocompleteProps","dropdownProps","children","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/SelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SelectionProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'Choice of UI feature. Can be: `dropdown`, `autocomplete`, `radio` or `button`.',\n    type: 'string',\n    status: 'optional',\n  },\n  value: {\n    doc: 'Defines the `value`. When using variant `radio` or `button`, value has to be a `string`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  optionsLayout: {\n    doc: 'Layout for the list of options. Can be `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  width: {\n    doc: '`small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  data: {\n    doc: 'Data to be used for the component. The object needs to have a `value` and a `title` property. Provide the Dropdown or Autocomplete data in the format documented here: [Dropdown](/uilib/components/dropdown) and [Autocomplete](/uilib/components/autocomplete) documentation.',\n    type: 'array',\n    status: 'optional',\n  },\n  dataPath: {\n    doc: 'The path to the context data (Form.Handler). The context data object needs to have a `value` and a `title` property. The generated options will be placed above given JSX based children.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocompleteProps: {\n    doc: 'Forward any additional props (camelCase) to the [Autocomplete](/uilib/components/autocomplete/) component.',\n    type: 'object',\n    status: 'optional',\n  },\n  dropdownProps: {\n    doc: 'Forward any additional props (camelCase) to the [Dropdown](/uilib/components/dropdown/) component.',\n    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'For providing Option components, and other children.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,iRAAiR;IACtRC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,2LAA2L;IAChMC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,iBAAiB,EAAE;IACjBR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,aAAa,EAAE;IACbT,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAb,mBAAA,GAAAA,mBAAA"}

package/cjs/extensions/forms/Field/Selection/style/dnb-selection.css

@@ -4,6 +4,9 @@
 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label, .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label {
   margin-bottom: 0;
 }
+.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label {
+  align-items: flex-start;
+}
 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label {
   line-height: 2.5rem;
 }

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

@@ -1 +1 @@
-.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}
+.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}

package/cjs/extensions/forms/Field/Selection/style/dnb-selection.scss

@@ -14,6 +14,11 @@
       }
     }
   }
+  &--options-layout--vertical#{&}--layout-horizontal {
+    .dnb-forms-field-block__label {
+      align-items: flex-start;
+    }
+  }
   &__variant--button {
     .dnb-forms-field-block {
       &--layout-horizontal .dnb-form-label {

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FieldBlockWidth } from '../../FieldBlock';
-import { FieldHelpProps, FieldProps, Path } from '../../types';
+import { FieldProps, Path } from '../../types';
 import { SliderProps } from '../../../../components/Slider';
 export type SliderVisibilityEvent = React.MouseEvent<HTMLButtonElement> & {
     value: string;
 };
 export type SliderValue = number | Array<number>;
-export type Props = FieldHelpProps & FieldProps<SliderValue> & {
+export type Props = FieldProps<SliderValue> & {
     /**
      * Define an array with JSON Pointers for multiple thumb buttons.
      */

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

@@ -11,7 +11,6 @@ var _hooks = require("../../hooks");
 var _SliderHelpers = require("../../../../components/slider/SliderHelpers");
 var _Slider = _interopRequireDefault(require("../../../../components/Slider"));
 var _utils = require("../../../../components/flex/utils");
-var _components = require("../../../../components");
 var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,7 +47,6 @@ function SliderComponent(props) {
     min = 0,
     max = 100,
     width = 'stretch',
-    help,
     hasError,
     disabled,
     vertical,
@@ -99,9 +97,6 @@ function SliderComponent(props) {
     max,
     disabled,
     status: hasError ? 'error' : undefined,
-    suffix: help ? _react.default.createElement(_components.HelpButton, {
-      title: help.title
-    }, help.content) : undefined,
     on_change: handleLocalChange,
     on_drag_start: handleFocus,
     on_drag_end: handleBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_FieldBlock","_interopRequireDefault","_hooks","_SliderHelpers","_Slider","_utils","_components","_Context","_useDataValue","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","SliderComponent","props","_ref","_props$paths","dataContextRef","useRef","current","useContext","DataContext","getSourceValue","useDataValue","getValues","useCallback","Array","isArray","map","s","paths","path","preparedProps","step","min","max","id","width","help","hasError","disabled","vertical","reverse","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","extensions","handleChange","handleFocus","handleBlur","setDisplayValue","useFieldProps","omitMultiplePathWarning","useMemo","number","getFormattedNumber","handleLocalChange","_ref2","updateDataValue","fieldBlockProps","forId","pickSpacingProps","sliderProps","status","suffix","createElement","HelpButton","title","content","on_change","on_drag_start","on_drag_end","stretch","_default","exports","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Slider/Slider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps, Path } from '../../types'\nimport { getFormattedNumber } from '../../../../components/slider/SliderHelpers'\nimport Slider, { SliderProps } from '../../../../components/Slider'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type SliderVisibilityEvent = React.MouseEvent<HTMLButtonElement> & {\n  value: string\n}\n\nexport type SliderValue = number | Array<number>\nexport type Props = FieldHelpProps &\n  FieldProps<SliderValue> & {\n    /**\n     * Define an array with JSON Pointers for multiple thumb buttons.\n     */\n    paths?: Array<Path>\n    step?: SliderProps['step'] | Path\n    min?: SliderProps['min'] | Path\n    max?: SliderProps['max'] | Path\n    vertical?: SliderProps['vertical']\n    reverse?: SliderProps['reverse']\n    hideButtons?: SliderProps['hideButtons']\n    multiThumbBehavior?: SliderProps['multiThumbBehavior']\n    thumbTitle?: SliderProps['thumbTitle']\n    subtractTitle?: SliderProps['subtractTitle']\n    addTitle?: SliderProps['addTitle']\n    numberFormat?: SliderProps['numberFormat']\n    tooltip?: SliderProps['tooltip']\n    alwaysShowTooltip?: SliderProps['alwaysShowTooltip']\n    extensions?: SliderProps['extensions']\n\n    /** Styling */\n    width?: FieldBlockWidth\n  }\n\nfunction SliderComponent(props: Props) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { getSourceValue } = useDataValue()\n  const getValues = useCallback(\n    (source: SliderValue | Path | Array<Path>) => {\n      if (Array.isArray(source)) {\n        return source.map((s) => getSourceValue(s) || 0)\n      }\n\n      return getSourceValue(source) || 0\n    },\n    [getSourceValue]\n  )\n\n  const value = getValues(props.paths ?? props.path ?? props.value)\n  const preparedProps = {\n    ...props,\n    step: getSourceValue(props.step),\n    min: getSourceValue(props.min),\n    max: getSourceValue(props.max),\n  }\n\n  const {\n    id,\n    path,\n    step = 1,\n    min = 0,\n    max = 100,\n    width = 'stretch',\n    help,\n    hasError,\n    disabled,\n    vertical,\n    reverse,\n    hideButtons,\n    multiThumbBehavior,\n    thumbTitle,\n    subtractTitle,\n    addTitle,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n    extensions,\n    handleChange,\n    handleFocus,\n    handleBlur,\n    setDisplayValue,\n  } = useFieldProps(preparedProps, {\n    omitMultiplePathWarning: true,\n  })\n\n  useMemo(() => {\n    if (path && numberFormat) {\n      const { number } = getFormattedNumber(value, numberFormat)\n      setDisplayValue(path, number)\n    }\n  }, [numberFormat, path, setDisplayValue, value])\n\n  const handleLocalChange = useCallback(\n    ({ value }: { value: number | number[] }) => {\n      if (Array.isArray(props.paths) && Array.isArray(value)) {\n        value.forEach((value, i) => {\n          dataContextRef.current.updateDataValue(props.paths[i], value)\n        })\n      }\n\n      handleChange?.(value)\n    },\n    [handleChange, props.paths]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  const sliderProps: SliderProps = {\n    value,\n    step,\n    min,\n    max,\n    disabled,\n    status: hasError ? 'error' : undefined,\n    suffix: help ? (\n      <HelpButton title={help.title}>{help.content}</HelpButton>\n    ) : undefined,\n    on_change: handleLocalChange,\n    on_drag_start: handleFocus,\n    on_drag_end: handleBlur,\n    vertical,\n    reverse,\n    hideButtons,\n    multiThumbBehavior,\n    thumbTitle,\n    subtractTitle,\n    addTitle,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n    extensions,\n    stretch: true,\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Slider {...sliderProps} />\n    </FieldBlock>\n  )\n}\n\nexport default SliderComponent\n\nSliderComponent._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,aAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAmD,SAAAE,uBAAAQ,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,SAAAf,wBAAAW,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,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAgCnD,SAASS,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,IAAA,EAAAC,YAAA;EACrC,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAe,CAAC;EAC7CD,cAAc,CAACE,OAAO,GAAG,IAAAC,iBAAU,EAAeC,gBAAW,CAAC;EAE9D,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qBAAY,EAAC,CAAC;EACzC,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAC1BjC,MAAwC,IAAK;IAC5C,IAAIkC,KAAK,CAACC,OAAO,CAACnC,MAAM,CAAC,EAAE;MACzB,OAAOA,MAAM,CAACoC,GAAG,CAAEC,CAAC,IAAKP,cAAc,CAACO,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD;IAEA,OAAOP,cAAc,CAAC9B,MAAM,CAAC,IAAI,CAAC;EACpC,CAAC,EACD,CAAC8B,cAAc,CACjB,CAAC;EAED,MAAMzB,KAAK,GAAG2B,SAAS,EAAAT,IAAA,IAAAC,YAAA,GAACF,KAAK,CAACgB,KAAK,cAAAd,YAAA,cAAAA,YAAA,GAAIF,KAAK,CAACiB,IAAI,cAAAhB,IAAA,cAAAA,IAAA,GAAID,KAAK,CAACjB,KAAK,CAAC;EACjE,MAAMmC,aAAa,GAAA7C,aAAA,CAAAA,aAAA,KACd2B,KAAK;IACRmB,IAAI,EAAEX,cAAc,CAACR,KAAK,CAACmB,IAAI,CAAC;IAChCC,GAAG,EAAEZ,cAAc,CAACR,KAAK,CAACoB,GAAG,CAAC;IAC9BC,GAAG,EAAEb,cAAc,CAACR,KAAK,CAACqB,GAAG;EAAC,EAC/B;EAED,MAAM;IACJC,EAAE;IACFL,IAAI;IACJE,IAAI,GAAG,CAAC;IACRC,GAAG,GAAG,CAAC;IACPC,GAAG,GAAG,GAAG;IACTE,KAAK,GAAG,SAAS;IACjBC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,kBAAkB;IAClBC,UAAU;IACVC,aAAa;IACbC,QAAQ;IACRC,YAAY;IACZC,OAAO;IACPC,iBAAiB;IACjBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,UAAU;IACVC;EACF,CAAC,GAAG,IAAAC,oBAAa,EAACxB,aAAa,EAAE;IAC/ByB,uBAAuB,EAAE;EAC3B,CAAC,CAAC;EAEF,IAAAC,cAAO,EAAC,MAAM;IACZ,IAAI3B,IAAI,IAAIiB,YAAY,EAAE;MACxB,MAAM;QAAEW;MAAO,CAAC,GAAG,IAAAC,iCAAkB,EAAC/D,KAAK,EAAEmD,YAAY,CAAC;MAC1DO,eAAe,CAACxB,IAAI,EAAE4B,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACX,YAAY,EAAEjB,IAAI,EAAEwB,eAAe,EAAE1D,KAAK,CAAC,CAAC;EAEhD,MAAMgE,iBAAiB,GAAG,IAAApC,kBAAW,EACnCqC,KAAA,IAA6C;IAAA,IAA5C;MAAEjE;IAAoC,CAAC,GAAAiE,KAAA;IACtC,IAAIpC,KAAK,CAACC,OAAO,CAACb,KAAK,CAACgB,KAAK,CAAC,IAAIJ,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAAC,EAAE;MACtDA,KAAK,CAACJ,OAAO,CAAC,CAACI,KAAK,EAAER,CAAC,KAAK;QAC1B4B,cAAc,CAACE,OAAO,CAAC4C,eAAe,CAACjD,KAAK,CAACgB,KAAK,CAACzC,CAAC,CAAC,EAAEQ,KAAK,CAAC;MAC/D,CAAC,CAAC;IACJ;IAEAuD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGvD,KAAK,CAAC;EACvB,CAAC,EACD,CAACuD,YAAY,EAAEtC,KAAK,CAACgB,KAAK,CAC5B,CAAC;EAED,MAAMkC,eAAgC,GAAA7E,aAAA;IACpC8E,KAAK,EAAE7B,EAAE;IACTC;EAAK,GACF,IAAA6B,uBAAgB,EAACpD,KAAK,CAAC,CAC3B;EAED,MAAMqD,WAAwB,GAAG;IAC/BtE,KAAK;IACLoC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHK,QAAQ;IACR4B,MAAM,EAAE7B,QAAQ,GAAG,OAAO,GAAG9B,SAAS;IACtC4D,MAAM,EAAE/B,IAAI,GACVhG,MAAA,CAAAc,OAAA,CAAAkH,aAAA,CAACvH,WAAA,CAAAwH,UAAU;MAACC,KAAK,EAAElC,IAAI,CAACkC;IAAM,GAAElC,IAAI,CAACmC,OAAoB,CAAC,GACxDhE,SAAS;IACbiE,SAAS,EAAEb,iBAAiB;IAC5Bc,aAAa,EAAEtB,WAAW;IAC1BuB,WAAW,EAAEtB,UAAU;IACvBb,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,kBAAkB;IAClBC,UAAU;IACVC,aAAa;IACbC,QAAQ;IACRC,YAAY;IACZC,OAAO;IACPC,iBAAiB;IACjBC,UAAU;IACV0B,OAAO,EAAE;EACX,CAAC;EAED,OACEvI,MAAA,CAAAc,OAAA,CAAAkH,aAAA,CAAC7H,WAAA,CAAAW,OAAU,EAAK4G,eAAe,EAC7B1H,MAAA,CAAAc,OAAA,CAAAkH,aAAA,CAACzH,OAAA,CAAAO,OAAM,EAAK+G,WAAc,CAChB,CAAC;AAEjB;AAAC,IAAAW,QAAA,GAEcjE,eAAe;AAAAkE,OAAA,CAAA3H,OAAA,GAAA0H,QAAA;AAE9BjE,eAAe,CAACmE,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_FieldBlock","_interopRequireDefault","_hooks","_SliderHelpers","_Slider","_utils","_Context","_useDataValue","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","SliderComponent","props","_ref","_props$paths","dataContextRef","useRef","current","useContext","DataContext","getSourceValue","useDataValue","getValues","useCallback","Array","isArray","map","s","paths","path","preparedProps","step","min","max","id","width","hasError","disabled","vertical","reverse","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","extensions","handleChange","handleFocus","handleBlur","setDisplayValue","useFieldProps","omitMultiplePathWarning","useMemo","number","getFormattedNumber","handleLocalChange","_ref2","updateDataValue","fieldBlockProps","forId","pickSpacingProps","sliderProps","status","on_change","on_drag_start","on_drag_end","stretch","createElement","_default","exports","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Slider/Slider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps, Path } from '../../types'\nimport { getFormattedNumber } from '../../../../components/slider/SliderHelpers'\nimport Slider, { SliderProps } from '../../../../components/Slider'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type SliderVisibilityEvent = React.MouseEvent<HTMLButtonElement> & {\n  value: string\n}\n\nexport type SliderValue = number | Array<number>\nexport type Props = FieldProps<SliderValue> & {\n  /**\n   * Define an array with JSON Pointers for multiple thumb buttons.\n   */\n  paths?: Array<Path>\n  step?: SliderProps['step'] | Path\n  min?: SliderProps['min'] | Path\n  max?: SliderProps['max'] | Path\n  vertical?: SliderProps['vertical']\n  reverse?: SliderProps['reverse']\n  hideButtons?: SliderProps['hideButtons']\n  multiThumbBehavior?: SliderProps['multiThumbBehavior']\n  thumbTitle?: SliderProps['thumbTitle']\n  subtractTitle?: SliderProps['subtractTitle']\n  addTitle?: SliderProps['addTitle']\n  numberFormat?: SliderProps['numberFormat']\n  tooltip?: SliderProps['tooltip']\n  alwaysShowTooltip?: SliderProps['alwaysShowTooltip']\n  extensions?: SliderProps['extensions']\n\n  /** Styling */\n  width?: FieldBlockWidth\n}\n\nfunction SliderComponent(props: Props) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { getSourceValue } = useDataValue()\n  const getValues = useCallback(\n    (source: SliderValue | Path | Array<Path>) => {\n      if (Array.isArray(source)) {\n        return source.map((s) => getSourceValue(s) || 0)\n      }\n\n      return getSourceValue(source) || 0\n    },\n    [getSourceValue]\n  )\n\n  const value = getValues(props.paths ?? props.path ?? props.value)\n  const preparedProps = {\n    ...props,\n    step: getSourceValue(props.step),\n    min: getSourceValue(props.min),\n    max: getSourceValue(props.max),\n  }\n\n  const {\n    id,\n    path,\n    step = 1,\n    min = 0,\n    max = 100,\n    width = 'stretch',\n    hasError,\n    disabled,\n    vertical,\n    reverse,\n    hideButtons,\n    multiThumbBehavior,\n    thumbTitle,\n    subtractTitle,\n    addTitle,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n    extensions,\n    handleChange,\n    handleFocus,\n    handleBlur,\n    setDisplayValue,\n  } = useFieldProps(preparedProps, {\n    omitMultiplePathWarning: true,\n  })\n\n  useMemo(() => {\n    if (path && numberFormat) {\n      const { number } = getFormattedNumber(value, numberFormat)\n      setDisplayValue(path, number)\n    }\n  }, [numberFormat, path, setDisplayValue, value])\n\n  const handleLocalChange = useCallback(\n    ({ value }: { value: number | number[] }) => {\n      if (Array.isArray(props.paths) && Array.isArray(value)) {\n        value.forEach((value, i) => {\n          dataContextRef.current.updateDataValue(props.paths[i], value)\n        })\n      }\n\n      handleChange?.(value)\n    },\n    [handleChange, props.paths]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  const sliderProps: SliderProps = {\n    value,\n    step,\n    min,\n    max,\n    disabled,\n    status: hasError ? 'error' : undefined,\n    on_change: handleLocalChange,\n    on_drag_start: handleFocus,\n    on_drag_end: handleBlur,\n    vertical,\n    reverse,\n    hideButtons,\n    multiThumbBehavior,\n    thumbTitle,\n    subtractTitle,\n    addTitle,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n    extensions,\n    stretch: true,\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Slider {...sliderProps} />\n    </FieldBlock>\n  )\n}\n\nexport default SliderComponent\n\nSliderComponent._supportsSpacingProps = true\n"],"mappings":"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"}

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

@@ -4,8 +4,8 @@ import { InputMaskedProps } from '../../../../components/InputMasked';
 import { TextareaProps } from '../../../../components/Textarea';
 import { FieldBlockWidth } from '../../FieldBlock';
 import type { TextCounterProps } from '../../../../fragments/TextCounter';
-import type { FieldProps, FieldHelpProps } from '../../types';
-export type Props = FieldHelpProps & FieldProps<string, undefined | string> & {
+import type { FieldProps } from '../../types';
+export type Props = FieldProps<string, undefined | string> & {
     multiline?: boolean;
     inputClassName?: string;
     innerRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement>;

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

@@ -85,7 +85,6 @@ function StringComponent(props) {
     value,
     hasError,
     disabled,
-    help,
     multiline,
     mask,
     leftIcon,
@@ -147,9 +146,6 @@ function StringComponent(props) {
     inputMode,
     className: cn,
     placeholder,
-    suffix: help ? _react.default.createElement(_components.HelpButton, {
-      title: help.title
-    }, help.content) : undefined,
     on_focus: handleFocus,
     on_blur: handleBlur,
     on_change: handleChange,