npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.54 → 1.0.0-alpha.56 - Mend

@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

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

Files changed (1289) hide show

package/dist-es/date-input/DateInputSingle.js CHANGED Viewed

@@ -1,23 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { getLocalTimeZone } from '@internationalized/date';
 import { makePrefixer, useForkRef, useId, useControlled, useFormFieldProps, StatusAdornment } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import { forwardRef, useRef, useCallback, useEffect, useState } from 'react';
-import '../calendar/Calendar.js';
-import '../calendar/CalendarNavigation.js';
-import '../calendar/CalendarWeekHeader.js';
-import '../calendar/CalendarDateGrid.js';
-import '../calendar/internal/CalendarContext.js';
-import { getCurrentLocale, formatDate } from '../calendar/formatDate.js';
-import '../calendar/useCalendarSelection.js';
+import { forwardRef, useRef, useEffect, useState } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import css_248z from './DateInput.css.js';
-import { parseCalendarDate, extractTimeFieldsFromDate } from './utils.js';
 const withBaseName = makePrefixer("saltDateInput");
 const DateInputSingle = forwardRef(
-  function DateInput(props, ref) {
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
     const {
       bordered = false,
       className,
@@ -27,26 +20,25 @@ const DateInputSingle = forwardRef(
       defaultDate,
       onDateChange,
       value: valueProp,
-      defaultValue = "",
+      locale,
+      format = "DD MMM YYYY",
+      defaultValue = dateAdapter.format(void 0, format, locale),
       onChange,
       onClick,
       emptyReadOnlyMarker = "\u2014",
       endAdornment,
-      format: formatProp,
       inputProps = {},
       inputRef: inputRefProp = null,
-      parse = parseCalendarDate,
-      placeholder = "dd mmm yyyy",
+      parse: parseProp,
+      placeholder = format.toLowerCase(),
       readOnly: readOnlyProp,
+      startAdornment,
       validationStatus: validationStatusProp,
       variant = "primary",
       onDateValueChange,
-      locale = getCurrentLocale(),
-      timeZone = getLocalTimeZone(),
       ...rest
     } = props;
     const wrapperRef = useRef(null);
-    const lastError = useRef(false);
     const handleWrapperRef = useForkRef(ref, wrapperRef);
     const innerInputRef = useRef(null);
     const handleInputRef = useForkRef(
@@ -72,22 +64,21 @@ const DateInputSingle = forwardRef(
       name: "DateInputSingle",
       state: "dateValue"
     });
-    const preservedTime = useRef(
-      extractTimeFieldsFromDate(date || null)
-    );
-    const format = useCallback(
-      (date2) => {
-        return formatProp ? formatProp(date2) : formatDate(date2, locale, { timeZone });
-      },
-      [formatProp, locale, timeZone]
-    );
+    const lastAppliedValue = useRef(dateValue);
+    const preservedTime = useRef(null);
+    preservedTime.current = dateAdapter.isValid(date) ? dateAdapter.getTime(date) : null;
     useEffect(() => {
-      const formattedDate = format(date || null);
-      if (formattedDate) {
-        setDateValue(formattedDate);
-        onDateValueChange == null ? void 0 : onDateValueChange(formattedDate, true);
+      const formattedValue = dateAdapter.format(date, format, locale);
+      const hasValueChanged = formattedValue !== dateValue;
+      if (
+        // don't want to reset "error" input values
+        (dateAdapter.isValid(date) || date === null) && hasValueChanged
+      ) {
+        lastAppliedValue.current = formattedValue;
+        setDateValue(formattedValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(null, formattedValue);
       }
-    }, [date, format, locale, timeZone]);
+    }, [date, dateAdapter.format, format, locale]);
     const [focused, setFocused] = useState(false);
     const {
       a11yProps: {
@@ -101,7 +92,7 @@ const DateInputSingle = forwardRef(
     } = useFormFieldProps();
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
+    const validationStatus = formFieldValidationStatus ?? validationStatusProp;
     const {
       "aria-describedby": dateInputDescribedBy,
       "aria-labelledby": dateInputLabelledBy,
@@ -114,33 +105,30 @@ const DateInputSingle = forwardRef(
     } = inputProps;
     const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
     const apply = (event) => {
-      const { date: parsedDate, error } = parse(dateValue != null ? dateValue : "");
-      let newDate = parsedDate;
-      if (newDate) {
-        const formattedDate = format(newDate);
-        if (formattedDate) {
-          setDateValue(formattedDate);
-          onDateValueChange == null ? void 0 : onDateValueChange(formattedDate, true);
-        }
+      const parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);
+      const parseResult = parse(dateValue ?? "", format, locale);
+      let { date: parsedDate, ...parseDetails } = parseResult;
+      const formattedValue = dateAdapter.format(parsedDate, format, locale);
+      const hasValueChanged = formattedValue !== dateValue;
+      if (dateAdapter.isValid(parsedDate) && hasValueChanged) {
+        setDateValue(formattedValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(event, formattedValue);
       }
-      const hasDateChanged = newDate && date ? newDate.compare(date) !== 0 : newDate !== date;
-      if (hasDateChanged) {
-        setDate(newDate);
-        if (newDate && preservedTime.current) {
-          newDate = newDate.set(preservedTime.current);
+      setDate(parsedDate);
+      if (lastAppliedValue.current !== dateValue) {
+        if (dateAdapter.isValid(parsedDate) && preservedTime.current) {
+          parsedDate = dateAdapter.set(parsedDate, preservedTime.current);
         }
+        onDateChange == null ? void 0 : onDateChange(event, parsedDate, parseDetails);
       }
-      if (hasDateChanged || lastError.current !== error) {
-        onDateChange == null ? void 0 : onDateChange(event, newDate, error);
-      }
-      lastError.current = error;
+      lastAppliedValue.current = dateAdapter.isValid(parsedDate) ? formattedValue : dateValue;
     };
     const handleChange = (event) => {
       const newDateValue = event.target.value;
       setDateValue(newDateValue);
       inputPropsOnChange == null ? void 0 : inputPropsOnChange(event);
       onChange == null ? void 0 : onChange(event);
-      onDateValueChange == null ? void 0 : onDateValueChange(newDateValue, false);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
     };
     const handleFocus = (event) => {
       setFocused(true);
@@ -164,62 +152,61 @@ const DateInputSingle = forwardRef(
       }
       onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("focused")]: !isDisabled && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus,
-          [withBaseName("bordered")]: bordered
-        },
-        className
-      ),
-      ref: handleWrapperRef,
-      onClick: handleClick,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("input", {
-          autoComplete: "off",
-          "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
-          "aria-labelledby": clsx(
-            formFieldLabelledBy,
-            dateInputLabelledBy,
-            inputId
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          withBaseName(),
+          withBaseName(variant),
+          {
+            [withBaseName("focused")]: !isDisabled && focused,
+            [withBaseName("disabled")]: isDisabled,
+            [withBaseName("readOnly")]: isReadOnly,
+            [withBaseName(validationStatus ?? "")]: validationStatus,
+            [withBaseName("bordered")]: bordered
+          },
+          className
+        ),
+        ref: handleWrapperRef,
+        onClick: handleClick,
+        ...rest,
+        children: [
+          startAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("startAdornmentContainer"), children: startAdornment }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
+              "aria-labelledby": clsx(
+                formFieldLabelledBy,
+                dateInputLabelledBy,
+                inputId
+              ),
+              "aria-label": clsx("Selected date", ariaLabel),
+              id: inputId,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              value: isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue,
+              ...restDateInputProps,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              onFocus: !isDisabled ? handleFocus : void 0,
+              required: isRequired
+            }
           ),
-          "aria-label": clsx("Selected date", ariaLabel),
-          id: inputId,
-          className: withBaseName("input"),
-          disabled: isDisabled,
-          readOnly: isReadOnly,
-          ref: handleInputRef,
-          tabIndex: isDisabled ? -1 : 0,
-          placeholder,
-          size: placeholder.length,
-          value: isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue,
-          ...restDateInputProps,
-          onBlur: handleBlur,
-          onChange: handleChange,
-          onKeyDown: handleKeyDown,
-          onFocus: !isDisabled ? handleFocus : void 0,
-          required: isRequired
-        }),
-        /* @__PURE__ */ jsxs("div", {
-          className: withBaseName("endAdornmentContainer"),
-          children: [
-            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, {
-              status: validationStatus
-            }),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
             endAdornment
-          ]
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: withBaseName("activationIndicator")
-        })
-      ]
-    });
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    );
   }
 );

package/dist-es/date-input/DateInputSingle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\n type DateValue,\n type TimeFields,\n getLocalTimeZone,\n} from \"@internationalized/date\";\nimport {\n StatusAdornment,\n makePrefixer,\n useControlled,\n useForkRef,\n useFormFieldProps,\n useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEventHandler,\n type ComponentPropsWithoutRef,\n type FocusEventHandler,\n type InputHTMLAttributes,\n type KeyboardEventHandler,\n type MouseEventHandler,\n type ReactNode,\n type RefObject,\n type SyntheticEvent,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport {\n type SingleDateSelection,\n formatDate as defaultFormatDate,\n getCurrentLocale,\n} from \"../calendar\";\nimport dateInputCss from \"./DateInput.css\";\nimport { extractTimeFieldsFromDate, parseCalendarDate } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/*\n Date error produced by DateInputSingle parser.\n /\nexport type DateInputSingleParserError = string \| false;\n\n/\n Date error produced by DateInputSingle parser.\n /\nexport type DateInputSingleError = DateInputSingleParserError;\n\n/\n Return value of DateInputSingle parser.\n * @template T\n /\nexport interface DateInputSingleParserResult<T = DateValue \| null> {\n /\n The parsed date value.\n /\n date: T;\n /\n The error encountered during parsing, if any.\n /\n error: DateInputSingleParserError;\n}\n\n/\n Props for the DateInputSingle component.\n * @template T\n /\nexport interface DateInputSingleProps<T = SingleDateSelection>\n extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n Pick<\n ComponentPropsWithoutRef<\"input\">,\n \"disabled\" \| \"value\" \| \"defaultValue\" \| \"placeholder\"\n > {\n /\n The aria-label for accessibility.\n /\n ariaLabel?: string;\n /\n Styling variant with full border. Defaults to false.\n /\n bordered?: boolean;\n /\n The marker to use in an empty read-only DateInput.\n * Use `''` to disable this feature. Defaults to '—'.\n /\n emptyReadOnlyMarker?: string;\n /\n End adornment component.\n /\n endAdornment?: ReactNode;\n /\n Attributes applied to the `input` element.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\n /\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n /\n If `true`, the component is read-only.\n /\n readOnly?: boolean;\n /\n Validation status.\n /\n validationStatus?: \"error\" \| \"warning\" \| \"success\";\n /\n Styling variant. Defaults to \"primary\".\n /\n variant?: \"primary\" \| \"secondary\";\n /\n Function to format the input value.\n /\n format?: (date: DateValue \| null) => string;\n /\n Reference for the input.\n /\n inputRef?: RefObject<HTMLInputElement>;\n /\n Input value. Use when the input value is controlled.\n /\n value?: string;\n /\n The initial input value. Use when the component is uncontrolled.\n /\n defaultValue?: string;\n /\n The date value. Use when the component is controlled.\n /\n date?: T \| null;\n /\n The initial selected date value. Use when the component is uncontrolled.\n /\n defaultDate?: T \| null;\n /\n Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param date - The new date value.\n * @param error - The date input single error.\n /\n onDateChange?: (\n event: SyntheticEvent,\n date: T \| null,\n error: DateInputSingleError,\n ) => void;\n /\n Function to parse date string to valid `DateValue` or null, if invalid or empty.\n * @param inputDate - The input date string.\n * @returns The result of the date input single parser.\n /\n parse?: (inputDate: string) => DateInputSingleParserResult;\n /\n Called when input value changes, either due to user interaction or programmatic formatting of valid dates.\n * @param newValue - The new date input value.\n * @param isFormatted - Whether the value is formatted.\n /\n onDateValueChange?: (newValue: string, isFormatted: boolean) => void;\n /\n Locale of the entered date.\n /\n locale?: string;\n /\n Timezone of the entered date.\n */\n timeZone?: string;\n}\nexport const DateInputSingle = forwardRef<HTMLDivElement, DateInputSingleProps>(\n function DateInput(props, ref) {\n const {\n bordered = false,\n className,\n disabled,\n \"aria-label\": ariaLabel,\n date: dateProp,\n defaultDate,\n onDateChange,\n value: valueProp,\n defaultValue = \"\",\n onChange,\n onClick,\n emptyReadOnlyMarker = \"—\",\n endAdornment,\n format: formatProp,\n inputProps = {},\n inputRef: inputRefProp = null,\n parse = parseCalendarDate,\n placeholder = \"dd mmm yyyy\",\n readOnly: readOnlyProp,\n validationStatus: validationStatusProp,\n variant = \"primary\",\n onDateValueChange,\n locale = getCurrentLocale(),\n timeZone = getLocalTimeZone(),\n ...rest\n } = props;\n const wrapperRef = useRef(null);\n const lastError = useRef<string \| false>(false);\n const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n const innerInputRef = useRef<HTMLInputElement>(null);\n const handleInputRef = useForkRef<HTMLInputElement>(\n innerInputRef,\n inputRefProp,\n );\n\n const inputId = useId();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-date-input-single\",\n css: dateInputCss,\n window: targetWindow,\n });\n\n const [date, setDate] = useControlled({\n controlled: dateProp,\n default: defaultDate,\n name: \"DateInputSingle\",\n state: \"date\",\n });\n const [dateValue, setDateValue] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: \"DateInputSingle\",\n state: \"dateValue\",\n });\n const preservedTime = useRef<TimeFields \| undefined>(\n extractTimeFieldsFromDate(date \|\| null),\n );\n\n const format = useCallback(\n (date: DateValue \| null) => {\n return formatProp\n ? formatProp(date)\n : defaultFormatDate(date, locale, { timeZone });\n },\n [formatProp, locale, timeZone],\n );\n\n // Update date string value when selected date changes\n useEffect(() => {\n const formattedDate = format(date \|\| null);\n if (formattedDate) {\n setDateValue(formattedDate);\n onDateValueChange?.(formattedDate, true);\n }\n }, [date, format, locale, timeZone]);\n\n const [focused, setFocused] = useState(false);\n\n const {\n a11yProps: {\n \"aria-describedby\": formFieldDescribedBy,\n \"aria-labelledby\": formFieldLabelledBy,\n } = {},\n disabled: formFieldDisabled,\n readOnly: formFieldReadOnly,\n necessity: formFieldRequired,\n validationStatus: formFieldValidationStatus,\n } = useFormFieldProps();\n\n const isReadOnly = readOnlyProp \|\| formFieldReadOnly;\n const isDisabled = disabled \|\| formFieldDisabled;\n\n const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n const {\n \"aria-describedby\": dateInputDescribedBy,\n \"aria-labelledby\": dateInputLabelledBy,\n onBlur: inputPropsOnBlur,\n onChange: inputPropsOnChange,\n onKeyDown: inputPropsOnKeyDown,\n onFocus: inputPropsOnFocus,\n required: dateInputPropsRequired,\n ...restDateInputProps\n } = inputProps;\n\n const isRequired = formFieldRequired\n ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n : dateInputPropsRequired;\n\n const apply = (event: SyntheticEvent) => {\n const { date: parsedDate, error } = parse(dateValue ?? \"\");\n let newDate = parsedDate;\n if (newDate) {\n const formattedDate = format(newDate);\n if (formattedDate) {\n setDateValue(formattedDate);\n onDateValueChange?.(formattedDate, true);\n }\n }\n const hasDateChanged =\n newDate && date ? newDate.compare(date) !== 0 : newDate !== date;\n if (hasDateChanged) {\n setDate(newDate);\n if (newDate && preservedTime.current) {\n newDate = newDate.set(preservedTime.current);\n }\n }\n if (hasDateChanged \|\| lastError.current !== error) {\n onDateChange?.(event, newDate, error);\n }\n lastError.current = error;\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const newDateValue = event.target.value;\n setDateValue(newDateValue);\n inputPropsOnChange?.(event);\n onChange?.(event);\n onDateValueChange?.(newDateValue, false);\n };\n\n const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n setFocused(true);\n inputPropsOnFocus?.(event);\n };\n const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n setFocused(false);\n apply(event);\n inputPropsOnBlur?.(event);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n apply(event);\n }\n inputPropsOnKeyDown?.(event);\n };\n\n const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n if (event.target === wrapperRef.current) {\n innerInputRef?.current?.focus();\n }\n onClick?.(event);\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n withBaseName(variant),\n {\n [withBaseName(\"focused\")]: !isDisabled && focused,\n [withBaseName(\"disabled\")]: isDisabled,\n [withBaseName(\"readOnly\")]: isReadOnly,\n [withBaseName(validationStatus ?? \"\")]: validationStatus,\n [withBaseName(\"bordered\")]: bordered,\n },\n className,\n )}\n ref={handleWrapperRef}\n onClick={handleClick}\n {...rest}\n >\n <input\n autoComplete=\"off\"\n aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n aria-labelledby={clsx(\n formFieldLabelledBy,\n dateInputLabelledBy,\n inputId,\n )}\n aria-label={clsx(\"Selected date\", ariaLabel)}\n id={inputId}\n className={withBaseName(\"input\")}\n disabled={isDisabled}\n readOnly={isReadOnly}\n ref={handleInputRef}\n tabIndex={isDisabled ? -1 : 0}\n placeholder={placeholder}\n size={placeholder.length}\n value={isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue}\n {...restDateInputProps}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onFocus={!isDisabled ? handleFocus : undefined}\n required={isRequired}\n />\n <div className={withBaseName(\"endAdornmentContainer\")}>\n {!isDisabled && !isReadOnly && validationStatus && (\n <StatusAdornment status={validationStatus} />\n )}\n {endAdornment}\n </div>\n <div className={withBaseName(\"activationIndicator\")} />\n </div>\n );\n },\n);\n"],"names":["dateInputCss","date","defaultFormatDate"],"mappings":"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"}
1	+ {"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\n StatusAdornment,\n makePrefixer,\n useControlled,\n useForkRef,\n useFormFieldProps,\n useId,\n} from \"@salt-ds/core\";\nimport type {\n DateDetail,\n DateFrameworkType,\n ParserResult,\n TimeFields,\n} from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEventHandler,\n type ComponentPropsWithoutRef,\n type FocusEventHandler,\n type InputHTMLAttributes,\n type KeyboardEventHandler,\n type MouseEventHandler,\n type ReactNode,\n type Ref,\n type SyntheticEvent,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type { SingleDateSelection } from \"../calendar\";\nimport { useLocalization } from \"../localization-provider\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/*\n Details of parsing the date\n /\nexport type DateInputSingleDetails = DateDetail;\n\n/\n Props for the DateInputSingle component.\n * @template T\n /\nexport interface DateInputSingleProps<TDate extends DateFrameworkType>\n extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n Pick<\n ComponentPropsWithoutRef<\"input\">,\n \"disabled\" \| \"value\" \| \"defaultValue\" \| \"placeholder\"\n > {\n /\n The aria-label for accessibility.\n /\n ariaLabel?: string;\n /\n Styling variant with full border. Defaults to false.\n /\n bordered?: boolean;\n /\n The marker to use in an empty read-only DateInput.\n * Use `''` to disable this feature. Defaults to '—'.\n /\n emptyReadOnlyMarker?: string;\n /\n End adornment component.\n /\n endAdornment?: ReactNode;\n /\n Attributes applied to the `input` element.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\n /\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n /\n If `true`, the component is read-only.\n /\n readOnly?: boolean;\n /\n Start adornment component\n /\n startAdornment?: ReactNode;\n /\n Validation status.\n /\n validationStatus?: \"error\" \| \"warning\" \| \"success\";\n /\n Styling variant. Defaults to \"primary\".\n /\n variant?: \"primary\" \| \"secondary\";\n /\n Format string for date.\n /\n format?: string;\n /\n Reference for the input.\n /\n inputRef?: Ref<HTMLInputElement>;\n /\n Locale for date formatting and parsing\n /\n locale?: any;\n /\n Parser callback, if not using the adapter's parser\n * @param value - date string to parse\n * @param format - format required\n * @param locale - locale required\n /\n parse?: (value: string, format: string, locale?: any) => ParserResult<TDate>;\n /\n Input value. Use when the input value is controlled.\n /\n value?: string;\n /\n The initial input value. Use when the component is uncontrolled.\n /\n defaultValue?: string;\n /\n The date value. Use when the component is controlled.\n /\n date?: TDate \| null;\n /\n The initial selected date value. Use when the component is uncontrolled.\n /\n defaultDate?: TDate \| null;\n /\n Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined\n * @param details - The details of date selection, either a valid date or error\n /\n onDateChange?: (\n event: SyntheticEvent,\n date: SingleDateSelection<TDate> \| null \| undefined,\n details: DateInputSingleDetails,\n ) => void;\n /\n Called when input value changes, either due to user interaction or programmatic formatting of valid dates.\n * @param event - The synthetic event or null if a programmatic change.\n * @param newValue - The new date input value.\n */\n onDateValueChange?: (event: SyntheticEvent \| null, newValue: string) => void;\n}\n\nexport const DateInputSingle = forwardRef<\n HTMLDivElement,\n DateInputSingleProps<any>\n>(\n <TDate extends DateFrameworkType>(\n props: DateInputSingleProps<TDate>,\n ref: React.Ref<HTMLDivElement>,\n ) => {\n const { dateAdapter } = useLocalization<TDate>();\n const {\n bordered = false,\n className,\n disabled,\n \"aria-label\": ariaLabel,\n date: dateProp,\n defaultDate,\n onDateChange,\n value: valueProp,\n locale,\n format = \"DD MMM YYYY\",\n defaultValue = dateAdapter.format(undefined, format, locale),\n onChange,\n onClick,\n emptyReadOnlyMarker = \"—\",\n endAdornment,\n inputProps = {},\n inputRef: inputRefProp = null,\n parse: parseProp,\n placeholder = format.toLowerCase(),\n readOnly: readOnlyProp,\n startAdornment,\n validationStatus: validationStatusProp,\n variant = \"primary\",\n onDateValueChange,\n ...rest\n } = props;\n const wrapperRef = useRef(null);\n const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n const innerInputRef = useRef<HTMLInputElement>(null);\n const handleInputRef = useForkRef<HTMLInputElement>(\n innerInputRef,\n inputRefProp,\n );\n\n const inputId = useId();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-date-input-single\",\n css: dateInputCss,\n window: targetWindow,\n });\n\n const [date, setDate] = useControlled({\n controlled: dateProp,\n default: defaultDate,\n name: \"DateInputSingle\",\n state: \"date\",\n });\n const [dateValue, setDateValue] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: \"DateInputSingle\",\n state: \"dateValue\",\n });\n const lastAppliedValue = useRef<string>(dateValue);\n const preservedTime = useRef<TimeFields \| null>(null);\n preservedTime.current = dateAdapter.isValid(date)\n ? dateAdapter.getTime(date)\n : null;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: Update date string value ONLY when selected date changes, not when date string itself change\n useEffect(() => {\n const formattedValue = dateAdapter.format(date, format, locale);\n const hasValueChanged = formattedValue !== dateValue;\n if (\n // don't want to reset \"error\" input values\n (dateAdapter.isValid(date) \|\| date === null) &&\n hasValueChanged\n ) {\n lastAppliedValue.current = formattedValue;\n setDateValue(formattedValue);\n onDateValueChange?.(null, formattedValue);\n }\n }, [date, dateAdapter.format, format, locale]);\n\n const [focused, setFocused] = useState(false);\n\n const {\n a11yProps: {\n \"aria-describedby\": formFieldDescribedBy,\n \"aria-labelledby\": formFieldLabelledBy,\n } = {},\n disabled: formFieldDisabled,\n readOnly: formFieldReadOnly,\n necessity: formFieldRequired,\n validationStatus: formFieldValidationStatus,\n } = useFormFieldProps();\n\n const isReadOnly = readOnlyProp \|\| formFieldReadOnly;\n const isDisabled = disabled \|\| formFieldDisabled;\n\n const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n const {\n \"aria-describedby\": dateInputDescribedBy,\n \"aria-labelledby\": dateInputLabelledBy,\n onBlur: inputPropsOnBlur,\n onChange: inputPropsOnChange,\n onKeyDown: inputPropsOnKeyDown,\n onFocus: inputPropsOnFocus,\n required: dateInputPropsRequired,\n ...restDateInputProps\n } = inputProps;\n\n const isRequired = formFieldRequired\n ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n : dateInputPropsRequired;\n\n const apply = (event: SyntheticEvent) => {\n const parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);\n const parseResult = parse(dateValue ?? \"\", format, locale);\n let { date: parsedDate, ...parseDetails } = parseResult;\n const formattedValue = dateAdapter.format(parsedDate, format, locale);\n const hasValueChanged = formattedValue !== dateValue;\n if (dateAdapter.isValid(parsedDate) && hasValueChanged) {\n setDateValue(formattedValue);\n onDateValueChange?.(event, formattedValue);\n }\n\n setDate(parsedDate);\n\n if (lastAppliedValue.current !== dateValue) {\n if (dateAdapter.isValid(parsedDate) && preservedTime.current) {\n parsedDate = dateAdapter.set(parsedDate, preservedTime.current);\n }\n onDateChange?.(event, parsedDate, parseDetails);\n }\n lastAppliedValue.current = dateAdapter.isValid(parsedDate)\n ? formattedValue\n : dateValue;\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const newDateValue = event.target.value;\n setDateValue(newDateValue);\n inputPropsOnChange?.(event);\n onChange?.(event);\n onDateValueChange?.(event, newDateValue);\n };\n\n const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n setFocused(true);\n inputPropsOnFocus?.(event);\n };\n const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n setFocused(false);\n apply(event);\n inputPropsOnBlur?.(event);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n apply(event);\n }\n inputPropsOnKeyDown?.(event);\n };\n\n const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n if (event.target === wrapperRef.current) {\n innerInputRef?.current?.focus();\n }\n onClick?.(event);\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n withBaseName(variant),\n {\n [withBaseName(\"focused\")]: !isDisabled && focused,\n [withBaseName(\"disabled\")]: isDisabled,\n [withBaseName(\"readOnly\")]: isReadOnly,\n [withBaseName(validationStatus ?? \"\")]: validationStatus,\n [withBaseName(\"bordered\")]: bordered,\n },\n className,\n )}\n ref={handleWrapperRef}\n onClick={handleClick}\n {...rest}\n >\n {startAdornment && (\n <div className={withBaseName(\"startAdornmentContainer\")}>\n {startAdornment}\n </div>\n )}\n <input\n autoComplete=\"off\"\n aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n aria-labelledby={clsx(\n formFieldLabelledBy,\n dateInputLabelledBy,\n inputId,\n )}\n aria-label={clsx(\"Selected date\", ariaLabel)}\n id={inputId}\n className={withBaseName(\"input\")}\n disabled={isDisabled}\n readOnly={isReadOnly}\n ref={handleInputRef}\n tabIndex={isDisabled ? -1 : 0}\n placeholder={placeholder}\n value={isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue}\n {...restDateInputProps}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onFocus={!isDisabled ? handleFocus : undefined}\n required={isRequired}\n />\n <div className={withBaseName(\"endAdornmentContainer\")}>\n {!isDisabled && !isReadOnly && validationStatus && (\n <StatusAdornment status={validationStatus} />\n )}\n {endAdornment}\n </div>\n <div className={withBaseName(\"activationIndicator\")} />\n </div>\n );\n },\n);\n"],"names":["dateInputCss"],"mappings":"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"}

package/dist-es/date-picker/DatePicker.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { DatePickerOverlayProvider } from './DatePickerOverlayProvider.js';
 import { useDatePicker } from './useDatePicker.js';
 const DatePickerMain = forwardRef(
-  function DatePickerMain2(props, ref) {
+  (props, ref) => {
     var _a, _b;
     const {
       children,
@@ -14,12 +14,10 @@ const DatePickerMain = forwardRef(
       selectionVariant,
       defaultSelectedDate,
       selectedDate,
-      onSelectedDateChange,
+      onSelectionChange,
       onApply,
       minDate,
       maxDate,
-      timeZone,
-      locale,
       onCancel,
       ...rest
     } = props;
@@ -29,12 +27,10 @@ const DatePickerMain = forwardRef(
       selectionVariant,
       defaultSelectedDate,
       selectedDate,
-      onSelectedDateChange,
+      onSelectionChange,
       onApply,
       minDate,
       maxDate,
-      timeZone,
-      locale,
       onCancel
     };
     if (props.selectionVariant === "range") {
@@ -42,42 +38,27 @@ const DatePickerMain = forwardRef(
         useDatePickerProps,
         ref
       );
-      return /* @__PURE__ */ jsx(DateRangeSelectionContext.Provider, {
-        value: stateAndHelpers2,
-        children: /* @__PURE__ */ jsx("div", {
-          ref: (_a = stateAndHelpers2 == null ? void 0 : stateAndHelpers2.state) == null ? void 0 : _a.containerRef,
-          ...rest,
-          children
-        })
-      });
+      return /* @__PURE__ */ jsx(DateRangeSelectionContext.Provider, { value: stateAndHelpers2, children: /* @__PURE__ */ jsx("div", { ref: (_a = stateAndHelpers2 == null ? void 0 : stateAndHelpers2.state) == null ? void 0 : _a.containerRef, ...rest, children }) });
     }
     const stateAndHelpers = useDatePicker(
       useDatePickerProps,
       ref
     );
-    return /* @__PURE__ */ jsx(SingleDateSelectionContext.Provider, {
-      value: stateAndHelpers,
-      children: /* @__PURE__ */ jsx("div", {
-        ref: (_b = stateAndHelpers == null ? void 0 : stateAndHelpers.state) == null ? void 0 : _b.containerRef,
-        ...rest,
-        children
-      })
-    });
+    return /* @__PURE__ */ jsx(SingleDateSelectionContext.Provider, { value: stateAndHelpers, children: /* @__PURE__ */ jsx("div", { ref: (_b = stateAndHelpers == null ? void 0 : stateAndHelpers.state) == null ? void 0 : _b.containerRef, ...rest, children }) });
   }
 );
-const DatePicker = forwardRef(
-  function DatePicker2(props, ref) {
-    const { open, defaultOpen, ...rest } = props;
-    return /* @__PURE__ */ jsx(DatePickerOverlayProvider, {
+const DatePicker = forwardRef(function DatePicker2(props, ref) {
+  const { open, defaultOpen, onOpen, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    DatePickerOverlayProvider,
+    {
       open,
       defaultOpen,
-      children: /* @__PURE__ */ jsx(DatePickerMain, {
-        ...rest,
-        ref
-      })
-    });
-  }
-);
+      onOpen,
+      children: /* @__PURE__ */ jsx(DatePickerMain, { ...rest, ref })
+    }
+  );
+});
 export { DatePicker, DatePickerMain };
 //# sourceMappingURL=DatePicker.js.map

package/dist-es/date-picker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { type ReactNode, forwardRef } from \"react\";\nimport {\n DateRangeSelectionContext,\n type RangeDatePickerState,\n type SingleDatePickerState,\n SingleDateSelectionContext,\n} from \"./DatePickerContext\";\nimport { DatePickerOverlayProvider } from \"./DatePickerOverlayProvider\";\nimport {\n type UseDatePickerRangeProps,\n type UseDatePickerSingleProps,\n useDatePicker,\n} from \"./useDatePicker\";\n\n/*\n Base props for DatePicker.\n /\nexport interface DatePickerBaseProps {\n className?: string;\n children?: ReactNode;\n /* the open/close state of the overlay. The open/close state will be controlled when this prop is provided. /\n open?: boolean;\n /\n the initial open/close state of the overlay, when the open/close state is un-controlled.\n */\n defaultOpen?: DatePickerBaseProps[\"open\"];\n}\n\nexport interface DatePickerSingleProps\n extends DatePickerBaseProps,\n UseDatePickerSingleProps {\n selectionVariant: \"single\";\n}\n\nexport interface DatePickerRangeProps\n extends DatePickerBaseProps,\n UseDatePickerRangeProps {\n selectionVariant: \"range\";\n}\n\nexport type DatePickerProps = ~~DatePickerSingleProps~~ \| DatePickerRangeProps;\n\nexport const DatePickerMain = forwardRef<HTMLDivElement, DatePickerProps>(\n ~~function~~ ~~DatePickerMain~~(props, ref) {\n const {\n children,\n readOnly,\n disabled,\n selectionVariant,\n defaultSelectedDate,\n selectedDate,\n ~~onSelectedDateChange~~,\n onApply,\n minDate,\n maxDate,\n ~~timeZone,\n locale,\n~~ onCancel,\n ...rest\n } = props;\n // biome-ignore lint/suspicious/noExplicitAny: type guard\n const useDatePickerProps: any = {\n readOnly,\n disabled,\n selectionVariant,\n defaultSelectedDate,\n selectedDate,\n ~~onSelectedDateChange~~,\n onApply,\n minDate,\n maxDate,\n ~~timeZone,\n locale,\n~~ onCancel,\n };\n if (props.selectionVariant === \"range\") {\n const stateAndHelpers = useDatePicker(\n useDatePickerProps,\n ref,\n ) as RangeDatePickerState;\n return (\n <DateRangeSelectionContext.Provider value={stateAndHelpers}>\n <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n {children}\n </div>\n </DateRangeSelectionContext.Provider>\n );\n }\n const stateAndHelpers = useDatePicker(\n useDatePickerProps,\n ref,\n ) as SingleDatePickerState;\n return (\n <SingleDateSelectionContext.Provider value={stateAndHelpers}>\n <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n {children}\n </div>\n </SingleDateSelectionContext.Provider>\n );\n },\n);\n\nexport const DatePicker = forwardRef~~<HTMLDivElement,~~ ~~DatePickerProps>(\~~n ~~function~~ ~~DatePicker~~(props, ref) {\n const { open, defaultOpen, ...rest } = props;\n\n return (\n <DatePickerOverlayProvider open={open} defaultOpen={defaultOpen}>\n <DatePickerMain {...rest} ref={ref} />\n </DatePickerOverlayProvider>\n );\n }~~,\n~~);\n"],"names":["~~DatePickerMain","~~stateAndHelpers","DatePicker"],"mappings":";;;;;;~~AA0CO~~,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,~~SAASA~~,~~eAAe~~,~~CAAA~~,KAAA~~,EAAO,GAAK,EAAA~~;~~AA3CtC~~,IAAA,IAAA,EAAA,EAAA,EAAA~~,CAAA~~;~~AA4CI~~,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,~~oBAAA~~;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,~~MAAA~~;AAAA,~~MACA,QAAA;AAAA,MACG,GAAA,IAAA;AAAA,~~KACD,GAAA,KAAA~~,CAAA~~;AAEJ,IAAA,MAAM,kBAA0B,GAAA;AAAA,MAC9B,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,~~oBAAA~~;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA~~,QAAA~~;AAAA,~~MACA,MAAA;AAAA,MACA,QAAA;AAAA,~~KACF~~,CAAA~~;~~AACA~~,IAAI,IAAA,KAAA,CAAM,qBAAqB,OAAS,EAAA;AACtC,MAAA,~~MAAMC~~,gBAAkB,GAAA,aAAA;AAAA,QACtB,kBAAA;AAAA,QACA~~,GAAA~~;AAAA,OACF~~,CAAA~~;AACA,~~MACE~~,~~uBAAA~~,~~GAAA~~,~~CAAC~~,~~0BAA0B~~,~~QAA1B~~,~~EAAA;AAAA~~,~~QAAmC,~~KAAOA,EAAAA,gBAAAA~~;AAAA~~,~~QACzC~~,~~QAAC~~,~~kBAAA~~,~~GAAA~~,~~CAAA~~,~~KAAA~~,EAAA~~;AAAA~~,~~UAAI~~,~~MAAK~~,~~EAAAA~~,~~GAAAA~~,~~gBAAAA,~~IAAA,~~IAAAA~~,~~GAAAA~~,~~KAAAA~~,~~CAAAA,~~GAAAA,~~gBAAAA~~,~~CAAiB~~,~~UAAjB~~,~~IAAwB~~,GAAA,KAAA,CAAA,GAAA,EAAA,~~CAAA~~,~~YAAA;AAAA~~,~~UAAe,~~GAAG,IAAA~~;AAAA~~,~~UACjD~~,~~QAAA;AAAA~~,~~SACH~~,~~CAAA;AAAA~~,~~OACF,~~CAAA~~,CAAA~~;AAAA~~,KAEJ~~;~~AACA~~,IAAA,MAAM,eAAkB,GAAA,aAAA;AAAA,MACtB,kBAAA;AAAA,MACA~~,GAAA~~;AAAA,KACF~~,CAAA~~;~~AACA~~,~~IACE~~,~~uBAAA~~,~~GAAA~~,~~CAAC~~,~~2BAA2B~~,~~QAA3B~~,~~EAAA;AAAA~~,~~MAAoC~~,~~KAAO~~,~~EAAA~~,~~eAAA;AAAA,MAC1C,~~QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA~~;AAAA~~,~~QAAI~~,~~GAAA~~,EAAA,~~CAAK~~,~~EAAiB~~,GAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,~~CAAA~~,~~KAAA~~,~~KAAjB,~~IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA~~;AAAA~~,~~QAAe~~,GAAG,IAAA~~;AAAA~~,~~QACjD~~,~~QAAA;AAAA~~,~~OACH~~,~~CAAA;AAAA~~,~~KACF,~~CAAA~~,CAAA~~;AAAA~~,GAEJ~~;~~AACF,EAAA~~;AAEO,MAAM,UAAa,GAAA,UAAA~~;AAAA~~,~~EACxB~~,SAASC,~~WAAW~~,~~CAAA~~,~~KAAA~~,~~EAAO~~,~~GAAK,~~EAAA;~~AAC9B~~,~~IAAA~~,MAAM,EAAE,~~IAAA~~,~~EAAM~~,~~WAAgB~~,EAAA,~~GAAA~~,~~IAAA~~,~~EAAS,~~GAAA,KAAA~~,CAAA~~;~~AAEvC~~,~~IAAA~~,~~uBACG~~,GAAA,~~CAAA~~,yBAAA,~~EAAA~~;AAAA,~~MAA0B~~,IAAA;AAAA,~~MAAY~~,WAAA;AAAA,~~MACrC~~,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA~~;AAAA~~,~~QAAgB~~,GAAG,IAAA~~;AAAA~~,~~QAAM~~,~~GAAA~~;AAAA~~,OAAU,CAAA~~;AAAA,~~KACtC,CAAA,CAAA~~;~~AAAA~~,~~GAEJ;AACF~~;;;;"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { type ReactNode, forwardRef } from \"react\";\nimport {\n DateRangeSelectionContext,\n type RangeDatePickerState,\n type SingleDatePickerState,\n SingleDateSelectionContext,\n} from \"./DatePickerContext\";\nimport { DatePickerOverlayProvider } from \"./DatePickerOverlayProvider\";\nimport {\n type UseDatePickerRangeProps,\n type UseDatePickerSingleProps,\n useDatePicker,\n} from \"./useDatePicker\";\n\n/*\n Base props for DatePicker.\n /\nexport interface DatePickerBaseProps {\n className?: string;\n children?: ReactNode;\n /* the open/close state of the overlay. The open/close state will be controlled when this prop is provided. /\n open?: boolean;\n /\n Handler for when open state changes\n * @param newOpen - true when opened\n /\n onOpen?: (newOpen: boolean) => void;\n /\n the initial open/close state of the overlay, when the open/close state is un-controlled.\n /\n defaultOpen?: DatePickerBaseProps[\"open\"];\n}\n\n/\n Props for the DatePicker component, when `selectionVariant` is `single`.\n * @template T\n /\nexport interface DatePickerSingleProps<TDate extends DateFrameworkType>\n extends DatePickerBaseProps,\n UseDatePickerSingleProps<TDate> {\n selectionVariant: \"single\";\n}\n\n/\n Props for the DatePicker component, when `selectionVariant` is `range`.\n * @template T\n /\nexport interface DatePickerRangeProps<TDate extends DateFrameworkType>\n extends DatePickerBaseProps,\n UseDatePickerRangeProps<TDate> {\n selectionVariant: \"range\";\n}\n\n/\n Props for the DatePicker component.\n * @template T\n */\nexport type DatePickerProps<TDate extends DateFrameworkType> =\n \| DatePickerSingleProps<TDate>\n \| DatePickerRangeProps<TDate>;\n\nexport const DatePickerMain = forwardRef<HTMLDivElement, DatePickerProps<any>>(\n <TDate extends DateFrameworkType>(\n props: DatePickerProps<TDate>,\n ref: React.Ref<HTMLDivElement>,\n ) => {\n const {\n children,\n readOnly,\n disabled,\n selectionVariant,\n defaultSelectedDate,\n selectedDate,\n onSelectionChange,\n onApply,\n minDate,\n maxDate,\n onCancel,\n ...rest\n } = props;\n // biome-ignore lint/suspicious/noExplicitAny: type guard\n const useDatePickerProps: any = {\n readOnly,\n disabled,\n selectionVariant,\n defaultSelectedDate,\n selectedDate,\n onSelectionChange,\n onApply,\n minDate,\n maxDate,\n onCancel,\n };\n\n if (props.selectionVariant === \"range\") {\n const stateAndHelpers = useDatePicker<TDate, \"range\">(\n useDatePickerProps,\n ref,\n ) as RangeDatePickerState<TDate>;\n return (\n <DateRangeSelectionContext.Provider value={stateAndHelpers}>\n <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n {children}\n </div>\n </DateRangeSelectionContext.Provider>\n );\n }\n const stateAndHelpers = useDatePicker(\n useDatePickerProps,\n ref,\n ) as SingleDatePickerState<TDate>;\n\n return (\n <SingleDateSelectionContext.Provider value={stateAndHelpers}>\n <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n {children}\n </div>\n </SingleDateSelectionContext.Provider>\n );\n },\n);\n\nexport const DatePicker = forwardRef(function DatePicker<\n TDate extends DateFrameworkType,\n>(props: DatePickerProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n const { open, defaultOpen, onOpen, ...rest } = props;\n\n return (\n <DatePickerOverlayProvider\n open={open}\n defaultOpen={defaultOpen}\n onOpen={onOpen}\n >\n <DatePickerMain {...rest} ref={ref} />\n </DatePickerOverlayProvider>\n );\n});\n"],"names":["stateAndHelpers","DatePicker"],"mappings":";;;;;;AA8DO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CACE,OACA,GACG,KAAA;AAlEP,IAAA,IAAA,EAAA,EAAA,EAAA;AAmEI,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,kBAA0B,GAAA;AAAA,MAC9B,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAI,IAAA,KAAA,CAAM,qBAAqB,OAAS,EAAA;AACtC,MAAA,MAAMA,gBAAkB,GAAA,aAAA;AAAA,QACtB,kBAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,2BACG,yBAA0B,CAAA,QAAA,EAA1B,EAAmC,KAAOA,EAAAA,gBAAAA,EACzC,8BAAC,KAAI,EAAA,EAAA,GAAA,EAAA,CAAK,KAAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,KAAjB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAwB,cAAe,GAAG,IAAA,EACjD,UACH,CACF,EAAA,CAAA;AAAA;AAGJ,IAAA,MAAM,eAAkB,GAAA,aAAA;AAAA,MACtB,kBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,2BACG,0BAA2B,CAAA,QAAA,EAA3B,EAAoC,KAAA,EAAO,iBAC1C,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,UAAjB,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,EAAe,GAAG,IAAA,EACjD,UACH,CACF,EAAA,CAAA;AAAA;AAGN;AAEO,MAAM,UAAa,GAAA,UAAA,CAAW,SAASC,WAAAA,CAE5C,OAA+B,GAAgC,EAAA;AAC/D,EAAA,MAAM,EAAE,IAAM,EAAA,WAAA,EAAa,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/C,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAgB,GAAG,IAAA,EAAM,GAAU,EAAA;AAAA;AAAA,GACtC;AAEJ,CAAC;;;;"}

package/dist-es/date-picker/DatePickerActions.js CHANGED Viewed

@@ -2,19 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { makePrefixer, Button } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useEffect } from 'react';
-import './DatePicker.js';
 import { useDatePickerContext } from './DatePickerContext.js';
-import './DatePickerOverlay.js';
-import './DatePickerSingleInput.js';
-import './DatePickerSinglePanel.js';
-import './DatePickerRangeInput.js';
-import './DatePickerRangePanel.js';
 import css_248z from './DatePickerActions.css.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 const withBaseName = makePrefixer("saltDatePickerActions");
-const DatePickerActions = forwardRef(function DatePickerActions2(props, ref) {
+const DatePickerActions = forwardRef(function DatePickerRangeInput(props, ref) {
   const {
     applyButtonRef,
     ApplyButtonProps,
@@ -58,25 +52,15 @@ const DatePickerActions = forwardRef(function DatePickerActions2(props, ref) {
   };
   const handleApply = (event) => {
     var _a;
-    if (selectionVariant === "single") {
-      apply(selectedDate, false);
-      onApply == null ? void 0 : onApply(event, selectedDate);
-    } else {
-      apply(selectedDate, { startDate: false, endDate: false });
-      onApply == null ? void 0 : onApply(event, selectedDate);
-    }
+    apply(event, selectedDate);
+    onApply == null ? void 0 : onApply(event, selectedDate);
     (_a = ApplyButtonProps == null ? void 0 : ApplyButtonProps.onClick) == null ? void 0 : _a.call(ApplyButtonProps, event);
   };
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(className, withBaseName()),
-    ref,
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: withBaseName("body"),
-        children
-      }),
-      /* @__PURE__ */ jsx(Button, {
+  return /* @__PURE__ */ jsxs("div", { className: clsx(className, withBaseName()), ref, ...rest, children: [
+    /* @__PURE__ */ jsx("div", { className: withBaseName("body"), children }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
         appearance: "transparent",
         sentiment: "neutral",
         ref: cancelButtonRef,
@@ -84,8 +68,11 @@ const DatePickerActions = forwardRef(function DatePickerActions2(props, ref) {
         onClick: handleCancel,
         className: clsx(withBaseName("action"), CancelButtonProps == null ? void 0 : CancelButtonProps.className),
         children: "Cancel"
-      }),
-      /* @__PURE__ */ jsx(Button, {
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
         appearance: "solid",
         sentiment: "accented",
         ref: applyButtonRef,
@@ -93,9 +80,9 @@ const DatePickerActions = forwardRef(function DatePickerActions2(props, ref) {
         onClick: handleApply,
         className: clsx(withBaseName("action"), ApplyButtonProps == null ? void 0 : ApplyButtonProps.className),
         children: "Apply"
-      })
-    ]
-  });
+      }
+    )
+  ] });
 });
 export { DatePickerActions };

package/dist-es/date-picker/DatePickerActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerActions.js","sources":["../src/date-picker/DatePickerActions.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport ~~React,~~ {\n type ComponentPropsWithoutRef,\n ~~forwardRef~~,\n ~~useEffect~~,\n type SyntheticEvent,\n ~~type MouseEventHandler~~,\n ~~type Ref~~,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n type RangeDatePickerState,\n type SingleDatePickerState,\n useDatePickerContext,\n} from \"./~~index~~\";\nimport \"./DatePickerActions.css\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport datePickerActions from \"./DatePickerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerActions\");\n\n/*\n Base props for DatePicker actions.\n /\nexport interface DatePickerActionsBaseProps\n extends ComponentPropsWithoutRef<\"div\"> {\n /\n Callback fired when the cancel action is triggered.\n * @param _event - The synthetic event.\n /\n onCancel?: (_event: SyntheticEvent) => void;\n /\n Ref to apply button\n /\n applyButtonRef?: Ref<HTMLButtonElement>;\n /\n Props for the apply button.\n /\n ApplyButtonProps?: ButtonProps;\n /\n Props for the cancel button.\n /\n CancelButtonProps?: ButtonProps;\n /\n Ref to cancel button\n /\n cancelButtonRef?: Ref<HTMLButtonElement>;\n}\n\n/\n Props for the DatePicker actions component.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n /\nexport type DatePickerActionsProps<\n SelectionVariant extends \"single\" \| \"range\",\n> = SelectionVariant extends \"single\"\n ? DatePickerActionsBaseProps & {\n /\n The selection variant, set to \"single\".\n /\n selectionVariant: \"single\";\n /\n Callback fired when the apply action is triggered.\n * @param _event - The synthetic event.\n * @param date - The selected single date or null.\n /\n onApply?: (\n _event: SyntheticEvent,\n date: SingleDateSelection \| null,\n ) => void;\n }\n : DatePickerActionsBaseProps & {\n /\n The selection variant, set to \"range\".\n /\n selectionVariant: \"range\";\n /\n Callback fired when the apply action is triggered.\n * @param _event - The synthetic event.\n * @param date - The selected date range or null.\n */\n onApply?: (\n _event: SyntheticEvent,\n date: DateRangeSelection \| null,\n ) => void;\n };\n\nexport const DatePickerActions = forwardRef<\n ~~HTMLDivElement~~,\n DatePickerActionsProps<\"single\" \| \"range\">\n~~>(function~~ ~~DatePickerActions(props, ref~~) {\n const {\n applyButtonRef,\n ApplyButtonProps,\n cancelButtonRef,\n children,\n className,\n CancelButtonProps,\n onApply,\n onCancel,\n selectionVariant,\n ...rest\n } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-date-picker-actions\",\n css: datePickerActions,\n window: targetWindow,\n });\n\n // biome-ignore lint/suspicious/noExplicitAny: state and helpers coerced based on selectionVariant\n let stateAndHelpers: any;\n if (selectionVariant === \"range\") {\n stateAndHelpers = useDatePickerContext({\n selectionVariant: \"range\",\n }) as RangeDatePickerState;\n } else {\n stateAndHelpers = useDatePickerContext({\n selectionVariant: \"single\",\n }) as SingleDatePickerState;\n }\n\n const {\n state: { selectedDate },\n helpers: { cancel, apply, setEnableApply },\n } = stateAndHelpers;\n\n useEffect(() => {\n setEnableApply(true);\n }, [setEnableApply]);\n\n const handleCancel: MouseEventHandler<HTMLButtonElement> = (event) => {\n cancel();\n CancelButtonProps?.onClick?.(event);\n onCancel?.(event);\n };\n\n const handleApply: MouseEventHandler<HTMLButtonElement> = (event) => {\n ~~if (selectionVariant === \"single\") {\n~~ apply(~~selectedDate, false);\n onApply?.(~~event, selectedDate);\n ~~} else {\n apply(selectedDate, { startDate: false, endDate: false });\n~~ onApply?.(event, selectedDate);\n ~~}\n~~ ApplyButtonProps?.onClick?.(event);\n };\n\n return (\n <div className={clsx(className, withBaseName())} ref={ref} {...rest}>\n <div className={withBaseName(\"body\")}>{children}</div>\n <Button\n appearance=\"transparent\"\n sentiment=\"neutral\"\n ref={cancelButtonRef}\n {...CancelButtonProps}\n onClick={handleCancel}\n className={clsx(withBaseName(\"action\"), CancelButtonProps?.className)}\n >\n Cancel\n </Button>\n <Button\n appearance=\"solid\"\n sentiment=\"accented\"\n ref={applyButtonRef}\n {...ApplyButtonProps}\n onClick={handleApply}\n className={clsx(withBaseName(\"action\"), ApplyButtonProps?.className)}\n >\n Apply\n </Button>\n </div>\n );\n});\n"],"names":["~~DatePickerActions","~~datePickerActions"],"mappings":"~~;;;;;;;;;;;;;;;AAqBA~~,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA~~,CAAA~~;~~AAoElD~~,MAAM,iBAAoB,GAAA,UAAA,~~CAG/B~~,~~SAASA~~,~~kBAAAA~~,~~CAAkB~~,~~OAAO~~,~~GAAK~~,EAAA;~~AACvC~~,EAAM,MAAA;AAAA,IACJ,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,~~IACG~~,~~GAAA,IAAA~~;AAAA,GACD,GAAA,KAAA~~,CAAA~~;AACJ,EAAA,MAAM,eAAe,SAAU,EAAA~~,CAAA~~;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,~~EAAAC~~,QAAA;AAAA,IACL,MAAQ,EAAA~~,YAAA~~;AAAA,GACT,CAAA~~,CAAA~~;AAGD,EAAI,IAAA,eAAA~~,CAAA~~;AACJ,EAAA,IAAI,qBAAqB,OAAS,EAAA;AAChC,IAAA,eAAA,GAAkB,oBAAqB,CAAA;AAAA,MACrC,gBAAkB,EAAA~~,OAAA~~;AAAA,KACnB,CAAA~~,CAAA~~;AAAA,GACI,MAAA;AACL,IAAA,eAAA,GAAkB,oBAAqB,CAAA;AAAA,MACrC,gBAAkB,EAAA~~,QAAA~~;AAAA,KACnB,CAAA~~,CAAA~~;AAAA~~,GACH~~;~~AAEA~~,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,YAAa,EAAA;AAAA,IACtB,OAAS,EAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,cAAe~~,EAAA~~;AAAA,GACvC,GAAA,eAAA~~,CAAA~~;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,IAAI,CAAA~~,CAAA~~;AAAA,GACrB,EAAG,CAAC,cAAc,CAAC,CAAA~~,CAAA~~;AAEnB,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;~~AArIxE~~,IAAA,IAAA,EAAA~~,CAAA~~;~~AAsII~~,IAAO,MAAA,EAAA~~,CAAA~~;AACP,IAAA,CAAA,EAAA,GAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAmB,YAAnB,IAA6B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,iBAAA,EAAA,KAAA,CAAA~~,CAAA~~;AAC7B,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA~~,CAAA~~;AAAA,GACb~~,CAAA~~;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;~~AA3IvE~~,IAAA,IAAA,EAAA~~,CAAA~~;~~AA4II~~,IAAA,~~IAAI,qBAAqB,QAAU,EAAA;AACjC,MAAA,~~KAAA,CAAM,~~cAAc~~,~~KAAK~~,CAAA~~,CAAA~~;AACzB,~~MAAA,OAAA,~~IAAA,~~IAAA,GAAA,KAAA,CAAA,GAAA,~~OAAA,~~CAAU,KAAO,EAAA,YAAA,CAAA,CAAA;AAAA,KACZ,MAAA;AACL,MAAA,KAAA,CAAM,cAAc,EAAE,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AACxD,MAAA,OAAA,~~IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAU,KAAO,EAAA,YAAA,CAAA~~,CAAA~~;~~AAAA~~,~~KACnB;AACA,~~IAAA,CAAA,EAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,YAAlB,IAA4B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,gBAAA,EAAA,KAAA,CAAA~~,CAAA~~;AAAA,GAC9B~~,CAAA~~;AAEA,~~EAAA~~,~~uBACG~~,IAAA,~~CAAA~~,~~KAAA~~,EAAA~~;AAAA~~,~~IAAI~~,~~SAAW~~,~~EAAA~~,~~IAAA~~,~~CAAK~~,~~SAAW~~,~~EAAA~~,~~YAAA~~,~~EAAc,~~CAAA~~;AAAA~~,~~IAAG~~,~~GAAA;AAAA~~,~~IAAW~~,GAAG,~~IAAA;AAAA,~~IAC7D,QAAA,EAAA;AAAA,~~sBAAC~~,GAAA,~~CAAA~~,~~KAAA~~,EAAA~~;AAAA~~,~~QAAI~~,SAAA,EAAW,~~aAAa~~,MAAM,CAAA;AAAA,~~QAAI~~,~~QAAA~~;AAAA,~~OAAS~~,~~CAAA~~;AAAA,~~sBAC/C,GAAA,CAAA,~~MAAA~~,EAAA~~;AAAA,QACC,UAAW,EAAA,aAAA;AAAA,QACX,SAAU,EAAA,SAAA;AAAA,QACV,GAAK,EAAA,eAAA;AAAA,QACJ,GAAG,iBAAA;AAAA,QACJ,OAAS,EAAA,YAAA;AAAA,QACT,WAAW,IAAK,CAAA,YAAA,CAAa,QAAQ,CAAA,EAAG,uDAAmB,SAAS,CAAA;AAAA,QACrE,QAAA,EAAA~~,QAAA~~;AAAA,~~OAED,CAAA~~;AAAA,~~sBACC~~,GAAA,~~CAAA~~,MAAA,~~EAAA~~;AAAA,QACC,UAAW,EAAA,OAAA;AAAA,QACX,SAAU,EAAA,UAAA;AAAA,QACV,GAAK,EAAA,cAAA;AAAA,QACJ,GAAG,gBAAA;AAAA,QACJ,OAAS,EAAA,WAAA;AAAA,QACT,WAAW,IAAK,CAAA,YAAA,CAAa,QAAQ,CAAA,EAAG,qDAAkB,SAAS,CAAA;AAAA,QACpE,QAAA,EAAA~~,OAAA~~;AAAA~~,OAED,CAAA~~;AAAA~~,KAAA~~;~~AAAA~~,GACF,~~CAAA~~,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"DatePickerActions.js","sources":["../src/date-picker/DatePickerActions.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type MouseEventHandler,\n type Ref,\n type SyntheticEvent,\n forwardRef,\n useEffect,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n type RangeDatePickerState,\n type SingleDatePickerState,\n useDatePickerContext,\n} from \"./DatePickerContext\";\nimport \"./DatePickerActions.css\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport datePickerActions from \"./DatePickerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerActions\");\n\n/*\n Base props for DatePicker actions component.\n /\nexport interface DatePickerActionsBaseProps\n extends ComponentPropsWithoutRef<\"div\"> {\n /\n Callback fired when the cancel action is triggered.\n * @param _event - The synthetic event.\n /\n onCancel?: (_event: SyntheticEvent) => void;\n /\n Ref to apply button\n /\n applyButtonRef?: Ref<HTMLButtonElement>;\n /\n Props for the apply button.\n /\n ApplyButtonProps?: ButtonProps;\n /\n Props for the cancel button.\n /\n CancelButtonProps?: ButtonProps;\n /\n Ref to cancel button\n /\n cancelButtonRef?: Ref<HTMLButtonElement>;\n}\n\n/\n Props for the DatePicker actions component.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n /\nexport type DatePickerActionsProps<\n TDate extends DateFrameworkType,\n SelectionVariant extends \"single\" \| \"range\",\n> = SelectionVariant extends \"single\"\n ? DatePickerActionsBaseProps & {\n /\n The selection variant, set to \"single\".\n /\n selectionVariant: \"single\";\n /\n Callback fired when the apply action is triggered.\n * @param _event - The synthetic event.\n * @param date - The selected single date or null.\n /\n onApply?: (\n _event: SyntheticEvent,\n date: SingleDateSelection<TDate> \| null,\n ) => void;\n }\n : DatePickerActionsBaseProps & {\n /\n The selection variant, set to \"range\".\n /\n selectionVariant: \"range\";\n /\n Callback fired when the apply action is triggered.\n * @param _event - The synthetic event.\n * @param date - The selected date range or null.\n */\n onApply?: (\n _event: SyntheticEvent,\n date: DateRangeSelection<TDate> \| null,\n ) => void;\n };\n\nexport const DatePickerActions = forwardRef(function DatePickerRangeInput<\n TDate extends DateFrameworkType,\n>(\n props: DatePickerActionsProps<TDate, \"single\" \| \"range\">,\n ref: React.Ref<HTMLDivElement>,\n) {\n const {\n applyButtonRef,\n ApplyButtonProps,\n cancelButtonRef,\n children,\n className,\n CancelButtonProps,\n onApply,\n onCancel,\n selectionVariant,\n ...rest\n } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-date-picker-actions\",\n css: datePickerActions,\n window: targetWindow,\n });\n\n // biome-ignore lint/suspicious/noExplicitAny: state and helpers coerced based on selectionVariant\n let stateAndHelpers: any;\n if (selectionVariant === \"range\") {\n stateAndHelpers = useDatePickerContext({\n selectionVariant: \"range\",\n }) as RangeDatePickerState<TDate>;\n } else {\n stateAndHelpers = useDatePickerContext({\n selectionVariant: \"single\",\n }) as SingleDatePickerState<TDate>;\n }\n\n const {\n state: { selectedDate },\n helpers: { cancel, apply, setEnableApply },\n } = stateAndHelpers;\n\n useEffect(() => {\n setEnableApply(true);\n }, [setEnableApply]);\n\n const handleCancel: MouseEventHandler<HTMLButtonElement> = (event) => {\n cancel();\n CancelButtonProps?.onClick?.(event);\n onCancel?.(event);\n };\n\n const handleApply: MouseEventHandler<HTMLButtonElement> = (event) => {\n apply(event, selectedDate);\n onApply?.(event, selectedDate);\n ApplyButtonProps?.onClick?.(event);\n };\n\n return (\n <div className={clsx(className, withBaseName())} ref={ref} {...rest}>\n <div className={withBaseName(\"body\")}>{children}</div>\n <Button\n appearance=\"transparent\"\n sentiment=\"neutral\"\n ref={cancelButtonRef}\n {...CancelButtonProps}\n onClick={handleCancel}\n className={clsx(withBaseName(\"action\"), CancelButtonProps?.className)}\n >\n Cancel\n </Button>\n <Button\n appearance=\"solid\"\n sentiment=\"accented\"\n ref={applyButtonRef}\n {...ApplyButtonProps}\n onClick={handleApply}\n className={clsx(withBaseName(\"action\"), ApplyButtonProps?.className)}\n >\n Apply\n </Button>\n </div>\n );\n});\n"],"names":["datePickerActions"],"mappings":"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"}

package/dist-es/date-picker/DatePickerContext.js CHANGED Viewed

@@ -7,7 +7,9 @@ function useDatePickerContext({
   selectionVariant
 }) {
   if (selectionVariant === "range") {
-    const context2 = useContext(DateRangeSelectionContext);
+    const context2 = useContext(
+      DateRangeSelectionContext
+    );
     if (!context2) {
       throw new Error(
         'useDatePickerSelection should be called with props { selectionVariant : "range" } inside DateRangeSelectionContext.Provider'
@@ -15,7 +17,9 @@ function useDatePickerContext({
     }
     return context2;
   }
-  const context = useContext(SingleDateSelectionContext);
+  const context = useContext(
+    SingleDateSelectionContext
+  );
   if (!context) {
     throw new Error(
       'useDatePickerSelection should be called with props { selectionVariant : "single" } inside SingleDateSelectionContext.Provider'