@dnb/eufemia 10.57.0 → 10.58.0

package/components/date-picker/DatePickerContext.d.ts

@@ -14,7 +14,7 @@ export type DatePickerContextValues = ContextProps & DatePickerDates & {
     translation: ContextProps['translation'];
     views: Array<CalendarView>;
     hasHadValidDate: boolean;
-    previousDates: DatePickerDateProps;
+    previousDateProps: DatePickerDateProps;
     updateDates: (dates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
     setState?: (state: DatePickerProviderState) => void;
     setViews: (views: Array<CalendarView>, callback?: () => void) => void;

package/components/date-picker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","names":["React","DatePickerContext","createContext"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    hasHadValidDate: boolean\n    previousDates: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    forceViewMonthChange: () => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAmCzB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,aAAa,CAC3C,CAAC,CACH,CAAC;AAED,eAAeD,iBAAiB"}
+{"version":3,"file":"DatePickerContext.js","names":["React","DatePickerContext","createContext"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    hasHadValidDate: boolean\n    previousDateProps: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    forceViewMonthChange: () => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAmCzB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,aAAa,CAC3C,CAAC,CACH,CAAC;AAED,eAAeD,iBAAiB"}

package/components/date-picker/DatePickerFooter.js

@@ -21,7 +21,7 @@ function DatePickerFooter(_ref) {
   } = _ref;
   const {
     updateDates,
-    previousDates,
+    previousDateProps,
     props: contextProps
   } = useContext(DatePickerContext);
   const {
@@ -42,12 +42,12 @@ function DatePickerFooter(_ref) {
     if (args && args.event) {
       args.event.persist();
     }
-    const startDate = previousDates.startDate ? convertStringToDate(previousDates.startDate, {
+    const startDate = previousDateProps.startDate ? convertStringToDate(previousDateProps.startDate, {
       dateFormat
-    }) : previousDates.date ? convertStringToDate(previousDates.date, {
+    }) : previousDateProps.date ? convertStringToDate(previousDateProps.date, {
       dateFormat
     }) : null;
-    const endDate = previousDates.endDate ? convertStringToDate(previousDates.endDate, {
+    const endDate = previousDateProps.endDate ? convertStringToDate(previousDateProps.endDate, {
       dateFormat
     }) : startDate;
     updateDates({
@@ -56,7 +56,7 @@ function DatePickerFooter(_ref) {
     }, dates => {
       onCancel === null || onCancel === void 0 ? void 0 : onCancel(_objectSpread(_objectSpread({}, args), dates));
     });
-  }, [dateFormat, updateDates, previousDates, onCancel]);
+  }, [dateFormat, updateDates, previousDateProps, onCancel]);
   const onResetHandler = useCallback(args => {
     if (args && args.event) {
       args.event.persist();

package/components/date-picker/DatePickerFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFooter.js","names":["React","useContext","useCallback","Button","DatePickerContext","convertStringToDate","useTranslation","DatePickerFooter","_ref","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDates","props","contextProps","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","DatePicker","onSubmitHandler","args","onCancelHandler","event","persist","startDate","date","endDate","dates","_objectSpread","onResetHandler","undefined","createElement","Fragment","className","text","onClick","_span","icon","icon_position","variant","right","_span2","_span3"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerInputDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n  DatePickerInputDates & {\n    event: React.MouseEvent<HTMLButtonElement>\n  }\n\nexport type DatePickerFooterProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onSubmit' | 'onCancel' | 'onReset'\n> & {\n  isRange: boolean\n  onSubmit?: (event: DatePickerFooterEvent) => void\n  onCancel?: (event: DatePickerFooterEvent) => void\n  onReset?: (event: DatePickerFooterEvent) => void\n  submitButtonText?: string\n  cancelButtonText?: string\n  resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n  isRange,\n  submitButtonText,\n  cancelButtonText,\n  resetButtonText,\n  onSubmit,\n  onCancel,\n  onReset,\n}: DatePickerFooterProps) {\n  const {\n    updateDates,\n    previousDates,\n    props: contextProps,\n  } = useContext(DatePickerContext)\n\n  const {\n    showResetButton,\n    showCancelButton,\n    showSubmitButton,\n    dateFormat,\n  } = contextProps\n\n  const {\n    submitButtonText: submitButtonTextTranslation,\n    cancelButtonText: cancelButtonTextTranslation,\n    resetButtonText: resetButtonTextTranslation,\n  } = useTranslation().DatePicker\n\n  const onSubmitHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      onSubmit?.(args)\n    },\n    [onSubmit]\n  )\n\n  const onCancelHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      const startDate = previousDates.startDate\n        ? convertStringToDate(previousDates.startDate, {\n            dateFormat,\n          })\n        : previousDates.date\n        ? convertStringToDate(previousDates.date, {\n            dateFormat,\n          })\n        : null\n\n      const endDate = previousDates.endDate\n        ? convertStringToDate(previousDates.endDate, {\n            dateFormat,\n          })\n        : startDate\n\n      updateDates(\n        {\n          startDate,\n          endDate,\n        },\n        (dates) => {\n          onCancel?.({ ...args, ...dates })\n        }\n      )\n    },\n    [dateFormat, updateDates, previousDates, onCancel]\n  )\n\n  const onResetHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      updateDates(\n        {\n          date: undefined,\n          startDate: undefined,\n          endDate: undefined,\n        },\n        (dates) => {\n          onReset?.({ ...args, ...dates })\n        }\n      )\n    },\n    [updateDates, onReset]\n  )\n\n  if (\n    !isRange &&\n    !showSubmitButton &&\n    !showCancelButton &&\n    !showResetButton\n  ) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__footer\">\n      {((isRange || showSubmitButton) && (\n        <Button\n          text={submitButtonText || submitButtonTextTranslation}\n          onClick={onSubmitHandler}\n          data-testid=\"submit\"\n        />\n      )) || <span />}\n\n      <span>\n        {(showResetButton && (\n          <Button\n            text={resetButtonText || resetButtonTextTranslation}\n            icon=\"reset\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onResetHandler}\n            data-testid=\"reset\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n\n        {((isRange || showCancelButton) && (\n          <Button\n            text={cancelButtonText || cancelButtonTextTranslation}\n            icon=\"close\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onCancelHandler}\n            data-testid=\"cancel\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n      </span>\n    </div>\n  )\n}\n\nexport default DatePickerFooter\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFooter.js","names":["React","useContext","useCallback","Button","DatePickerContext","convertStringToDate","useTranslation","DatePickerFooter","_ref","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDateProps","props","contextProps","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","DatePicker","onSubmitHandler","args","onCancelHandler","event","persist","startDate","date","endDate","dates","_objectSpread","onResetHandler","undefined","createElement","Fragment","className","text","onClick","_span","icon","icon_position","variant","right","_span2","_span3"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerInputDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n  DatePickerInputDates & {\n    event: React.MouseEvent<HTMLButtonElement>\n  }\n\nexport type DatePickerFooterProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onSubmit' | 'onCancel' | 'onReset'\n> & {\n  isRange: boolean\n  onSubmit?: (event: DatePickerFooterEvent) => void\n  onCancel?: (event: DatePickerFooterEvent) => void\n  onReset?: (event: DatePickerFooterEvent) => void\n  submitButtonText?: string\n  cancelButtonText?: string\n  resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n  isRange,\n  submitButtonText,\n  cancelButtonText,\n  resetButtonText,\n  onSubmit,\n  onCancel,\n  onReset,\n}: DatePickerFooterProps) {\n  const {\n    updateDates,\n    previousDateProps,\n    props: contextProps,\n  } = useContext(DatePickerContext)\n\n  const {\n    showResetButton,\n    showCancelButton,\n    showSubmitButton,\n    dateFormat,\n  } = contextProps\n\n  const {\n    submitButtonText: submitButtonTextTranslation,\n    cancelButtonText: cancelButtonTextTranslation,\n    resetButtonText: resetButtonTextTranslation,\n  } = useTranslation().DatePicker\n\n  const onSubmitHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      onSubmit?.(args)\n    },\n    [onSubmit]\n  )\n\n  const onCancelHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      const startDate = previousDateProps.startDate\n        ? convertStringToDate(previousDateProps.startDate, {\n            dateFormat,\n          })\n        : previousDateProps.date\n        ? convertStringToDate(previousDateProps.date, {\n            dateFormat,\n          })\n        : null\n\n      const endDate = previousDateProps.endDate\n        ? convertStringToDate(previousDateProps.endDate, {\n            dateFormat,\n          })\n        : startDate\n\n      updateDates(\n        {\n          startDate,\n          endDate,\n        },\n        (dates) => {\n          onCancel?.({ ...args, ...dates })\n        }\n      )\n    },\n    [dateFormat, updateDates, previousDateProps, onCancel]\n  )\n\n  const onResetHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      updateDates(\n        {\n          date: undefined,\n          startDate: undefined,\n          endDate: undefined,\n        },\n        (dates) => {\n          onReset?.({ ...args, ...dates })\n        }\n      )\n    },\n    [updateDates, onReset]\n  )\n\n  if (\n    !isRange &&\n    !showSubmitButton &&\n    !showCancelButton &&\n    !showResetButton\n  ) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__footer\">\n      {((isRange || showSubmitButton) && (\n        <Button\n          text={submitButtonText || submitButtonTextTranslation}\n          onClick={onSubmitHandler}\n          data-testid=\"submit\"\n        />\n      )) || <span />}\n\n      <span>\n        {(showResetButton && (\n          <Button\n            text={resetButtonText || resetButtonTextTranslation}\n            icon=\"reset\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onResetHandler}\n            data-testid=\"reset\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n\n        {((isRange || showCancelButton) && (\n          <Button\n            text={cancelButtonText || cancelButtonTextTranslation}\n            icon=\"close\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onCancelHandler}\n            data-testid=\"cancel\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n      </span>\n    </div>\n  )\n}\n\nexport default DatePickerFooter\n"],"mappings":"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"}

package/components/date-picker/DatePickerProvider.js

@@ -43,7 +43,7 @@ function DatePickerProvider(externalProps) {
     dates,
     updateDates,
     hasHadValidDate,
-    previousDates
+    previousDateProps
   } = useDates({
     date,
     startDate,
@@ -128,7 +128,7 @@ function DatePickerProvider(externalProps) {
       hidePicker: hidePicker,
       props
     }, dates), {}, {
-      previousDates,
+      previousDateProps,
       hasHadValidDate,
       views,
       setViews,

package/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","hasHadValidDate","previousDates","isRange","shouldCorrectDate","views","setViews","forceViewMonthChange","lastEventCallCache","setLastEventCallCache","getReturnObject","_ref","arguments","length","undefined","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n  DatePickerEventAttributes,\n  DatePickerAllProps,\n  DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n  DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews, { CalendarView } from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache, {\n  LastEventCallCache,\n} from './hooks/useLastEventCallCache'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n  setReturnObject: (\n    func: DatePickerContextValues['getReturnObject']\n  ) => DatePickerContextValues['getReturnObject']\n  hidePicker?: DatePickerContextValues['hidePicker']\n  attributes?: DatePickerEventAttributes\n  children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates & {\n  nr?: number\n  hidePicker?: boolean\n  event?: E\n}\n\nexport type GetReturnObjectParams<E> = DatePickerDates & {\n  event?: E\n}\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = {\n  event?: E\n  attributes?: Record<string, unknown>\n  days_between?: number\n  date?: string\n  start_date?: string\n  end_date?: string\n  is_valid?: boolean\n  is_valid_start_date?: boolean\n  is_valid_end_date?: boolean\n  partialStartDate?: string\n  partialEndDate?: string\n}\n\nexport type DatePickerProviderState = DatePickerDates &\n  Array<CalendarView> &\n  LastEventCallCache\n\nconst defaultProps: Partial<DatePickerProps> = {\n  returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    dateFormat,\n    range,\n    correctInvalidDate,\n    attributes,\n    returnFormat: returnFormatProp,\n    children,\n    onChange,\n    setReturnObject,\n    hidePicker,\n  } = props\n\n  const sharedContext = useContext(SharedContext)\n\n  const { dates, updateDates, hasHadValidDate, previousDates } = useDates(\n    {\n      date,\n      startDate,\n      endDate,\n      startMonth,\n      endMonth,\n      minDate,\n      maxDate,\n    },\n    {\n      dateFormat: dateFormat,\n      isRange: range,\n      shouldCorrectDate: correctInvalidDate,\n    }\n  )\n\n  const { views, setViews, forceViewMonthChange } = useViews({\n    startMonth: dates.startMonth,\n    endMonth: dates.endMonth,\n    isRange: range,\n  })\n\n  const [lastEventCallCache, setLastEventCallCache] =\n    useLastEventCallCache({\n      startDate: dates.startDate,\n      endDate: dates.endDate,\n    })\n\n  const getReturnObject = useCallback(\n    <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n      const { startDate, endDate, partialStartDate, partialEndDate } = {\n        ...views,\n        ...dates,\n        ...rest,\n      }\n\n      const returnFormat = correctV1Format(returnFormatProp)\n      const startDateIsValid = Boolean(startDate && isValid(startDate))\n      const endDateIsValid = Boolean(endDate && isValid(endDate))\n      const hasMinOrMaxDates = minDate || maxDate\n\n      const returnObject: ReturnObject<E> = {\n        event,\n        attributes: attributes || {},\n        partialStartDate,\n      }\n\n      // Handle range props\n      if (range) {\n        return {\n          ...returnObject,\n          days_between:\n            startDateIsValid && endDateIsValid\n              ? differenceInCalendarDays(endDate, startDate)\n              : null,\n          start_date: startDateIsValid\n            ? format(startDate, returnFormat)\n            : null,\n          end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n          is_valid_start_date:\n            hasMinOrMaxDates &&\n            startDateIsValid &&\n            isDisabled(startDate, dates.minDate, dates.maxDate)\n              ? false\n              : startDateIsValid,\n          is_valid_end_date:\n            hasMinOrMaxDates &&\n            endDateIsValid &&\n            isDisabled(endDate, dates.minDate, dates.maxDate)\n              ? false\n              : endDateIsValid,\n          partialEndDate,\n        }\n      }\n\n      return {\n        ...returnObject,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid:\n          hasMinOrMaxDates &&\n          startDateIsValid &&\n          isDisabled(startDate, dates.minDate, dates.maxDate)\n            ? false\n            : startDateIsValid,\n      }\n    },\n    [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n  )\n\n  const callOnChangeHandler = useCallback(\n    <E,>(event: E & DatePickerDates) => {\n      /**\n       * Prevent on_change to be fired twice if date not has actually changed\n       */\n      if (\n        lastEventCallCache &&\n        lastEventCallCache.startDate === event.startDate &&\n        lastEventCallCache.endDate === event.endDate\n      ) {\n        return // stop here\n      }\n\n      onChange?.(getReturnObject({ ...dates, ...event }))\n\n      setLastEventCallCache({\n        startDate: event.startDate,\n        endDate: event.endDate,\n      })\n    },\n    [\n      getReturnObject,\n      dates,\n      onChange,\n      lastEventCallCache,\n      setLastEventCallCache,\n    ]\n  )\n\n  // Is this at any point something other than a function?\n  if (typeof setReturnObject === 'function') {\n    setReturnObject(getReturnObject)\n  }\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        translation: sharedContext.translation,\n        updateDates,\n        getReturnObject,\n        callOnChangeHandler,\n        hidePicker: hidePicker,\n        props,\n        ...dates,\n        previousDates,\n        hasHadValidDate,\n        views,\n        setViews,\n        forceViewMonthChange,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","hasHadValidDate","previousDateProps","isRange","shouldCorrectDate","views","setViews","forceViewMonthChange","lastEventCallCache","setLastEventCallCache","getReturnObject","_ref","arguments","length","undefined","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n  DatePickerEventAttributes,\n  DatePickerAllProps,\n  DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n  DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews, { CalendarView } from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache, {\n  LastEventCallCache,\n} from './hooks/useLastEventCallCache'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n  setReturnObject: (\n    func: DatePickerContextValues['getReturnObject']\n  ) => DatePickerContextValues['getReturnObject']\n  hidePicker?: DatePickerContextValues['hidePicker']\n  attributes?: DatePickerEventAttributes\n  children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates & {\n  nr?: number\n  hidePicker?: boolean\n  event?: E\n}\n\nexport type GetReturnObjectParams<E> = DatePickerDates & {\n  event?: E\n}\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = {\n  event?: E\n  attributes?: Record<string, unknown>\n  days_between?: number\n  date?: string\n  start_date?: string\n  end_date?: string\n  is_valid?: boolean\n  is_valid_start_date?: boolean\n  is_valid_end_date?: boolean\n  partialStartDate?: string\n  partialEndDate?: string\n}\n\nexport type DatePickerProviderState = DatePickerDates &\n  Array<CalendarView> &\n  LastEventCallCache\n\nconst defaultProps: Partial<DatePickerProps> = {\n  returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    dateFormat,\n    range,\n    correctInvalidDate,\n    attributes,\n    returnFormat: returnFormatProp,\n    children,\n    onChange,\n    setReturnObject,\n    hidePicker,\n  } = props\n\n  const sharedContext = useContext(SharedContext)\n\n  const { dates, updateDates, hasHadValidDate, previousDateProps } =\n    useDates(\n      {\n        date,\n        startDate,\n        endDate,\n        startMonth,\n        endMonth,\n        minDate,\n        maxDate,\n      },\n      {\n        dateFormat: dateFormat,\n        isRange: range,\n        shouldCorrectDate: correctInvalidDate,\n      }\n    )\n\n  const { views, setViews, forceViewMonthChange } = useViews({\n    startMonth: dates.startMonth,\n    endMonth: dates.endMonth,\n    isRange: range,\n  })\n\n  const [lastEventCallCache, setLastEventCallCache] =\n    useLastEventCallCache({\n      startDate: dates.startDate,\n      endDate: dates.endDate,\n    })\n\n  const getReturnObject = useCallback(\n    <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n      const { startDate, endDate, partialStartDate, partialEndDate } = {\n        ...views,\n        ...dates,\n        ...rest,\n      }\n\n      const returnFormat = correctV1Format(returnFormatProp)\n      const startDateIsValid = Boolean(startDate && isValid(startDate))\n      const endDateIsValid = Boolean(endDate && isValid(endDate))\n      const hasMinOrMaxDates = minDate || maxDate\n\n      const returnObject: ReturnObject<E> = {\n        event,\n        attributes: attributes || {},\n        partialStartDate,\n      }\n\n      // Handle range props\n      if (range) {\n        return {\n          ...returnObject,\n          days_between:\n            startDateIsValid && endDateIsValid\n              ? differenceInCalendarDays(endDate, startDate)\n              : null,\n          start_date: startDateIsValid\n            ? format(startDate, returnFormat)\n            : null,\n          end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n          is_valid_start_date:\n            hasMinOrMaxDates &&\n            startDateIsValid &&\n            isDisabled(startDate, dates.minDate, dates.maxDate)\n              ? false\n              : startDateIsValid,\n          is_valid_end_date:\n            hasMinOrMaxDates &&\n            endDateIsValid &&\n            isDisabled(endDate, dates.minDate, dates.maxDate)\n              ? false\n              : endDateIsValid,\n          partialEndDate,\n        }\n      }\n\n      return {\n        ...returnObject,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid:\n          hasMinOrMaxDates &&\n          startDateIsValid &&\n          isDisabled(startDate, dates.minDate, dates.maxDate)\n            ? false\n            : startDateIsValid,\n      }\n    },\n    [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n  )\n\n  const callOnChangeHandler = useCallback(\n    <E,>(event: E & DatePickerDates) => {\n      /**\n       * Prevent on_change to be fired twice if date not has actually changed\n       */\n      if (\n        lastEventCallCache &&\n        lastEventCallCache.startDate === event.startDate &&\n        lastEventCallCache.endDate === event.endDate\n      ) {\n        return // stop here\n      }\n\n      onChange?.(getReturnObject({ ...dates, ...event }))\n\n      setLastEventCallCache({\n        startDate: event.startDate,\n        endDate: event.endDate,\n      })\n    },\n    [\n      getReturnObject,\n      dates,\n      onChange,\n      lastEventCallCache,\n      setLastEventCallCache,\n    ]\n  )\n\n  // Is this at any point something other than a function?\n  if (typeof setReturnObject === 'function') {\n    setReturnObject(getReturnObject)\n  }\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        translation: sharedContext.translation,\n        updateDates,\n        getReturnObject,\n        callOnChangeHandler,\n        hidePicker: hidePicker,\n        props,\n        ...dates,\n        previousDateProps,\n        hasHadValidDate,\n        views,\n        setViews,\n        forceViewMonthChange,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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"}

package/components/date-picker/hooks/useDates.d.ts

@@ -39,7 +39,7 @@ export default function useDates(dateProps: DatePickerDateProps, { dateFormat, i
     readonly dates: DatePickerDates;
     readonly updateDates: (newDates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
     readonly hasHadValidDate: boolean;
-    readonly previousDates: DatePickerDateProps;
+    readonly previousDateProps: DatePickerDateProps;
 };
 export declare function pad(date: string, size: number): string;
 export {};

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

@@ -7,29 +7,43 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { convertStringToDate, isDisabled } from '../DatePickerCalc';
 import isValid from 'date-fns/isValid';
 import format from 'date-fns/format';
-import { addMonths } from 'date-fns';
+import { addMonths, isSameDay } from 'date-fns';
 export default function useDates(dateProps, _ref) {
   let {
     dateFormat,
     isRange = false,
     shouldCorrectDate = false
   } = _ref;
-  const [previousDates, setPreviousDates] = useState(dateProps);
-  const [dates, setDates] = useState(_objectSpread({}, mapDates(dateProps, previousDates, {
+  const [previousDateProps, setPreviousDateProps] = useState(dateProps);
+  const [dates, setDates] = useState(_objectSpread({}, mapDates(dateProps, {
     dateFormat,
     isRange,
     shouldCorrectDate
   })));
   const hasDatePropChanges = useMemo(() => Object.keys(dateProps).some(date => {
-    return dateProps[date] !== previousDates[date];
-  }), [dateProps, previousDates]);
+    const dateProp = dateProps[date];
+    const previousDate = previousDateProps[date];
+    const convertedDateProp = convertStringToDate(dateProp, {
+      dateFormat
+    });
+    const convertedPreviousDate = convertStringToDate(previousDate, {
+      dateFormat
+    });
+    if (convertedDateProp instanceof Date && convertedPreviousDate instanceof Date) {
+      return !isSameDay(convertedDateProp, convertedPreviousDate);
+    }
+    return dateProp !== previousDate;
+  }), [dateProps, previousDateProps, dateFormat]);
   if (hasDatePropChanges) {
-    setDates(_objectSpread({}, mapDates(_objectSpread(_objectSpread({}, dates), dateProps), previousDates, {
+    const derivedDates = deriveDatesFromProps({
+      dates,
+      dateProps,
+      previousDateProps,
       dateFormat,
-      isRange,
-      shouldCorrectDate
-    })));
-    setPreviousDates(dateProps);
+      isRange
+    });
+    setDates(currentDates => _objectSpread(_objectSpread({}, currentDates), derivedDates));
+    setPreviousDateProps(dateProps);
   }
   const hasHadValidDate = useRef(false);
   const updateDates = useCallback((newDates, callback) => {
@@ -51,8 +65,8 @@ export default function useDates(dateProps, _ref) {
     callback === null || callback === void 0 ? void 0 : callback(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dates), newDates), months), correctedDates));
   }, [dates, shouldCorrectDate, isRange]);
   useEffect(() => {
-    const startDates = updateInputDates('start', dates);
-    const endDates = updateInputDates('end', dates);
+    const startDates = updateInputDates('start', dates.startDate);
+    const endDates = updateInputDates('end', dates.endDate);
     hasHadValidDate.current = isValid(dates.startDate) || isValid(dates.endDate);
     setDates(currentDates => _objectSpread(_objectSpread(_objectSpread({}, currentDates), startDates), endDates));
   }, [dates.startDate, dates.endDate]);
@@ -60,12 +74,11 @@ export default function useDates(dateProps, _ref) {
     dates,
     updateDates,
     hasHadValidDate: hasHadValidDate.current,
-    previousDates
+    previousDateProps
   };
 }
-function updateInputDates(type, dates) {
+function updateInputDates(type, date) {
   const updatedDates = {};
-  const date = dates[`${type}Date`];
   if (isValid(date)) {
     updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2);
     updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2);
@@ -77,14 +90,14 @@ function updateInputDates(type, dates) {
   }
   return updatedDates;
 }
-function mapDates(dateProps, previousDates, _ref2) {
+function mapDates(dateProps, _ref2) {
   var _ref3, _convertStringToDate, _convertStringToDate2;
   let {
     dateFormat,
     isRange,
     shouldCorrectDate
   } = _ref2;
-  const date = previousDates.date !== dateProps.date ? dateProps.date : previousDates.date;
+  const date = dateProps.date;
   const startDate = typeof (dateProps === null || dateProps === void 0 ? void 0 : dateProps.startDate) !== 'undefined' ? getDate(dateProps.startDate, dateFormat) : typeof date !== 'undefined' ? getDate(date, dateFormat) : undefined;
   const endDate = !isRange ? startDate : convertStringToDate(dateProps === null || dateProps === void 0 ? void 0 : dateProps.endDate, {
     dateFormat
@@ -111,6 +124,7 @@ function mapDates(dateProps, previousDates, _ref2) {
     isRange
   }) : {};
   const dates = _objectSpread({
+    date,
     startDate,
     endDate,
     startMonth,
@@ -127,14 +141,62 @@ function mapDates(dateProps, previousDates, _ref2) {
     __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null
   });
 }
-function correctDates(_ref4) {
+function deriveDatesFromProps(_ref4) {
+  let {
+    dates,
+    dateProps,
+    previousDateProps,
+    dateFormat,
+    isRange
+  } = _ref4;
+  const derivedDates = {};
+  const startDate = getStartDate(dateProps, previousDateProps);
+  if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {
+    derivedDates.startDate = convertStringToDate(startDate, {
+      dateFormat
+    }) || undefined;
+    if (!isRange) {
+      derivedDates.startMonth = convertStringToDate(startDate, {
+        dateFormat
+      }) || undefined;
+      derivedDates.endDate = derivedDates.startDate;
+    }
+  }
+  if (isRange && typeof dateProps.endDate !== 'undefined' && dateProps.endDate !== dates.endDate) {
+    derivedDates.endDate = convertStringToDate(dateProps.endDate, {
+      dateFormat
+    }) || undefined;
+  }
+  if (typeof dateProps.startMonth !== 'undefined' && dateProps.startMonth !== previousDateProps.startMonth) {
+    derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {
+      dateFormat
+    });
+  }
+  if (typeof dateProps.endMonth !== 'undefined' && dateProps.endMonth !== previousDateProps.endMonth) {
+    derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {
+      dateFormat
+    });
+  }
+  if (typeof dateProps.minDate !== 'undefined' && dateProps.minDate !== previousDateProps.minDate) {
+    derivedDates.minDate = convertStringToDate(dateProps.minDate, {
+      dateFormat
+    });
+  }
+  if (typeof dateProps.maxDate !== 'undefined' && dateProps.maxDate !== previousDateProps.maxDate) {
+    derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {
+      dateFormat
+    });
+  }
+  return derivedDates;
+}
+function correctDates(_ref5) {
   let {
     startDate,
     endDate,
     minDate,
     maxDate,
     isRange
-  } = _ref4;
+  } = _ref5;
   const correctedDates = {};
   if (isDisabled(startDate, minDate, maxDate)) {
     correctedDates['startDate'] = minDate;
@@ -148,14 +210,14 @@ function correctDates(_ref4) {
   }
   return correctedDates;
 }
-function updateMonths(_ref5) {
-  var _ref6, _newDates$startMonth, _ref7, _newDates$endMonth;
+function updateMonths(_ref6) {
+  var _ref7, _newDates$startMonth, _ref8, _newDates$endMonth;
   let {
     newDates,
     currentDates
-  } = _ref5;
-  const startMonth = (_ref6 = (_newDates$startMonth = newDates.startMonth) !== null && _newDates$startMonth !== void 0 ? _newDates$startMonth : newDates.startDate) !== null && _ref6 !== void 0 ? _ref6 : currentDates.startMonth;
-  const endMonth = (_ref7 = (_newDates$endMonth = newDates.endMonth) !== null && _newDates$endMonth !== void 0 ? _newDates$endMonth : newDates.endDate) !== null && _ref7 !== void 0 ? _ref7 : currentDates.endMonth;
+  } = _ref6;
+  const startMonth = (_ref7 = (_newDates$startMonth = newDates.startMonth) !== null && _newDates$startMonth !== void 0 ? _newDates$startMonth : newDates.startDate) !== null && _ref7 !== void 0 ? _ref7 : currentDates.startMonth;
+  const endMonth = (_ref8 = (_newDates$endMonth = newDates.endMonth) !== null && _newDates$endMonth !== void 0 ? _newDates$endMonth : newDates.endDate) !== null && _ref8 !== void 0 ? _ref8 : currentDates.endMonth;
   return {
     startMonth,
     endMonth
@@ -166,6 +228,15 @@ function getDate(date, dateFormat) {
     dateFormat
   });
 }
+function getStartDate(dateProps, previousDateProps) {
+  if (typeof dateProps.startDate !== 'undefined' && dateProps.startDate !== previousDateProps.startDate) {
+    return dateProps.startDate;
+  }
+  if (typeof dateProps.date !== 'undefined' && dateProps.date !== previousDateProps.date) {
+    return dateProps.date;
+  }
+  return undefined;
+}
 export function pad(date, size) {
   const dateWithPadding = '000000000' + date;
   return dateWithPadding.substring(dateWithPadding.length - size);

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

@@ -1 +1 @@
-{"version":3,"file":"useDates.js","names":["useCallback","useEffect","useMemo","useRef","useState","convertStringToDate","isDisabled","isValid","format","addMonths","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDates","setPreviousDates","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","hasHadValidDate","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","currentDates","startDates","updateInputDates","endDates","current","type","updatedDates","pad","undefined","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","startMonth","Date","endMonth","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref4","_ref5","_ref6","_newDates$startMonth","_ref7","_newDates$endMonth","size","dateWithPadding","substring","length"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport { addMonths } 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  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\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  partialStartDate?: string\n  partialEndDate?: string\n  hasHadValidDate?: boolean\n  hoverDate?: Date\n} & DatePickerInputDates\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDates, setPreviousDates] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, previousDates, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        return dateProps[date] !== previousDates[date]\n      }),\n    [dateProps, previousDates]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    setDates({\n      ...mapDates({ ...dates, ...dateProps }, previousDates, {\n        dateFormat,\n        isRange,\n        shouldCorrectDate,\n      }),\n    })\n    setPreviousDates(dateProps)\n  }\n\n  const hasHadValidDate = useRef<boolean>(false)\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  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useEffect(() => {\n    const startDates = updateInputDates('start', dates)\n    const endDates = updateInputDates('end', dates)\n\n    hasHadValidDate.current =\n      isValid(dates.startDate) || isValid(dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    hasHadValidDate: hasHadValidDate.current,\n    previousDates,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', dates: DatePickerDates) {\n  const updatedDates = {}\n  const date = dates[`${type}Date`]\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  previousDates: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date =\n    previousDates.date !== dateProps.date\n      ? dateProps.date\n      : previousDates.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 hasValidStartDate = isValid(startDate)\n  const hasValidEndDate = isValid(endDate)\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  return {\n    ...dates,\n    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\n  }\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\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDates.js","names":["useCallback","useEffect","useMemo","useRef","useState","convertStringToDate","isDisabled","isValid","format","addMonths","isSameDay","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","hasHadValidDate","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","startDates","updateInputDates","endDates","current","type","updatedDates","pad","undefined","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","startMonth","endMonth","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref4","getStartDate","_ref5","_ref6","_ref7","_newDates$startMonth","_ref8","_newDates$endMonth","size","dateWithPadding","substring","length"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\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  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\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  partialStartDate?: string\n  partialEndDate?: string\n  hasHadValidDate?: boolean\n  hoverDate?: Date\n} & DatePickerInputDates\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 hasHadValidDate = useRef<boolean>(false)\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  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useEffect(() => {\n    const startDates = updateInputDates('start', dates.startDate)\n    const endDates = updateInputDates('end', dates.endDate)\n\n    hasHadValidDate.current =\n      isValid(dates.startDate) || isValid(dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    hasHadValidDate: hasHadValidDate.current,\n    previousDateProps,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', date: Date | undefined) {\n  const updatedDates = {}\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\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 hasValidStartDate = isValid(startDate)\n  const hasValidEndDate = isValid(endDate)\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    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\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  // priortize 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\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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"}

package/components/dialog/parts/DialogAction.js

@@ -6,7 +6,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["declineText", "confirmText", "hideDecline", "hideConfirm", "onConfirm", "onDecline", "className", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import Button from '../../button/Button';
 import Space from '../../space/Space';
@@ -40,6 +40,22 @@ const DialogAction = _ref2 => {
     close
   } = useContext(ModalContext);
   let childrenWithCloseFunc;
+  const onConfirmHandler = useCallback(event => {
+    dispatchCustomElementEvent({
+      onConfirm
+    }, 'onConfirm', {
+      event,
+      close
+    });
+  }, [close, onConfirm]);
+  const onDeclineHandler = useCallback(event => {
+    dispatchCustomElementEvent({
+      onDecline
+    }, 'onDecline', {
+      event,
+      close
+    });
+  }, [close, onDecline]);
   if (children) {
     childrenWithCloseFunc = React.Children.map(children, child => {
       if (child.type === Button) {
@@ -62,26 +78,12 @@ const DialogAction = _ref2 => {
   }, props), childrenWithCloseFunc, !children && !hideDecline && React.createElement(Button, {
     text: declineText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog = translation.Dialog) === null || _translation$Dialog === void 0 ? void 0 : _translation$Dialog.declineText),
     variant: "secondary",
-    onClick: event => {
-      dispatchCustomElementEvent({
-        onDecline
-      }, 'onDecline', {
-        event,
-        close
-      });
-    },
+    onClick: onDeclineHandler,
     size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
   }), !children && !hideConfirm && React.createElement(Button, {
     text: confirmText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog2 = translation.Dialog) === null || _translation$Dialog2 === void 0 ? void 0 : _translation$Dialog2.confirmText),
     variant: "primary",
-    onClick: event => {
-      dispatchCustomElementEvent({
-        onConfirm
-      }, 'onConfirm', {
-        event,
-        close
-      });
-    },
+    onClick: onConfirmHandler,
     size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
   }));
 };

package/components/dialog/parts/DialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogAction.js","names":["React","useContext","classNames","Button","Space","Context","ModalContext","dispatchCustomElementEvent","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","_objectWithoutProperties","_excluded","translation","ButtonContext","childrenWithCloseFunc","Children","map","child","type","cloneElement","_objectSpread","on_click","event","createElement","_extends","element","text","Dialog","variant","onClick","size","_supportsSpacingProps"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,KAAK,MAAM,mBAAmB;AACrC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,SAASC,0BAA0B,QAAQ,kCAAkC;AAkD7E,MAAMC,mBAAmB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,CAAC;AAAA;AAEtE,MAAMC,YAAY,GAAGC,KAAA,IAUO;EAAA,IAAAC,mBAAA,EAAAC,oBAAA;EAAA,IAVN;MACpBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,KAAK;MACnBC,WAAW,GAAG,KAAK;MACnBC,SAAS,GAAGX,mBAAmB;MAC/BY,SAAS,GAAGZ,mBAAmB;MAC/Ba,SAAS;MACTC;IAEoB,CAAC,GAAAV,KAAA;IADlBW,KAAK,GAAAC,wBAAA,CAAAZ,KAAA,EAAAa,SAAA;EAER,MAAM;IAAEC,WAAW;IAAEvB,MAAM,EAAEwB;EAAc,CAAC,GAAG1B,UAAU,CAACI,OAAO,CAAC;EAClE,MAAM;IAAEK;EAAM,CAAC,GAAGT,UAAU,CAACK,YAAY,CAAC;EAC1C,IAAIsB,qBAA8C;EAElD,IAAIN,QAAQ,EAAE;IACZM,qBAAqB,GAAG5B,KAAK,CAAC6B,QAAQ,CAACC,GAAG,CAACR,QAAQ,EAAGS,KAAK,IAAK;MAC9D,IAAIA,KAAK,CAACC,IAAI,KAAK7B,MAAM,EAAE;QACzB,OAAOH,KAAK,CAACiC,YAAY,CACvBF,KAAK,EAAAG,aAAA,CAAAA,aAAA,KAEAH,KAAK,CAACR,KAAK;UACdY,QAAQ,EAAGC,KAAK,IAAK;YACnB7B,0BAA0B,CAACwB,KAAK,CAACR,KAAK,EAAE,UAAU,EAAE;cAClDa,KAAK;cACL1B;YACF,CAAC,CAAC;UACJ;QAAC,IAEHqB,KAAK,CAACR,KAAK,CAACD,QACd,CAAC;MACH,CAAC,MAAM;QACL,OAAOS,KAAK;MACd;IACF,CAAC,CAAC;EACJ;EAEA,OACE/B,KAAA,CAAAqC,aAAA,CAACjC,KAAK,EAAAkC,QAAA;IACJC,OAAO,EAAC,SAAS;IACjBlB,SAAS,EAAEnB,UAAU,CAAC,qBAAqB,EAAEmB,SAAS;EAAE,GACpDE,KAAK,GAERK,qBAAqB,EAErB,CAACN,QAAQ,IAAI,CAACL,WAAW,IACxBjB,KAAA,CAAAqC,aAAA,CAAClC,MAAM;IACLqC,IAAI,EAAEzB,WAAW,KAAIW,WAAW,aAAXA,WAAW,wBAAAb,mBAAA,GAAXa,WAAW,CAAEe,MAAM,cAAA5B,mBAAA,uBAAnBA,mBAAA,CAAqBE,WAAW,CAAC;IACtD2B,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAGP,KAAK,IAAK;MAClB7B,0BAA0B,CAAC;QAAEa;MAAU,CAAC,EAAE,WAAW,EAAE;QACrDgB,KAAK;QACL1B;MACF,CAAC,CAAC;IACJ,CAAE;IACFkC,IAAI,EAAE,CAAAjB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEiB,IAAI,KAAI;EAAQ,CACtC,CACF,EACA,CAACtB,QAAQ,IAAI,CAACJ,WAAW,IACxBlB,KAAA,CAAAqC,aAAA,CAAClC,MAAM;IACLqC,IAAI,EAAExB,WAAW,KAAIU,WAAW,aAAXA,WAAW,wBAAAZ,oBAAA,GAAXY,WAAW,CAAEe,MAAM,cAAA3B,oBAAA,uBAAnBA,oBAAA,CAAqBE,WAAW,CAAC;IACtD0B,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAGP,KAAK,IAAK;MAClB7B,0BAA0B,CAAC;QAAEY;MAAU,CAAC,EAAE,WAAW,EAAE;QACrDiB,KAAK;QACL1B;MACF,CAAC,CAAC;IACJ,CAAE;IACFkC,IAAI,EAAE,CAAAjB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEiB,IAAI,KAAI;EAAQ,CACtC,CAEE,CAAC;AAEZ,CAAC;AAEDjC,YAAY,CAACkC,qBAAqB,GAAG,IAAI;AAEzC,eAAelC,YAAY"}
+{"version":3,"file":"DialogAction.js","names":["React","useCallback","useContext","classNames","Button","Space","Context","ModalContext","dispatchCustomElementEvent","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","_objectWithoutProperties","_excluded","translation","ButtonContext","childrenWithCloseFunc","onConfirmHandler","event","onDeclineHandler","Children","map","child","type","cloneElement","_objectSpread","on_click","createElement","_extends","element","text","Dialog","variant","onClick","size","_supportsSpacingProps"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  const onConfirmHandler = useCallback(\n    (event) => {\n      dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n        event,\n        close,\n      })\n    },\n    [close, onConfirm]\n  )\n  const onDeclineHandler = useCallback(\n    (event) => {\n      dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n        event,\n        close,\n      })\n    },\n    [close, onDecline]\n  )\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={onDeclineHandler}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={onConfirmHandler}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,KAAK,MAAM,mBAAmB;AACrC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,SAASC,0BAA0B,QAAQ,kCAAkC;AAkD7E,MAAMC,mBAAmB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,CAAC;AAAA;AAEtE,MAAMC,YAAY,GAAGC,KAAA,IAUO;EAAA,IAAAC,mBAAA,EAAAC,oBAAA;EAAA,IAVN;MACpBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,KAAK;MACnBC,WAAW,GAAG,KAAK;MACnBC,SAAS,GAAGX,mBAAmB;MAC/BY,SAAS,GAAGZ,mBAAmB;MAC/Ba,SAAS;MACTC;IAEoB,CAAC,GAAAV,KAAA;IADlBW,KAAK,GAAAC,wBAAA,CAAAZ,KAAA,EAAAa,SAAA;EAER,MAAM;IAAEC,WAAW;IAAEvB,MAAM,EAAEwB;EAAc,CAAC,GAAG1B,UAAU,CAACI,OAAO,CAAC;EAClE,MAAM;IAAEK;EAAM,CAAC,GAAGT,UAAU,CAACK,YAAY,CAAC;EAC1C,IAAIsB,qBAA8C;EAElD,MAAMC,gBAAgB,GAAG7B,WAAW,CACjC8B,KAAK,IAAK;IACTvB,0BAA0B,CAAC;MAAEY;IAAU,CAAC,EAAE,WAAW,EAAE;MACrDW,KAAK;MACLpB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACA,KAAK,EAAES,SAAS,CACnB,CAAC;EACD,MAAMY,gBAAgB,GAAG/B,WAAW,CACjC8B,KAAK,IAAK;IACTvB,0BAA0B,CAAC;MAAEa;IAAU,CAAC,EAAE,WAAW,EAAE;MACrDU,KAAK;MACLpB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACA,KAAK,EAAEU,SAAS,CACnB,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZM,qBAAqB,GAAG7B,KAAK,CAACiC,QAAQ,CAACC,GAAG,CAACX,QAAQ,EAAGY,KAAK,IAAK;MAC9D,IAAIA,KAAK,CAACC,IAAI,KAAKhC,MAAM,EAAE;QACzB,OAAOJ,KAAK,CAACqC,YAAY,CACvBF,KAAK,EAAAG,aAAA,CAAAA,aAAA,KAEAH,KAAK,CAACX,KAAK;UACde,QAAQ,EAAGR,KAAK,IAAK;YACnBvB,0BAA0B,CAAC2B,KAAK,CAACX,KAAK,EAAE,UAAU,EAAE;cAClDO,KAAK;cACLpB;YACF,CAAC,CAAC;UACJ;QAAC,IAEHwB,KAAK,CAACX,KAAK,CAACD,QACd,CAAC;MACH,CAAC,MAAM;QACL,OAAOY,KAAK;MACd;IACF,CAAC,CAAC;EACJ;EAEA,OACEnC,KAAA,CAAAwC,aAAA,CAACnC,KAAK,EAAAoC,QAAA;IACJC,OAAO,EAAC,SAAS;IACjBpB,SAAS,EAAEnB,UAAU,CAAC,qBAAqB,EAAEmB,SAAS;EAAE,GACpDE,KAAK,GAERK,qBAAqB,EAErB,CAACN,QAAQ,IAAI,CAACL,WAAW,IACxBlB,KAAA,CAAAwC,aAAA,CAACpC,MAAM;IACLuC,IAAI,EAAE3B,WAAW,KAAIW,WAAW,aAAXA,WAAW,wBAAAb,mBAAA,GAAXa,WAAW,CAAEiB,MAAM,cAAA9B,mBAAA,uBAAnBA,mBAAA,CAAqBE,WAAW,CAAC;IACtD6B,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEd,gBAAiB;IAC1Be,IAAI,EAAE,CAAAnB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,IAAI,KAAI;EAAQ,CACtC,CACF,EACA,CAACxB,QAAQ,IAAI,CAACJ,WAAW,IACxBnB,KAAA,CAAAwC,aAAA,CAACpC,MAAM;IACLuC,IAAI,EAAE1B,WAAW,KAAIU,WAAW,aAAXA,WAAW,wBAAAZ,oBAAA,GAAXY,WAAW,CAAEiB,MAAM,cAAA7B,oBAAA,uBAAnBA,oBAAA,CAAqBE,WAAW,CAAC;IACtD4B,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEhB,gBAAiB;IAC1BiB,IAAI,EAAE,CAAAnB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEmB,IAAI,KAAI;EAAQ,CACtC,CAEE,CAAC;AAEZ,CAAC;AAEDnC,YAAY,CAACoC,qBAAqB,GAAG,IAAI;AAEzC,eAAepC,YAAY"}