@dnb/eufemia 10.74.0 → 10.75.0

package/es/components/date-picker/DatePickerRange.js

@@ -2,28 +2,29 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["onPickerChange"];
 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 React, { useCallback, useContext } from 'react';
 import DatePickerCalendar from './DatePickerCalendar';
 import DatePickerContext from './DatePickerContext';
-function DatePickerRange(props) {
-  const {
-    onChange,
-    isRange
-  } = props;
+function DatePickerRange(_ref) {
+  let {
+      onPickerChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     views,
     callOnChangeHandler
   } = useContext(DatePickerContext);
   const onSelect = useCallback(event => {
     callOnChangeHandler(event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread({
-      hidePicker: !isRange,
+    onPickerChange === null || onPickerChange === void 0 ? void 0 : onPickerChange(_objectSpread({
       startDate: event.startDate,
       endDate: event.endDate
     }, event));
-  }, [isRange, onChange, callOnChangeHandler]);
+  }, [onPickerChange, callOnChangeHandler]);
   return React.createElement("div", {
     className: "dnb-date-picker__views"
   }, views.map((calendar, i) => React.createElement(DatePickerCalendar, _extends({

package/es/components/date-picker/DatePickerRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRange.js","names":["React","useCallback","useContext","DatePickerCalendar","DatePickerContext","DatePickerRange","props","onChange","isRange","views","callOnChangeHandler","onSelect","event","_objectSpread","hidePicker","startDate","endDate","createElement","className","map","calendar","i","_extends","key","nr","id"],"sources":["../../../../src/components/date-picker/DatePickerRange.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\n\nimport DatePickerCalendar, {\n  DatePickerCalendarProps,\n} from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { DatePickerChangeEvent } from './DatePickerProvider'\n\nexport type DatePickerRangeViews = number | Record<string, unknown>[]\n\nexport type DatePickerRangeProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onChange'\n> &\n  DatePickerCalendarProps & {\n    id?: string\n    isRange?: boolean\n    isLink?: boolean\n    isSync?: boolean\n    onlyMonth?: boolean\n    hideNav?: boolean\n    // TODO: Rename this, as it has nothing to do with the views, and it's only used to set the display condition for the naviation buttons\n    views?: [{ nextBtn: false; prevBtn: false }]\n    onChange?: (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      >\n    ) => void\n  }\n\nfunction DatePickerRange(props: DatePickerRangeProps) {\n  // Destructured to prevent useCallback from updating on all prop or context changes\n  const { onChange, isRange } = props\n  const { views, callOnChangeHandler } = useContext(DatePickerContext)\n\n  const onSelect = useCallback(\n    (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      > &\n        DatePickerDates\n    ) => {\n      callOnChangeHandler(event)\n\n      onChange?.({\n        hidePicker: !isRange,\n        startDate: event.startDate,\n        endDate: event.endDate,\n        ...event,\n      })\n    },\n    [isRange, onChange, callOnChangeHandler]\n  )\n\n  return (\n    <div className=\"dnb-date-picker__views\">\n      {views.map((calendar, i) => (\n        <DatePickerCalendar\n          key={calendar.nr}\n          {...calendar}\n          {...props}\n          id={`${props.id}-${i}-`}\n          onSelect={onSelect}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport default DatePickerRange\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAEtD,OAAOC,kBAAkB,MAElB,sBAAsB;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AA2BnD,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAEpD,MAAM;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EACnC,MAAM;IAAEG,KAAK;IAAEC;EAAoB,CAAC,GAAGR,UAAU,CAACE,iBAAiB,CAAC;EAEpE,MAAMO,QAAQ,GAAGV,WAAW,CAExBW,KAIiB,IACd;IACHF,mBAAmB,CAACE,KAAK,CAAC;IAE1BL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAAM,aAAA;MACNC,UAAU,EAAE,CAACN,OAAO;MACpBO,SAAS,EAAEH,KAAK,CAACG,SAAS;MAC1BC,OAAO,EAAEJ,KAAK,CAACI;IAAO,GACnBJ,KAAK,CACT,CAAC;EACJ,CAAC,EACD,CAACJ,OAAO,EAAED,QAAQ,EAAEG,mBAAmB,CACzC,CAAC;EAED,OACEV,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAwB,GACpCT,KAAK,CAACU,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KACrBrB,KAAA,CAAAiB,aAAA,CAACd,kBAAkB,EAAAmB,QAAA;IACjBC,GAAG,EAAEH,QAAQ,CAACI;EAAG,GACbJ,QAAQ,EACRd,KAAK;IACTmB,EAAE,EAAE,GAAGnB,KAAK,CAACmB,EAAE,IAAIJ,CAAC,GAAI;IACxBV,QAAQ,EAAEA;EAAS,EACpB,CACF,CACE,CAAC;AAEV;AAEA,eAAeN,eAAe","ignoreList":[]}
+{"version":3,"file":"DatePickerRange.js","names":["React","useCallback","useContext","DatePickerCalendar","DatePickerContext","DatePickerRange","_ref","onPickerChange","props","_objectWithoutProperties","_excluded","views","callOnChangeHandler","onSelect","event","_objectSpread","startDate","endDate","createElement","className","map","calendar","i","_extends","key","nr","id"],"sources":["../../../../src/components/date-picker/DatePickerRange.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\n\nimport DatePickerCalendar, {\n  DatePickerCalendarProps,\n} from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { DatePickerChangeEvent } from './DatePickerProvider'\n\nexport type DatePickerRangeViews = number | Record<string, unknown>[]\n\nexport type DatePickerRangeProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onChange'\n> &\n  DatePickerCalendarProps & {\n    id?: string\n    isRange?: boolean\n    isLink?: boolean\n    isSync?: boolean\n    onlyMonth?: boolean\n    hideNavigation?: boolean\n    onPickerChange?: (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      >\n    ) => void\n  }\n\nfunction DatePickerRange({\n  onPickerChange,\n  ...props\n}: DatePickerRangeProps) {\n  // Destructured to prevent useCallback from updating on all prop or context changes\n  const { views, callOnChangeHandler } = useContext(DatePickerContext)\n\n  const onSelect = useCallback(\n    (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      > &\n        DatePickerDates\n    ) => {\n      callOnChangeHandler(event)\n\n      onPickerChange?.({\n        startDate: event.startDate,\n        endDate: event.endDate,\n        ...event,\n      })\n    },\n    [onPickerChange, callOnChangeHandler]\n  )\n\n  return (\n    <div className=\"dnb-date-picker__views\">\n      {views.map((calendar, i) => (\n        <DatePickerCalendar\n          key={calendar.nr}\n          {...calendar}\n          {...props}\n          id={`${props.id}-${i}-`}\n          onSelect={onSelect}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport default DatePickerRange\n"],"mappings":";;;;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAEtD,OAAOC,kBAAkB,MAElB,sBAAsB;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AAyBnD,SAASC,eAAeA,CAAAC,IAAA,EAGC;EAAA,IAHA;MACvBC;IAEoB,CAAC,GAAAD,IAAA;IADlBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAGR,MAAM;IAAEC,KAAK;IAAEC;EAAoB,CAAC,GAAGV,UAAU,CAACE,iBAAiB,CAAC;EAEpE,MAAMS,QAAQ,GAAGZ,WAAW,CAExBa,KAIiB,IACd;IACHF,mBAAmB,CAACE,KAAK,CAAC;IAE1BP,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAAQ,aAAA;MACZC,SAAS,EAAEF,KAAK,CAACE,SAAS;MAC1BC,OAAO,EAAEH,KAAK,CAACG;IAAO,GACnBH,KAAK,CACT,CAAC;EACJ,CAAC,EACD,CAACP,cAAc,EAAEK,mBAAmB,CACtC,CAAC;EAED,OACEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAwB,GACpCR,KAAK,CAACS,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KACrBtB,KAAA,CAAAkB,aAAA,CAACf,kBAAkB,EAAAoB,QAAA;IACjBC,GAAG,EAAEH,QAAQ,CAACI;EAAG,GACbJ,QAAQ,EACRb,KAAK;IACTkB,EAAE,EAAE,GAAGlB,KAAK,CAACkB,EAAE,IAAIJ,CAAC,GAAI;IACxBT,QAAQ,EAAEA;EAAS,EACpB,CACF,CACE,CAAC;AAEV;AAEA,eAAeR,eAAe","ignoreList":[]}

package/es/components/date-picker/hooks/useDates.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDates.js","names":["useCallback","useMemo","useState","convertStringToDate","isDisabled","addMonths","isSameDay","useDates","dateProps","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","_ref","_convertStringToDate","_convertStringToDate2","getDate","undefined","startMonth","endMonth","getStartDate","_ref2","_newDates$startMonth","_ref3","_newDates$endMonth"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n}\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        const dateProp = dateProps[date]\n        const previousDate = previousDateProps[date]\n\n        const convertedDateProp = convertStringToDate(dateProp, {\n          dateFormat,\n        })\n        const convertedPreviousDate = convertStringToDate(previousDate, {\n          dateFormat,\n        })\n        // Make sure that same dates does not trigger a change\n        // i.e. 2021-01-01 and new Date('2021-01-01')\n        if (\n          convertedDateProp instanceof Date &&\n          convertedPreviousDate instanceof Date\n        ) {\n          return !isSameDay(convertedDateProp, convertedPreviousDate)\n        }\n\n        return dateProp !== previousDate\n      }),\n    [dateProps, previousDateProps, dateFormat]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    const derivedDates = deriveDatesFromProps({\n      dates,\n      dateProps,\n      previousDateProps,\n      dateFormat,\n      isRange,\n    })\n\n    setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n    setPreviousDateProps(dateProps)\n  }\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Correct dates based on min and max date\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  return {\n    dates,\n    updateDates,\n    previousDateProps,\n  } as const\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date = dateProps.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      dateFormat: dateFormat,\n    }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    dateFormat,\n  })\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  return {\n    ...dates,\n  }\n}\n\nfunction deriveDatesFromProps({\n  dates,\n  dateProps,\n  previousDateProps,\n  dateFormat,\n  isRange,\n}: {\n  dates: DatePickerDates\n  dateProps: DatePickerDateProps\n  previousDateProps: DatePickerDateProps\n  dateFormat: UseDatesOptions['dateFormat']\n  isRange: UseDatesOptions['isRange']\n}) {\n  const derivedDates: DatePickerDates = {}\n\n  const startDate = getStartDate(dateProps, previousDateProps)\n\n  // Handle updates related to date and startDate changes when not in range mode\n  if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n    derivedDates.startDate =\n      convertStringToDate(startDate, {\n        dateFormat,\n      }) || undefined\n\n    // Set endDate and startMonth to startDate if not in range mode\n    if (!isRange) {\n      derivedDates.startMonth =\n        convertStringToDate(startDate, {\n          dateFormat,\n        }) || undefined\n\n      derivedDates.endDate = derivedDates.startDate\n    }\n  }\n\n  // update endDate based on endDate prop if in range mode\n  if (\n    isRange &&\n    typeof dateProps.endDate !== 'undefined' &&\n    dateProps.endDate !== dates.endDate\n  ) {\n    derivedDates.endDate =\n      convertStringToDate(dateProps.endDate, {\n        dateFormat,\n      }) || undefined\n  }\n\n  // Handle startMonth/endMonth\n  if (\n    typeof dateProps.startMonth !== 'undefined' &&\n    dateProps.startMonth !== previousDateProps.startMonth\n  ) {\n    derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.endMonth !== 'undefined' &&\n    dateProps.endMonth !== previousDateProps.endMonth\n  ) {\n    derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n      dateFormat,\n    })\n  }\n\n  // Handle minDate/maxDate\n  if (\n    typeof dateProps.minDate !== 'undefined' &&\n    dateProps.minDate !== previousDateProps.minDate\n  ) {\n    derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.maxDate !== 'undefined' &&\n    dateProps.maxDate !== previousDateProps.maxDate\n  ) {\n    derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n      dateFormat,\n    })\n  }\n\n  return derivedDates\n}\n\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, maxDate)) {\n    // state.endDate is only used by the input if range is set to true.\n    // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n    if (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        dateFormat,\n      })\n}\n\nfunction getStartDate(\n  dateProps: DatePickerDateProps,\n  previousDateProps: DatePickerDateProps\n) {\n  // prioritize startDate over date if provided\n  if (\n    typeof dateProps.startDate !== 'undefined' &&\n    dateProps.startDate !== previousDateProps.startDate\n  ) {\n    return dateProps.startDate\n  }\n\n  if (\n    typeof dateProps.date !== 'undefined' &&\n    dateProps.date !== previousDateProps.date\n  ) {\n    return dateProps.date\n  }\n\n  return undefined\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDates.js","names":["useCallback","useMemo","useState","convertStringToDate","isDisabled","addMonths","isSameDay","useDates","dateProps","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","_ref","_convertStringToDate","_convertStringToDate2","getDate","undefined","startMonth","endMonth","getStartDate","_ref2","_newDates$startMonth","_ref3","_newDates$endMonth"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  // Deprecated – can be removed in v11\n  shouldCorrectDate: boolean\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n}\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    // Deprecated – can be removed in v11\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, {\n      dateFormat,\n      isRange,\n      // Deprecated – can be removed in v11\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        const dateProp = dateProps[date]\n        const previousDate = previousDateProps[date]\n\n        const convertedDateProp = convertStringToDate(dateProp, {\n          dateFormat,\n        })\n        const convertedPreviousDate = convertStringToDate(previousDate, {\n          dateFormat,\n        })\n        // Make sure that same dates does not trigger a change\n        // i.e. 2021-01-01 and new Date('2021-01-01')\n        if (\n          convertedDateProp instanceof Date &&\n          convertedPreviousDate instanceof Date\n        ) {\n          return !isSameDay(convertedDateProp, convertedPreviousDate)\n        }\n\n        return dateProp !== previousDate\n      }),\n    [dateProps, previousDateProps, dateFormat]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    const derivedDates = deriveDatesFromProps({\n      dates,\n      dateProps,\n      previousDateProps,\n      dateFormat,\n      isRange,\n    })\n\n    setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n    setPreviousDateProps(dateProps)\n  }\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Deprecated – can be removed in v11\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          // Deprecated – can be removed in v11\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        // Deprecated – can be removed in v11\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  return {\n    dates,\n    updateDates,\n    previousDateProps,\n  } as const\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date = dateProps.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      dateFormat: dateFormat,\n    }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    dateFormat,\n  })\n\n  // Deprecated – can be removed in v11\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  return {\n    ...dates,\n  }\n}\n\nfunction deriveDatesFromProps({\n  dates,\n  dateProps,\n  previousDateProps,\n  dateFormat,\n  isRange,\n}: {\n  dates: DatePickerDates\n  dateProps: DatePickerDateProps\n  previousDateProps: DatePickerDateProps\n  dateFormat: UseDatesOptions['dateFormat']\n  isRange: UseDatesOptions['isRange']\n}) {\n  const derivedDates: DatePickerDates = {}\n\n  const startDate = getStartDate(dateProps, previousDateProps)\n\n  // Handle updates related to date and startDate changes when not in range mode\n  if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n    derivedDates.startDate =\n      convertStringToDate(startDate, {\n        dateFormat,\n      }) || undefined\n\n    // Set endDate and startMonth to startDate if not in range mode\n    if (!isRange) {\n      derivedDates.startMonth =\n        convertStringToDate(startDate, {\n          dateFormat,\n        }) || undefined\n\n      derivedDates.endDate = derivedDates.startDate\n    }\n  }\n\n  // update endDate based on endDate prop if in range mode\n  if (\n    isRange &&\n    typeof dateProps.endDate !== 'undefined' &&\n    dateProps.endDate !== dates.endDate\n  ) {\n    derivedDates.endDate =\n      convertStringToDate(dateProps.endDate, {\n        dateFormat,\n      }) || undefined\n  }\n\n  // Handle startMonth/endMonth\n  if (\n    typeof dateProps.startMonth !== 'undefined' &&\n    dateProps.startMonth !== previousDateProps.startMonth\n  ) {\n    derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.endMonth !== 'undefined' &&\n    dateProps.endMonth !== previousDateProps.endMonth\n  ) {\n    derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n      dateFormat,\n    })\n  }\n\n  // Handle minDate/maxDate\n  if (\n    typeof dateProps.minDate !== 'undefined' &&\n    dateProps.minDate !== previousDateProps.minDate\n  ) {\n    derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.maxDate !== 'undefined' &&\n    dateProps.maxDate !== previousDateProps.maxDate\n  ) {\n    derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n      dateFormat,\n    })\n  }\n\n  return derivedDates\n}\n\n// Deprecated – can be removed in v11\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, maxDate)) {\n    // state.endDate is only used by the input if range is set to true.\n    // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n    if (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        dateFormat,\n      })\n}\n\nfunction getStartDate(\n  dateProps: DatePickerDateProps,\n  previousDateProps: DatePickerDateProps\n) {\n  // prioritize startDate over date if provided\n  if (\n    typeof dateProps.startDate !== 'undefined' &&\n    dateProps.startDate !== previousDateProps.startDate\n  ) {\n    return dateProps.startDate\n  }\n\n  if (\n    typeof dateProps.date !== 'undefined' &&\n    dateProps.date !== previousDateProps.date\n  ) {\n    return dateProps.date\n  }\n\n  return undefined\n}\n"],"mappings":"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","ignoreList":[]}

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.css

@@ -35,6 +35,10 @@
 .dnb-date-picker__header::after {
   background-color: var(--color-black-8);
 }
+.dnb-date-picker__header--only-month-label {
+  justify-content: center;
+  margin-bottom: 1rem;
+}
 .dnb-date-picker__header__row {
   min-width: 60%;
   display: flex;

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css

@@ -1 +1 @@
-.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
+.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header--only-month-label{justify-content:center;margin-bottom:1rem}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss

@@ -49,6 +49,11 @@
       background-color: var(--color-black-8);
     }
 
+    &--only-month-label {
+      justify-content: center;
+      margin-bottom: 1rem;
+    }
+
     &__row {
       min-width: 60%;
       display: flex;

package/es/components/number-format/NumberUtils.d.ts

@@ -116,7 +116,7 @@ export const cleanNumber: (
 
 export const copyWithEffect: (
   value: number | string,
-  label?: string,
+  label?: React.ReactNode,
   positionElement?: HTMLElement
 ) => boolean;
 

package/es/extensions/forms/Field/Boolean/Boolean.d.ts

@@ -1,22 +1,15 @@
 import { Props as ToggleFieldProps } from '../Toggle';
-import { FieldProps, Path } from '../../types';
+import { FieldProps } from '../../types';
 type BooleanProps = {
     trueText?: string;
     falseText?: string;
     variant?: ToggleFieldProps['variant'];
     size?: ToggleFieldProps['size'];
     onClick?: ToggleFieldProps['onClick'];
-    dependencePaths?: never;
-};
-type NeverBooleanProps = {
-    [K in keyof Partial<Omit<BooleanProps, 'dependencePaths'>>]: never;
 };
 type SharedFieldProps = Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'>;
-export type IndeterminateProps = SharedFieldProps & {
-    dependencePaths: Array<Path>;
-} & NeverBooleanProps;
 export type Props = SharedFieldProps & BooleanProps;
-declare function BooleanComponent(props: Props | IndeterminateProps): import("react/jsx-runtime").JSX.Element;
+declare function BooleanComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace BooleanComponent {
     var _supportsSpacingProps: boolean;
 }

package/es/extensions/forms/Field/Boolean/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","ToggleField","useTranslation","BooleanComponent","props","trueText","falseText","restProps","_objectWithoutProperties","_excluded","translations","BooleanField","createElement","_extends","valueOn","valueOff","textOn","yes","textOff","no","valueType","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport ToggleField, { Props as ToggleFieldProps } from '../Toggle'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FieldProps, Path } from '../../types'\n\ntype BooleanProps = {\n  trueText?: string\n  falseText?: string\n  variant?: ToggleFieldProps['variant']\n  size?: ToggleFieldProps['size']\n  onClick?: ToggleFieldProps['onClick']\n  dependencePaths?: never\n}\ntype NeverBooleanProps = {\n  // eslint-disable-next-line no-unused-vars\n  [K in keyof Partial<Omit<BooleanProps, 'dependencePaths'>>]: never\n}\ntype SharedFieldProps = Omit<\n  FieldProps<unknown>,\n  'layout' | 'layoutOptions'\n>\nexport type IndeterminateProps = SharedFieldProps & {\n  dependencePaths: Array<Path>\n} & NeverBooleanProps\nexport type Props = SharedFieldProps & BooleanProps\n\nfunction BooleanComponent(props: Props | IndeterminateProps) {\n  const { trueText, falseText, ...restProps } = props\n  const translations = useTranslation().BooleanField\n\n  return (\n    <ToggleField\n      {...(restProps as ToggleFieldProps)}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? translations.yes}\n      textOff={falseText ?? translations.no}\n      valueType=\"boolean\"\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AAwBvD,SAASC,gBAAgBA,CAACC,KAAiC,EAAE;EAC3D,MAAM;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAGF,KAAK;IAAnBG,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EACnD,MAAMC,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACS,YAAY;EAElD,OACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACLN,SAAS;IACdO,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAEX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,YAAY,CAACO,GAAI;IACrCC,OAAO,EAAEZ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,YAAY,CAACS,EAAG;IACtCC,SAAS,EAAC;EAAS,EACpB,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Boolean.js","names":["React","ToggleField","useTranslation","BooleanComponent","props","trueText","falseText","restProps","_objectWithoutProperties","_excluded","translations","BooleanField","createElement","_extends","valueOn","valueOff","textOn","yes","textOff","no","valueType","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport ToggleField, { Props as ToggleFieldProps } from '../Toggle'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FieldProps } from '../../types'\n\ntype BooleanProps = {\n  trueText?: string\n  falseText?: string\n  variant?: ToggleFieldProps['variant']\n  size?: ToggleFieldProps['size']\n  onClick?: ToggleFieldProps['onClick']\n}\n\ntype SharedFieldProps = Omit<\n  FieldProps<unknown>,\n  'layout' | 'layoutOptions'\n>\n\nexport type Props = SharedFieldProps & BooleanProps\n\nfunction BooleanComponent(props: Props) {\n  const { trueText, falseText, ...restProps } = props\n  const translations = useTranslation().BooleanField\n\n  return (\n    <ToggleField\n      {...(restProps as ToggleFieldProps)}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? translations.yes}\n      textOff={falseText ?? translations.no}\n      valueType=\"boolean\"\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AAkBvD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAM;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAGF,KAAK;IAAnBG,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EACnD,MAAMC,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACS,YAAY;EAElD,OACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACLN,SAAS;IACdO,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAEX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,YAAY,CAACO,GAAI;IACrCC,OAAO,EAAEZ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,YAAY,CAACS,EAAG;IACtCC,SAAS,EAAC;EAAS,EACpB,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB","ignoreList":[]}

package/es/extensions/forms/Field/Date/Date.d.ts

@@ -21,7 +21,7 @@ export type DateProps = Omit<FieldProps<string, undefined | string>, 'onBlurVali
      */
     showResetButton?: DatePickerProps['showResetButton'];
     onBlurValidator?: ValidatorDisableable<string>;
-} & Pick<DatePickerProps, 'month' | 'startMonth' | 'endMonth' | 'minDate' | 'maxDate' | 'correctInvalidDate' | 'maskOrder' | 'maskPlaceholder' | 'dateFormat' | 'returnFormat' | 'hideNavigation' | 'hideDays' | 'onlyMonth' | 'hideLastWeek' | 'disableAutofocus' | 'showSubmitButton' | 'submitButtonText' | 'cancelButtonText' | 'resetButtonText' | 'firstDay' | 'link' | 'size' | 'sync' | 'addonElement' | 'shortcuts' | 'opened' | 'direction' | 'alignPicker' | 'onDaysRender' | 'onType' | 'onShow' | 'onHide' | 'onSubmit' | 'onCancel' | 'onReset' | 'skipPortal' | 'yearNavigation'>;
+} & Pick<DatePickerProps, 'month' | 'startMonth' | 'endMonth' | 'minDate' | 'maxDate' | 'maskOrder' | 'maskPlaceholder' | 'dateFormat' | 'returnFormat' | 'hideNavigation' | 'hideDays' | 'onlyMonth' | 'hideLastWeek' | 'disableAutofocus' | 'showSubmitButton' | 'submitButtonText' | 'cancelButtonText' | 'resetButtonText' | 'firstDay' | 'link' | 'size' | 'sync' | 'addonElement' | 'shortcuts' | 'opened' | 'direction' | 'alignPicker' | 'onDaysRender' | 'onType' | 'onShow' | 'onHide' | 'onSubmit' | 'onCancel' | 'onReset' | 'skipPortal' | 'yearNavigation'>;
 declare function DateComponent(props: DateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateComponent {
     var _supportsSpacingProps: boolean;

package/es/extensions/forms/Field/Date/Date.js.map

@@ -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","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","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","_ref","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","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":[]}
+{"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","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","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","_ref","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","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    | '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/es/extensions/forms/Field/Date/DateDocs.js

@@ -25,9 +25,10 @@ const {
     date,
     startDate,
     endDate,
+    correctInvalidDate,
     '[Space](/uilib/layout/space/properties)': space
   } = DatePickerProperties,
-  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "labelAlignment", "suffix", "stretch", "size", "date", "startDate", "endDate", "[Space](/uilib/layout/space/properties)"]);
+  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "labelAlignment", "suffix", "stretch", "size", "date", "startDate", "endDate", "correctInvalidDate", "[Space](/uilib/layout/space/properties)"]);
 export const DateProperties = _objectSpread(_objectSpread({
   range: _objectSpread(_objectSpread({}, range), {}, {
     doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.'

package/es/extensions/forms/Field/Date/DateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","labelAlignment","suffix","stretch","size","date","startDate","endDate","space","datePickerProperties","_objectWithoutProperties","DateProperties","_objectSpread","doc","onBlurValidator","type","onChange","onBlur","onFocus","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  DatePickerProperties,\n  DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n  showCancelButton,\n  showResetButton,\n  showInput,\n  range,\n  skeleton,\n  tooltip,\n  globalStatus,\n  statusProps,\n  statusState,\n  status,\n  inputElement,\n  label,\n  labelDirection,\n  labelSrOnly,\n  labelAlignment,\n  suffix,\n  stretch,\n  size,\n  date,\n  startDate,\n  endDate,\n  '[Space](/uilib/layout/space/properties)': space,\n  ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n  range: {\n    ...range,\n    doc:\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 (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n  },\n  showInput: {\n    ...showInput,\n    doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n  },\n  showCancelButton: {\n    ...showCancelButton,\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n  },\n  showResetButton: {\n    ...showResetButton,\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n  },\n  size: {\n    ...size,\n    doc: `${size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n  ...datePickerProperties,\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validating invalid dates, and dates against `minDate` and `maxDate`, using `dateValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":";;;;AACA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,mDAAmD;AAI1D,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,KAAK;IACLC,cAAc;IACdC,WAAW;IACXC,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,SAAS;IACTC,OAAO;IACP,yCAAyC,EAAEC;EAE7C,CAAC,GAAGvB,oBAAoB;EADnBwB,oBAAoB,GAAAC,wBAAA,CACrBzB,oBAAoB;AAIxB,OAAO,MAAM0B,cAAoC,GAAAC,aAAA,CAAAA,aAAA;EAC/CtB,KAAK,EAAAsB,aAAA,CAAAA,aAAA,KACAtB,KAAK;IACRuB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDxB,SAAS,EAAAuB,aAAA,CAAAA,aAAA,KACJvB,SAAS;IACZwB,GAAG,EAAE;EAA0E,EAChF;EACD1B,gBAAgB,EAAAyB,aAAA,CAAAA,aAAA,KACXzB,gBAAgB;IACnB0B,GAAG,EAAE;EAA+M,EACrN;EACDzB,eAAe,EAAAwB,aAAA,CAAAA,aAAA,KACVxB,eAAe;IAClByB,GAAG,EAAE;EAA+I,EACrJ;EACDT,IAAI,EAAAQ,aAAA,CAAAA,aAAA,KACCR,IAAI;IACPS,GAAG,EAAE,GAAGT,IAAI,CAACS,GAAG;EAAwG;AACzH,GACEJ,oBAAoB;EACvBK,eAAe,EAAE;IACfD,GAAG,EAAE,scAAsc;IAC3cE,IAAI,EAAE,UAAU;IAChBnB,MAAM,EAAE;EACV;AAAC,EACF;AAED,MAAM;IAAEoB,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAGhC,gBAAgB;EAArCiC,gBAAgB,GAAAT,wBAAA,CAAKxB,gBAAgB;AAE3E,OAAO,MAAMkC,UAAU,GAAGD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","labelAlignment","suffix","stretch","size","date","startDate","endDate","correctInvalidDate","space","datePickerProperties","_objectWithoutProperties","DateProperties","_objectSpread","doc","onBlurValidator","type","onChange","onBlur","onFocus","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  DatePickerProperties,\n  DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n  showCancelButton,\n  showResetButton,\n  showInput,\n  range,\n  skeleton,\n  tooltip,\n  globalStatus,\n  statusProps,\n  statusState,\n  status,\n  inputElement,\n  label,\n  labelDirection,\n  labelSrOnly,\n  labelAlignment,\n  suffix,\n  stretch,\n  size,\n  date,\n  startDate,\n  endDate,\n  correctInvalidDate,\n  '[Space](/uilib/layout/space/properties)': space,\n  ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n  range: {\n    ...range,\n    doc:\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 (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n  },\n  showInput: {\n    ...showInput,\n    doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n  },\n  showCancelButton: {\n    ...showCancelButton,\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n  },\n  showResetButton: {\n    ...showResetButton,\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n  },\n  size: {\n    ...size,\n    doc: `${size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n  ...datePickerProperties,\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validating invalid dates, and dates against `minDate` and `maxDate`, using `dateValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":";;;;AACA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,mDAAmD;AAI1D,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,KAAK;IACLC,cAAc;IACdC,WAAW;IACXC,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,SAAS;IACTC,OAAO;IACPC,kBAAkB;IAClB,yCAAyC,EAAEC;EAE7C,CAAC,GAAGxB,oBAAoB;EADnByB,oBAAoB,GAAAC,wBAAA,CACrB1B,oBAAoB;AAIxB,OAAO,MAAM2B,cAAoC,GAAAC,aAAA,CAAAA,aAAA;EAC/CvB,KAAK,EAAAuB,aAAA,CAAAA,aAAA,KACAvB,KAAK;IACRwB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDzB,SAAS,EAAAwB,aAAA,CAAAA,aAAA,KACJxB,SAAS;IACZyB,GAAG,EAAE;EAA0E,EAChF;EACD3B,gBAAgB,EAAA0B,aAAA,CAAAA,aAAA,KACX1B,gBAAgB;IACnB2B,GAAG,EAAE;EAA+M,EACrN;EACD1B,eAAe,EAAAyB,aAAA,CAAAA,aAAA,KACVzB,eAAe;IAClB0B,GAAG,EAAE;EAA+I,EACrJ;EACDV,IAAI,EAAAS,aAAA,CAAAA,aAAA,KACCT,IAAI;IACPU,GAAG,EAAE,GAAGV,IAAI,CAACU,GAAG;EAAwG;AACzH,GACEJ,oBAAoB;EACvBK,eAAe,EAAE;IACfD,GAAG,EAAE,scAAsc;IAC3cE,IAAI,EAAE,UAAU;IAChBpB,MAAM,EAAE;EACV;AAAC,EACF;AAED,MAAM;IAAEqB,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAGjC,gBAAgB;EAArCkC,gBAAgB,GAAAT,wBAAA,CAAKzB,gBAAgB;AAE3E,OAAO,MAAMmC,UAAU,GAAGD,gBAAgB","ignoreList":[]}

package/es/extensions/forms/Field/Indeterminate/Indeterminate.d.ts

@@ -9,7 +9,7 @@ export type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {
      * When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state.
      * When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state.
      * When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.
-     * Default is `true`.
+     * Default is `checked`.
      */
     propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto';
 };

package/es/extensions/forms/Field/Indeterminate/Indeterminate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indeterminate.js","names":["React","useCallback","useMemo","Toggle","useDependencePaths","Indeterminate","props","dependencePaths","propagateIndeterminateState","valueOn","valueOff","value","valueProp","onChange","rest","_objectWithoutProperties","_excluded","indeterminate","internalValue","setAllStates","changeHandler","createElement","_extends","variant","htmlAttributes"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/Indeterminate.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport Toggle, { Props as ToggleAllProps } from '../Toggle/Toggle'\nimport useDependencePaths from './useDependencePaths'\nimport { Path } from '../../types'\n\nexport type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {\n  /**\n   * An array of paths to the data object.\n   */\n  dependencePaths: Array<Path>\n\n  /**\n   * When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state.\n   * When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state.\n   * When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.\n   * Default is `true`.\n   */\n  propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto'\n}\n\nexport default function Indeterminate(props: Props) {\n  const {\n    dependencePaths,\n    propagateIndeterminateState = 'checked',\n    valueOn = true,\n    valueOff = false,\n    value: valueProp,\n    onChange,\n    ...rest\n  } = props\n\n  const { indeterminate, internalValue, setAllStates } =\n    useDependencePaths(dependencePaths, propagateIndeterminateState)\n\n  const changeHandler = useCallback(\n    (value: unknown) => {\n      setAllStates(value === valueOn)\n      onChange?.(value === valueOn ? valueOn : valueOff)\n    },\n    [onChange, setAllStates, valueOff, valueOn]\n  )\n\n  const value = useMemo(() => {\n    if (typeof valueProp !== 'undefined') {\n      return valueProp\n    }\n    return internalValue ? valueOn : valueOff\n  }, [valueProp, internalValue, valueOn, valueOff])\n\n  return (\n    <Toggle\n      {...rest}\n      variant=\"checkbox\"\n      htmlAttributes={{ indeterminate }}\n      valueOn={valueOn}\n      valueOff={valueOff}\n      value={value}\n      onChange={changeHandler}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,MAAM,MAAmC,kBAAkB;AAClE,OAAOC,kBAAkB,MAAM,sBAAsB;AAkBrD,eAAe,SAASC,aAAaA,CAACC,KAAY,EAAE;EAClD,MAAM;MACJC,eAAe;MACfC,2BAA2B,GAAG,SAAS;MACvCC,OAAO,GAAG,IAAI;MACdC,QAAQ,GAAG,KAAK;MAChBC,KAAK,EAAEC,SAAS;MAChBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,IAAI,GAAAC,wBAAA,CACLT,KAAK,EAAAU,SAAA;EAET,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAClDf,kBAAkB,CAACG,eAAe,EAAEC,2BAA2B,CAAC;EAElE,MAAMY,aAAa,GAAGnB,WAAW,CAC9BU,KAAc,IAAK;IAClBQ,YAAY,CAACR,KAAK,KAAKF,OAAO,CAAC;IAC/BI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGF,KAAK,KAAKF,OAAO,GAAGA,OAAO,GAAGC,QAAQ,CAAC;EACpD,CAAC,EACD,CAACG,QAAQ,EAAEM,YAAY,EAAET,QAAQ,EAAED,OAAO,CAC5C,CAAC;EAED,MAAME,KAAK,GAAGT,OAAO,CAAC,MAAM;IAC1B,IAAI,OAAOU,SAAS,KAAK,WAAW,EAAE;MACpC,OAAOA,SAAS;IAClB;IACA,OAAOM,aAAa,GAAGT,OAAO,GAAGC,QAAQ;EAC3C,CAAC,EAAE,CAACE,SAAS,EAAEM,aAAa,EAAET,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEjD,OACEV,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACDR,IAAI;IACRS,OAAO,EAAC,UAAU;IAClBC,cAAc,EAAE;MAAEP;IAAc,CAAE;IAClCR,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEO;EAAc,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"Indeterminate.js","names":["React","useCallback","useMemo","Toggle","useDependencePaths","Indeterminate","props","dependencePaths","propagateIndeterminateState","valueOn","valueOff","value","valueProp","onChange","rest","_objectWithoutProperties","_excluded","indeterminate","internalValue","setAllStates","changeHandler","createElement","_extends","variant","htmlAttributes"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/Indeterminate.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport Toggle, { Props as ToggleAllProps } from '../Toggle/Toggle'\nimport useDependencePaths from './useDependencePaths'\nimport { Path } from '../../types'\n\nexport type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {\n  /**\n   * An array of paths to the data object.\n   */\n  dependencePaths: Array<Path>\n\n  /**\n   * When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state.\n   * When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state.\n   * When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.\n   * Default is `checked`.\n   */\n  propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto'\n}\n\nexport default function Indeterminate(props: Props) {\n  const {\n    dependencePaths,\n    propagateIndeterminateState = 'checked',\n    valueOn = true,\n    valueOff = false,\n    value: valueProp,\n    onChange,\n    ...rest\n  } = props\n\n  const { indeterminate, internalValue, setAllStates } =\n    useDependencePaths(dependencePaths, propagateIndeterminateState)\n\n  const changeHandler = useCallback(\n    (value: unknown) => {\n      setAllStates(value === valueOn)\n      onChange?.(value === valueOn ? valueOn : valueOff)\n    },\n    [onChange, setAllStates, valueOff, valueOn]\n  )\n\n  const value = useMemo(() => {\n    if (typeof valueProp !== 'undefined') {\n      return valueProp\n    }\n    return internalValue ? valueOn : valueOff\n  }, [valueProp, internalValue, valueOn, valueOff])\n\n  return (\n    <Toggle\n      {...rest}\n      variant=\"checkbox\"\n      htmlAttributes={{ indeterminate }}\n      valueOn={valueOn}\n      valueOff={valueOff}\n      value={value}\n      onChange={changeHandler}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,MAAM,MAAmC,kBAAkB;AAClE,OAAOC,kBAAkB,MAAM,sBAAsB;AAkBrD,eAAe,SAASC,aAAaA,CAACC,KAAY,EAAE;EAClD,MAAM;MACJC,eAAe;MACfC,2BAA2B,GAAG,SAAS;MACvCC,OAAO,GAAG,IAAI;MACdC,QAAQ,GAAG,KAAK;MAChBC,KAAK,EAAEC,SAAS;MAChBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,IAAI,GAAAC,wBAAA,CACLT,KAAK,EAAAU,SAAA;EAET,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAClDf,kBAAkB,CAACG,eAAe,EAAEC,2BAA2B,CAAC;EAElE,MAAMY,aAAa,GAAGnB,WAAW,CAC9BU,KAAc,IAAK;IAClBQ,YAAY,CAACR,KAAK,KAAKF,OAAO,CAAC;IAC/BI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGF,KAAK,KAAKF,OAAO,GAAGA,OAAO,GAAGC,QAAQ,CAAC;EACpD,CAAC,EACD,CAACG,QAAQ,EAAEM,YAAY,EAAET,QAAQ,EAAED,OAAO,CAC5C,CAAC;EAED,MAAME,KAAK,GAAGT,OAAO,CAAC,MAAM;IAC1B,IAAI,OAAOU,SAAS,KAAK,WAAW,EAAE;MACpC,OAAOA,SAAS;IAClB;IACA,OAAOM,aAAa,GAAGT,OAAO,GAAGC,QAAQ;EAC3C,CAAC,EAAE,CAACE,SAAS,EAAEM,aAAa,EAAET,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEjD,OACEV,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACDR,IAAI;IACRS,OAAO,EAAC,UAAU;IAClBC,cAAc,EAAE;MAAEP;IAAc,CAAE;IAClCR,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEO;EAAc,EACzB,CAAC;AAEN","ignoreList":[]}

package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js

@@ -17,7 +17,7 @@ export const IndeterminateProperties = _objectSpread(_objectSpread({
     status: 'required'
   },
   propagateIndeterminateState: {
-    doc: 'When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state. When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `true`.',
+    doc: 'When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state. When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `checked`.',
     type: ['checked', 'unchecked', 'auto'],
     status: 'optional'
   }

package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndeterminateDocs.js","names":["ToggleProperties","Object","assign","valueOn","_objectSpread","status","valueOff","IndeterminateProperties","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n  valueOn: {\n    ...ToggleProperties.valueOn,\n    status: 'optional',\n  },\n  valueOff: {\n    ...ToggleProperties.valueOff,\n    status: 'optional',\n  },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n  dependencePaths: {\n    doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',\n    type: 'array',\n    status: 'required',\n  },\n  propagateIndeterminateState: {\n    doc: 'When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state. When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `true`.',\n    type: ['checked', 'unchecked', 'auto'],\n    status: 'optional',\n  },\n  ...ToggleProperties,\n  textOn: undefined,\n  textOff: undefined,\n  variant: undefined,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvDC,MAAM,CAACC,MAAM,CAACF,gBAAgB,EAAE;EAC9BG,OAAO,EAAAC,aAAA,CAAAA,aAAA,KACFJ,gBAAgB,CAACG,OAAO;IAC3BE,MAAM,EAAE;EAAU,EACnB;EACDC,QAAQ,EAAAF,aAAA,CAAAA,aAAA,KACHJ,gBAAgB,CAACM,QAAQ;IAC5BD,MAAM,EAAE;EAAU;AAEtB,CAAC,CAAC;AAEF,OAAO,MAAME,uBAA6C,GAAAH,aAAA,CAAAA,aAAA;EACxDI,eAAe,EAAE;IACfC,GAAG,EAAE,uLAAuL;IAC5LC,IAAI,EAAE,OAAO;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,2BAA2B,EAAE;IAC3BF,GAAG,EAAE,4UAA4U;IACjVC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC;IACtCL,MAAM,EAAE;EACV;AAAC,GACEL,gBAAgB;EACnBY,MAAM,EAAEC,SAAS;EACjBC,OAAO,EAAED,SAAS;EAClBE,OAAO,EAAEF;AAAS,EACnB","ignoreList":[]}
+{"version":3,"file":"IndeterminateDocs.js","names":["ToggleProperties","Object","assign","valueOn","_objectSpread","status","valueOff","IndeterminateProperties","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n  valueOn: {\n    ...ToggleProperties.valueOn,\n    status: 'optional',\n  },\n  valueOff: {\n    ...ToggleProperties.valueOff,\n    status: 'optional',\n  },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n  dependencePaths: {\n    doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',\n    type: 'array',\n    status: 'required',\n  },\n  propagateIndeterminateState: {\n    doc: 'When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state. When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `checked`.',\n    type: ['checked', 'unchecked', 'auto'],\n    status: 'optional',\n  },\n  ...ToggleProperties,\n  textOn: undefined,\n  textOff: undefined,\n  variant: undefined,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvDC,MAAM,CAACC,MAAM,CAACF,gBAAgB,EAAE;EAC9BG,OAAO,EAAAC,aAAA,CAAAA,aAAA,KACFJ,gBAAgB,CAACG,OAAO;IAC3BE,MAAM,EAAE;EAAU,EACnB;EACDC,QAAQ,EAAAF,aAAA,CAAAA,aAAA,KACHJ,gBAAgB,CAACM,QAAQ;IAC5BD,MAAM,EAAE;EAAU;AAEtB,CAAC,CAAC;AAEF,OAAO,MAAME,uBAA6C,GAAAH,aAAA,CAAAA,aAAA;EACxDI,eAAe,EAAE;IACfC,GAAG,EAAE,uLAAuL;IAC5LC,IAAI,EAAE,OAAO;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,2BAA2B,EAAE;IAC3BF,GAAG,EAAE,+UAA+U;IACpVC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC;IACtCL,MAAM,EAAE;EACV;AAAC,GACEL,gBAAgB;EACnBY,MAAM,EAAEC,SAAS;EACjBC,OAAO,EAAED,SAAS;EAClBE,OAAO,EAAEF;AAAS,EACnB","ignoreList":[]}

package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useMemo, useContext, useCallback, useEffect, useRef } from 'react';
 import { Autocomplete } from '../../../../components';
 import classnames from 'classnames';
-import countries from '../../constants/countries';
+import useCountries from '../SelectCountry/useCountries';
 import StringField from '../String';
 import CompositionField from '../Composition';
 import { useFieldProps } from '../../hooks';
@@ -136,14 +136,18 @@ function PhoneNumber(props) {
   const filter = useCallback(country => {
     return countryFilter(country, filterCountries, ccFilter);
   }, [ccFilter, filterCountries]);
+  const {
+    countries
+  } = useCountries();
   const updateCurrentDataSet = useCallback(() => {
     dataRef.current = getCountryData({
+      countries,
       lang,
       filter: ccFilter === 'Prioritized' && !wasFilled.current ? country => `${formatCountryCode(country.cdc)}` === countryCodeRef.current : filter,
       sort: ccFilter,
       makeObject
     });
-  }, [lang, filter, ccFilter]);
+  }, [countries, lang, ccFilter, filter]);
   const prepareEventValues = useCallback(({
     countryCode = countryCodeRef.current || emptyValue,
     phoneNumber = numberRef.current || emptyValue
@@ -241,7 +245,7 @@ function PhoneNumber(props) {
         });
       }
     }
-  }, [callOnChange, updateCurrentDataSet]);
+  }, [callOnChange, countries, updateCurrentDataSet]);
   const isDefault = (_countryCodeRef$curre = countryCodeRef.current) === null || _countryCodeRef$curre === void 0 ? void 0 : _countryCodeRef$curre.includes(defaultCountryCode);
   const fieldBlockProps = _objectSpread({
     id,