@vuu-ui/vuu-ui-controls 2.1.18 → 2.1.19-beta.2

package/cjs/cycle-state-button/CycleStateButton.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var cx = require('clsx');
-var React = require('react');
-
-const classBase = "vuuCycleStateButton";
-const getNextValue = (value, valueList) => {
-  const index = valueList.map((v) => v.toUpperCase()).indexOf(value.toUpperCase());
-  if (index === valueList.length - 1) {
-    return valueList[0];
-  } else {
-    return valueList[index + 1];
-  }
-};
-const CycleStateButton = React.forwardRef(function CycleStateButton2({
-  className,
-  onChange,
-  onCommit,
-  value = "",
-  values,
-  ...buttonProps
-}, forwardedRef) {
-  const handleClick = React.useCallback(
-    async (evt) => {
-      const nextValue = getNextValue(value, values);
-      onChange?.(nextValue);
-      onCommit?.(evt, nextValue);
-    },
-    [onChange, onCommit, value, values]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      ...buttonProps,
-      className: cx(
-        classBase,
-        className,
-        `${classBase}-${value.toLowerCase()}`
-      ),
-      onClick: handleClick,
-      ref: forwardedRef,
-      children: value
-    }
-  );
-});
-
-exports.CycleStateButton = CycleStateButton;
-//# sourceMappingURL=CycleStateButton.js.map

package/cjs/cycle-state-button/CycleStateButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CycleStateButton.js","sources":["../../../../packages/vuu-ui-controls/src/cycle-state-button/CycleStateButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport type {\n  VuuColumnDataType,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { ForwardedRef, forwardRef, SyntheticEvent, useCallback } from \"react\";\nimport type { CommitHandler } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuCycleStateButton\";\n\nexport type CycleStateButtonChangeHandler = (value: VuuRowDataItemType) => void;\n\nexport interface CycleStateButtonProps extends Omit<ButtonProps, \"onChange\"> {\n  onChange?: CycleStateButtonChangeHandler;\n  onCommit?: CommitHandler<HTMLButtonElement>;\n  values: string[];\n  value: string;\n}\n\nconst getNextValue = (value: string, valueList: string[]) => {\n  const index = valueList\n    .map((v) => v.toUpperCase())\n    .indexOf(value.toUpperCase());\n  if (index === valueList.length - 1) {\n    return valueList[0];\n  } else {\n    return valueList[index + 1];\n  }\n};\n\nexport const CycleStateButton = forwardRef(function CycleStateButton(\n  {\n    className,\n    onChange,\n    onCommit,\n    value = \"\",\n    values,\n    ...buttonProps\n  }: CycleStateButtonProps,\n  forwardedRef: ForwardedRef<HTMLButtonElement>,\n) {\n  const handleClick = useCallback(\n    async (evt: SyntheticEvent<HTMLButtonElement>) => {\n      const nextValue = getNextValue(value, values);\n      onChange?.(nextValue);\n      onCommit?.(evt, nextValue as VuuColumnDataType);\n    },\n    [onChange, onCommit, value, values],\n  );\n\n  return (\n    <Button\n      {...buttonProps}\n      className={cx(\n        classBase,\n        className,\n        `${classBase}-${value.toLowerCase()}`,\n      )}\n      onClick={handleClick}\n      ref={forwardedRef}\n    >\n      {value}\n    </Button>\n  );\n});\n"],"names":["forwardRef","CycleStateButton","useCallback","jsx","Button"],"mappings":";;;;;;;AASA,MAAM,SAAY,GAAA,qBAAA;AAWlB,MAAM,YAAA,GAAe,CAAC,KAAA,EAAe,SAAwB,KAAA;AAC3D,EAAA,MAAM,KAAQ,GAAA,SAAA,CACX,GAAI,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,WAAY,EAAC,CAC1B,CAAA,OAAA,CAAQ,KAAM,CAAA,WAAA,EAAa,CAAA;AAC9B,EAAI,IAAA,KAAA,KAAU,SAAU,CAAA,MAAA,GAAS,CAAG,EAAA;AAClC,IAAA,OAAO,UAAU,CAAC,CAAA;AAAA,GACb,MAAA;AACL,IAAO,OAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA;AAE9B,CAAA;AAEa,MAAA,gBAAA,GAAmBA,gBAAW,CAAA,SAASC,iBAClD,CAAA;AAAA,EACE,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAQ,GAAA,EAAA;AAAA,EACR,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,OAAO,GAA2C,KAAA;AAChD,MAAM,MAAA,SAAA,GAAY,YAAa,CAAA,KAAA,EAAO,MAAM,CAAA;AAC5C,MAAA,QAAA,GAAW,SAAS,CAAA;AACpB,MAAA,QAAA,GAAW,KAAK,SAA8B,CAAA;AAAA,KAChD;AAAA,IACA,CAAC,QAAA,EAAU,QAAU,EAAA,KAAA,EAAO,MAAM;AAAA,GACpC;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,WAAA;AAAA,MACJ,SAAW,EAAA,EAAA;AAAA,QACT,SAAA;AAAA,QACA,SAAA;AAAA,QACA,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,KAAA,CAAM,aAAa,CAAA;AAAA,OACrC;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,GAAK,EAAA,YAAA;AAAA,MAEJ,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/cjs/date-input/DateInput.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var dateInputCss = "/* Style applied to the root element */\n.saltDateInput {\n  --input-border: none;\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderStyle: var(--salt-editable-borderStyle);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n  --input-borderWidth: var(--salt-size-border);\n\n  align-items: center;\n  background: var(--saltDateInput-background, var(--input-background));\n  border: var(--input-border);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  color: var(--saltDateInput-color, var(--salt-content-primary-foreground));\n  display: inline-flex;\n  gap: var(--salt-spacing-50);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltDateInput-fontSize, var(--salt-text-fontSize));\n  height: var(--saltDateInput-height, var(--salt-size-base));\n  line-height: var(--saltDateInput-lineHeight, var(--salt-text-lineHeight));\n  min-height: var(--saltDateInput-minHeight, var(--salt-size-base));\n  min-width: var(--saltDateInput-minWidth, 4em);\n  padding-left: var(--saltDateInput-paddingLeft, var(--salt-spacing-100));\n  padding-right: var(--saltDateInput-paddingRight, var(--salt-spacing-100));\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.saltDateInput:hover {\n  --input-borderStyle: var(--salt-editable-borderStyle-hover);\n  --input-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--saltDateInput-background-hover, var(--input-background-hover));\n  cursor: var(--salt-editable-cursor-hover);\n}\n\n.saltDateInput:active {\n  --input-borderColor: var(--salt-editable-borderColor-active);\n  --input-borderStyle: var(--salt-editable-borderStyle-active);\n  --input-borderWidth: var(--salt-editable-borderWidth-active);\n\n  background: var(--saltDateInput-background-active, var(--input-background-active));\n  cursor: var(--salt-editable-cursor-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltDateInput-primary {\n  --input-background: var(--salt-editable-primary-background);\n  --input-background-active: var(--salt-editable-primary-background-active);\n  --input-background-hover: var(--salt-editable-primary-background-hover);\n  --input-background-disabled: var(--salt-editable-primary-background-disabled);\n  --input-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltDateInput-secondary {\n  --input-background: var(--salt-editable-secondary-background);\n  --input-background-active: var(--salt-editable-secondary-background-active);\n  --input-background-hover: var(--salt-editable-secondary-background-active);\n  --input-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --input-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltDateInput-error,\n.saltDateInput-error:hover {\n  --input-background: var(--salt-status-error-background);\n  --input-background-active: var(--salt-status-error-background);\n  --input-background-hover: var(--salt-status-error-background);\n  --input-borderColor: var(--salt-status-error-borderColor);\n  --input-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltDateInput-warning,\n.saltDateInput-warning:hover {\n  --input-background: var(--salt-status-warning-background);\n  --input-background-active: var(--salt-status-warning-background);\n  --input-background-hover: var(--salt-status-warning-background);\n  --input-borderColor: var(--salt-status-warning-borderColor);\n  --input-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltDateInput-success,\n.saltDateInput-success:hover {\n  --input-background: var(--salt-status-success-background);\n  --input-background-active: var(--salt-status-success-background);\n  --input-background-hover: var(--salt-status-success-background);\n  --input-borderColor: var(--salt-status-success-borderColor);\n  --input-outlineColor: var(--salt-status-success-borderColor);\n}\n\n/* Style applied to inner input component */\n.saltDateInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltDateInput-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: left;\n  width: min-content;\n}\n\n/* Reset in the  class */\n.saltDateInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltDateInput-input::selection {\n  background: var(--salt-content-foreground-highlight);\n}\n\n/* Style applied to placeholder text */\n.saltDateInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Styling when focused */\n.saltDateInput-focused {\n  --input-borderColor: var(--input-outlineColor);\n  --input-borderWidth: var(--salt-editable-borderWidth-active);\n\n  outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltDateInput.saltDateInput-readOnly {\n  --input-borderColor: var(--salt-editable-borderColor-readonly);\n  --input-borderStyle: var(--salt-editable-borderStyle-readonly);\n  --input-borderWidth: var(--salt-size-border);\n\n  background: var(--input-background-readonly);\n  cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltDateInput-focused.saltDateInput-disabled {\n  --input-borderWidth: var(--salt-size-border);\n  outline: none;\n}\n\n/* Styling when focused if `readOnly={true}` */\n.saltDateInput-focused.saltDateInput-readOnly {\n  --input-borderWidth: var(--salt-size-border);\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltDateInput-disabled .saltDateInput-input::selection {\n  background: none;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltDateInput.saltDateInput-disabled,\n.saltDateInput.saltDateInput-disabled:hover,\n.saltDateInput.saltDateInput-disabled:active {\n  --input-borderColor: var(--salt-editable-borderColor-disabled);\n  --input-borderStyle: var(--salt-editable-borderStyle-disabled);\n  --input-borderWidth: var(--salt-size-border);\n\n  background: var(--input-background-disabled);\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n.saltDateInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--input-borderWidth) var(--input-borderStyle) var(--input-borderColor);\n}\n\n/* Style applied if `bordered={true}` */\n.saltDateInput.saltDateInput-bordered {\n  --input-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--input-borderColor);\n  --input-borderWidth: 0;\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltDateInput-bordered.saltDateInput-focused,\n.saltDateInput-bordered:active {\n  --input-borderWidth: var(--salt-editable-borderWidth-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltDateInput-bordered.saltDateInput-readOnly,\n.saltDateInput-bordered.saltDateInput-disabled:hover {\n  --input-borderWidth: 0;\n}\n\n/* Style applied to end adornments */\n.saltDateInput-endAdornmentContainer {\n  display: inline-flex;\n  padding-left: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n  margin-left: auto;\n  align-items: end;\n}\n\n.saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltDateInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltDateInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: var(--salt-spacing-50);\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n";
-
-module.exports = dateInputCss;
-//# sourceMappingURL=DateInput.css.js.map

package/cjs/date-input/DateInput.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/date-input/DateInput.js

@@ -1,277 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var React = require('react');
-var date = require('@internationalized/date');
-var core = require('@salt-ds/core');
-require('../calendar/Calendar.js');
-require('../calendar/internal/CalendarContext.js');
-require('../calendar/internal/utils.js');
-var useSelection = require('../calendar/useSelection.js');
-var DatePickerContext = require('../date-picker/DatePickerContext.js');
-var DateInput$1 = require('./DateInput.css.js');
-
-const withBaseName = core.makePrefixer("saltDateInput");
-const isInvalidDate = (value) => value && Number.isNaN(new Date(value).getDay());
-const createDate = (date) => {
-  if (!date || isInvalidDate(date)) {
-    return null;
-  }
-  return new Date(date);
-};
-const getIsoDate = (date$1) => {
-  try {
-    return date.parseAbsoluteToLocal(date$1?.toISOString());
-  } catch (err) {
-    return void 0;
-  }
-};
-function getCalendarDate(inputDate) {
-  const date$1 = createDate(inputDate);
-  if (!date$1) return void 0;
-  const isoDate = getIsoDate(date$1);
-  return isoDate && new date.CalendarDate(isoDate.year, isoDate.month, isoDate.day);
-}
-const defaultDateFormatter = (date$1) => {
-  return date$1 ? new date.DateFormatter("EN-GB", {
-    day: "2-digit",
-    month: "short",
-    year: "numeric"
-  }).format(date$1.toDate(date.getLocalTimeZone())) : "";
-};
-const DateInput = React.forwardRef(function DateInput2({
-  className,
-  disabled,
-  "aria-label": ariaLabel,
-  selectionVariant: selectionVariantProp,
-  emptyReadOnlyMarker = "\u2014",
-  inputProps = {},
-  endAdornment,
-  readOnly: readOnlyProp,
-  validationStatus: validationStatusProp,
-  variant = "primary",
-  bordered = false,
-  dateFormatter = defaultDateFormatter,
-  placeholder = "dd mmm yyyy",
-  startInputRef,
-  endInputRef,
-  onSelectionChange,
-  onChange,
-  ...rest
-}, ref) {
-  const wrapperRef = React.useRef(null);
-  const inputRef = core.useForkRef(ref, wrapperRef);
-  const inputStringFormatter = (input) => {
-    const date = getCalendarDate(input);
-    return !input || !date ? input : dateFormatter(date);
-  };
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-dateInput",
-    css: DateInput$1,
-    window: targetWindow
-  });
-  const {
-    selectedDate,
-    setSelectedDate,
-    selectionVariant: pickerSelectionVariant,
-    openState,
-    setOpen
-  } = DatePickerContext.useDatePickerContext();
-  const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;
-  const isRangePicker = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) || selectionVariant === "range";
-  const endDateInputID = core.useId();
-  const startDateInputID = core.useId();
-  const [focused, setFocused] = React.useState(false);
-  const [startDateStringValue, setStartDateStringValue] = React.useState(
-    dateFormatter(
-      useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate?.startDate : selectedDate
-    )
-  );
-  const [endDateStringValue, setEndDateStringValue] = React.useState(
-    dateFormatter(
-      useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate?.endDate : void 0
-    )
-  );
-  const {
-    a11yProps: {
-      "aria-describedby": formFieldDescribedBy,
-      "aria-labelledby": formFieldLabelledBy
-    } = {},
-    disabled: formFieldDisabled,
-    readOnly: formFieldReadOnly,
-    necessity: formFieldRequired,
-    validationStatus: formFieldValidationStatus
-  } = core.useFormFieldProps();
-  const isReadOnly = readOnlyProp || formFieldReadOnly;
-  const isDisabled = disabled || formFieldDisabled;
-  const validationStatus = formFieldValidationStatus ?? validationStatusProp;
-  const {
-    "aria-describedby": dateInputDescribedBy,
-    "aria-labelledby": dateInputLabelledBy,
-    onBlur,
-    onKeyDown,
-    onFocus,
-    required: dateInputPropsRequired,
-    ...restDateInputProps
-  } = inputProps;
-  React.useEffect(() => {
-    if (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate)) {
-      selectedDate?.startDate && setStartDateStringValue(dateFormatter(selectedDate?.startDate));
-      selectedDate?.endDate && setEndDateStringValue(dateFormatter(selectedDate?.endDate));
-    } else {
-      setStartDateStringValue(dateFormatter(selectedDate));
-    }
-  }, [selectedDate, dateFormatter]);
-  const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
-  const updateStartDate = (event, dateString) => {
-    const inputDate = inputStringFormatter(dateString);
-    const calendarDate = getCalendarDate(inputDate);
-    const newSelectedDate = isRangePicker ? { ...selectedDate, startDate: calendarDate } : calendarDate;
-    setSelectedDate(newSelectedDate);
-    onSelectionChange?.(event, newSelectedDate);
-  };
-  const updateEndDate = (event, dateString) => {
-    const inputDate = inputStringFormatter(dateString);
-    const calendarDate = getCalendarDate(inputDate);
-    const newSelectedDate = { ...selectedDate, endDate: calendarDate };
-    setSelectedDate(newSelectedDate);
-    onSelectionChange?.(event, newSelectedDate);
-  };
-  const handleFocus = (event) => {
-    onFocus?.(event);
-    setFocused(true);
-  };
-  const handleStartDateBlur = (event) => {
-    updateStartDate(event, event.target.value);
-    setFocused(false);
-  };
-  const handleStartDateChange = (event) => {
-    const newStartValue = event.target.value;
-    setStartDateStringValue(newStartValue);
-    onChange?.(event, newStartValue, endDateStringValue);
-  };
-  const handleStartDateKeyDown = (event) => {
-    if (event.key === "Enter") {
-      updateStartDate(event, startDateStringValue);
-      setOpen(false);
-    }
-    if (event.key === "Tab" && event.shiftKey && openState) {
-      setOpen(false);
-    }
-  };
-  const handleEndDateBlur = (event) => {
-    updateEndDate(event, event.target.value);
-    setFocused(false);
-  };
-  const handleEndDateChange = (event) => {
-    const newEndValue = event.target.value;
-    setEndDateStringValue(newEndValue);
-    onChange?.(event, startDateStringValue, newEndValue);
-  };
-  const handleEndDateKeyDown = (event) => {
-    if (event.key === "Enter") {
-      updateEndDate(event, endDateStringValue);
-      setOpen(false);
-    }
-  };
-  const handleInputClick = (event) => {
-    if (event.target === wrapperRef.current) {
-      startInputRef?.current?.focus();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cx.clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("focused")]: !isDisabled && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus ?? "")]: validationStatus,
-          [withBaseName("bordered")]: bordered
-        },
-        className
-      ),
-      onClick: (event) => handleInputClick(event),
-      onKeyDown,
-      onBlur,
-      ref: inputRef,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            autoComplete: "off",
-            "aria-describedby": cx.clsx(formFieldDescribedBy, dateInputDescribedBy),
-            "aria-labelledby": cx.clsx(
-              formFieldLabelledBy,
-              dateInputLabelledBy,
-              startDateInputID
-            ),
-            "aria-label": cx.clsx("Start date", ariaLabel),
-            id: startDateInputID,
-            className: withBaseName("input"),
-            disabled: isDisabled,
-            readOnly: isReadOnly,
-            ref: startInputRef,
-            tabIndex: isDisabled ? -1 : 0,
-            onBlur: handleStartDateBlur,
-            onChange: handleStartDateChange,
-            onKeyDown: handleStartDateKeyDown,
-            onFocus: !isDisabled ? handleFocus : void 0,
-            placeholder,
-            size: placeholder.length,
-            value: isReadOnly && !startDateStringValue ? emptyReadOnlyMarker : startDateStringValue,
-            ...restDateInputProps,
-            required: isRequired
-          }
-        ),
-        selectionVariant === "range" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              autoComplete: "off",
-              "aria-describedby": cx.clsx(formFieldDescribedBy, dateInputDescribedBy),
-              "aria-labelledby": cx.clsx(
-                formFieldLabelledBy,
-                dateInputLabelledBy,
-                endDateInputID
-              ),
-              "aria-label": cx.clsx("End date", ariaLabel),
-              id: endDateInputID,
-              className: withBaseName("input"),
-              disabled: isDisabled,
-              readOnly: isReadOnly,
-              ref: endInputRef,
-              tabIndex: isDisabled ? -1 : 0,
-              onBlur: handleEndDateBlur,
-              onChange: handleEndDateChange,
-              onKeyDown: handleEndDateKeyDown,
-              onFocus: !isDisabled ? handleFocus : void 0,
-              placeholder,
-              size: placeholder.length,
-              value: isReadOnly && !endDateStringValue ? emptyReadOnlyMarker : endDateStringValue,
-              required: isRequired,
-              ...restDateInputProps
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
-          !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsxRuntime.jsx(core.StatusAdornment, { status: validationStatus }),
-          endAdornment
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("activationIndicator") })
-      ]
-    }
-  );
-});
-
-exports.DateInput = DateInput;
-//# sourceMappingURL=DateInput.js.map

package/cjs/date-input/DateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.js","sources":["../../../../packages/vuu-ui-controls/src/date-input/DateInput.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n  type SyntheticEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport {\n  StatusAdornment,\n  makePrefixer,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  type RangeSelectionValueType,\n  type SingleSelectionValueType,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && Number.isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps<SelectionVariantType>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\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](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\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   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement | null>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement | null>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType,\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: SelectionVariantType extends SingleSelectionValueType\n    ? (\n        event: ChangeEvent<HTMLInputElement>,\n        selectedDateInputValue?: string,\n      ) => void\n    : (\n        event: ChangeEvent<HTMLInputElement>,\n        startDateInputValue?: string,\n        endDateInputValue?: string,\n      ) => void;\n}\n\nexport const DateInput = forwardRef<\n  HTMLDivElement,\n  DateInputProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DateInput(\n  {\n    className,\n    disabled,\n    \"aria-label\": ariaLabel,\n    selectionVariant: selectionVariantProp,\n    emptyReadOnlyMarker = \"—\",\n    inputProps = {},\n    endAdornment,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    variant = \"primary\",\n    bordered = false,\n    dateFormatter = defaultDateFormatter,\n    placeholder = \"dd mmm yyyy\",\n    startInputRef,\n    endInputRef,\n    onSelectionChange,\n    onChange,\n    ...rest\n  },\n  ref,\n) {\n  const wrapperRef = useRef(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const inputStringFormatter = (input: string): string => {\n    const date = getCalendarDate(input);\n    return !input || !date ? input : dateFormatter(date);\n  };\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dateInput\",\n    css: dateInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    selectedDate,\n    setSelectedDate,\n    selectionVariant: pickerSelectionVariant,\n    openState,\n    setOpen,\n  } = useDatePickerContext();\n\n  const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n  const isRangePicker =\n    isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n    selectionVariant === \"range\";\n\n  const endDateInputID = useId();\n  const startDateInputID = useId();\n\n  const [focused, setFocused] = useState(false);\n  const [startDateStringValue, setStartDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.startDate\n        : selectedDate,\n    ),\n  );\n  const [endDateStringValue, setEndDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.endDate\n        : undefined,\n    ),\n  );\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,\n    onKeyDown,\n    onFocus,\n    required: dateInputPropsRequired,\n    ...restDateInputProps\n  } = inputProps;\n\n  // Update date strings when dates change\n  useEffect(() => {\n    if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {\n      selectedDate?.startDate &&\n        setStartDateStringValue(dateFormatter(selectedDate?.startDate));\n      selectedDate?.endDate &&\n        setEndDateStringValue(dateFormatter(selectedDate?.endDate));\n    } else {\n      setStartDateStringValue(dateFormatter(selectedDate));\n    }\n  }, [selectedDate, dateFormatter]);\n\n  const isRequired = formFieldRequired\n    ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n    : dateInputPropsRequired;\n  const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = isRangePicker\n      ? { ...selectedDate, startDate: calendarDate }\n      : calendarDate;\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = { ...selectedDate, endDate: calendarDate };\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  // Handlers\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFocused(true);\n  };\n  const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateStartDate(event, event.target.value);\n    setFocused(false);\n  };\n\n  const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newStartValue = event.target.value;\n    setStartDateStringValue(newStartValue);\n    onChange?.(event, newStartValue, endDateStringValue);\n  };\n\n  const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateStartDate(event, startDateStringValue);\n      setOpen(false);\n    }\n    if (event.key === \"Tab\" && event.shiftKey && openState) {\n      setOpen(false);\n    }\n  };\n\n  const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateEndDate(event, event.target.value);\n    setFocused(false);\n  };\n  const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newEndValue = event.target.value;\n    setEndDateStringValue(newEndValue);\n    onChange?.(event, startDateStringValue, newEndValue);\n  };\n  const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateEndDate(event, endDateStringValue);\n      setOpen(false);\n    }\n  };\n\n  const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n    if (event.target === wrapperRef.current) {\n      startInputRef?.current?.focus();\n    }\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      onClick={(event) => handleInputClick(event)}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      ref={inputRef}\n      {...rest}\n    >\n      <input\n        autoComplete=\"off\"\n        aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n        aria-labelledby={clsx(\n          formFieldLabelledBy,\n          dateInputLabelledBy,\n          startDateInputID,\n        )}\n        aria-label={clsx(\"Start date\", ariaLabel)}\n        id={startDateInputID}\n        className={withBaseName(\"input\")}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        ref={startInputRef}\n        tabIndex={isDisabled ? -1 : 0}\n        onBlur={handleStartDateBlur}\n        onChange={handleStartDateChange}\n        onKeyDown={handleStartDateKeyDown}\n        onFocus={!isDisabled ? handleFocus : undefined}\n        placeholder={placeholder}\n        size={placeholder.length}\n        value={\n          isReadOnly && !startDateStringValue\n            ? emptyReadOnlyMarker\n            : startDateStringValue\n        }\n        {...restDateInputProps}\n        required={isRequired}\n      />\n      {selectionVariant === \"range\" && (\n        <>\n          <span>-</span>\n          <input\n            autoComplete=\"off\"\n            aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n            aria-labelledby={clsx(\n              formFieldLabelledBy,\n              dateInputLabelledBy,\n              endDateInputID,\n            )}\n            aria-label={clsx(\"End date\", ariaLabel)}\n            id={endDateInputID}\n            className={withBaseName(\"input\")}\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            ref={endInputRef}\n            tabIndex={isDisabled ? -1 : 0}\n            onBlur={handleEndDateBlur}\n            onChange={handleEndDateChange}\n            onKeyDown={handleEndDateKeyDown}\n            onFocus={!isDisabled ? handleFocus : undefined}\n            placeholder={placeholder}\n            size={placeholder.length}\n            value={\n              isReadOnly && !endDateStringValue\n                ? emptyReadOnlyMarker\n                : endDateStringValue\n            }\n            required={isRequired}\n            {...restDateInputProps}\n          />\n        </>\n      )}\n      {\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n      }\n      <div className={withBaseName(\"activationIndicator\")} />\n    </div>\n  );\n});\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","isRangeOrOffsetSelectionWithStartDate","useId","useState","useFormFieldProps","useEffect","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":"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"}

package/cjs/date-picker/DatePicker.js

@@ -1,169 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('clsx');
-var React = require('react');
-var react = require('@floating-ui/react');
-var date = require('@internationalized/date');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-require('../calendar/Calendar.js');
-require('../calendar/internal/CalendarContext.js');
-require('../calendar/internal/utils.js');
-var useSelection = require('../calendar/useSelection.js');
-var DateInput = require('../date-input/DateInput.js');
-var DatePickerContext = require('./DatePickerContext.js');
-var DatePickerPanel = require('./DatePickerPanel.js');
-
-const withBaseName = core.makePrefixer("saltDatePicker");
-const DatePicker = React.forwardRef(function DatePicker2({
-  selectionVariant = "default",
-  disabled = false,
-  placeholder = "dd mmm yyyy",
-  selectedDate: selectedDateProp,
-  defaultSelectedDate,
-  dateFormatter,
-  CalendarProps,
-  className,
-  id: idProp,
-  open: openProp,
-  defaultOpen,
-  onOpenChange: onOpenChangeProp,
-  helperText,
-  readOnly: readOnlyProp,
-  validationStatus,
-  onSelectionChange,
-  onChange,
-  visibleMonths = 2,
-  bordered,
-  ...rest
-}, ref) {
-  const [open, setOpen] = core.useControlled({
-    controlled: openProp,
-    default: Boolean(defaultOpen),
-    name: "openPanel",
-    state: "openPanel"
-  });
-  const [selectedDate, setSelectedDate] = core.useControlled({
-    controlled: selectedDateProp,
-    default: defaultSelectedDate,
-    name: "Calendar",
-    state: "selectedDate"
-  });
-  const id = core.useId(idProp);
-  const [startVisibleMonth, setStartVisibleMonth] = React.useState(
-    (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate?.startDate : selectedDate) ?? date.today(date.getLocalTimeZone())
-  );
-  const [endVisibleMonth, setEndVisibleMonth] = React.useState(
-    (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate.startDate?.add({ months: 1 }) : selectedDate) ?? date.today(date.getLocalTimeZone()).add({ months: 1 })
-  );
-  const onOpenChange = (newState) => {
-    setOpen(newState);
-    startInputRef?.current?.focus();
-    onOpenChangeProp?.(newState);
-  };
-  const { x, y, strategy, elements, floating, reference, context } = core.useFloatingUI({
-    open,
-    onOpenChange,
-    placement: "bottom-start",
-    middleware: [react.offset(1), react.flip({ fallbackStrategy: "initialPlacement" })]
-  });
-  const { getReferenceProps, getFloatingProps } = react.useInteractions([
-    react.useDismiss(context)
-  ]);
-  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = core.useFormFieldProps();
-  const isReadOnly = readOnlyProp || formFieldReadOnly;
-  const getPanelPosition = () => ({
-    top: y ?? 0,
-    left: x ?? 0,
-    position: strategy,
-    width: elements.floating?.offsetWidth,
-    height: elements.floating?.offsetHeight
-  });
-  const panelRef = React.useRef(null);
-  const startInputRef = React.useRef(null);
-  const endInputRef = React.useRef(null);
-  const inputRef = core.useForkRef(ref, reference);
-  const floatingRef = core.useForkRef(panelRef, floating);
-  const handleSelect = (event, selectedDate2) => {
-    if (selectionVariant === "default" && selectedDate2) {
-      startInputRef?.current?.focus();
-    }
-    if (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate2) && selectedDate2.endDate) {
-      endInputRef?.current?.focus();
-    }
-    onSelectionChange?.(event, selectedDate2);
-  };
-  const handleCalendarButton = () => {
-    startInputRef?.current?.focus();
-    const newState = !open;
-    setOpen(newState);
-    onOpenChangeProp?.(newState);
-  };
-  const datePickerContextValue = {
-    openState: open,
-    setOpen,
-    disabled,
-    selectedDate,
-    setSelectedDate,
-    defaultSelectedDate,
-    startVisibleMonth,
-    setStartVisibleMonth,
-    endVisibleMonth,
-    setEndVisibleMonth,
-    selectionVariant,
-    context,
-    getPanelPosition
-  };
-  const calendarId = `${id}-calendar`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(DatePickerContext.DatePickerContext.Provider, { value: datePickerContextValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DateInput.DateInput,
-      {
-        "aria-owns": calendarId,
-        validationStatus,
-        bordered,
-        className: cx.clsx(withBaseName(), className),
-        id,
-        ref: inputRef,
-        ...getReferenceProps(),
-        startInputRef,
-        endInputRef,
-        placeholder,
-        dateFormatter,
-        readOnly: isReadOnly,
-        onSelectionChange,
-        onChange,
-        endAdornment: /* @__PURE__ */ jsxRuntime.jsx(
-          core.Button,
-          {
-            variant: "secondary",
-            onClick: handleCalendarButton,
-            disabled: disabled || isReadOnly || formFieldDisabled,
-            "aria-label": "Open Calendar",
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarIcon, { "aria-hidden": true })
-          }
-        ),
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DatePickerPanel.DatePickerPanel,
-      {
-        ref: floatingRef,
-        ...getFloatingProps(),
-        onSelect: handleSelect,
-        CalendarProps: {
-          ...CalendarProps,
-          borderedDropdown: bordered,
-          id: calendarId
-        },
-        helperText,
-        visibleMonths
-      }
-    )
-  ] });
-});
-
-exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker.js.map

package/cjs/date-picker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../packages/vuu-ui-controls/src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type SyntheticEvent,\n  forwardRef,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { flip, offset, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport {\n  type DateValue,\n  getLocalTimeZone,\n  today,\n} from \"@internationalized/date\";\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  type CalendarProps,\n  type RangeSelectionValueType,\n  type SingleSelectionValueType,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { DateInput, type DateInputProps } from \"../date-input\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps<SelectionVariantType>\n  extends DateInputProps<SelectionVariantType> {\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: SelectionVariantType;\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?: SelectionVariantType;\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * The default open value. Use when the component is not controlled.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType,\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: SelectionVariantType extends SingleSelectionValueType\n    ? (\n        event: ChangeEvent<HTMLInputElement>,\n        selectedDateInputValue?: string,\n      ) => void\n    : (\n        event: ChangeEvent<HTMLInputElement>,\n        startDateInputValue?: string,\n        endDateInputValue?: string,\n      ) => void;\n  /**\n   * Number of Calendars to be shown if selectionVariant is range.\n   * 2 is the default value.\n   */\n  visibleMonths?: 1 | 2;\n}\n\nexport const DatePicker = forwardRef<\n  HTMLDivElement,\n  DatePickerProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DatePicker(\n  {\n    selectionVariant = \"default\",\n    disabled = false,\n    placeholder = \"dd mmm yyyy\",\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    dateFormatter,\n    CalendarProps,\n    className,\n    id: idProp,\n    open: openProp,\n    defaultOpen,\n    onOpenChange: onOpenChangeProp,\n    helperText,\n    readOnly: readOnlyProp,\n    validationStatus,\n    onSelectionChange,\n    onChange,\n    visibleMonths = 2,\n    bordered,\n    ...rest\n  },\n  ref,\n) {\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: Boolean(defaultOpen),\n    name: \"openPanel\",\n    state: \"openPanel\",\n  });\n\n  const [selectedDate, setSelectedDate] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const id = useId(idProp);\n\n  const [startVisibleMonth, setStartVisibleMonth] = useState<\n    DateValue | undefined\n  >(\n    (isRangeOrOffsetSelectionWithStartDate(selectedDate)\n      ? selectedDate?.startDate\n      : selectedDate) ?? today(getLocalTimeZone()),\n  );\n\n  const [endVisibleMonth, setEndVisibleMonth] = useState<DateValue | undefined>(\n    (isRangeOrOffsetSelectionWithStartDate(selectedDate)\n      ? selectedDate.startDate?.add({ months: 1 })\n      : selectedDate) ?? today(getLocalTimeZone()).add({ months: 1 }),\n  );\n\n  const onOpenChange = (newState: boolean) => {\n    setOpen(newState);\n    startInputRef?.current?.focus();\n    onOpenChangeProp?.(newState);\n  };\n\n  const { x, y, strategy, elements, floating, reference, context } =\n    useFloatingUI({\n      open: open,\n      onOpenChange: onOpenChange,\n      placement: \"bottom-start\",\n      middleware: [offset(1), flip({ fallbackStrategy: \"initialPlacement\" })],\n    });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useDismiss(context),\n  ]);\n  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n    useFormFieldProps();\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n  const getPanelPosition = () => ({\n    top: y ?? 0,\n    left: x ?? 0,\n    position: strategy,\n    width: elements.floating?.offsetWidth,\n    height: elements.floating?.offsetHeight,\n  });\n\n  const panelRef = useRef<HTMLDivElement>(null);\n  const startInputRef = useRef<HTMLInputElement>(null);\n  const endInputRef = useRef<HTMLInputElement>(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n  const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n  // Handlers\n  const handleSelect = (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue },\n  ) => {\n    if (selectionVariant === \"default\" && selectedDate) {\n      startInputRef?.current?.focus();\n    }\n\n    if (\n      isRangeOrOffsetSelectionWithStartDate(selectedDate) &&\n      selectedDate.endDate\n    ) {\n      endInputRef?.current?.focus();\n    }\n    onSelectionChange?.(event, selectedDate);\n  };\n  const handleCalendarButton = () => {\n    startInputRef?.current?.focus();\n    const newState = !open;\n    setOpen(newState);\n    onOpenChangeProp?.(newState);\n  };\n\n  // Context\n  const datePickerContextValue = {\n    openState: open,\n    setOpen,\n    disabled,\n    selectedDate,\n    setSelectedDate,\n    defaultSelectedDate,\n    startVisibleMonth,\n    setStartVisibleMonth,\n    endVisibleMonth,\n    setEndVisibleMonth,\n    selectionVariant,\n    context,\n    getPanelPosition,\n  };\n\n  const calendarId = `${id}-calendar`;\n\n  return (\n    <DatePickerContext.Provider value={datePickerContextValue}>\n      <DateInput\n        aria-owns={calendarId}\n        validationStatus={validationStatus}\n        bordered={bordered}\n        className={clsx(withBaseName(), className)}\n        id={id}\n        ref={inputRef}\n        {...getReferenceProps()}\n        startInputRef={startInputRef}\n        endInputRef={endInputRef}\n        placeholder={placeholder}\n        dateFormatter={dateFormatter}\n        readOnly={isReadOnly}\n        onSelectionChange={onSelectionChange}\n        onChange={onChange}\n        endAdornment={\n          <Button\n            variant=\"secondary\"\n            onClick={handleCalendarButton}\n            disabled={disabled || isReadOnly || formFieldDisabled}\n            aria-label=\"Open Calendar\"\n          >\n            <CalendarIcon aria-hidden />\n          </Button>\n        }\n        {...rest}\n      />\n      <DatePickerPanel\n        ref={floatingRef}\n        {...getFloatingProps()}\n        onSelect={handleSelect}\n        CalendarProps={{\n          ...CalendarProps,\n          borderedDropdown: bordered,\n          id: calendarId,\n        }}\n        helperText={helperText}\n        visibleMonths={visibleMonths}\n      />\n    </DatePickerContext.Provider>\n  );\n});\n"],"names":["makePrefixer","forwardRef","DatePicker","useControlled","useId","useState","isRangeOrOffsetSelectionWithStartDate","today","getLocalTimeZone","useFloatingUI","offset","flip","useInteractions","useDismiss","useFormFieldProps","useRef","useForkRef","selectedDate","jsxs","DatePickerContext","jsx","DateInput","clsx","Button","CalendarIcon","DatePickerPanel"],"mappings":"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"}

package/cjs/date-picker/DatePickerContext.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-const DatePickerContext = core.createContext("DatePickerContext", {
-  openState: false,
-  setOpen: () => void 0,
-  disabled: false,
-  selectedDate: void 0,
-  defaultSelectedDate: void 0,
-  setSelectedDate: () => void 0,
-  startVisibleMonth: void 0,
-  setStartVisibleMonth: () => void 0,
-  endVisibleMonth: void 0,
-  setEndVisibleMonth: () => void 0,
-  selectionVariant: "default",
-  getPanelPosition: () => ({})
-});
-function useDatePickerContext() {
-  return React.useContext(DatePickerContext);
-}
-
-exports.DatePickerContext = DatePickerContext;
-exports.useDatePickerContext = useDatePickerContext;
-//# sourceMappingURL=DatePickerContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../../../../packages/vuu-ui-controls/src/date-picker/DatePickerContext.ts"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { type UseFloatingUIReturn, createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport type {\n  RangeSelectionValueType,\n  SingleSelectionValueType,\n} from \"../calendar\";\n\nexport interface DatePickerContextValue<SelectionVariantType>\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //\n  selectedDate: SelectionVariantType | undefined;\n  defaultSelectedDate: SelectionVariantType | undefined;\n  setSelectedDate: (newStartDate: SelectionVariantType | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<\n  DatePickerContextValue<SingleSelectionValueType | RangeSelectionValueType>\n>(\"DatePickerContext\", {\n  openState: false,\n  setOpen: () => undefined,\n  disabled: false,\n  selectedDate: undefined,\n  defaultSelectedDate: undefined,\n  setSelectedDate: () => undefined,\n  startVisibleMonth: undefined,\n  setStartVisibleMonth: () => undefined,\n  endVisibleMonth: undefined,\n  setEndVisibleMonth: () => undefined,\n  selectionVariant: \"default\",\n  getPanelPosition: () => ({}),\n});\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AAyBa,MAAA,iBAAA,GAAoBA,mBAE/B,mBAAqB,EAAA;AAAA,EACrB,SAAW,EAAA,KAAA;AAAA,EACX,SAAS,MAAM,KAAA,CAAA;AAAA,EACf,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA,CAAA;AAAA,EACd,mBAAqB,EAAA,KAAA,CAAA;AAAA,EACrB,iBAAiB,MAAM,KAAA,CAAA;AAAA,EACvB,iBAAmB,EAAA,KAAA,CAAA;AAAA,EACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,EAC5B,eAAiB,EAAA,KAAA,CAAA;AAAA,EACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,EAC1B,gBAAkB,EAAA,SAAA;AAAA,EAClB,gBAAA,EAAkB,OAAO,EAAC;AAC5B,CAAC;AAEM,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA;AACrC;;;;;"}

package/cjs/date-picker/DatePickerPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var dateInputPanelCss = ".saltDatePickerPanel {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  position: relative;\n  z-index: var(--salt-zIndex-flyover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  display: flex;\n  border-radius: var(--salt-palette-corner, 0);\n}\n\n.saltDatePickerPanel-container {\n  width: min-content;\n  gap: 1px;\n}\n\n.saltDatePickerPanel-header {\n  padding: var(--salt-spacing-100);\n}\n";
-
-module.exports = dateInputPanelCss;
-//# sourceMappingURL=DatePickerPanel.css.js.map