npm - @dnb/eufemia - Versions diffs - 10.43.0 → 10.44.0 - Mend

@dnb/eufemia 10.43.0 → 10.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (432) hide show

package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectCountry.js","names":["React","useCallback","useContext","useMemo","classnames","SharedContext","Autocomplete","HelpButton","pickSpacingProps","countries","prioritizedCountries","useFieldProps","FieldBlock","useErrorMessage","useTranslation","SelectCountry","props","_sharedContext$locale","sharedContext","translations","lang","locale","split","errorMessages","path","required","errorRequired","defaultProps","preparedProps","_objectSpread","className","placeholder","label","ccFilter","info","warning","error","hasError","disabled","value","width","help","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","forceUpdate","filterCountries","makeCountryFilterSet","undefined","dataRef","useRef","langRef","wasFilled","isLangChange","current","getCountryData","filter","country","iso","sort","window","requestAnimationFrame","handleCountryChange","data","newValue","selectedKey","find","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","i18n","Object","values","some","s","includes","createElement","_extends","label_direction","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","suffix","title","content","autoComplete","no_animation","noAnimation","makeObject","_country$i18n$lang","en","a","b","indexA","indexOf","indexB","priorityA","priorityB","localeCompare","map","_country$regions","regions","continent","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport { Autocomplete, HelpButton } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n prioritizedCountries,\n type CountryType,\n type CountryLang,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types'\nimport FieldBlock from '../../FieldBlock'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type CountryFilterSet =\n \| 'Scandinavia'\n \| 'Nordic'\n \| 'Europe'\n \| 'Prioritized'\n\nexport type Props = FieldHelpProps &\n FieldProps<string, undefined \| string> & {\n countries?: CountryFilterSet\n\n // Styling\n width?: FieldBlockWidth\n\n /*\n For internal use only.\n \n @param country\n * @returns boolean\n /\n filterCountries?: (country: CountryType) => boolean\n\n /\n For internal testing purposes\n /\n noAnimation?: boolean\n }\n\nfunction SelectCountry(props: Props) {\n const sharedContext = useContext(SharedContext)\n const translations = useTranslation().SelectCountry\n const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n required: translations.errorRequired,\n })\n\n const defaultProps: Partial<Props> = {\n errorMessages,\n }\n const preparedProps: Props = {\n ...defaultProps,\n ...props,\n }\n\n const {\n className,\n placeholder = translations.placeholder,\n label = translations.label,\n countries: ccFilter = 'Prioritized',\n info,\n warning,\n error,\n hasError,\n disabled,\n value,\n width = 'large',\n help,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n updateValue,\n forceUpdate,\n filterCountries = ccFilter !== 'Prioritized'\n ? makeCountryFilterSet(ccFilter)\n : undefined,\n } = useFieldProps(preparedProps)\n\n const dataRef = React.useRef(null)\n const langRef = React.useRef(lang)\n const wasFilled = React.useRef(false)\n\n /\n We do not process the whole country list at the first render.\n * Only when the Autocomplete opens (focus).\n * To achieve this, we use memo instead of effect to update refs in sync.\n \n We set or update the data list depending on if the countrycode changes or lang changes.\n * We then update data set when value changes.\n */\n useMemo(() => {\n const isLangChange = lang !== langRef.current\n\n if (isLangChange \|\| !wasFilled.current) {\n langRef.current = lang\n dataRef.current = getCountryData({\n lang,\n filter: !wasFilled.current\n ? (country) => country.iso === value\n : filterCountries,\n sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n })\n\n // To force Autocomplete to re-evaluate the internal data\n if (isLangChange && value && typeof window !== 'undefined') {\n updateValue(null)\n window.requestAnimationFrame(() => {\n updateValue(value)\n })\n }\n }\n }, [lang, filterCountries, ccFilter, updateValue, value])\n\n const handleCountryChange = useCallback(\n ({ data }: { data: { selectedKey: string } }) => {\n const newValue = data?.selectedKey\n const country = countries.find(({ iso }) => newValue === iso)\n if (country?.iso) {\n handleChange(country.iso, country)\n }\n },\n [handleChange]\n )\n\n const fillData = useCallback(() => {\n if (!wasFilled.current) {\n wasFilled.current = true\n dataRef.current = getCountryData({\n lang: langRef.current,\n filter: filterCountries,\n sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n })\n forceUpdate()\n }\n }, [ccFilter, filterCountries, forceUpdate])\n\n const onFocusHandler = useCallback(\n ({ updateData }) => {\n fillData()\n updateData(dataRef.current)\n handleFocus()\n },\n [fillData, handleFocus]\n )\n\n const onTypeHandler = useCallback(\n ({ value: currentValue, setHidden, event }) => {\n // Handle browser autofill/autocomplete\n if (typeof event?.nativeEvent?.data === 'undefined') {\n const search = currentValue.toLowerCase()\n const country = countries.find(({ i18n }) =>\n Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n )\n if (country?.iso) {\n setHidden()\n handleChange(country.iso, country)\n }\n }\n },\n [handleChange]\n )\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-select-country', className)}\n width={width}\n info={info}\n warning={warning}\n error={error}\n {...pickSpacingProps(props)}\n >\n <Autocomplete\n placeholder={placeholder}\n label_direction=\"vertical\"\n label={label}\n input_icon={false}\n data={dataRef.current}\n value={value}\n disabled={disabled}\n on_show={fillData}\n on_focus={onFocusHandler}\n on_blur={handleBlur}\n on_change={handleCountryChange}\n on_type={onTypeHandler}\n stretch\n status={hasError ? 'error' : undefined}\n show_submit_button\n suffix={\n help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n }\n autoComplete=\"country-name\"\n no_animation={props.noAnimation}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\ntype GetCountryData = {\n lang?: CountryLang\n filter?: Props['filterCountries']\n sort?: Extract<CountryFilterSet, 'Prioritized'>\n makeObject?: (\n country: CountryType,\n lang: string\n ) => {\n selectedKey: string\n selected_value?: string\n content: string\n }\n}\n\nexport function getCountryData({\n lang = 'nb',\n filter = null,\n sort = null,\n makeObject = (country: CountryType, lang: string) => {\n const content = country.i18n[lang] ?? country.i18n.en\n return {\n selectedKey: country.iso,\n content,\n }\n },\n}: GetCountryData = {}) {\n return countries\n .filter((country) => {\n if (typeof filter === 'function') {\n return filter(country)\n }\n\n return !filter\n })\n .sort(({ i18n: a }, { i18n: b }) => {\n if (sort === 'Prioritized') {\n const indexA = prioritizedCountries.indexOf(a['en'])\n const indexB = prioritizedCountries.indexOf(b['en'])\n\n const priorityA = indexA !== -1\n const priorityB = indexB !== -1\n\n if (priorityA && priorityB) {\n return indexA - indexB\n } else if (priorityA) {\n return -1\n } else if (priorityB) {\n return 1\n }\n }\n\n return a[lang].localeCompare(b[lang])\n })\n .map((country) => makeObject(country, lang))\n}\n\nexport function makeCountryFilterSet(ccFilter: CountryFilterSet) {\n return (country: CountryType) => {\n switch (ccFilter) {\n case 'Scandinavia':\n case 'Nordic':\n return country.regions?.includes(ccFilter)\n case 'Europe':\n return country.continent.includes(ccFilter)\n }\n return true\n }\n}\n\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":"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"}
1	+ {"version":3,"file":"SelectCountry.js","names":["React","useCallback","useContext","useMemo","classnames","SharedContext","Autocomplete","HelpButton","pickSpacingProps","countries","prioritizedCountries","useFieldProps","FieldBlock","useErrorMessage","useTranslation","SelectCountry","props","_sharedContext$locale","sharedContext","translations","lang","locale","split","transformAdditionalArgs","additionalArgs","value","country","find","iso","errorMessages","path","required","errorRequired","defaultProps","preparedProps","_objectSpread","className","placeholder","label","ccFilter","info","warning","error","hasError","disabled","width","help","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","forceUpdate","filterCountries","makeCountryFilterSet","undefined","dataRef","useRef","langRef","wasFilled","isLangChange","current","getCountryData","filter","sort","window","requestAnimationFrame","handleCountryChange","data","newValue","selectedKey","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","i18n","Object","values","some","s","includes","createElement","_extends","label_direction","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","keep_selection","suffix","title","content","autoComplete","no_animation","noAnimation","makeObject","_country$i18n$lang","en","a","b","indexA","indexOf","indexB","priorityA","priorityB","localeCompare","map","_country$regions","regions","continent","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport { Autocomplete, HelpButton } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n prioritizedCountries,\n type CountryType,\n type CountryLang,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport {\n FieldBlockWidth,\n FieldHelpProps,\n FieldPropsWithExtraValue,\n} from '../../types'\nimport FieldBlock from '../../FieldBlock'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type CountryFilterSet =\n \| 'Scandinavia'\n \| 'Nordic'\n \| 'Europe'\n \| 'Prioritized'\n\nexport type Props = FieldHelpProps &\n FieldPropsWithExtraValue<string, CountryType, undefined \| string> & {\n countries?: CountryFilterSet\n\n // Styling\n width?: FieldBlockWidth\n\n /*\n For internal use only.\n \n @param country\n * @returns boolean\n /\n filterCountries?: (country: CountryType) => boolean\n\n /\n For internal testing purposes\n /\n noAnimation?: boolean\n }\n\nfunction SelectCountry(props: Props) {\n const sharedContext = useContext(SharedContext)\n const translations = useTranslation().SelectCountry\n const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n const transformAdditionalArgs = (additionalArgs: CountryType, value) => {\n const country = countries.find(({ iso }) => value === iso)\n if (country?.iso) {\n return country\n } else {\n return additionalArgs\n }\n }\n\n const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n required: translations.errorRequired,\n })\n\n const defaultProps: Partial<Props> = {\n errorMessages,\n }\n const preparedProps: Props = {\n ...defaultProps,\n ...props,\n transformAdditionalArgs,\n }\n\n const {\n className,\n placeholder = translations.placeholder,\n label = translations.label,\n countries: ccFilter = 'Prioritized',\n info,\n warning,\n error,\n hasError,\n disabled,\n value,\n width = 'large',\n help,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n updateValue,\n forceUpdate,\n filterCountries = ccFilter !== 'Prioritized'\n ? makeCountryFilterSet(ccFilter)\n : undefined,\n } = useFieldProps(preparedProps)\n\n const dataRef = React.useRef(null)\n const langRef = React.useRef(lang)\n const wasFilled = React.useRef(false)\n\n /\n We do not process the whole country list at the first render.\n * Only when the Autocomplete opens (focus).\n * To achieve this, we use memo instead of effect to update refs in sync.\n \n We set or update the data list depending on if the countrycode changes or lang changes.\n * We then update data set when value changes.\n */\n useMemo(() => {\n const isLangChange = lang !== langRef.current\n\n if (isLangChange \|\| !wasFilled.current) {\n langRef.current = lang\n dataRef.current = getCountryData({\n lang,\n filter: !wasFilled.current\n ? (country) => country.iso === value\n : filterCountries,\n sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n })\n\n // To force Autocomplete to re-evaluate the internal data\n if (isLangChange && value && typeof window !== 'undefined') {\n updateValue(null)\n window.requestAnimationFrame(() => {\n updateValue(value)\n })\n }\n }\n }, [lang, filterCountries, ccFilter, updateValue, value])\n\n const handleCountryChange = useCallback(\n ({ data }: { data: { selectedKey: string } }) => {\n const newValue = data?.selectedKey\n const country = countries.find(({ iso }) => newValue === iso)\n if (country?.iso) {\n handleChange(country.iso)\n }\n },\n [handleChange]\n )\n\n const fillData = useCallback(() => {\n if (!wasFilled.current) {\n wasFilled.current = true\n dataRef.current = getCountryData({\n lang: langRef.current,\n filter: filterCountries,\n sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n })\n forceUpdate()\n }\n }, [ccFilter, filterCountries, forceUpdate])\n\n const onFocusHandler = useCallback(\n ({ updateData }) => {\n fillData()\n updateData(dataRef.current)\n handleFocus()\n },\n [fillData, handleFocus]\n )\n\n const onTypeHandler = useCallback(\n ({ value: currentValue, setHidden, event }) => {\n // Handle browser autofill/autocomplete\n if (typeof event?.nativeEvent?.data === 'undefined') {\n const search = currentValue.toLowerCase()\n const country = countries.find(({ i18n }) =>\n Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n )\n if (country?.iso) {\n setHidden()\n handleChange(country.iso)\n }\n }\n },\n [handleChange]\n )\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-select-country', className)}\n width={width}\n info={info}\n warning={warning}\n error={error}\n {...pickSpacingProps(props)}\n >\n <Autocomplete\n placeholder={placeholder}\n label_direction=\"vertical\"\n label={label}\n input_icon={false}\n data={dataRef.current}\n value={value}\n disabled={disabled}\n on_show={fillData}\n on_focus={onFocusHandler}\n on_blur={handleBlur}\n on_change={handleCountryChange}\n on_type={onTypeHandler}\n stretch\n status={hasError ? 'error' : undefined}\n show_submit_button\n keep_selection\n suffix={\n help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n }\n autoComplete=\"country-name\"\n no_animation={props.noAnimation}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\ntype GetCountryData = {\n lang?: CountryLang\n filter?: Props['filterCountries']\n sort?: Extract<CountryFilterSet, 'Prioritized'>\n makeObject?: (\n country: CountryType,\n lang: string\n ) => {\n selectedKey: string\n selected_value?: string\n content: string\n }\n}\n\nexport function getCountryData({\n lang = 'nb',\n filter = null,\n sort = null,\n makeObject = (country: CountryType, lang: string) => {\n const content = country.i18n[lang] ?? country.i18n.en\n return {\n selectedKey: country.iso,\n content,\n }\n },\n}: GetCountryData = {}) {\n return countries\n .filter((country) => {\n if (typeof filter === 'function') {\n return filter(country)\n }\n\n return !filter\n })\n .sort(({ i18n: a }, { i18n: b }) => {\n if (sort === 'Prioritized') {\n const indexA = prioritizedCountries.indexOf(a['en'])\n const indexB = prioritizedCountries.indexOf(b['en'])\n\n const priorityA = indexA !== -1\n const priorityB = indexB !== -1\n\n if (priorityA && priorityB) {\n return indexA - indexB\n } else if (priorityA) {\n return -1\n } else if (priorityB) {\n return 1\n }\n }\n\n return a[lang].localeCompare(b[lang])\n })\n .map((country) => makeObject(country, lang))\n}\n\nexport function makeCountryFilterSet(ccFilter: CountryFilterSet) {\n return (country: CountryType) => {\n switch (ccFilter) {\n case 'Scandinavia':\n case 'Nordic':\n return country.regions?.includes(ccFilter)\n case 'Europe':\n return country.continent.includes(ccFilter)\n }\n return true\n }\n}\n\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":"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"}

package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const selectCountryGeneralEvents: import("../../../../shared/types").PropertiesTableProps;

package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { getFieldEventsWithTypes } from '../FieldDocs';
+export const selectCountryGeneralEvents = getFieldEventsWithTypes({
+  type: 'string',
+  optional: true
+}, {
+  type: 'object',
+  optional: true
+});
+//# sourceMappingURL=SelectCountryDocs.js.map

package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectCountryDocs.js","names":["getFieldEventsWithTypes","selectCountryGeneralEvents","type","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountryDocs.ts"],"sourcesContent":["import { getFieldEventsWithTypes } from '../FieldDocs'\n\nexport const selectCountryGeneralEvents = getFieldEventsWithTypes(\n { type: 'string', optional: true },\n { type: 'object', optional: true }\n)\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,cAAc;AAEtD,OAAO,MAAMC,0BAA0B,GAAGD,uBAAuB,CAC/D;EAAEE,IAAI,EAAE,QAAQ;EAAEC,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAED,IAAI,EAAE,QAAQ;EAAEC,QAAQ,EAAE;AAAK,CACnC,CAAC"}

package/es/extensions/forms/Field/Selection/Selection.d.ts CHANGED Viewed

@@ -1,38 +1,62 @@
 import React from 'react';
-import { ReturnAdditional } from '../../hooks/useFieldProps';
-import { FormError, FieldProps, FieldHelpProps, FieldBlockWidth } from '../../types';
+import { FormError, FieldProps, FieldHelpProps, FieldBlockWidth, Path } from '../../types';
 import type { FormStatusText } from '../../../../components/FormStatus';
 import type { AutocompleteAllProps } from '../../../../components/Autocomplete';
 import type { DropdownAllProps } from '../../../../components/Dropdown';
+import { DrawerListProps } from '../../../../fragments/DrawerList';
 import { ToCamelCase } from '../../../../shared/helpers/withCamelCaseProps';
 type IOption = {
     title: string | React.ReactNode;
     value: number | string;
     status: FormStatusText;
 };
-export type Data = AutocompleteAllProps['data'] | DropdownAllProps['data'];
+export type Data = Array<{
+    value: string;
+    title: React.ReactNode;
+    text?: React.ReactNode;
+}>;
 export type Props = FieldHelpProps & FieldProps<IOption['value']> & {
+    /**
+     * Defines the variant of the component.
+     * Default: dropdown
+     */
     variant?: 'dropdown' | 'autocomplete' | 'radio' | 'button';
+    /**
+     * The width of the component.
+     * Default: large
+     */
+    width?: FieldBlockWidth;
+    /**
+     * Defines the layout of the options for radio and button variants.
+     */
     optionsLayout?: 'horizontal' | 'vertical';
-    children?: React.ReactNode;
+    /**
+     * The path to the context data (Form.Handler).
+     * The object needs to have a `value` and a `title` property.
+     */
+    dataPath?: Path;
+    /**
+     * Data to be used for the component. The object needs to have a `value` and a `title` property.
+     * The generated options will be placed above given JSX based children.
+     */
+    data?: Data;
+    /**
+     * Autocomplete specific props
+     */
     autocompleteProps?: ToCamelCase<AutocompleteAllProps>;
+    /**
+     * Dropdown specific props
+     */
     dropdownProps?: ToCamelCase<DropdownAllProps>;
-    data?: Data;
-    width?: FieldBlockWidth;
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
 };
 declare function Selection(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Selection {
     var _supportsSpacingProps: boolean;
 }
 export declare function getStatus(error: Error | FormError | undefined, info: React.ReactNode, warning: React.ReactNode): string;
-export declare function getRadioOrToggleOptions({ id, value, variant, info, warning, htmlAttributes, children, hasError, }: {
-    id: string;
-    value: Props['value'];
-    variant: Props['variant'];
-    info: Props['info'];
-    warning: Props['warning'];
-    htmlAttributes: Props['htmlAttributes'];
-    children: Props['children'];
-    hasError: ReturnAdditional<Props['value']>['hasError'];
-}): any;
+export declare function makeOptions<T = DrawerListProps['data']>(children: React.ReactNode): T;
 export default Selection;

package/es/extensions/forms/Field/Selection/Selection.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _em, _em2;
 const _excluded = ["error", "title", "help", "children"];
 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; }
@@ -8,12 +9,13 @@ import React, { useMemo, useCallback } from 'react';
 import classnames from 'classnames';
 import { makeUniqueId } from '../../../../shared/component-helper';
 import { ToggleButton, Dropdown, Radio, HelpButton, Autocomplete } from '../../../../components';
-import OptionField, { makeOptions } from '../Option';
+import OptionField from '../Option';
 import { useFieldProps } from '../../hooks';
 import { pickSpacingProps } from '../../../../components/flex/utils';
 import FieldBlock from '../../FieldBlock';
 import { FormError } from '../../types';
 import { convertCamelCaseProps } from '../../../../shared/helpers/withCamelCaseProps';
+import useDataValue from '../../hooks/useDataValue';
 function Selection(props) {
   const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, []);
   const {
@@ -37,11 +39,19 @@ function Selection(props) {
     htmlAttributes,
     setHasFocus,
     handleChange,
-    children,
     data,
+    dataPath,
+    children,
     autocompleteProps,
     dropdownProps
   } = useFieldProps(props);
+  const {
+    getValueByPath
+  } = useDataValue();
+  let dataList = data;
+  if (dataPath) {
+    dataList = getValueByPath(dataPath);
+  }
   const handleDropdownChange = useCallback(({
     data
   }) => {
@@ -80,13 +90,7 @@ function Selection(props) {
     case 'button':
       {
         const Component = variant === 'radio' ? Radio : ToggleButton;
-        return React.createElement(FieldBlock, fieldBlockProps, React.createElement(Component.Group, {
-          className: cn,
-          layout_direction: optionsLayout === 'horizontal' ? 'row' : 'column',
-          disabled: disabled,
-          on_change: onChangeHandler,
-          value: String(value !== null && value !== void 0 ? value : '')
-        }, getRadioOrToggleOptions({
+        const items = renderRadioItems({
           id,
           value,
           variant,
@@ -94,13 +98,24 @@ function Selection(props) {
           warning,
           htmlAttributes,
           children,
+          dataList,
           hasError
-        })));
+        });
+        return React.createElement(FieldBlock, _extends({}, fieldBlockProps, {
+          asFieldset: React.Children.count(items) > 1
+        }), React.createElement(Component.Group, {
+          className: cn,
+          layout_direction: optionsLayout === 'horizontal' ? 'row' : 'column',
+          disabled: disabled,
+          on_change: onChangeHandler,
+          value: String(value !== null && value !== void 0 ? value : '')
+        }, items));
       }
     case 'autocomplete':
     case 'dropdown':
       {
         const status = getStatus(error, info, warning);
+        const data = renderDropdownItems(dataList).concat(makeOptions(children)).filter(Boolean);
         const sharedProps = _objectSpread(_objectSpread({
           id,
           list_class: 'dnb-forms-field-selection__list',
@@ -110,7 +125,7 @@ function Selection(props) {
           status: (hasError || status) && 'error',
           disabled
         }, htmlAttributes), {}, {
-          data: data !== null && data !== void 0 ? data : makeOptions(children),
+          data,
           suffix: help ? React.createElement(HelpButton, {
             title: help.title
           }, help.content) : undefined,
@@ -129,7 +144,7 @@ export 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 FormError && warning.message || (warning === null || warning === void 0 ? void 0 : warning.toString()) || info instanceof Error && info.message || info instanceof FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString());
 }
-export function getRadioOrToggleOptions({
+function renderRadioItems({
   id,
   value,
   variant,
@@ -137,9 +152,10 @@ export function getRadioOrToggleOptions({
   warning,
   htmlAttributes,
   children,
+  dataList,
   hasError
 }) {
-  const optionsCount = React.Children.count(children);
+  const optionsCount = React.Children.count(children) + ((dataList === null || dataList === void 0 ? void 0 : dataList.length) || 0);
   const Component = variant === 'radio' ? Radio : ToggleButton;
   const createOption = (props, i) => {
     const {
@@ -166,7 +182,7 @@ export function getRadioOrToggleOptions({
     }, htmlAttributes, rest));
   };
   const mapOptions = children => {
-    return React.Children.toArray(children).map((child, i) => {
+    return React.Children.map(children, (child, i) => {
       if (React.isValidElement(child)) {
         if (child.type === OptionField) {
           return createOption(child.props, i);
@@ -179,7 +195,43 @@ export function getRadioOrToggleOptions({
       return child;
     });
   };
-  return mapOptions(children);
+  return [...(dataList || []).map((props, i) => {
+    return createOption(props, i);
+  }), ...(mapOptions(children) || [])].filter(Boolean);
+}
+export function makeOptions(children) {
+  return React.Children.map(children, child => {
+    var _child, _child$props, _child$props$children;
+    if (((_child = child) === null || _child === void 0 ? void 0 : (_child$props = _child['props']) === null || _child$props === void 0 ? void 0 : (_child$props$children = _child$props.children) === null || _child$props$children === void 0 ? void 0 : _child$props$children.type) === OptionField) {
+      child = child['props'].children;
+    }
+    if (React.isValidElement(child) && child.type === OptionField) {
+      var _ref, _props$children, _props$value;
+      const props = child.props;
+      const title = (_ref = (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : props.title) !== null && _ref !== void 0 ? _ref : _em || (_em = React.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 : '');
+      return {
+        selectedKey,
+        content
+      };
+    }
+    if (child) {
+      return {
+        content: child
+      };
+    }
+  });
+}
+function renderDropdownItems(data) {
+  return (data === null || data === void 0 ? void 0 : data.map(({
+    value,
+    title,
+    text
+  }) => ({
+    selectedKey: value,
+    content: (text ? [title, text] : title) || _em2 || (_em2 = React.createElement("em", null, "Untitled"))
+  }))) || [];
 }
 Selection._supportsSpacingProps = true;
 export default Selection;

package/es/extensions/forms/Field/Selection/Selection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","makeUniqueId","ToggleButton","Dropdown","Radio","HelpButton","Autocomplete","OptionField","makeOptions","useFieldProps","pickSpacingProps","FieldBlock","FormError","convertCamelCaseProps","Selection","props","clearValue","id","className","variant","label","labelDescription","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","help","emptyValue","width","htmlAttributes","setHasFocus","handleChange","children","data","autocompleteProps","dropdownProps","handleDropdownChange","selectedKey","onChangeHandler","undefined","handleShow","handleHide","cn","fieldBlockProps","_objectSpread","forId","Component","createElement","Group","layout_direction","on_change","String","getRadioOrToggleOptions","status","getStatus","sharedProps","list_class","portal_class","title","suffix","content","on_show","on_hide","stretch","_extends","_error$message","message","Error","toString","optionsCount","Children","count","createOption","i","rest","_objectWithoutProperties","_excluded","size","key","text","mapOptions","toArray","map","child","isValidElement","type","nestedChildren","cloneElement","_supportsSpacingProps"],"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, { makeOptions } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock from '../../FieldBlock'\nimport {\n FormError,\n FieldProps,\n FieldHelpProps,\n FieldBlockWidth,\n} 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 {\n convertCamelCaseProps,\n ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\ntype IOption = {\n title: string \| React.ReactNode\n value: number \| string\n status: FormStatusText\n}\ntype OptionProps = React.ComponentProps<\n React.FC<{\n error: Error \| FormError \| undefined\n title: React.ReactNode\n help: HelpButtonProps\n children: React.ReactNode\n }>\n>\n\nexport type Data = AutocompleteAllProps['data'] \| DropdownAllProps['data']\n\nexport type Props = FieldHelpProps &\n FieldProps<IOption['value']> & {\n variant?: 'dropdown' \| 'autocomplete' \| 'radio' \| 'button'\n optionsLayout?: 'horizontal' \| 'vertical'\n children?: React.ReactNode\n\n // - Autocomplete and Dropdown specific props\n autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n dropdownProps?: ToCamelCase<DropdownAllProps>\n data?: Data\n width?: FieldBlockWidth\n }\n\nfunction Selection(props: Props) {\n const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n const {\n id,\n className,\n variant = 'dropdown',\n label,\n labelDescription,\n layout = 'vertical',\n optionsLayout = 'vertical',\n placeholder,\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 children,\n\n // - Autocomplete and Dropdown specific props\n data,\n autocompleteProps,\n dropdownProps,\n } = useFieldProps(props)\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 = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n layout,\n label,\n labelDescription,\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 return (\n <FieldBlock {...fieldBlockProps}>\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 {getRadioOrToggleOptions({\n id,\n value,\n variant,\n info,\n warning,\n htmlAttributes,\n children,\n hasError,\n })}\n </Component.Group>\n </FieldBlock>\n )\n }\n\n case 'autocomplete':\n case 'dropdown': {\n const status = getStatus(error, info, warning)\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: data ?? makeOptions<Data>(children),\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\nexport function getRadioOrToggleOptions({\n id,\n value,\n variant,\n info,\n warning,\n htmlAttributes,\n children,\n hasError,\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 hasError: ReturnAdditional<Props['value']>['hasError']\n}) {\n const optionsCount = React.Children.count(children)\n\n const Component = (\n variant === 'radio' ? Radio : ToggleButton\n ) as typeof Radio & typeof ToggleButton\n\n const createOption = (props: OptionProps, i: number) => {\n const { error, title, help, children, ...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 return (\n <Component\n id={optionsCount === 1 ? id : undefined}\n key={`option-${i}-${value}`}\n label={variant === 'radio' ? label : undefined}\n text={variant === 'button' ? label : undefined}\n value={String(value ?? '')}\n status={(hasError \|\| status) && 'error'}\n suffix={suffix}\n {...htmlAttributes}\n {...rest}\n />\n )\n }\n\n const mapOptions = (children: React.ReactNode) => {\n return React.Children.toArray(children).map(\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 return React.cloneElement(child, child.props, nestedChildren)\n }\n }\n\n return child\n }\n )\n }\n\n return mapOptions(children)\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}
1	+ {"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","makeUniqueId","ToggleButton","Dropdown","Radio","HelpButton","Autocomplete","OptionField","useFieldProps","pickSpacingProps","FieldBlock","FormError","convertCamelCaseProps","useDataValue","Selection","props","clearValue","id","className","variant","label","labelDescription","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","help","emptyValue","width","htmlAttributes","setHasFocus","handleChange","data","dataPath","children","autocompleteProps","dropdownProps","getValueByPath","dataList","handleDropdownChange","selectedKey","onChangeHandler","undefined","handleShow","handleHide","cn","fieldBlockProps","_objectSpread","forId","Component","items","renderRadioItems","createElement","_extends","asFieldset","Children","count","Group","layout_direction","on_change","String","status","getStatus","renderDropdownItems","concat","makeOptions","filter","Boolean","sharedProps","list_class","portal_class","title","suffix","content","on_show","on_hide","stretch","_error$message","message","Error","toString","optionsCount","length","createOption","i","rest","_objectWithoutProperties","_excluded","size","key","text","mapOptions","map","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref","_props$children","_props$value","_em","_em2","_supportsSpacingProps"],"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 from '../../FieldBlock'\nimport {\n FormError,\n FieldProps,\n FieldHelpProps,\n FieldBlockWidth,\n Path,\n} 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'\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 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 label,\n labelDescription,\n layout = 'vertical',\n optionsLayout = 'vertical',\n placeholder,\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 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 = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n layout,\n label,\n labelDescription,\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 })\n\n return (\n <FieldBlock\n {...fieldBlockProps}\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\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 error?: Error \| FormError \| undefined\n title: React.ReactNode\n help?: HelpButtonProps\n children?: React.ReactNode\n }>\n>\n\nfunction renderRadioItems({\n id,\n value,\n variant,\n info,\n warning,\n htmlAttributes,\n children,\n dataList,\n hasError,\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}) {\n const optionsCount =\n React.Children.count(children) + (dataList?.length \|\| 0)\n\n const Component = (\n variant === 'radio' ? Radio : ToggleButton\n ) as typeof Radio & typeof ToggleButton\n\n const createOption = (props: OptionProps, i: number) => {\n const { error, title, help, children, ...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 return (\n <Component\n id={optionsCount === 1 ? id : undefined}\n key={`option-${i}-${value}`}\n label={variant === 'radio' ? label : undefined}\n text={variant === 'button' ? label : undefined}\n value={String(value ?? '')}\n status={(hasError \|\| status) && 'error'}\n suffix={suffix}\n {...htmlAttributes}\n {...rest}\n />\n )\n }\n\n const mapOptions = (children: React.ReactNode) => {\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 return React.cloneElement(child, child.props, nestedChildren)\n }\n }\n\n return child\n }\n )\n }\n\n return [\n ...(dataList \|\| []).map((props, i) => {\n return createOption(props as OptionProps, i)\n }),\n ...(mapOptions(children) \|\| []),\n ].filter(Boolean)\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 selectedKey: value,\n content: (text ? [title, text] : title) \|\| <em>Untitled</em>,\n })) \|\| []\n )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}

package/es/extensions/forms/Field/Selection/SelectionDocs.js CHANGED Viewed

@@ -19,6 +19,16 @@ export const SelectionProperties = {
     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',
+    status: 'optional'
+  },
+  dataPath: {
+    doc: 'The path to the context data (Form.Handler). The object needs to have a `value` and a `title` property. The generated options will be placed above given JSX based children.',
+    type: 'string',
+    status: 'optional'
+  },
   autocompleteProps: {
     doc: 'Forward any additional props (camelCase) to the [Autocomplete](/uilib/components/autocomplete/) component.',
     type: 'object',

package/es/extensions/forms/Field/Selection/SelectionDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionDocs.js","names":["SelectionProperties","variant","doc","type","status","optionsLayout","width","help","autocompleteProps","dropdownProps","children"],"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 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 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":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,iBAAiB,EAAE;~~IACjBN~~,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDK~~,aAAa,EAAE;~~IACbP~~,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDM~~,QAAQ,EAAE;~~IACRR~~,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}
1	+ {"version":3,"file":"SelectionDocs.js","names":["SelectionProperties","variant","doc","type","status","optionsLayout","width","help","data","dataPath","autocompleteProps","dropdownProps","children"],"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 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 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":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,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,8KAA8K;IACnLC,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,kCAAkC;IACvCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/Toggle/Toggle.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { pickSpacingProps } from '../../../../components/flex/utils';
 import ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext';
 import useTranslation from '../../hooks/useTranslation';
 function Toggle(props) {
-  const translations = useTranslation().BooleanField;
+  const translations = useTranslation().ToggleField;
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
     errorMessages: props.errorMessages
   });

package/es/extensions/forms/Field/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","names":["React","useCallback","classnames","Checkbox","HelpButton","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","BooleanField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","help","info","warning","error","hasError","htmlAttributes","handleChange","handleCheckboxChange","checked","handleToggleChange","cn","fieldBlockPropsWithoutLabel","forId","fieldBlockProps","suffix","createElement","title","content","undefined","isOn","isOff","_extends","yes","no","status","onChange","text","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n valueOn: unknown\n valueOff: unknown\n variant?: 'checkbox' \| 'checkbox-button' \| 'button' \| 'buttons'\n textOn?: string\n textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n const translations = useTranslation().BooleanField\n\n const preparedProps: Props = {\n ...props,\n errorMessages: props.errorMessages,\n }\n\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 help,\n info,\n warning,\n error,\n hasError,\n htmlAttributes,\n handleChange,\n } = useFieldProps(preparedProps)\n\n const handleCheckboxChange = useCallback(\n ({ checked }) => {\n handleChange?.(checked ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n const handleToggleChange = useCallback(\n ({ value }) => {\n handleChange?.(value === 'on' ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n\n const cn = classnames('dnb-forms-field-toggle', className)\n\n const fieldBlockPropsWithoutLabel = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n disabled,\n }\n\n const fieldBlockProps = {\n ...fieldBlockPropsWithoutLabel,\n layout,\n label,\n labelDescription,\n disabled,\n }\n\n const suffix = help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n\n const isOn = value === valueOn\n const isOff = value === valueOff\n\n switch (variant) {\n default:\n case 'checkbox':\n return (\n <FieldBlock {...fieldBlockPropsWithoutLabel}>\n <Checkbox\n id={id}\n className={cn}\n label={\n label ??\n (isOn\n ? textOn ?? translations.yes\n : textOff ?? translations.no)\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n onChange={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n case 'button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n text={\n isOn\n ? textOn ?? translations.yes\n : textOff ?? translations.no\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n case 'buttons':\n return (\n <FieldBlock\n {...fieldBlockProps}\n asFieldset\n labelDescription={\n <>\n {labelDescription}\n {help ? (\n <HelpButton\n size=\"small\"\n left={labelDescription ? 'x-small' : false}\n title={help.title}\n >\n {help.content}\n </HelpButton>\n ) : undefined}\n </>\n }\n >\n <ButtonRow bottom=\"x-small\">\n <ToggleButtonGroupContext.Provider\n value={{\n value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n onChange: handleToggleChange,\n status: hasError ? 'error' : undefined,\n disabled,\n }}\n >\n <ToggleButton\n text={textOn ?? translations.yes}\n value=\"on\"\n {...htmlAttributes}\n />\n <ToggleButton\n text={textOff ?? translations.no}\n value=\"off\"\n {...htmlAttributes}\n />\n </ToggleButtonGroupContext.Provider>\n </ButtonRow>\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 ?? translations.yes\n : textOff ?? translations.no\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}
1	+ {"version":3,"file":"Toggle.js","names":["React","useCallback","classnames","Checkbox","HelpButton","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","ToggleField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","help","info","warning","error","hasError","htmlAttributes","handleChange","handleCheckboxChange","checked","handleToggleChange","cn","fieldBlockPropsWithoutLabel","forId","fieldBlockProps","suffix","createElement","title","content","undefined","isOn","isOff","_extends","yes","no","status","onChange","text","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n valueOn: unknown\n valueOff: unknown\n variant?: 'checkbox' \| 'checkbox-button' \| 'button' \| 'buttons'\n textOn?: string\n textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n const translations = useTranslation().ToggleField\n\n const preparedProps: Props = {\n ...props,\n errorMessages: props.errorMessages,\n }\n\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 help,\n info,\n warning,\n error,\n hasError,\n htmlAttributes,\n handleChange,\n } = useFieldProps(preparedProps)\n\n const handleCheckboxChange = useCallback(\n ({ checked }) => {\n handleChange?.(checked ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n const handleToggleChange = useCallback(\n ({ value }) => {\n handleChange?.(value === 'on' ? valueOn : valueOff)\n },\n [handleChange, valueOn, valueOff]\n )\n\n const cn = classnames('dnb-forms-field-toggle', className)\n\n const fieldBlockPropsWithoutLabel = {\n forId: id,\n className: cn,\n ...pickSpacingProps(props),\n info,\n warning,\n error,\n disabled,\n }\n\n const fieldBlockProps = {\n ...fieldBlockPropsWithoutLabel,\n layout,\n label,\n labelDescription,\n disabled,\n }\n\n const suffix = help ? (\n <HelpButton title={help.title}>{help.content}</HelpButton>\n ) : undefined\n\n const isOn = value === valueOn\n const isOff = value === valueOff\n\n switch (variant) {\n default:\n case 'checkbox':\n return (\n <FieldBlock {...fieldBlockPropsWithoutLabel}>\n <Checkbox\n id={id}\n className={cn}\n label={\n label ??\n (isOn\n ? textOn ?? translations.yes\n : textOff ?? translations.no)\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n onChange={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n case 'button':\n return (\n <FieldBlock {...fieldBlockProps}>\n <ToggleButton\n id={id}\n text={\n isOn\n ? textOn ?? translations.yes\n : textOff ?? translations.no\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n case 'buttons':\n return (\n <FieldBlock\n {...fieldBlockProps}\n asFieldset\n labelDescription={\n <>\n {labelDescription}\n {help ? (\n <HelpButton\n size=\"small\"\n left={labelDescription ? 'x-small' : false}\n title={help.title}\n >\n {help.content}\n </HelpButton>\n ) : undefined}\n </>\n }\n >\n <ButtonRow bottom=\"x-small\">\n <ToggleButtonGroupContext.Provider\n value={{\n value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n onChange: handleToggleChange,\n status: hasError ? 'error' : undefined,\n disabled,\n }}\n >\n <ToggleButton\n text={textOn ?? translations.yes}\n value=\"on\"\n {...htmlAttributes}\n />\n <ToggleButton\n text={textOff ?? translations.no}\n value=\"off\"\n {...htmlAttributes}\n />\n </ToggleButtonGroupContext.Provider>\n </ButtonRow>\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 ?? translations.yes\n : textOff ?? translations.no\n }\n checked={isOn}\n disabled={disabled}\n status={hasError ? 'error' : undefined}\n suffix={suffix}\n value={value ? 'true' : 'false'}\n on_change={handleCheckboxChange}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

package/es/extensions/forms/Form/Handler/Handler.d.ts CHANGED Viewed

@@ -7,4 +7,4 @@ export type Props = Omit<ElementAllProps, 'data' | 'as' | 'autoComplete'> & {
      */
     autoComplete?: boolean;
 };
-export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterSubmitData, filterData, transformIn, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, locale, translations, disabled, required, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterSubmitData, filterData, transformIn, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, onClear, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, locale, translations, disabled, required, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Form/Handler/Handler.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterSubmitData", "filterData", "transformIn", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete", "locale", "translations", "disabled", "required"],
+const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterSubmitData", "filterData", "transformIn", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "onClear", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete", "locale", "translations", "disabled", "required"],
   _excluded2 = ["children"];
 import React, { useContext } from 'react';
 import DataContextProvider from '../../DataContext/Provider';
@@ -28,6 +28,7 @@ export default function FormHandler(_ref) {
       onSubmit,
       onSubmitRequest,
       onSubmitComplete,
+      onClear,
       minimumAsyncBehaviorTime,
       asyncSubmitTimeout,
       scrollTopOnSubmit,
@@ -55,6 +56,7 @@ export default function FormHandler(_ref) {
     onSubmit,
     onSubmitRequest,
     onSubmitComplete,
+    onClear,
     minimumAsyncBehaviorTime,
     asyncSubmitTimeout,
     scrollTopOnSubmit,