npm - @dnb/eufemia - Versions diffs - 10.73.2 → 10.74.0 - Mend

@dnb/eufemia 10.73.2 → 10.74.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 (624) hide show

package/extensions/forms/Field/Date/Date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","isBefore","isAfter","useTranslation","convertStringToDate","formatDate","FormError","startOfDay","useInvalidDates","DateComponent","props","errorRequired","label","defaultLabel","Date","locale","invalidDatesRef","setInvalidDates","errorMessages","_objectSpread","schema","_props$schema","type","pattern","validateRequired","value","_ref","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","_ref2","date","start_date","end_date","invalidDate","invalidStartDate","invalidEndDate","preparedProps","exportValidators","_useFieldProps","id","path","itemPath","className","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","width","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","parseRangeValue","fieldBlockProps","forId","createElement","_extends","stretch","status","onChange","event","onFocus","onBlur","split","map","test","_ref3","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","_ref4","errors","datePickerPropKeys","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport type {\n FieldProps,\n AllJSONSchemaVersions,\n ValidatorDisableable,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid, isBefore, isAfter } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport {\n DatePickerEvent,\n DatePickerProps,\n} from '../../../../components/DatePicker'\nimport {\n FormatDateOptions,\n convertStringToDate,\n formatDate,\n} from '../../../../components/date-picker/DatePickerCalc'\nimport { ProviderProps } from '../../../../shared/Provider'\nimport { FormError } from '../../utils'\nimport startOfDay from 'date-fns/startOfDay'\nimport { InvalidDates } from '../../../../components/date-picker/DatePickerInput'\nimport useInvalidDates from './hooks/useInvalidDates'\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` are not picked from the `DatePickerProps`\n// Since they require `Field.Date` specific comments, due to them having different default values\nexport type DateProps = Omit<\n FieldProps<string, undefined \| string>,\n 'onBlurValidator'\n> & {\n // Validation\n pattern?: string\n /*\n Defines if the Date field should support a value of two dates (starting and ending date).\n * The value needs to be a string containing two dates, separated by a pipe character (`\|`) i.e. (`01-09-2024\|30-09-2024`) when this is set to `true`.\n * Defaults to `false`.\n /\n range?: DatePickerProps['range']\n /\n If the input fields with the mask should be visible. Defaults to `true`.\n /\n showInput?: DatePickerProps['showInput']\n\n /\n If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.\n /\n showCancelButton?: DatePickerProps['showCancelButton']\n /\n If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `true`.\n */\n showResetButton?: DatePickerProps['showResetButton']\n onBlurValidator?: ValidatorDisableable<string>\n} & Pick<\n DatePickerProps,\n \| 'month'\n \| 'startMonth'\n \| 'endMonth'\n \| 'minDate'\n \| 'maxDate'\n \| 'correctInvalidDate'\n \| 'maskOrder'\n \| 'maskPlaceholder'\n \| 'dateFormat'\n \| 'returnFormat'\n \| 'hideNavigation'\n \| 'hideDays'\n \| 'onlyMonth'\n \| 'hideLastWeek'\n \| 'disableAutofocus'\n \| 'showSubmitButton'\n \| 'submitButtonText'\n \| 'cancelButtonText'\n \| 'resetButtonText'\n \| 'firstDay'\n \| 'link'\n \| 'size'\n \| 'sync'\n \| 'addonElement'\n \| 'shortcuts'\n \| 'opened'\n \| 'direction'\n \| 'alignPicker'\n \| 'onDaysRender'\n \| 'onType'\n \| 'onShow'\n \| 'onHide'\n \| 'onSubmit'\n \| 'onCancel'\n \| 'onReset'\n \| 'skipPortal'\n >\n\nfunction DateComponent(props: DateProps) {\n const { errorRequired, label: defaultLabel } = useTranslation().Date\n const { locale } = useContext(SharedContext)\n\n const { invalidDatesRef, setInvalidDates } = useInvalidDates()\n\n const errorMessages = useMemo(() => {\n return {\n 'Field.errorRequired': errorRequired,\n 'Field.errorPattern': errorRequired,\n ...props.errorMessages,\n }\n }, [props.errorMessages, errorRequired])\n\n const schema = useMemo<AllJSONSchemaVersions>(\n () =>\n props.schema ?? {\n type: 'string',\n pattern: props.pattern,\n },\n [props.schema, props.pattern]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n if (required && (!value \|\| !isValid(parseISO(value)))) {\n return error\n }\n\n return undefined\n },\n []\n )\n\n const dateValidator = useCallback(\n (value: string) => {\n const invalidDateErrors = validateDate(invalidDatesRef.current)\n\n // No need to validate min/max date if they are not provided\n if (!props.minDate && !props.maxDate) {\n return invalidDateErrors\n }\n\n const dateLimitErrors = validateDateLimit({\n value,\n locale,\n minDate: props.minDate,\n maxDate: props.maxDate,\n isRange: props.range,\n })\n\n return [...invalidDateErrors, ...dateLimitErrors]\n },\n [props.maxDate, props.minDate, props.range, invalidDatesRef, locale]\n )\n\n const onBlurValidator = useMemo(() => {\n if (props.onBlurValidator === false) {\n return undefined\n }\n\n if (props.onBlurValidator) {\n return props.onBlurValidator\n }\n\n return dateValidator\n }, [props.onBlurValidator, dateValidator])\n\n const fromInput = useCallback(\n ({\n date,\n start_date,\n end_date,\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n // Add to ref, for use in onBlurValidator, would be better if there was a way to add this to additional args\n setInvalidDates({\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n })\n\n return props.range ? `${start_date}\|${end_date}` : date\n },\n [props.range, setInvalidDates]\n )\n\n const preparedProps = {\n ...props,\n errorMessages,\n schema,\n fromInput,\n validateRequired,\n onBlurValidator,\n exportValidators: { dateValidator },\n invalidDatesRef,\n }\n\n const {\n id,\n path,\n itemPath,\n className,\n label,\n value: valueProp,\n hasError,\n disabled,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n range,\n showCancelButton = true,\n showResetButton = true,\n showInput = true,\n onReset,\n minDate,\n maxDate,\n width,\n ...rest\n } = useFieldProps(preparedProps)\n\n const datePickerProps = pickDatePickerProps(rest)\n\n const { value, startDate, endDate } = useMemo(() => {\n if (!range \|\| !valueProp) {\n return {\n // Assign to null if falsy value, to properly clear input values\n value: valueProp ?? null,\n startDate: undefined,\n endDate: undefined,\n }\n }\n\n const [startDate, endDate] = parseRangeValue(valueProp)\n\n return {\n value: undefined,\n startDate,\n endDate,\n }\n }, [range, valueProp])\n\n useMemo(() => {\n if ((path \|\| itemPath) && valueProp) {\n setDisplayValue(formatDate(valueProp, { locale }), undefined)\n }\n }, [itemPath, locale, path, setDisplayValue, valueProp])\n\n const fieldBlockProps: FieldBlockProps = {\n forId: id,\n label: label ?? defaultLabel,\n className: classnames('dnb-forms-field-string', className),\n width,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <DatePicker\n id={id}\n date={value}\n disabled={disabled}\n showInput={showInput}\n showCancelButton={showCancelButton}\n showResetButton={showResetButton}\n stretch={width !== undefined}\n startDate={startDate}\n endDate={endDate}\n minDate={minDate}\n maxDate={maxDate}\n status={hasError ? 'error' : undefined}\n range={range}\n onChange={handleChange}\n onReset={(event) => {\n handleChange(event)\n onReset?.(event)\n }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...datePickerProps}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\nexport function parseRangeValue(value: DateProps['value']) {\n return (\n value\n .split('\|')\n // Assign to null if falsy value, to properly clear input values\n .map((value) => (/(undefined\|null)/.test(value) ? null : value))\n )\n}\n\n// Validators\nfunction validateDateLimit({\n value,\n isRange,\n locale,\n ...dates\n}: {\n value: DateProps['value']\n minDate: DateProps['minDate']\n maxDate: DateProps['maxDate']\n isRange: DateProps['range']\n locale: ProviderProps['locale']\n}) {\n if ((!dates.minDate && !dates.maxDate) \|\| !value) {\n return []\n }\n\n const [startDateParsed, endDateParsed] = parseRangeValue(value)\n\n // Set dates to the start of the day to compare the actual days, and not day and time\n const minDate = startOfDay(convertStringToDate(dates.minDate))\n const maxDate = startOfDay(convertStringToDate(dates.maxDate))\n\n const startDate = startOfDay(convertStringToDate(startDateParsed))\n const endDate = startOfDay(convertStringToDate(endDateParsed))\n\n const isoDates = {\n minDate:\n dates.minDate instanceof Date\n ? dates.minDate.toISOString()\n : dates.minDate,\n maxDate:\n dates.maxDate instanceof Date\n ? dates.maxDate.toISOString()\n : dates.maxDate,\n }\n\n const options: FormatDateOptions = {\n locale,\n variant: 'long',\n }\n\n const messages: Array<FormError> = []\n\n // Handle non range validation\n if (!isRange) {\n if (isBefore(startDate, minDate)) {\n messages.push(\n new FormError('Date.errorMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(startDate, maxDate)) {\n messages.push(\n new FormError('Date.errorMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n return messages\n }\n\n // Start date validation\n if (isBefore(startDate, minDate)) {\n messages.push(\n new FormError('Date.errorStartDateMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(startDate, maxDate)) {\n messages.push(\n new FormError('Date.errorStartDateMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n // End date validation\n if (isBefore(endDate, minDate)) {\n messages.push(\n new FormError('Date.errorEndDateMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(endDate, maxDate)) {\n messages.push(\n new FormError('Date.errorEndDateMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n return messages\n}\n\nfunction validateDate({\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n}: InvalidDates) {\n if (invalidDate) {\n return [\n new FormError('Date.errorInvalidDate', {\n messageValues: { date: invalidDate },\n }),\n ]\n }\n\n const errors: Array<FormError> = []\n\n if (invalidStartDate) {\n errors.push(\n new FormError('Date.errorInvalidStartDate', {\n messageValues: { date: invalidStartDate },\n })\n )\n }\n\n if (invalidEndDate) {\n errors.push(\n new FormError('Date.errorInvalidEndDate', {\n messageValues: { date: invalidEndDate },\n })\n )\n }\n\n return errors\n}\n\n// Used to filter out DatePickerProps from the FieldProps.\n// Includes DatePickerProps that are not destructured in useFieldProps\nconst datePickerPropKeys = [\n 'month',\n 'startMonth',\n 'endMonth',\n 'minDate',\n 'maxDate',\n 'correctInvalidDate',\n 'maskOrder',\n 'maskPlaceholder',\n 'dateFormat',\n 'returnFormat',\n 'hideNavigation',\n 'hideDays',\n 'onlyMonth',\n 'hideLastWeek',\n 'disableAutofocus',\n 'showSubmitButton',\n 'submitButtonText',\n 'cancelButtonText',\n 'resetButtonText',\n 'firstDay',\n 'link',\n 'size',\n 'sync',\n 'addonElement',\n 'shortcuts',\n 'opened',\n 'direction',\n 'alignPicker',\n 'onDaysRender',\n 'showInput',\n 'onDaysRender',\n 'onType',\n 'onShow',\n 'onHide',\n 'onSubmit',\n 'onCancel',\n 'onReset',\n 'skipPortal',\n]\n\nfunction pickDatePickerProps(props: DateProps) {\n const datePickerProps = Object.keys(props).reduce(\n (datePickerProps, key) => {\n if (datePickerPropKeys.includes(key)) {\n datePickerProps[key] = props[key]\n }\n\n return datePickerProps\n },\n {}\n )\n\n return datePickerProps\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","isBefore","isAfter","useTranslation","convertStringToDate","formatDate","FormError","startOfDay","useInvalidDates","DateComponent","props","errorRequired","label","defaultLabel","Date","locale","invalidDatesRef","setInvalidDates","errorMessages","_objectSpread","schema","_props$schema","type","pattern","validateRequired","value","_ref","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","_ref2","date","start_date","end_date","invalidDate","invalidStartDate","invalidEndDate","preparedProps","exportValidators","_useFieldProps","id","path","itemPath","className","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","width","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","parseRangeValue","fieldBlockProps","forId","createElement","_extends","stretch","status","onChange","event","onFocus","onBlur","split","map","test","_ref3","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","_ref4","errors","datePickerPropKeys","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport type {\n FieldProps,\n AllJSONSchemaVersions,\n ValidatorDisableable,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid, isBefore, isAfter } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport {\n DatePickerEvent,\n DatePickerProps,\n} from '../../../../components/DatePicker'\nimport {\n FormatDateOptions,\n convertStringToDate,\n formatDate,\n} from '../../../../components/date-picker/DatePickerCalc'\nimport { ProviderProps } from '../../../../shared/Provider'\nimport { FormError } from '../../utils'\nimport startOfDay from 'date-fns/startOfDay'\nimport { InvalidDates } from '../../../../components/date-picker/DatePickerInput'\nimport useInvalidDates from './hooks/useInvalidDates'\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` are not picked from the `DatePickerProps`\n// Since they require `Field.Date` specific comments, due to them having different default values\nexport type DateProps = Omit<\n FieldProps<string, undefined \| string>,\n 'onBlurValidator'\n> & {\n // Validation\n pattern?: string\n /*\n Defines if the Date field should support a value of two dates (starting and ending date).\n * The value needs to be a string containing two dates, separated by a pipe character (`\|`) i.e. (`01-09-2024\|30-09-2024`) when this is set to `true`.\n * Defaults to `false`.\n /\n range?: DatePickerProps['range']\n /\n If the input fields with the mask should be visible. Defaults to `true`.\n /\n showInput?: DatePickerProps['showInput']\n\n /\n If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.\n /\n showCancelButton?: DatePickerProps['showCancelButton']\n /\n If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `true`.\n */\n showResetButton?: DatePickerProps['showResetButton']\n onBlurValidator?: ValidatorDisableable<string>\n} & Pick<\n DatePickerProps,\n \| 'month'\n \| 'startMonth'\n \| 'endMonth'\n \| 'minDate'\n \| 'maxDate'\n \| 'correctInvalidDate'\n \| 'maskOrder'\n \| 'maskPlaceholder'\n \| 'dateFormat'\n \| 'returnFormat'\n \| 'hideNavigation'\n \| 'hideDays'\n \| 'onlyMonth'\n \| 'hideLastWeek'\n \| 'disableAutofocus'\n \| 'showSubmitButton'\n \| 'submitButtonText'\n \| 'cancelButtonText'\n \| 'resetButtonText'\n \| 'firstDay'\n \| 'link'\n \| 'size'\n \| 'sync'\n \| 'addonElement'\n \| 'shortcuts'\n \| 'opened'\n \| 'direction'\n \| 'alignPicker'\n \| 'onDaysRender'\n \| 'onType'\n \| 'onShow'\n \| 'onHide'\n \| 'onSubmit'\n \| 'onCancel'\n \| 'onReset'\n \| 'skipPortal'\n \| 'yearNavigation'\n >\n\nfunction DateComponent(props: DateProps) {\n const { errorRequired, label: defaultLabel } = useTranslation().Date\n const { locale } = useContext(SharedContext)\n\n const { invalidDatesRef, setInvalidDates } = useInvalidDates()\n\n const errorMessages = useMemo(() => {\n return {\n 'Field.errorRequired': errorRequired,\n 'Field.errorPattern': errorRequired,\n ...props.errorMessages,\n }\n }, [props.errorMessages, errorRequired])\n\n const schema = useMemo<AllJSONSchemaVersions>(\n () =>\n props.schema ?? {\n type: 'string',\n pattern: props.pattern,\n },\n [props.schema, props.pattern]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n if (required && (!value \|\| !isValid(parseISO(value)))) {\n return error\n }\n\n return undefined\n },\n []\n )\n\n const dateValidator = useCallback(\n (value: string) => {\n const invalidDateErrors = validateDate(invalidDatesRef.current)\n\n // No need to validate min/max date if they are not provided\n if (!props.minDate && !props.maxDate) {\n return invalidDateErrors\n }\n\n const dateLimitErrors = validateDateLimit({\n value,\n locale,\n minDate: props.minDate,\n maxDate: props.maxDate,\n isRange: props.range,\n })\n\n return [...invalidDateErrors, ...dateLimitErrors]\n },\n [props.maxDate, props.minDate, props.range, invalidDatesRef, locale]\n )\n\n const onBlurValidator = useMemo(() => {\n if (props.onBlurValidator === false) {\n return undefined\n }\n\n if (props.onBlurValidator) {\n return props.onBlurValidator\n }\n\n return dateValidator\n }, [props.onBlurValidator, dateValidator])\n\n const fromInput = useCallback(\n ({\n date,\n start_date,\n end_date,\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n // Add to ref, for use in onBlurValidator, would be better if there was a way to add this to additional args\n setInvalidDates({\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n })\n\n return props.range ? `${start_date}\|${end_date}` : date\n },\n [props.range, setInvalidDates]\n )\n\n const preparedProps = {\n ...props,\n errorMessages,\n schema,\n fromInput,\n validateRequired,\n onBlurValidator,\n exportValidators: { dateValidator },\n invalidDatesRef,\n }\n\n const {\n id,\n path,\n itemPath,\n className,\n label,\n value: valueProp,\n hasError,\n disabled,\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n range,\n showCancelButton = true,\n showResetButton = true,\n showInput = true,\n onReset,\n minDate,\n maxDate,\n width,\n ...rest\n } = useFieldProps(preparedProps)\n\n const datePickerProps = pickDatePickerProps(rest)\n\n const { value, startDate, endDate } = useMemo(() => {\n if (!range \|\| !valueProp) {\n return {\n // Assign to null if falsy value, to properly clear input values\n value: valueProp ?? null,\n startDate: undefined,\n endDate: undefined,\n }\n }\n\n const [startDate, endDate] = parseRangeValue(valueProp)\n\n return {\n value: undefined,\n startDate,\n endDate,\n }\n }, [range, valueProp])\n\n useMemo(() => {\n if ((path \|\| itemPath) && valueProp) {\n setDisplayValue(formatDate(valueProp, { locale }), undefined)\n }\n }, [itemPath, locale, path, setDisplayValue, valueProp])\n\n const fieldBlockProps: FieldBlockProps = {\n forId: id,\n label: label ?? defaultLabel,\n className: classnames('dnb-forms-field-string', className),\n width,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <DatePicker\n id={id}\n date={value}\n disabled={disabled}\n showInput={showInput}\n showCancelButton={showCancelButton}\n showResetButton={showResetButton}\n stretch={width !== undefined}\n startDate={startDate}\n endDate={endDate}\n minDate={minDate}\n maxDate={maxDate}\n status={hasError ? 'error' : undefined}\n range={range}\n onChange={handleChange}\n onReset={(event) => {\n handleChange(event)\n onReset?.(event)\n }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...datePickerProps}\n {...htmlAttributes}\n />\n </FieldBlock>\n )\n}\n\nexport function parseRangeValue(value: DateProps['value']) {\n return (\n value\n .split('\|')\n // Assign to null if falsy value, to properly clear input values\n .map((value) => (/(undefined\|null)/.test(value) ? null : value))\n )\n}\n\n// Validators\nfunction validateDateLimit({\n value,\n isRange,\n locale,\n ...dates\n}: {\n value: DateProps['value']\n minDate: DateProps['minDate']\n maxDate: DateProps['maxDate']\n isRange: DateProps['range']\n locale: ProviderProps['locale']\n}) {\n if ((!dates.minDate && !dates.maxDate) \|\| !value) {\n return []\n }\n\n const [startDateParsed, endDateParsed] = parseRangeValue(value)\n\n // Set dates to the start of the day to compare the actual days, and not day and time\n const minDate = startOfDay(convertStringToDate(dates.minDate))\n const maxDate = startOfDay(convertStringToDate(dates.maxDate))\n\n const startDate = startOfDay(convertStringToDate(startDateParsed))\n const endDate = startOfDay(convertStringToDate(endDateParsed))\n\n const isoDates = {\n minDate:\n dates.minDate instanceof Date\n ? dates.minDate.toISOString()\n : dates.minDate,\n maxDate:\n dates.maxDate instanceof Date\n ? dates.maxDate.toISOString()\n : dates.maxDate,\n }\n\n const options: FormatDateOptions = {\n locale,\n variant: 'long',\n }\n\n const messages: Array<FormError> = []\n\n // Handle non range validation\n if (!isRange) {\n if (isBefore(startDate, minDate)) {\n messages.push(\n new FormError('Date.errorMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(startDate, maxDate)) {\n messages.push(\n new FormError('Date.errorMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n return messages\n }\n\n // Start date validation\n if (isBefore(startDate, minDate)) {\n messages.push(\n new FormError('Date.errorStartDateMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(startDate, maxDate)) {\n messages.push(\n new FormError('Date.errorStartDateMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n // End date validation\n if (isBefore(endDate, minDate)) {\n messages.push(\n new FormError('Date.errorEndDateMinDate', {\n messageValues: { date: formatDate(isoDates.minDate, options) },\n })\n )\n }\n\n if (isAfter(endDate, maxDate)) {\n messages.push(\n new FormError('Date.errorEndDateMaxDate', {\n messageValues: { date: formatDate(isoDates.maxDate, options) },\n })\n )\n }\n\n return messages\n}\n\nfunction validateDate({\n invalidDate,\n invalidStartDate,\n invalidEndDate,\n}: InvalidDates) {\n if (invalidDate) {\n return [\n new FormError('Date.errorInvalidDate', {\n messageValues: { date: invalidDate },\n }),\n ]\n }\n\n const errors: Array<FormError> = []\n\n if (invalidStartDate) {\n errors.push(\n new FormError('Date.errorInvalidStartDate', {\n messageValues: { date: invalidStartDate },\n })\n )\n }\n\n if (invalidEndDate) {\n errors.push(\n new FormError('Date.errorInvalidEndDate', {\n messageValues: { date: invalidEndDate },\n })\n )\n }\n\n return errors\n}\n\n// Used to filter out DatePickerProps from the FieldProps.\n// Includes DatePickerProps that are not destructured in useFieldProps\nconst datePickerPropKeys = [\n 'month',\n 'startMonth',\n 'endMonth',\n 'minDate',\n 'maxDate',\n 'correctInvalidDate',\n 'maskOrder',\n 'maskPlaceholder',\n 'dateFormat',\n 'returnFormat',\n 'hideNavigation',\n 'hideDays',\n 'onlyMonth',\n 'hideLastWeek',\n 'disableAutofocus',\n 'showSubmitButton',\n 'submitButtonText',\n 'cancelButtonText',\n 'resetButtonText',\n 'firstDay',\n 'link',\n 'size',\n 'sync',\n 'addonElement',\n 'shortcuts',\n 'opened',\n 'direction',\n 'alignPicker',\n 'onDaysRender',\n 'showInput',\n 'onDaysRender',\n 'onType',\n 'onShow',\n 'onHide',\n 'onSubmit',\n 'onCancel',\n 'onReset',\n 'skipPortal',\n 'yearNavigation',\n]\n\nfunction pickDatePickerProps(props: DateProps) {\n const datePickerProps = Object.keys(props).reduce(\n (datePickerProps, key) => {\n if (datePickerPropKeys.includes(key)) {\n datePickerProps[key] = props[key]\n }\n\n return datePickerProps\n },\n {}\n )\n\n return datePickerProps\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Field/Expiry/Expiry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","FormError","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","handleInput","values","expiryValueToString","isFieldEmpty","validateRequired","value","_ref","required","error","undefined","monthAndYearValidator","validateMonthAndYear","validateInitially","valueProp","_props$value","stringToExpiryValue","defaultValue","monthString","yearString","preparedProps","fromInput","onBlurValidator","id","path","itemPath","className","hasError","info","warning","disabled","size","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","status","fieldBlockProps","forId","createElement","stretch","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","placeholderCharacter","autoComplete","placeholder","_value$substring","_value$substring2","substring","length","date","monthNumber","Number","messages","includes","push","messageValues","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type {\n MultiInputMaskProps,\n MultiInputMaskValue,\n} from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormError } from '../../utils'\n\ntype ExpiryValue = MultiInputMaskValue<'month' \| 'year'>\n\nexport type ExpiryProps = Omit<\n FieldProps<string, undefined \| ''>,\n 'width' \| 'contentWidth'\n> & {\n /*\n The size of the component.\n */\n size?: MultiInputMaskProps<'month' \| 'year'>['size']\n}\n\nfunction Expiry(props: ExpiryProps) {\n const {\n Date: { errorRequired },\n Expiry: { label: expiryLabel },\n } = useTranslation()\n\n const {\n DatePicker: {\n placeholderCharacters: placeholders,\n month: monthLabel,\n year: yearLabel,\n },\n } = useSharedTranslation()\n\n const errorMessages = useMemo(\n () => ({\n 'Field.errorRequired': errorRequired,\n ...props.errorMessages,\n }),\n [errorRequired, props.errorMessages]\n )\n\n const handleInput = useCallback(\n (values: ExpiryValue) => {\n const month = expiryValueToString(values.month, placeholders.month)\n const year = expiryValueToString(values.year, placeholders.year)\n\n if (\n isFieldEmpty(month, placeholders.month) &&\n isFieldEmpty(year, placeholders.year)\n ) {\n return ''\n }\n\n return `${month}${year}`\n },\n [placeholders.month, placeholders.year]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n return required && !value ? error : undefined\n },\n []\n )\n\n const monthAndYearValidator = useCallback(\n (value: string) => validateMonthAndYear(value, placeholders),\n [placeholders]\n )\n\n const validateInitially = useMemo(() => {\n if (props.validateInitially) {\n return props.validateInitially\n }\n\n if (props.value) {\n return true\n }\n\n return undefined\n }, [props.validateInitially, props.value])\n\n const valueProp = useMemo(() => {\n const { month, year } = stringToExpiryValue(\n props.value ?? props.defaultValue\n )\n const monthString = expiryValueToString(month, placeholders.month)\n const yearString = expiryValueToString(year, placeholders.year)\n\n if (\n isFieldEmpty(monthString, placeholders.month) &&\n isFieldEmpty(yearString, placeholders.year)\n ) {\n return ''\n }\n\n return `${monthString}${yearString}`\n }, [\n props.value,\n props.defaultValue,\n placeholders.month,\n placeholders.year,\n ])\n\n const preparedProps: ExpiryProps = {\n ...props,\n errorMessages,\n value: valueProp,\n fromInput: handleInput,\n validateRequired,\n validateInitially: validateInitially,\n onBlurValidator: monthAndYearValidator,\n }\n\n const {\n id,\n path,\n itemPath,\n className,\n label = expiryLabel,\n hasError,\n info,\n warning,\n disabled,\n size,\n value = '',\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n } = useFieldProps(preparedProps)\n\n const expiry: ExpiryValue = useMemo(\n () => stringToExpiryValue(value),\n [value]\n )\n\n useMemo(() => {\n if ((path \|\| itemPath) && expiry.month && expiry.year) {\n setDisplayValue(`${expiry.month}/${expiry.year}`)\n }\n }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n const status = hasError\n ? 'error'\n : warning\n ? 'warn'\n : info\n ? 'info'\n : null\n\n const fieldBlockProps: FieldBlockProps = {\n id,\n forId: `${id}-input-month`,\n className: classnames('dnb-forms-field-expiry', className),\n label,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <MultiInputMask\n stretch\n id={`${id}-input`}\n values={expiry}\n status={status}\n statusState={disabled ? 'disabled' : undefined}\n disabled={disabled}\n size={size}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n delimiter=\"/\"\n inputMode=\"numeric\"\n inputs={[\n {\n id: 'month',\n label: monthLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['month'],\n autoComplete: 'cc-exp-month',\n ...htmlAttributes,\n },\n {\n id: 'year',\n label: yearLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['year'],\n autoComplete: 'cc-exp-year',\n ...htmlAttributes,\n },\n ]}\n />\n </FieldBlock>\n )\n}\n\nfunction isFieldEmpty(value: string, placeholder: string) {\n return value === `${placeholder}${placeholder}`\n}\n\nfunction stringToExpiryValue(value: string) {\n const month = value?.substring(0, 2) ?? ''\n const year = value?.substring(2, 4) ?? ''\n\n return {\n month,\n year,\n }\n}\n\nfunction expiryValueToString(value: string, placeholder: string) {\n if (!value) {\n return `${placeholder}${placeholder}`\n }\n\n if (value.length === 1) {\n return `${value}${placeholder}`\n }\n\n return value\n}\n\nfunction validateMonthAndYear(\n date: string,\n placeholders: Record<'month' \| 'year', string>\n) {\n const { month, year } = stringToExpiryValue(date)\n\n const monthNumber = Number(month)\n\n const messages: Array<FormError> = []\n\n if (\n month.includes(placeholders.month) \|\|\n monthNumber < 1 \|\|\n monthNumber > 12\n ) {\n messages.push(\n new FormError('Expiry.errorMonth', {\n messageValues: { month: month },\n })\n )\n }\n\n if (year.includes(placeholders.year)) {\n messages.push(\n new FormError('Expiry.errorYear', {\n messageValues: { year: year },\n })\n )\n }\n\n if (messages.length) {\n return messages\n }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,SAASC,cAAc,QAAQ,qCAAqC;AAKpE,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,oBAAoB;AAC3E,OAAOD,cAAc,MAAM,4BAA4B;AACvD,SAASE,SAAS,QAAQ,aAAa;AAcvC,SAASC,MAAMA,CAACC,KAAkB,EAAE;EAClC,MAAM;IACJC,IAAI,EAAE;MAAEC;IAAc,CAAC;IACvBH,MAAM,EAAE;MAAEI,KAAK,EAAEC;IAAY;EAC/B,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEpB,MAAM;IACJS,UAAU,EAAE;MACVC,qBAAqB,EAAEC,YAAY;MACnCC,KAAK,EAAEC,UAAU;MACjBC,IAAI,EAAEC;IACR;EACF,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EAE1B,MAAMe,aAAa,GAAGtB,OAAO,CAC3B,MAAAuB,aAAA;IACE,qBAAqB,EAAEX;EAAa,GACjCF,KAAK,CAACY,aAAa,CACtB,EACF,CAACV,aAAa,EAAEF,KAAK,CAACY,aAAa,CACrC,CAAC;EAED,MAAME,WAAW,GAAGzB,WAAW,CAC5B0B,MAAmB,IAAK;IACvB,MAAMP,KAAK,GAAGQ,mBAAmB,CAACD,MAAM,CAACP,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IACnE,MAAME,IAAI,GAAGM,mBAAmB,CAACD,MAAM,CAACL,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAEhE,IACEO,YAAY,CAACT,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC,IACvCS,YAAY,CAACP,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC,EACrC;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGF,KAAK,GAAGE,IAAI,EAAE;EAC1B,CAAC,EACD,CAACH,YAAY,CAACC,KAAK,EAAED,YAAY,CAACG,IAAI,CACxC,CAAC;EAED,MAAMQ,gBAAgB,GAAG7B,WAAW,CAClC,CAAC8B,KAAa,EAAAC,IAAA,KAA0B;IAAA,IAAxB;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAAF,IAAA;IACjC,OAAOC,QAAQ,IAAI,CAACF,KAAK,GAAGG,KAAK,GAAGC,SAAS;EAC/C,CAAC,EACD,EACF,CAAC;EAED,MAAMC,qBAAqB,GAAGnC,WAAW,CACtC8B,KAAa,IAAKM,oBAAoB,CAACN,KAAK,EAAEZ,YAAY,CAAC,EAC5D,CAACA,YAAY,CACf,CAAC;EAED,MAAMmB,iBAAiB,GAAGpC,OAAO,CAAC,MAAM;IACtC,IAAIU,KAAK,CAAC0B,iBAAiB,EAAE;MAC3B,OAAO1B,KAAK,CAAC0B,iBAAiB;IAChC;IAEA,IAAI1B,KAAK,CAACmB,KAAK,EAAE;MACf,OAAO,IAAI;IACb;IAEA,OAAOI,SAAS;EAClB,CAAC,EAAE,CAACvB,KAAK,CAAC0B,iBAAiB,EAAE1B,KAAK,CAACmB,KAAK,CAAC,CAAC;EAE1C,MAAMQ,SAAS,GAAGrC,OAAO,CAAC,MAAM;IAAA,IAAAsC,YAAA;IAC9B,MAAM;MAAEpB,KAAK;MAAEE;IAAK,CAAC,GAAGmB,mBAAmB,EAAAD,YAAA,GACzC5B,KAAK,CAACmB,KAAK,cAAAS,YAAA,cAAAA,YAAA,GAAI5B,KAAK,CAAC8B,YACvB,CAAC;IACD,MAAMC,WAAW,GAAGf,mBAAmB,CAACR,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IAClE,MAAMwB,UAAU,GAAGhB,mBAAmB,CAACN,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAE/D,IACEO,YAAY,CAACc,WAAW,EAAExB,YAAY,CAACC,KAAK,CAAC,IAC7CS,YAAY,CAACe,UAAU,EAAEzB,YAAY,CAACG,IAAI,CAAC,EAC3C;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGqB,WAAW,GAAGC,UAAU,EAAE;EACtC,CAAC,EAAE,CACDhC,KAAK,CAACmB,KAAK,EACXnB,KAAK,CAAC8B,YAAY,EAClBvB,YAAY,CAACC,KAAK,EAClBD,YAAY,CAACG,IAAI,CAClB,CAAC;EAEF,MAAMuB,aAA0B,GAAApB,aAAA,CAAAA,aAAA,KAC3Bb,KAAK;IACRY,aAAa;IACbO,KAAK,EAAEQ,SAAS;IAChBO,SAAS,EAAEpB,WAAW;IACtBI,gBAAgB;IAChBQ,iBAAiB,EAAEA,iBAAiB;IACpCS,eAAe,EAAEX;EAAqB,EACvC;EAED,MAAM;IACJY,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTpC,KAAK,GAAGC,WAAW;IACnBoC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,IAAI;IACJzB,KAAK,GAAG,EAAE;IACV0B,cAAc;IACdC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC;EACF,CAAC,GAAGzD,aAAa,CAACyC,aAAa,CAAC;EAEhC,MAAMiB,MAAmB,GAAG5D,OAAO,CACjC,MAAMuC,mBAAmB,CAACV,KAAK,CAAC,EAChC,CAACA,KAAK,CACR,CAAC;EAED7B,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC+C,IAAI,IAAIC,QAAQ,KAAKY,MAAM,CAAC1C,KAAK,IAAI0C,MAAM,CAACxC,IAAI,EAAE;MACrDuC,eAAe,CAAC,GAAGC,MAAM,CAAC1C,KAAK,IAAI0C,MAAM,CAACxC,IAAI,EAAE,CAAC;IACnD;EACF,CAAC,EAAE,CAACwC,MAAM,CAAC1C,KAAK,EAAE0C,MAAM,CAACxC,IAAI,EAAE4B,QAAQ,EAAED,IAAI,EAAEY,eAAe,CAAC,CAAC;EAEhE,MAAME,MAAM,GAAGX,QAAQ,GACnB,OAAO,GACPE,OAAO,GACP,MAAM,GACND,IAAI,GACJ,MAAM,GACN,IAAI;EAER,MAAMW,eAAgC,GAAAvC,aAAA;IACpCuB,EAAE;IACFiB,KAAK,EAAE,GAAGjB,EAAE,cAAc;IAC1BG,SAAS,EAAE9C,UAAU,CAAC,wBAAwB,EAAE8C,SAAS,CAAC;IAC1DpC;EAAK,GACFZ,gBAAgB,CAACS,KAAK,CAAC,CAC3B;EAED,OACEZ,KAAA,CAAAkE,aAAA,CAAC5D,UAAU,EAAK0D,eAAe,EAC7BhE,KAAA,CAAAkE,aAAA,CAAC3D,cAAc;IACb4D,OAAO;IACPnB,EAAE,EAAE,GAAGA,EAAE,QAAS;IAClBrB,MAAM,EAAEmC,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfK,WAAW,EAAEb,QAAQ,GAAG,UAAU,GAAGpB,SAAU;IAC/CoB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXa,QAAQ,EAAET,YAAa;IACvBU,MAAM,EAAEX,UAAW;IACnBY,OAAO,EAAEb,WAAY;IACrBc,SAAS,EAAC,GAAG;IACbC,SAAS,EAAC,SAAS;IACnBC,MAAM,EAAE,CAAAjD,aAAA;MAEJuB,EAAE,EAAE,OAAO;MACXjC,KAAK,EAAEM,UAAU;MACjBsD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAEzD,YAAY,CAAC,OAAO,CAAC;MAC3C0D,YAAY,EAAE;IAAc,GACzBpB,cAAc,GAAAhC,aAAA;MAGjBuB,EAAE,EAAE,MAAM;MACVjC,KAAK,EAAEQ,SAAS;MAChBoD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAEzD,YAAY,CAAC,MAAM,CAAC;MAC1C0D,YAAY,EAAE;IAAa,GACxBpB,cAAc;EAEnB,CACH,CACS,CAAC;AAEjB;AAEA,SAAS5B,YAAYA,CAACE,KAAa,EAAE+C,WAAmB,EAAE;EACxD,OAAO/C,KAAK,KAAK,GAAG+C,WAAW,GAAGA,WAAW,EAAE;AACjD;AAEA,SAASrC,mBAAmBA,CAACV,KAAa,EAAE;EAAA,IAAAgD,gBAAA,EAAAC,iBAAA;EAC1C,MAAM5D,KAAK,IAAA2D,gBAAA,GAAGhD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAF,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EAC1C,MAAMzD,IAAI,IAAA0D,iBAAA,GAAGjD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAD,iBAAA,cAAAA,iBAAA,GAAI,EAAE;EAEzC,OAAO;IACL5D,KAAK;IACLE;EACF,CAAC;AACH;AAEA,SAASM,mBAAmBA,CAACG,KAAa,EAAE+C,WAAmB,EAAE;EAC/D,IAAI,CAAC/C,KAAK,EAAE;IACV,OAAO,GAAG+C,WAAW,GAAGA,WAAW,EAAE;EACvC;EAEA,IAAI/C,KAAK,CAACmD,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,GAAGnD,KAAK,GAAG+C,WAAW,EAAE;EACjC;EAEA,OAAO/C,KAAK;AACd;AAEA,SAASM,oBAAoBA,CAC3B8C,IAAY,EACZhE,YAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEE;EAAK,CAAC,GAAGmB,mBAAmB,CAAC0C,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGC,MAAM,CAACjE,KAAK,CAAC;EAEjC,MAAMkE,QAA0B,GAAG,EAAE;EAErC,IACElE,KAAK,CAACmE,QAAQ,CAACpE,YAAY,CAACC,KAAK,CAAC,IAClCgE,WAAW,GAAG,CAAC,IACfA,WAAW,GAAG,EAAE,EAChB;IACAE,QAAQ,CAACE,IAAI,CACX,IAAI9E,SAAS,CAAC,mBAAmB,EAAE;MACjC+E,aAAa,EAAE;QAAErE,KAAK,EAAEA;MAAM;IAChC,CAAC,CACH,CAAC;EACH;EAEA,IAAIE,IAAI,CAACiE,QAAQ,CAACpE,YAAY,CAACG,IAAI,CAAC,EAAE;IACpCgE,QAAQ,CAACE,IAAI,CACX,IAAI9E,SAAS,CAAC,kBAAkB,EAAE;MAChC+E,aAAa,EAAE;QAAEnE,IAAI,EAAEA;MAAK;IAC9B,CAAC,CACH,CAAC;EACH;EAEA,IAAIgE,QAAQ,CAACJ,MAAM,EAAE;IACnB,OAAOI,QAAQ;EACjB;AACF;AAEA3E,MAAM,CAAC+E,4BAA4B,GAAG,IAAI;AAC1C,eAAe/E,MAAM","ignoreList":[]}
1	+ {"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","FormError","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","handleInput","values","expiryValueToString","isFieldEmpty","validateRequired","value","_ref","required","error","undefined","monthAndYearValidator","validateMonthAndYear","validateInitially","valueProp","_props$value","stringToExpiryValue","defaultValue","monthString","yearString","preparedProps","fromInput","onBlurValidator","id","path","itemPath","className","hasError","info","warning","disabled","size","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","status","fieldBlockProps","forId","createElement","stretch","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","placeholderCharacter","autoComplete","placeholder","_value$substring","_value$substring2","substring","length","date","monthNumber","Number","messages","includes","push","messageValues","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type {\n MultiInputMaskProps,\n MultiInputMaskValue,\n} from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormError } from '../../utils'\nimport { Translation } from '../../../../shared/Context'\n\ntype ExpiryValue = MultiInputMaskValue<'month' \| 'year'>\n\nexport type ExpiryProps = Omit<\n FieldProps<string, undefined \| ''>,\n 'width' \| 'contentWidth'\n> & {\n /*\n The size of the component.\n */\n size?: MultiInputMaskProps<'month' \| 'year'>['size']\n}\n\nfunction Expiry(props: ExpiryProps) {\n const {\n Date: { errorRequired },\n Expiry: { label: expiryLabel },\n } = useTranslation()\n\n const {\n DatePicker: {\n placeholderCharacters: placeholders,\n month: monthLabel,\n year: yearLabel,\n },\n } = useSharedTranslation()\n\n const errorMessages = useMemo(\n () => ({\n 'Field.errorRequired': errorRequired,\n ...props.errorMessages,\n }),\n [errorRequired, props.errorMessages]\n )\n\n const handleInput = useCallback(\n (values: ExpiryValue) => {\n const month = expiryValueToString(values.month, placeholders.month)\n const year = expiryValueToString(values.year, placeholders.year)\n\n if (\n isFieldEmpty(month, placeholders.month) &&\n isFieldEmpty(year, placeholders.year)\n ) {\n return ''\n }\n\n return `${month}${year}`\n },\n [placeholders.month, placeholders.year]\n )\n\n const validateRequired = useCallback(\n (value: string, { required, error }) => {\n return required && !value ? error : undefined\n },\n []\n )\n\n const monthAndYearValidator = useCallback(\n (value: string) => validateMonthAndYear(value, placeholders),\n [placeholders]\n )\n\n const validateInitially = useMemo(() => {\n if (props.validateInitially) {\n return props.validateInitially\n }\n\n if (props.value) {\n return true\n }\n\n return undefined\n }, [props.validateInitially, props.value])\n\n const valueProp = useMemo(() => {\n const { month, year } = stringToExpiryValue(\n props.value ?? props.defaultValue\n )\n const monthString = expiryValueToString(month, placeholders.month)\n const yearString = expiryValueToString(year, placeholders.year)\n\n if (\n isFieldEmpty(monthString, placeholders.month) &&\n isFieldEmpty(yearString, placeholders.year)\n ) {\n return ''\n }\n\n return `${monthString}${yearString}`\n }, [\n props.value,\n props.defaultValue,\n placeholders.month,\n placeholders.year,\n ])\n\n const preparedProps: ExpiryProps = {\n ...props,\n errorMessages,\n value: valueProp,\n fromInput: handleInput,\n validateRequired,\n validateInitially: validateInitially,\n onBlurValidator: monthAndYearValidator,\n }\n\n const {\n id,\n path,\n itemPath,\n className,\n label = expiryLabel,\n hasError,\n info,\n warning,\n disabled,\n size,\n value = '',\n htmlAttributes,\n handleFocus,\n handleBlur,\n handleChange,\n setDisplayValue,\n } = useFieldProps(preparedProps)\n\n const expiry: ExpiryValue = useMemo(\n () => stringToExpiryValue(value),\n [value]\n )\n\n useMemo(() => {\n if ((path \|\| itemPath) && expiry.month && expiry.year) {\n setDisplayValue(`${expiry.month}/${expiry.year}`)\n }\n }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n const status = hasError\n ? 'error'\n : warning\n ? 'warn'\n : info\n ? 'info'\n : null\n\n const fieldBlockProps: FieldBlockProps = {\n id,\n forId: `${id}-input-month`,\n className: classnames('dnb-forms-field-expiry', className),\n label,\n ...pickSpacingProps(props),\n }\n\n return (\n <FieldBlock {...fieldBlockProps}>\n <MultiInputMask\n stretch\n id={`${id}-input`}\n values={expiry}\n status={status}\n statusState={disabled ? 'disabled' : undefined}\n disabled={disabled}\n size={size}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n delimiter=\"/\"\n inputMode=\"numeric\"\n inputs={[\n {\n id: 'month',\n label: monthLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['month'],\n autoComplete: 'cc-exp-month',\n ...htmlAttributes,\n },\n {\n id: 'year',\n label: yearLabel,\n mask: [/[0-9]/, /[0-9]/],\n placeholderCharacter: placeholders['year'],\n autoComplete: 'cc-exp-year',\n ...htmlAttributes,\n },\n ]}\n />\n </FieldBlock>\n )\n}\n\nfunction isFieldEmpty(value: string, placeholder: string) {\n return value === `${placeholder}${placeholder}`\n}\n\nfunction stringToExpiryValue(value: string) {\n const month = value?.substring(0, 2) ?? ''\n const year = value?.substring(2, 4) ?? ''\n\n return {\n month,\n year,\n }\n}\n\nfunction expiryValueToString(value: string, placeholder: string) {\n if (!value) {\n return `${placeholder}${placeholder}`\n }\n\n if (value.length === 1) {\n return `${value}${placeholder}`\n }\n\n return value\n}\n\nfunction validateMonthAndYear(\n date: string,\n placeholders: Translation['DatePicker']['placeholderCharacters']\n) {\n const { month, year } = stringToExpiryValue(date)\n\n const monthNumber = Number(month)\n\n const messages: Array<FormError> = []\n\n if (\n month.includes(placeholders.month) \|\|\n monthNumber < 1 \|\|\n monthNumber > 12\n ) {\n messages.push(\n new FormError('Expiry.errorMonth', {\n messageValues: { month: month },\n })\n )\n }\n\n if (year.includes(placeholders.year)) {\n messages.push(\n new FormError('Expiry.errorYear', {\n messageValues: { year: year },\n })\n )\n }\n\n if (messages.length) {\n return messages\n }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,SAASC,cAAc,QAAQ,qCAAqC;AAKpE,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,oBAAoB;AAC3E,OAAOD,cAAc,MAAM,4BAA4B;AACvD,SAASE,SAAS,QAAQ,aAAa;AAevC,SAASC,MAAMA,CAACC,KAAkB,EAAE;EAClC,MAAM;IACJC,IAAI,EAAE;MAAEC;IAAc,CAAC;IACvBH,MAAM,EAAE;MAAEI,KAAK,EAAEC;IAAY;EAC/B,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEpB,MAAM;IACJS,UAAU,EAAE;MACVC,qBAAqB,EAAEC,YAAY;MACnCC,KAAK,EAAEC,UAAU;MACjBC,IAAI,EAAEC;IACR;EACF,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EAE1B,MAAMe,aAAa,GAAGtB,OAAO,CAC3B,MAAAuB,aAAA;IACE,qBAAqB,EAAEX;EAAa,GACjCF,KAAK,CAACY,aAAa,CACtB,EACF,CAACV,aAAa,EAAEF,KAAK,CAACY,aAAa,CACrC,CAAC;EAED,MAAME,WAAW,GAAGzB,WAAW,CAC5B0B,MAAmB,IAAK;IACvB,MAAMP,KAAK,GAAGQ,mBAAmB,CAACD,MAAM,CAACP,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IACnE,MAAME,IAAI,GAAGM,mBAAmB,CAACD,MAAM,CAACL,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAEhE,IACEO,YAAY,CAACT,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC,IACvCS,YAAY,CAACP,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC,EACrC;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGF,KAAK,GAAGE,IAAI,EAAE;EAC1B,CAAC,EACD,CAACH,YAAY,CAACC,KAAK,EAAED,YAAY,CAACG,IAAI,CACxC,CAAC;EAED,MAAMQ,gBAAgB,GAAG7B,WAAW,CAClC,CAAC8B,KAAa,EAAAC,IAAA,KAA0B;IAAA,IAAxB;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAAF,IAAA;IACjC,OAAOC,QAAQ,IAAI,CAACF,KAAK,GAAGG,KAAK,GAAGC,SAAS;EAC/C,CAAC,EACD,EACF,CAAC;EAED,MAAMC,qBAAqB,GAAGnC,WAAW,CACtC8B,KAAa,IAAKM,oBAAoB,CAACN,KAAK,EAAEZ,YAAY,CAAC,EAC5D,CAACA,YAAY,CACf,CAAC;EAED,MAAMmB,iBAAiB,GAAGpC,OAAO,CAAC,MAAM;IACtC,IAAIU,KAAK,CAAC0B,iBAAiB,EAAE;MAC3B,OAAO1B,KAAK,CAAC0B,iBAAiB;IAChC;IAEA,IAAI1B,KAAK,CAACmB,KAAK,EAAE;MACf,OAAO,IAAI;IACb;IAEA,OAAOI,SAAS;EAClB,CAAC,EAAE,CAACvB,KAAK,CAAC0B,iBAAiB,EAAE1B,KAAK,CAACmB,KAAK,CAAC,CAAC;EAE1C,MAAMQ,SAAS,GAAGrC,OAAO,CAAC,MAAM;IAAA,IAAAsC,YAAA;IAC9B,MAAM;MAAEpB,KAAK;MAAEE;IAAK,CAAC,GAAGmB,mBAAmB,EAAAD,YAAA,GACzC5B,KAAK,CAACmB,KAAK,cAAAS,YAAA,cAAAA,YAAA,GAAI5B,KAAK,CAAC8B,YACvB,CAAC;IACD,MAAMC,WAAW,GAAGf,mBAAmB,CAACR,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IAClE,MAAMwB,UAAU,GAAGhB,mBAAmB,CAACN,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAE/D,IACEO,YAAY,CAACc,WAAW,EAAExB,YAAY,CAACC,KAAK,CAAC,IAC7CS,YAAY,CAACe,UAAU,EAAEzB,YAAY,CAACG,IAAI,CAAC,EAC3C;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGqB,WAAW,GAAGC,UAAU,EAAE;EACtC,CAAC,EAAE,CACDhC,KAAK,CAACmB,KAAK,EACXnB,KAAK,CAAC8B,YAAY,EAClBvB,YAAY,CAACC,KAAK,EAClBD,YAAY,CAACG,IAAI,CAClB,CAAC;EAEF,MAAMuB,aAA0B,GAAApB,aAAA,CAAAA,aAAA,KAC3Bb,KAAK;IACRY,aAAa;IACbO,KAAK,EAAEQ,SAAS;IAChBO,SAAS,EAAEpB,WAAW;IACtBI,gBAAgB;IAChBQ,iBAAiB,EAAEA,iBAAiB;IACpCS,eAAe,EAAEX;EAAqB,EACvC;EAED,MAAM;IACJY,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTpC,KAAK,GAAGC,WAAW;IACnBoC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,IAAI;IACJzB,KAAK,GAAG,EAAE;IACV0B,cAAc;IACdC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC;EACF,CAAC,GAAGzD,aAAa,CAACyC,aAAa,CAAC;EAEhC,MAAMiB,MAAmB,GAAG5D,OAAO,CACjC,MAAMuC,mBAAmB,CAACV,KAAK,CAAC,EAChC,CAACA,KAAK,CACR,CAAC;EAED7B,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC+C,IAAI,IAAIC,QAAQ,KAAKY,MAAM,CAAC1C,KAAK,IAAI0C,MAAM,CAACxC,IAAI,EAAE;MACrDuC,eAAe,CAAC,GAAGC,MAAM,CAAC1C,KAAK,IAAI0C,MAAM,CAACxC,IAAI,EAAE,CAAC;IACnD;EACF,CAAC,EAAE,CAACwC,MAAM,CAAC1C,KAAK,EAAE0C,MAAM,CAACxC,IAAI,EAAE4B,QAAQ,EAAED,IAAI,EAAEY,eAAe,CAAC,CAAC;EAEhE,MAAME,MAAM,GAAGX,QAAQ,GACnB,OAAO,GACPE,OAAO,GACP,MAAM,GACND,IAAI,GACJ,MAAM,GACN,IAAI;EAER,MAAMW,eAAgC,GAAAvC,aAAA;IACpCuB,EAAE;IACFiB,KAAK,EAAE,GAAGjB,EAAE,cAAc;IAC1BG,SAAS,EAAE9C,UAAU,CAAC,wBAAwB,EAAE8C,SAAS,CAAC;IAC1DpC;EAAK,GACFZ,gBAAgB,CAACS,KAAK,CAAC,CAC3B;EAED,OACEZ,KAAA,CAAAkE,aAAA,CAAC5D,UAAU,EAAK0D,eAAe,EAC7BhE,KAAA,CAAAkE,aAAA,CAAC3D,cAAc;IACb4D,OAAO;IACPnB,EAAE,EAAE,GAAGA,EAAE,QAAS;IAClBrB,MAAM,EAAEmC,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfK,WAAW,EAAEb,QAAQ,GAAG,UAAU,GAAGpB,SAAU;IAC/CoB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXa,QAAQ,EAAET,YAAa;IACvBU,MAAM,EAAEX,UAAW;IACnBY,OAAO,EAAEb,WAAY;IACrBc,SAAS,EAAC,GAAG;IACbC,SAAS,EAAC,SAAS;IACnBC,MAAM,EAAE,CAAAjD,aAAA;MAEJuB,EAAE,EAAE,OAAO;MACXjC,KAAK,EAAEM,UAAU;MACjBsD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAEzD,YAAY,CAAC,OAAO,CAAC;MAC3C0D,YAAY,EAAE;IAAc,GACzBpB,cAAc,GAAAhC,aAAA;MAGjBuB,EAAE,EAAE,MAAM;MACVjC,KAAK,EAAEQ,SAAS;MAChBoD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAEzD,YAAY,CAAC,MAAM,CAAC;MAC1C0D,YAAY,EAAE;IAAa,GACxBpB,cAAc;EAEnB,CACH,CACS,CAAC;AAEjB;AAEA,SAAS5B,YAAYA,CAACE,KAAa,EAAE+C,WAAmB,EAAE;EACxD,OAAO/C,KAAK,KAAK,GAAG+C,WAAW,GAAGA,WAAW,EAAE;AACjD;AAEA,SAASrC,mBAAmBA,CAACV,KAAa,EAAE;EAAA,IAAAgD,gBAAA,EAAAC,iBAAA;EAC1C,MAAM5D,KAAK,IAAA2D,gBAAA,GAAGhD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAF,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EAC1C,MAAMzD,IAAI,IAAA0D,iBAAA,GAAGjD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAD,iBAAA,cAAAA,iBAAA,GAAI,EAAE;EAEzC,OAAO;IACL5D,KAAK;IACLE;EACF,CAAC;AACH;AAEA,SAASM,mBAAmBA,CAACG,KAAa,EAAE+C,WAAmB,EAAE;EAC/D,IAAI,CAAC/C,KAAK,EAAE;IACV,OAAO,GAAG+C,WAAW,GAAGA,WAAW,EAAE;EACvC;EAEA,IAAI/C,KAAK,CAACmD,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,GAAGnD,KAAK,GAAG+C,WAAW,EAAE;EACjC;EAEA,OAAO/C,KAAK;AACd;AAEA,SAASM,oBAAoBA,CAC3B8C,IAAY,EACZhE,YAAgE,EAChE;EACA,MAAM;IAAEC,KAAK;IAAEE;EAAK,CAAC,GAAGmB,mBAAmB,CAAC0C,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGC,MAAM,CAACjE,KAAK,CAAC;EAEjC,MAAMkE,QAA0B,GAAG,EAAE;EAErC,IACElE,KAAK,CAACmE,QAAQ,CAACpE,YAAY,CAACC,KAAK,CAAC,IAClCgE,WAAW,GAAG,CAAC,IACfA,WAAW,GAAG,EAAE,EAChB;IACAE,QAAQ,CAACE,IAAI,CACX,IAAI9E,SAAS,CAAC,mBAAmB,EAAE;MACjC+E,aAAa,EAAE;QAAErE,KAAK,EAAEA;MAAM;IAChC,CAAC,CACH,CAAC;EACH;EAEA,IAAIE,IAAI,CAACiE,QAAQ,CAACpE,YAAY,CAACG,IAAI,CAAC,EAAE;IACpCgE,QAAQ,CAACE,IAAI,CACX,IAAI9E,SAAS,CAAC,kBAAkB,EAAE;MAChC+E,aAAa,EAAE;QAAEnE,IAAI,EAAEA;MAAK;IAC9B,CAAC,CACH,CAAC;EACH;EAEA,IAAIgE,QAAQ,CAACJ,MAAM,EAAE;IACnB,OAAOI,QAAQ;EACjB;AACF;AAEA3E,MAAM,CAAC+E,4BAA4B,GAAG,IAAI;AAC1C,eAAe/E,MAAM","ignoreList":[]}

package/extensions/forms/Field/Number/NumberDocs.js CHANGED Viewed

@@ -24,7 +24,7 @@ export const numberProperties = {
     status: 'optional'
   },
   disallowLeadingZeroes: {
-    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',
+    doc: 'Whether or not to allow leading zeroes during typing. Defaults to `false`.',
     type: 'boolean',
     status: 'optional'
   },

package/extensions/forms/Field/Number/NumberDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","_objectSpread","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n decimalLimit: {\n doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n type: 'number',\n status: 'optional',\n },\n percent: {\n doc: 'Format a number as percentage.',\n type: 'boolean',\n status: 'optional',\n },\n currency: {\n doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n type: ['boolean', 'string'],\n status: 'optional',\n },\n allowNegative: {\n doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n disallowLeadingZeroes: {\n doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n minimum: {\n doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n type: 'number',\n status: 'optional',\n },\n maximum: {\n doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n type: 'number',\n status: 'optional',\n },\n exclusiveMinimum: {\n doc: 'Validation for exclusive minimum number value (greater than).',\n type: 'number',\n status: 'optional',\n },\n exclusiveMaximum: {\n doc: 'Validation for exclusive maximum number value (less than).',\n type: 'number',\n status: 'optional',\n },\n multipleOf: {\n doc: 'Validation that requires the number to be a multiple of given value.',\n type: 'number',\n status: 'optional',\n },\n width: {\n doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n type: ['string', 'false'],\n status: 'optional',\n },\n size: {\n ...inputProperties.size,\n doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n align: {\n doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n type: 'string',\n status: 'optional',\n },\n autoComplete: {\n doc: 'For HTML `autocomplete` attributes.',\n type: ['on', 'string'],\n status: 'optional',\n },\n prefix: {\n doc: 'Text added before the value input.',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text added after the value input.',\n type: 'string',\n status: 'optional',\n },\n step: {\n doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n type: 'number',\n status: 'optional',\n },\n startWith: {\n doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n type: 'number',\n status: 'optional',\n },\n showStepControls: {\n doc: 'Show buttons that in/decreases value input by the step value.',\n type: 'boolean',\n status: 'optional',\n },\n}\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,~~8DAA8D~~;~~IACnEC~~,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCjB,eAAe,CAACgB,IAAI;IACvBb,GAAG,EAAE,GAAGH,eAAe,CAACgB,IAAI,CAACb,GAAG;EAAwG,EACzI;EACDe,KAAK,EAAE;IACLf,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","_objectSpread","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n decimalLimit: {\n doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n type: 'number',\n status: 'optional',\n },\n percent: {\n doc: 'Format a number as percentage.',\n type: 'boolean',\n status: 'optional',\n },\n currency: {\n doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n type: ['boolean', 'string'],\n status: 'optional',\n },\n allowNegative: {\n doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n disallowLeadingZeroes: {\n doc: 'Whether or not to allow leading zeroes during typing. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n minimum: {\n doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n type: 'number',\n status: 'optional',\n },\n maximum: {\n doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n type: 'number',\n status: 'optional',\n },\n exclusiveMinimum: {\n doc: 'Validation for exclusive minimum number value (greater than).',\n type: 'number',\n status: 'optional',\n },\n exclusiveMaximum: {\n doc: 'Validation for exclusive maximum number value (less than).',\n type: 'number',\n status: 'optional',\n },\n multipleOf: {\n doc: 'Validation that requires the number to be a multiple of given value.',\n type: 'number',\n status: 'optional',\n },\n width: {\n doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n type: ['string', 'false'],\n status: 'optional',\n },\n size: {\n ...inputProperties.size,\n doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n align: {\n doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n type: 'string',\n status: 'optional',\n },\n autoComplete: {\n doc: 'For HTML `autocomplete` attributes.',\n type: ['on', 'string'],\n status: 'optional',\n },\n prefix: {\n doc: 'Text added before the value input.',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text added after the value input.',\n type: 'string',\n status: 'optional',\n },\n step: {\n doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n type: 'number',\n status: 'optional',\n },\n startWith: {\n doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n type: 'number',\n status: 'optional',\n },\n showStepControls: {\n doc: 'Show buttons that in/decreases value input by the step value.',\n type: 'boolean',\n status: 'optional',\n },\n}\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCjB,eAAe,CAACgB,IAAI;IACvBb,GAAG,EAAE,GAAGH,eAAe,CAACgB,IAAI,CAACb,GAAG;EAAwG,EACzI;EACDe,KAAK,EAAE;IACLf,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/extensions/forms/Field/Provider/useFieldProvider.d.ts CHANGED Viewed

@@ -85,7 +85,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;
@@ -107,7 +107,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;
@@ -129,7 +129,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;

package/extensions/forms/Field/SelectCountry/SelectCountryDocs.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getFieldEventsWithTypes } from '../FieldDocs';
-import { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
+import { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
 export const SelectCountryProperties = {
   countries: {
     doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',
@@ -14,8 +14,8 @@ export const SelectCountryProperties = {
     type: 'function',
     status: 'optional'
   },
-  size: _objectSpread(_objectSpread({}, autocompleteProperties.size), {}, {
-    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
+  size: _objectSpread(_objectSpread({}, AutocompleteProperties.size), {}, {
+    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
   })
 };
 export const SelectCountryGeneralEvents = getFieldEventsWithTypes({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectCountryDocs.js","names":["getFieldEventsWithTypes","~~autocompleteProperties~~","SelectCountryProperties","countries","doc","type","status","filterCountries","size","_objectSpread","SelectCountryGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { ~~autocompleteProperties~~ } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCountryProperties: PropertiesTableProps = {\n countries: {\n doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n type: 'string',\n status: 'optional',\n },\n filterCountries: {\n doc: 'Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.',\n type: 'function',\n status: 'optional',\n },\n size: {\n ...~~autocompleteProperties~~.size,\n doc: `${~~autocompleteProperties~~.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n}\n\nexport const SelectCountryGeneralEvents = getFieldEventsWithTypes(\n { type: 'string', optional: true },\n { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGV,uBAAuB,CAC/D;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"SelectCountryDocs.js","names":["getFieldEventsWithTypes","AutocompleteProperties","SelectCountryProperties","countries","doc","type","status","filterCountries","size","_objectSpread","SelectCountryGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCountryProperties: PropertiesTableProps = {\n countries: {\n doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n type: 'string',\n status: 'optional',\n },\n filterCountries: {\n doc: 'Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.',\n type: 'function',\n status: 'optional',\n },\n size: {\n ...AutocompleteProperties.size,\n doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n}\n\nexport const SelectCountryGeneralEvents = getFieldEventsWithTypes(\n { type: 'string', optional: true },\n { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGV,uBAAuB,CAC/D;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}

package/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getFieldEventsWithTypes } from '../FieldDocs';
-import { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
+import { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
 export const SelectCurrencyProperties = {
   currencies: {
     doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',
@@ -14,8 +14,8 @@ export const SelectCurrencyProperties = {
     type: 'function',
     status: 'optional'
   },
-  size: _objectSpread(_objectSpread({}, autocompleteProperties.size), {}, {
-    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
+  size: _objectSpread(_objectSpread({}, AutocompleteProperties.size), {}, {
+    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
   })
 };
 export const SelectCurrencyGeneralEvents = getFieldEventsWithTypes({

package/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectCurrencyDocs.js","names":["getFieldEventsWithTypes","~~autocompleteProperties~~","SelectCurrencyProperties","currencies","doc","type","status","filterCurrencies","size","_objectSpread","SelectCurrencyGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { ~~autocompleteProperties~~ } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCurrencyProperties: PropertiesTableProps = {\n currencies: {\n doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',\n type: 'string',\n status: 'optional',\n },\n filterCurrencies: {\n doc: 'Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.',\n type: 'function',\n status: 'optional',\n },\n size: {\n ...~~autocompleteProperties~~.size,\n doc: `${~~autocompleteProperties~~.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n}\n\nexport const SelectCurrencyGeneralEvents = getFieldEventsWithTypes(\n { type: 'string', optional: true },\n { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,wBAA8C,GAAG;EAC5DC,UAAU,EAAE;IACVC,GAAG,EAAE,0PAA0P;IAC/PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,kKAAkK;IACvKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,2BAA2B,GAAGV,uBAAuB,CAChE;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"SelectCurrencyDocs.js","names":["getFieldEventsWithTypes","AutocompleteProperties","SelectCurrencyProperties","currencies","doc","type","status","filterCurrencies","size","_objectSpread","SelectCurrencyGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCurrencyProperties: PropertiesTableProps = {\n currencies: {\n doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',\n type: 'string',\n status: 'optional',\n },\n filterCurrencies: {\n doc: 'Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.',\n type: 'function',\n status: 'optional',\n },\n size: {\n ...AutocompleteProperties.size,\n doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n },\n}\n\nexport const SelectCurrencyGeneralEvents = getFieldEventsWithTypes(\n { type: 'string', optional: true },\n { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,wBAA8C,GAAG;EAC5DC,UAAU,EAAE;IACVC,GAAG,EAAE,0PAA0P;IAC/PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,kKAAkK;IACvKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,2BAA2B,GAAGV,uBAAuB,CAChE;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}

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

@@ -72,6 +72,8 @@ export type Props = FieldProps<IOption['value']> & {
      */
     children?: React.ReactNode;
 };
+export declare const listOfValidAutocompleteProps: ("indicator_label" | "submit_button_title" | "no_options" | "show_all" | "show_options_sr" | "aria_live_options" | "selected_sr" | "fixed_position" | "skip_portal" | "no_animation" | "max_height" | "min_height" | "label_direction" | "icon_position" | "icon_size" | "status_state" | "status_props" | "on_change" | "label_sr_only" | "prevent_close" | "input_element" | "submit_element" | "submit_button_icon" | "on_focus" | "on_blur" | "show_submit_button" | "on_type" | "on_show" | "on_hide" | "ignore_events" | "cache_hash" | "triangle_position" | "no_scroll_animation" | "prevent_selection" | "align_drawer" | "options_render" | "wrapper_element" | "default_value" | "portal_class" | "list_class" | "independent_width" | "keep_open" | "skip_keysearch" | "enable_body_lock" | "page_offset" | "observer_element" | "on_pre_change" | "on_select" | "input_ref" | "input_icon" | "keep_value" | "keep_selection" | "keep_value_and_selection" | "show_clear_button" | "disable_filter" | "disable_reorder" | "disable_highlighting" | "align_autocomplete" | "search_in_word_index" | "search_numbers" | "input_value" | "open_on_focus" | "drawer_class")[];
+export declare const listOfValidDropdownProps: ("fixed_position" | "skip_portal" | "no_animation" | "max_height" | "min_height" | "label_direction" | "icon_position" | "icon_size" | "status_state" | "status_props" | "on_change" | "label_sr_only" | "prevent_close" | "on_show" | "on_hide" | "ignore_events" | "cache_hash" | "triangle_position" | "no_scroll_animation" | "prevent_selection" | "action_menu" | "align_drawer" | "options_render" | "wrapper_element" | "default_value" | "portal_class" | "list_class" | "independent_width" | "keep_open" | "skip_keysearch" | "enable_body_lock" | "page_offset" | "observer_element" | "on_pre_change" | "on_select" | "open_on_focus" | "more_menu" | "align_dropdown" | "trigger_element")[];
 declare function Selection(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Selection {
     var _supportsSpacingProps: boolean;

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

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _em, _em2;
 const _excluded = ["value", "title", "children", "error", "help", "size"];
-import "core-js/modules/web.dom-collections.iterator.js";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo, useCallback } from 'react';
 import classnames from 'classnames';
 import { convertJsxToString, makeUniqueId } from '../../../../shared/component-helper';
@@ -17,6 +17,11 @@ import { pickSpacingProps } from '../../../../components/flex/utils';
 import FieldBlock from '../../FieldBlock';
 import { convertCamelCasePropsToSnakeCase } from '../../../../shared/helpers/withCamelCaseProps';
 import useDataValue from '../../hooks/useDataValue';
+const validDrawerListProps = ['default_value', 'triangle_position', 'label_direction', 'prevent_selection', 'prevent_close', 'keep_open', 'independent_width', 'fixed_position', 'enable_body_lock', 'skip_keysearch', 'ignore_events', 'align_drawer', 'list_class', 'portal_class', 'no_scroll_animation', 'no_animation', 'skip_portal', 'min_height', 'max_height', 'page_offset', 'observer_element', 'cache_hash', 'wrapper_element', 'options_render', 'on_pre_change', 'on_change', 'on_select', 'on_show', 'on_hide'];
+const validAutocompleteProps = ['align_autocomplete', 'aria_live_options', 'disable_filter', 'disable_highlighting', 'disable_reorder', 'drawer_class', 'icon_position', 'icon_size', 'indicator_label', 'input_element', 'input_icon', 'input_ref', 'input_value', 'keep_selection', 'keep_value', 'keep_value_and_selection', 'label_direction', 'label_sr_only', 'no_options', 'open_on_focus', 'prevent_selection', 'search_in_word_index', 'search_numbers', 'selected_sr', 'show_all', 'show_clear_button', 'show_options_sr', 'show_submit_button', 'skip_portal', 'status_props', 'status_state', 'submit_button_icon', 'submit_button_title', 'submit_element', 'triangle_position', 'on_type', 'on_focus', 'on_blur', 'on_change', 'on_select', 'on_show', 'on_hide'];
+export const listOfValidAutocompleteProps = [...validAutocompleteProps, ...validDrawerListProps];
+const validDropdownProps = ['icon_size', 'icon_position', 'triangle_position', 'open_on_focus', 'prevent_selection', 'action_menu', 'more_menu', 'align_dropdown', 'independent_width', 'skip_portal', 'status_state', 'status_props', 'label_direction', 'label_sr_only', 'trigger_element', 'on_change', 'on_select', 'on_show', 'on_hide'];
+export const listOfValidDropdownProps = [...validDropdownProps, ...validDrawerListProps];
 function Selection(props) {
   var _props$autocompletePr;
   const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, []);
@@ -134,7 +139,7 @@ function Selection(props) {
           additionalFieldBlockProps.labelHeight = 'small';
         }
         if (variant === 'radio-list') {
-          additionalFieldBlockProps.width = width;
+          additionalFieldBlockProps.contentWidth = width;
         }
         return React.createElement(FieldBlock, _extends({}, fieldBlockProps, additionalFieldBlockProps), React.createElement(Component.Group, {
           role: "radiogroup",
@@ -170,18 +175,14 @@ function Selection(props) {
           stretch: true
         });
         const specificFieldBlockProps = {
-          width
+          contentWidth: width
         };
-        if (layout === 'horizontal') {
-          specificFieldBlockProps.width = undefined;
-          specificFieldBlockProps.contentWidth = width;
-        }
-        return React.createElement(FieldBlock, _extends({}, fieldBlockProps, specificFieldBlockProps), variant === 'autocomplete' ? React.createElement(Autocomplete, _extends({}, sharedProps, autocompleteProps ? convertCamelCasePropsToSnakeCase(Object.freeze(autocompleteProps)) : null, {
+        return React.createElement(FieldBlock, _extends({}, fieldBlockProps, specificFieldBlockProps), variant === 'autocomplete' ? React.createElement(Autocomplete, _extends({}, sharedProps, autocompleteProps ? convertCamelCasePropsToSnakeCase(Object.freeze(autocompleteProps), listOfValidAutocompleteProps) : null, {
           value: autocompleteProps !== null && autocompleteProps !== void 0 && autocompleteProps.preventSelection ? undefined : value,
           on_type: onTypeAutocompleteHandler,
           data: !props.data && !props.dataPath && (autocompleteProps === null || autocompleteProps === void 0 ? void 0 : autocompleteProps.mode) === 'async' ? undefined : data,
           selectall: true
-        })) : React.createElement(Dropdown, _extends({}, sharedProps, dropdownProps ? convertCamelCasePropsToSnakeCase(dropdownProps) : null)));
+        })) : React.createElement(Dropdown, _extends({}, sharedProps, dropdownProps ? convertCamelCasePropsToSnakeCase(dropdownProps, listOfValidDropdownProps) : null)));
       }
   }
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","convertJsxToString","makeUniqueId","ToggleButton","Dropdown","Radio","Autocomplete","HelpButton","OptionField","useFieldProps","checkForError","pickSpacingProps","FieldBlock","convertCamelCasePropsToSnakeCase","useDataValue","Selection","props","_props$autocompletePr","clearValue","id","className","variant","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","size","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","transformSelection","data","dataPath","children","additionalArgs","autocompleteProps","dropdownProps","getValueByPath","dataList","handleDrawerListChange","_ref","_data$selectedKey","selectedKey","onChangeHandler","_ref2","undefined","handleShow","_ref3","handleHide","_ref4","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","_ref5","v","label","additionalFieldBlockProps","asFieldset","Children","count","labelHeight","createElement","_extends","Group","role","layout_direction","on_change","String","_data$find","renderDropdownItems","concat","makeOptions","filter","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","status","on_show","on_hide","stretch","specificFieldBlockProps","contentWidth","Object","freeze","preventSelection","on_type","mode","selectall","_ref6","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","_ref7","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref8","_props$title","_props$value","_em","selected_value","style","_em2","_supportsSpacingProps"],"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 convertCamelCasePropsToSnakeCase,\n ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\nimport type { RadioProps } from '../../../../components/Radio'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\nimport type { RadioGroupProps } from '../../../../components/radio/RadioGroup'\nimport type { ToggleButtonGroupProps } from '../../../../components/toggle-button/ToggleButtonGroup'\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 style?: React.CSSProperties\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' \| 'radio-list' \| '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 Transform the displayed selection for Dropdown and Autocomplete variant.\n * Use it to display a different value than the one in the data set.\n /\n transformSelection?: (props: OptionFieldProps) => React.ReactNode\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 size of the component.\n /\n size?:\n \| ToggleButtonGroupProps['size']\n \| RadioGroupProps['size']\n \| AutocompleteAllProps['size']\n \| DropdownAllProps['size']\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 value,\n info,\n warning,\n error,\n hasError,\n disabled,\n size,\n emptyValue,\n width = 'large',\n htmlAttributes,\n setHasFocus,\n handleChange,\n setDisplayValue,\n transformSelection,\n data,\n dataPath,\n children,\n additionalArgs,\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 handleDrawerListChange = useCallback(\n ({ data, value }) => {\n const selectedKey = data?.selectedKey ?? value\n handleChange?.(\n !selectedKey \|\| selectedKey === clearValue\n ? emptyValue\n : selectedKey,\n { data }\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 const onType = props?.autocompleteProps?.onType\n const onTypeAutocompleteHandler = useCallback(\n (event) => {\n if (typeof onType === 'function') {\n const { value } = event\n onType({\n ...event,\n ...additionalArgs,\n value: value === '' ? emptyValue : value,\n })\n }\n },\n [additionalArgs, emptyValue, onType]\n )\n\n switch (variant) {\n case 'radio':\n case 'radio-list':\n case 'button': {\n const Component = (\n variant === 'radio' \|\| variant === 'radio-list'\n ? Radio\n : 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(label)\n }\n },\n })\n\n const additionalFieldBlockProps: FieldBlockProps = {\n asFieldset: React.Children.count(items) > 1,\n }\n if (!size) {\n additionalFieldBlockProps.labelHeight = 'small'\n }\n if (variant === 'radio-list') {\n additionalFieldBlockProps.width = width\n }\n\n return (\n <FieldBlock {...fieldBlockProps} {...additionalFieldBlockProps}>\n <Component.Group\n role=\"radiogroup\"\n size={size}\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, transformSelection)\n .concat(makeOptions(children, transformSelection))\n .filter(Boolean)\n const displayValue = data.find((item) => item.selectedKey === value)\n ?.content\n setDisplayValue(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 size,\n on_change: handleDrawerListChange,\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 ? (convertCamelCasePropsToSnakeCase(\n Object.freeze(autocompleteProps)\n ) as AutocompleteAllProps)\n : null)}\n value={\n autocompleteProps?.preventSelection ? undefined : value\n }\n on_type={onTypeAutocompleteHandler}\n data={\n !props.data &&\n !props.dataPath &&\n autocompleteProps?.mode === 'async'\n ? undefined\n : data\n }\n selectall\n />\n ) : (\n <Dropdown\n {...sharedProps}\n {...(dropdownProps\n ? (convertCamelCasePropsToSnakeCase(\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 size?: ToggleButtonProps['size'] \| RadioProps['size']\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, size, ...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' \|\| variant === 'radio-list'\n ? Radio\n : 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={\n variant === 'radio' \|\| variant === 'radio-list'\n ? label\n : undefined\n }\n text={variant === 'button' ? label : undefined}\n role=\"radio\"\n value={String(value ?? valueProp) \|\| undefined}\n status={\n (hasError \|\| checkForError([error, info, warning])) && 'error'\n }\n suffix={suffix}\n size={size}\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 transformSelection?: Props['transformSelection']\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 selected_value = transformSelection\n ? transformSelection(props)\n : undefined\n const selectedKey = String(props.value ?? '')\n const disabled = props.disabled\n const style = props.style\n\n return { selectedKey, selected_value, content, disabled, style }\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(\n data: Data,\n transformSelection?: Props['transformSelection']\n) {\n return (\n data?.map((props) => {\n const { value, title, text, disabled, style } = props\n return {\n selectedKey: value,\n content: (text ? [title, text] : title) \|\| <em>Untitled</em>,\n selected_value: transformSelection\n ? transformSelection(props)\n : undefined,\n disabled,\n style,\n }\n }) \|\| []\n )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","convertJsxToString","makeUniqueId","ToggleButton","Dropdown","Radio","Autocomplete","HelpButton","OptionField","useFieldProps","checkForError","pickSpacingProps","FieldBlock","convertCamelCasePropsToSnakeCase","useDataValue","validDrawerListProps","validAutocompleteProps","listOfValidAutocompleteProps","validDropdownProps","listOfValidDropdownProps","Selection","props","_props$autocompletePr","clearValue","id","className","variant","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","size","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","transformSelection","data","dataPath","children","additionalArgs","autocompleteProps","dropdownProps","getValueByPath","dataList","handleDrawerListChange","_ref","_data$selectedKey","selectedKey","onChangeHandler","_ref2","undefined","handleShow","_ref3","handleHide","_ref4","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","_ref5","v","label","additionalFieldBlockProps","asFieldset","Children","count","labelHeight","contentWidth","createElement","_extends","Group","role","layout_direction","on_change","String","_data$find","renderDropdownItems","concat","makeOptions","filter","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","status","on_show","on_hide","stretch","specificFieldBlockProps","Object","freeze","preventSelection","on_type","mode","selectall","_ref6","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","_ref7","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref8","_props$title","_props$value","_em","selected_value","style","_em2","_supportsSpacingProps"],"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 AssertNoMissing,\n convertCamelCasePropsToSnakeCase,\n KeysWithUnderscore,\n ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\nimport type { RadioProps } from '../../../../components/Radio'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\nimport type { RadioGroupProps } from '../../../../components/radio/RadioGroup'\nimport type { ToggleButtonGroupProps } from '../../../../components/toggle-button/ToggleButtonGroup'\nimport {\n DrawerListProperties,\n DrawerListEvents,\n} from '../../../../fragments/drawer-list/DrawerListDocs'\nimport {\n AutocompleteEvents,\n AutocompleteProperties,\n} from '../../../../components/autocomplete/AutocompleteDocs'\nimport {\n DropdownProperties,\n DropdownEvents,\n} from '../../../../components/dropdown/DropdownDocs'\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 style?: React.CSSProperties\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' \| 'radio-list' \| '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 Transform the displayed selection for Dropdown and Autocomplete variant.\n * Use it to display a different value than the one in the data set.\n /\n transformSelection?: (props: OptionFieldProps) => React.ReactNode\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 size of the component.\n /\n size?:\n \| ToggleButtonGroupProps['size']\n \| RadioGroupProps['size']\n \| AutocompleteAllProps['size']\n \| DropdownAllProps['size']\n\n /\n The content of the component.\n */\n children?: React.ReactNode\n}\n\nconst validDrawerListProps = [\n // DrawerList Properties\n 'default_value',\n 'triangle_position',\n 'label_direction',\n 'prevent_selection',\n 'prevent_close',\n 'keep_open',\n 'independent_width',\n 'fixed_position',\n 'enable_body_lock',\n 'skip_keysearch',\n 'ignore_events',\n 'align_drawer',\n 'list_class',\n 'portal_class',\n 'no_scroll_animation',\n 'no_animation',\n 'skip_portal',\n 'min_height',\n 'max_height',\n 'page_offset',\n 'observer_element',\n 'cache_hash',\n 'wrapper_element',\n 'options_render',\n\n // DrawerList Events\n 'on_pre_change',\n 'on_change',\n 'on_select',\n 'on_show',\n 'on_hide',\n] as const satisfies ReadonlyArray<\n KeysWithUnderscore<typeof DrawerListProperties & typeof DrawerListEvents>\n>\n\nconst validAutocompleteProps = [\n // Autocomplete Properties\n 'align_autocomplete',\n 'aria_live_options',\n 'disable_filter',\n 'disable_highlighting',\n 'disable_reorder',\n 'drawer_class',\n 'icon_position',\n 'icon_size',\n 'indicator_label',\n 'input_element',\n 'input_icon',\n 'input_ref',\n 'input_value',\n 'keep_selection',\n 'keep_value',\n 'keep_value_and_selection',\n 'label_direction',\n 'label_sr_only',\n 'no_options',\n 'open_on_focus',\n 'prevent_selection',\n 'search_in_word_index',\n 'search_numbers',\n 'selected_sr',\n 'show_all',\n 'show_clear_button',\n 'show_options_sr',\n 'show_submit_button',\n 'skip_portal',\n 'status_props',\n 'status_state',\n 'submit_button_icon',\n 'submit_button_title',\n 'submit_element',\n 'triangle_position',\n\n // Autocomplete Events\n 'on_type',\n 'on_focus',\n 'on_blur',\n 'on_change',\n 'on_select',\n 'on_show',\n 'on_hide',\n] as const satisfies ReadonlyArray<\n KeysWithUnderscore<\n typeof AutocompleteProperties & typeof AutocompleteEvents\n >\n>\nexport const listOfValidAutocompleteProps = [\n ...(validAutocompleteProps satisfies AssertNoMissing<\n typeof validAutocompleteProps,\n typeof AutocompleteProperties & typeof AutocompleteEvents\n >),\n ...(validDrawerListProps satisfies AssertNoMissing<\n typeof validDrawerListProps,\n typeof DrawerListProperties & typeof DrawerListEvents\n >),\n]\n\nconst validDropdownProps = [\n // From DropdownProperties\n 'icon_size',\n 'icon_position',\n 'triangle_position',\n 'open_on_focus',\n 'prevent_selection',\n 'action_menu',\n 'more_menu',\n 'align_dropdown',\n 'independent_width',\n 'skip_portal',\n 'status_state',\n 'status_props',\n 'label_direction',\n 'label_sr_only',\n 'trigger_element',\n\n // From DropdownEvents\n 'on_change',\n 'on_select',\n 'on_show',\n 'on_hide',\n] as const satisfies ReadonlyArray<\n KeysWithUnderscore<typeof DropdownProperties & typeof DropdownEvents>\n>\nexport const listOfValidDropdownProps = [\n ...(validDropdownProps satisfies AssertNoMissing<\n typeof validDropdownProps,\n typeof DropdownProperties & typeof DropdownEvents\n >),\n ...(validDrawerListProps satisfies AssertNoMissing<\n typeof validDrawerListProps,\n typeof DrawerListProperties & typeof DrawerListEvents\n >),\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 value,\n info,\n warning,\n error,\n hasError,\n disabled,\n size,\n emptyValue,\n width = 'large',\n htmlAttributes,\n setHasFocus,\n handleChange,\n setDisplayValue,\n transformSelection,\n data,\n dataPath,\n children,\n additionalArgs,\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 handleDrawerListChange = useCallback(\n ({ data, value }) => {\n const selectedKey = data?.selectedKey ?? value\n handleChange?.(\n !selectedKey \|\| selectedKey === clearValue\n ? emptyValue\n : selectedKey,\n { data }\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 const onType = props?.autocompleteProps?.onType\n const onTypeAutocompleteHandler = useCallback(\n (event) => {\n if (typeof onType === 'function') {\n const { value } = event\n onType({\n ...event,\n ...additionalArgs,\n value: value === '' ? emptyValue : value,\n })\n }\n },\n [additionalArgs, emptyValue, onType]\n )\n\n switch (variant) {\n case 'radio':\n case 'radio-list':\n case 'button': {\n const Component = (\n variant === 'radio' \|\| variant === 'radio-list'\n ? Radio\n : 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(label)\n }\n },\n })\n\n const additionalFieldBlockProps: FieldBlockProps = {\n asFieldset: React.Children.count(items) > 1,\n }\n if (!size) {\n additionalFieldBlockProps.labelHeight = 'small'\n }\n if (variant === 'radio-list') {\n additionalFieldBlockProps.contentWidth = width\n }\n\n return (\n <FieldBlock {...fieldBlockProps} {...additionalFieldBlockProps}>\n <Component.Group\n role=\"radiogroup\"\n size={size}\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, transformSelection)\n .concat(makeOptions(children, transformSelection))\n .filter(Boolean)\n const displayValue = data.find((item) => item.selectedKey === value)\n ?.content\n setDisplayValue(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 size,\n on_change: handleDrawerListChange,\n on_show: handleShow,\n on_hide: handleHide,\n stretch: true,\n }\n\n const specificFieldBlockProps: FieldBlockProps = {\n contentWidth: width,\n }\n\n return (\n <FieldBlock {...fieldBlockProps} {...specificFieldBlockProps}>\n {variant === 'autocomplete' ? (\n <Autocomplete\n {...sharedProps}\n {...(autocompleteProps\n ? (convertCamelCasePropsToSnakeCase(\n Object.freeze(autocompleteProps),\n listOfValidAutocompleteProps\n ) as AutocompleteAllProps)\n : null)}\n value={\n autocompleteProps?.preventSelection ? undefined : value\n }\n on_type={onTypeAutocompleteHandler}\n data={\n !props.data &&\n !props.dataPath &&\n autocompleteProps?.mode === 'async'\n ? undefined\n : data\n }\n selectall\n />\n ) : (\n <Dropdown\n {...sharedProps}\n {...(dropdownProps\n ? (convertCamelCasePropsToSnakeCase(\n dropdownProps,\n listOfValidDropdownProps\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 size?: ToggleButtonProps['size'] \| RadioProps['size']\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, size, ...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' \|\| variant === 'radio-list'\n ? Radio\n : 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={\n variant === 'radio' \|\| variant === 'radio-list'\n ? label\n : undefined\n }\n text={variant === 'button' ? label : undefined}\n role=\"radio\"\n value={String(value ?? valueProp) \|\| undefined}\n status={\n (hasError \|\| checkForError([error, info, warning])) && 'error'\n }\n suffix={suffix}\n size={size}\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 transformSelection?: Props['transformSelection']\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 selected_value = transformSelection\n ? transformSelection(props)\n : undefined\n const selectedKey = String(props.value ?? '')\n const disabled = props.disabled\n const style = props.style\n\n return { selectedKey, selected_value, content, disabled, style }\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(\n data: Data,\n transformSelection?: Props['transformSelection']\n) {\n return (\n data?.map((props) => {\n const { value, title, text, disabled, style } = props\n return {\n selectedKey: value,\n content: (text ? [title, text] : title) \|\| <em>Untitled</em>,\n selected_value: transformSelection\n ? transformSelection(props)\n : undefined,\n disabled,\n style,\n }\n }) \|\| []\n )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Field/Toggle/Toggle.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FieldProps } from '../../types';
 import type { CheckboxProps } from '../../../../components/Checkbox';
 import type { ToggleButtonProps } from '../../../../components/ToggleButton';
@@ -8,6 +9,12 @@ export type ToggleProps = {
     textOn?: string;
     textOff?: string;
     size?: ToggleButtonProps['size'] | CheckboxProps['size'];
+    /**
+     * Checkbox props
+     */
+    onClick?: (value: unknown, params: {
+        event: React.MouseEvent<HTMLInputElement>;
+    }) => void;
 };
 export type Props = Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'> & ToggleProps;
 declare function Toggle(props: Props): import("react/jsx-runtime").JSX.Element;