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

package/cjs/vuu-date-picker/VuuDatePicker.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var React = require('react');
+var date = require('@internationalized/date');
+var cx = require('clsx');
+var DatePicker = require('../date-picker/DatePicker.js');
+
+const classBase = "VuuDatePicker";
+const isSameDate = (d1, d2) => d2 !== void 0 && date.isSameDay(d1, d2) && date.isSameMonth(d1, d2) && date.isSameYear(d1, d2);
+const datePattern = /^\d{1,2} [a-z]{3} \d{4}$/i;
+const isValidDate = (value) => value !== void 0 && value?.match(datePattern) !== null && !Number.isNaN(new Date(value).getDay());
+const localTimeZone = date.getLocalTimeZone();
+const toEpochMillis = (date$1, timezone = date.getLocalTimeZone()) => date$1.toDate(timezone).getTime();
+const getDates = (selectedDate) => {
+  if (selectedDate) {
+    return {
+      datePickerKey: "controlled",
+      defaultDate: void 0,
+      selectedDate
+    };
+  } else {
+    return {
+      datePickerKey: "uncontrolled",
+      defaultDate: void 0,
+      selectedDate
+    };
+  }
+};
+const VuuDatePicker = ({
+  className,
+  onSelectionChange,
+  selectedDate: selectedDateProp,
+  onCommit,
+  preserveFocusOnSelect,
+  ...props
+}) => {
+  const [open, _setOpen] = React.useState(false);
+  const valueRef = React.useRef("");
+  const datePickerRef = React.useRef(null);
+  const dateState = React.useRef(getDates(selectedDateProp));
+  const setOpen = (o) => {
+    console.log(`setOpen ${o}`);
+    _setOpen(o);
+  };
+  const commitDateChange = React.useCallback(
+    (e, date) => {
+      onSelectionChange?.(e, date);
+      setOpen(false);
+      onCommit?.(
+        e,
+        toEpochMillis(date, localTimeZone)
+      );
+      if (preserveFocusOnSelect) {
+        requestAnimationFrame(() => {
+          datePickerRef.current?.querySelector("input")?.focus();
+        });
+      }
+    },
+    [onCommit, onSelectionChange, preserveFocusOnSelect]
+  );
+  const handleSelectionChange = React.useCallback(
+    (e, date) => {
+      const { selectedDate: selectedDate2 } = dateState.current;
+      if (date) {
+        if (selectedDate2 === void 0) {
+          dateState.current = getDates(date);
+          commitDateChange(e, date);
+        } else if (!isSameDate(date, selectedDate2)) {
+          dateState.current.selectedDate = date;
+          commitDateChange(e, date);
+        }
+      }
+    },
+    [commitDateChange]
+  );
+  const handleChange = (evt, value = "") => {
+    console.log(`handleChange`, {
+      evt,
+      value
+    });
+    valueRef.current = value;
+    console.log(`is '${value}' a valid date ? ${isValidDate(value)}`);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      setOpen(true);
+    }
+  };
+  const handleKeyDownCapture = (e) => {
+    if (e.key === "Enter") {
+      if (isValidDate(valueRef.current)) {
+        console.log(`committayaface (${valueRef.current})`);
+      } else {
+        console.log(
+          `nice try cowboy, but '${valueRef.current}' is nota valid date`
+        );
+        e.stopPropagation();
+      }
+    }
+  };
+  const { datePickerKey, defaultDate, selectedDate } = dateState.current;
+  return /* @__PURE__ */ React.createElement(
+    DatePicker.DatePicker,
+    {
+      ...props,
+      className: cx(classBase, className),
+      defaultSelectedDate: defaultDate,
+      key: datePickerKey,
+      open,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      onKeyDownCapture: handleKeyDownCapture,
+      onOpenChange: setOpen,
+      ref: datePickerRef,
+      onSelectionChange: (e, date) => handleSelectionChange(e, date),
+      selectedDate
+    }
+  );
+};
+
+exports.VuuDatePicker = VuuDatePicker;
+//# sourceMappingURL=VuuDatePicker.js.map

package/cjs/vuu-date-picker/VuuDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuuDatePicker.js","sources":["../../../../packages/vuu-ui-controls/src/vuu-date-picker/VuuDatePicker.tsx"],"sourcesContent":["import { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport {\n  DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n} from \"@internationalized/date\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { SingleSelectionValueType } from \"../calendar\";\nimport { DatePicker, DatePickerProps } from \"../date-picker\";\n\nconst classBase = \"VuuDatePicker\";\n\nconst isSameDate = (d1: DateValue, d2?: DateValue) =>\n  d2 !== undefined &&\n  isSameDay(d1, d2) &&\n  isSameMonth(d1, d2) &&\n  isSameYear(d1, d2);\n\nconst datePattern = /^\\d{1,2} [a-z]{3} \\d{4}$/i;\nconst isValidDate = (value?: string) =>\n  value !== undefined &&\n  value?.match(datePattern) !== null &&\n  !Number.isNaN(new Date(value).getDay());\n\nconst localTimeZone = getLocalTimeZone();\n\nconst toEpochMillis = (\n  date: DateValue,\n  timezone: string = getLocalTimeZone(),\n): number => date.toDate(timezone).getTime();\n\ntype DateState =\n  | {\n      datePickerKey: \"controlled\";\n      defaultDate: undefined;\n      selectedDate: DateValue;\n    }\n  | {\n      datePickerKey: \"uncontrolled\";\n      defaultDate: DateValue | undefined;\n      selectedDate: undefined;\n    };\n\nconst getDates = (selectedDate: DateValue | undefined): DateState => {\n  if (selectedDate) {\n    return {\n      datePickerKey: \"controlled\",\n      defaultDate: undefined,\n      selectedDate,\n    };\n  } else {\n    return {\n      datePickerKey: \"uncontrolled\",\n      defaultDate: undefined,\n      selectedDate,\n    };\n  }\n};\n\nexport const VuuDatePicker = ({\n  className,\n  onSelectionChange,\n  selectedDate: selectedDateProp,\n  onCommit,\n  preserveFocusOnSelect,\n  ...props\n}: Omit<DatePickerProps<SingleSelectionValueType>, \"defaultSelectedDate\"> & {\n  onCommit?: CommitHandler<HTMLElement, number>;\n  preserveFocusOnSelect?: boolean;\n}) => {\n  const [open, _setOpen] = useState(false);\n  const valueRef = useRef(\"\");\n  const datePickerRef = useRef<HTMLDivElement>(null);\n\n  const dateState = useRef<DateState>(getDates(selectedDateProp));\n\n  const setOpen = (o: boolean) => {\n    console.log(`setOpen ${o}`);\n    _setOpen(o);\n  };\n\n  const commitDateChange = useCallback(\n    (e: SyntheticEvent<Element>, date: DateValue) => {\n      onSelectionChange?.(e, date);\n      setOpen(false);\n      onCommit?.(\n        e as SyntheticEvent<HTMLElement>,\n        toEpochMillis(date, localTimeZone),\n      );\n\n      if (preserveFocusOnSelect) {\n        requestAnimationFrame(() => {\n          datePickerRef.current?.querySelector(\"input\")?.focus();\n        });\n      }\n    },\n    [onCommit, onSelectionChange, preserveFocusOnSelect],\n  );\n\n  const handleSelectionChange = useCallback(\n    (e: SyntheticEvent<Element>, date: DateValue) => {\n      const { selectedDate } = dateState.current;\n      // id date is undefined, we're openung the picker on an empty field\n      if (date) {\n        if (selectedDate === undefined) {\n          dateState.current = getDates(date);\n          commitDateChange(e, date);\n        } else if (!isSameDate(date, selectedDate)) {\n          dateState.current.selectedDate = date;\n          commitDateChange(e, date);\n        }\n      }\n    },\n    [commitDateChange],\n  );\n\n  const handleChange = (evt: ChangeEvent<HTMLInputElement>, value = \"\") => {\n    console.log(`handleChange`, {\n      evt,\n      value,\n    });\n    valueRef.current = value;\n    console.log(`is '${value}' a valid date ? ${isValidDate(value)}`);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\") {\n      setOpen(true);\n    }\n  };\n\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\") {\n      if (isValidDate(valueRef.current)) {\n        console.log(`committayaface (${valueRef.current})`);\n      } else {\n        console.log(\n          `nice try cowboy, but '${valueRef.current}' is nota valid date`,\n        );\n        e.stopPropagation();\n      }\n    }\n  };\n\n  const { datePickerKey, defaultDate, selectedDate } = dateState.current;\n\n  return (\n    <DatePicker\n      {...props}\n      className={cx(classBase, className)}\n      defaultSelectedDate={defaultDate}\n      key={datePickerKey}\n      open={open}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onKeyDownCapture={handleKeyDownCapture}\n      onOpenChange={setOpen}\n      ref={datePickerRef}\n      onSelectionChange={(e, date) =>\n        handleSelectionChange(e, date as DateValue)\n      }\n      selectedDate={selectedDate}\n    />\n  );\n};\n"],"names":["isSameDay","isSameMonth","isSameYear","getLocalTimeZone","date","useState","useRef","useCallback","selectedDate","createElement","DatePicker"],"mappings":"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"}

package/cjs/vuu-input/VuuInput.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var vuuInputCss = ".vuuInput {\n  --vuu-icon-size: 16px;\n}\n\n.vuuInput-errorIcon:after {\n  --vuu-icon-color: var(--salt-status-error-background);\n  cursor: pointer;\n}\n";
+
+module.exports = vuuInputCss;
+//# sourceMappingURL=VuuInput.css.js.map

package/cjs/vuu-input/VuuInput.css.js.map

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

package/cjs/vuu-input/VuuInput.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var cx = require('clsx');
+var React = require('react');
+var VuuInput$1 = require('./VuuInput.css.js');
+
+const classBase = "vuuInput";
+const VuuInput = React.forwardRef(function VuuInput2({
+  className,
+  commitOnBlur = true,
+  commitWhenCleared = false,
+  errorMessage,
+  id: idProp,
+  onCommit,
+  onKeyDown,
+  type,
+  ...props
+}, forwardedRef) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-input",
+    css: VuuInput$1,
+    window: targetWindow
+  });
+  const id = vuuUtils.useId(idProp);
+  const commitValue = React.useCallback(
+    (evt, value) => {
+      if (type === "number") {
+        const numericValue = parseFloat(value);
+        if (vuuUtils.isValidNumber(numericValue)) {
+          onCommit(evt, numericValue, "text-input");
+        } else {
+          throw Error("Invalid value");
+        }
+      } else if (type === "boolean") {
+        onCommit(evt, Boolean(value), "text-input");
+      } else {
+        onCommit(evt, value, "text-input");
+      }
+    },
+    [onCommit, type]
+  );
+  const handleChange = React.useCallback(
+    (evt) => {
+      const value = evt.target.value;
+      if (value.trim() === "" && commitWhenCleared) {
+        onCommit?.(evt, value);
+      }
+      props.inputProps?.onChange?.(evt);
+    },
+    [commitWhenCleared, onCommit, props.inputProps]
+  );
+  const handleKeyDown = React.useCallback(
+    (evt) => {
+      if (evt.key === "Enter") {
+        evt.preventDefault();
+        evt.stopPropagation();
+        const { value } = evt.target;
+        commitValue(evt, value);
+      }
+      onKeyDown?.(evt);
+    },
+    [commitValue, onKeyDown]
+  );
+  const handleBlur = React.useCallback(
+    (evt) => {
+      if (commitOnBlur) {
+        const { value } = evt.target;
+        commitValue(evt, value);
+      }
+    },
+    [commitOnBlur, commitValue]
+  );
+  const endAdornment = errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { content: errorMessage, status: "error", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-errorIcon`, "data-icon": "error" }) }) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    core.Input,
+    {
+      ...props,
+      endAdornment,
+      id,
+      inputProps: {
+        autoComplete: "off",
+        ...props.inputProps,
+        onChange: handleChange
+      },
+      className: cx(classBase, className, {
+        [`${classBase}-error`]: errorMessage
+      }),
+      onBlur: handleBlur,
+      ref: forwardedRef,
+      onKeyDown: handleKeyDown
+    }
+  ) });
+});
+
+exports.VuuInput = VuuInput;
+//# sourceMappingURL=VuuInput.js.map

package/cjs/vuu-input/VuuInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuuInput.js","sources":["../../../../packages/vuu-ui-controls/src/vuu-input/VuuInput.tsx"],"sourcesContent":["import { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { CommitHandler, isValidNumber, useId } from \"@vuu-ui/vuu-utils\";\nimport { Input, InputProps, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  ForwardedRef,\n  KeyboardEventHandler,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n} from \"react\";\n\nimport vuuInputCss from \"./VuuInput.css\";\n\nconst classBase = \"vuuInput\";\n\nexport interface VuuInputProps<T extends VuuRowDataItemType = string>\n  extends Omit<InputProps, \"validationStatus\"> {\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  errorMessage?: ReactNode;\n  onCommit: CommitHandler;\n  type?: T;\n}\n\n/**\n * A variant of Salt Input that provides a commit callback prop,\n * TODO along with cancel behaviour ?\n */\nexport const VuuInput = forwardRef(function VuuInput<\n  T extends VuuRowDataItemType = string,\n>(\n  {\n    className,\n    commitOnBlur = true,\n    commitWhenCleared = false,\n    errorMessage,\n    id: idProp,\n    onCommit,\n    onKeyDown,\n    type,\n    ...props\n  }: VuuInputProps<T>,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-input\",\n    css: vuuInputCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const commitValue = useCallback<CommitHandler<HTMLInputElement, string>>(\n    (evt, value) => {\n      if (type === \"number\") {\n        const numericValue = parseFloat(value);\n        if (isValidNumber(numericValue)) {\n          onCommit(evt, numericValue as T, \"text-input\");\n        } else {\n          //TODO add validation logic\n          throw Error(\"Invalid value\");\n        }\n      } else if (type === \"boolean\") {\n        onCommit(evt, Boolean(value) as T, \"text-input\");\n      } else {\n        onCommit(evt, value as T, \"text-input\");\n      }\n    },\n    [onCommit, type],\n  );\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const value = evt.target.value;\n      if (value.trim() === \"\" && commitWhenCleared) {\n        onCommit?.(evt, value as T);\n      }\n      props.inputProps?.onChange?.(evt);\n    },\n    [commitWhenCleared, onCommit, props.inputProps],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        evt.preventDefault();\n        evt.stopPropagation();\n        const { value } = evt.target as HTMLInputElement;\n        commitValue(evt, value);\n      }\n      onKeyDown?.(evt);\n    },\n    [commitValue, onKeyDown],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (commitOnBlur) {\n        const { value } = evt.target as HTMLInputElement;\n        commitValue(evt, value);\n      }\n    },\n    [commitOnBlur, commitValue],\n  );\n\n  const endAdornment = errorMessage ? (\n    <Tooltip content={errorMessage} status=\"error\">\n      <span className={`${classBase}-errorIcon`} data-icon=\"error\" />\n    </Tooltip>\n  ) : undefined;\n\n  return (\n    <>\n      <Input\n        {...props}\n        endAdornment={endAdornment}\n        id={id}\n        inputProps={{\n          autoComplete: \"off\",\n          ...props.inputProps,\n          onChange: handleChange,\n        }}\n        className={cx(classBase, className, {\n          [`${classBase}-error`]: errorMessage,\n        })}\n        onBlur={handleBlur}\n        ref={forwardedRef}\n        onKeyDown={handleKeyDown}\n      />\n    </>\n  );\n}) as <T extends VuuRowDataItemType = string>(\n  props: VuuInputProps<T> & {\n    ref?: ForwardedRef<HTMLDivElement>;\n  },\n) => ReactElement<VuuInputProps<T>>;\n"],"names":["forwardRef","VuuInput","useWindow","useComponentCssInjection","vuuInputCss","useId","useCallback","isValidNumber","jsx","Tooltip","Fragment","Input"],"mappings":"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"}

package/cjs/vuu-time-picker/VuuTimePicker.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var timePickerCss = ".vuuTimePicker {\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n\n    .TimeInput {\n        outline: none;\n    }\n}";
+
+module.exports = timePickerCss;
+//# sourceMappingURL=VuuTimePicker.css.js.map

package/cjs/vuu-time-picker/VuuTimePicker.css.js.map

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

package/cjs/vuu-time-picker/VuuTimePicker.js

@@ -0,0 +1,37 @@
+'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 TimeInput = require('../time-input/TimeInput.js');
+var VuuTimePicker$1 = require('./VuuTimePicker.css.js');
+
+const classBase = "vuuTimePicker";
+const VuuTimePicker = ({
+  className,
+  defaultValue,
+  onChange,
+  onCommit,
+  value,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-time-picker",
+    css: VuuTimePicker$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    TimeInput.TimeInput,
+    {
+      defaultValue,
+      onChange,
+      onCommit,
+      value
+    }
+  ) });
+};
+
+exports.VuuTimePicker = VuuTimePicker;
+//# sourceMappingURL=VuuTimePicker.js.map

package/cjs/vuu-time-picker/VuuTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuuTimePicker.js","sources":["../../../../packages/vuu-ui-controls/src/vuu-time-picker/VuuTimePicker.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CommitHandler, TimeString } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { TimeInput, TimeInputProps } from \"../time-input/TimeInput\";\n\nimport timePickerCss from \"./VuuTimePicker.css\";\n\nexport interface VuuTimePickerProps\n  extends Pick<TimeInputProps, \"defaultValue\" | \"onChange\" | \"value\">,\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    > {\n  onCommit: CommitHandler<HTMLInputElement, TimeString>;\n}\n\nconst classBase = \"vuuTimePicker\";\n\nexport const VuuTimePicker = ({\n  className,\n  defaultValue,\n  onChange,\n  onCommit,\n  value,\n  ...htmlAttributes\n}: VuuTimePickerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-time-picker\",\n    css: timePickerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TimeInput\n        defaultValue={defaultValue}\n        onChange={onChange}\n        onCommit={onCommit}\n        value={value}\n      />\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","timePickerCss","jsx","TimeInput"],"mappings":";;;;;;;;;AAkBA,MAAM,SAAY,GAAA,eAAA;AAEX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACzD,EAAA,QAAA,kBAAAA,cAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/cjs/vuu-typeahead-input/VuuTypeaheadInput.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var vuuTypeaheadInputCss = ".vuuTypeaheadInput {\n  .saltPillInput-activationIndicator {\n    display: none;\n  }\n\n  .saltPillInput-endAdornmentContainer {\n    padding:0;\n  }\n\n  .saltButton {\n    --vuuButton-borderColor: transparent;\n    height: 24px;\n    width: 24px;\n  }\n\n  .saltButton:before {\n    content: \"\";\n    background-color: var(--salt-separable-secondary-borderColor);\n    height: 100%;\n    left: calc(-1 * var(--salt-spacing-100));\n    position: absolute;\n    width: 1px;\n  }\n\n  .saltButton:after {\n    --vuu-icon-color: var(--salt-content-primary-foreground);\n    --vuu-icon-size: 10px;\n    --vuu-icon-transform: rotate(45deg);\n\n    content: \"\";\n    background-color: var(--vuu-icon-color);\n    height: var(--vuu-icon-size);\n    mask: var(--vuu-svg-triangle-right) center center/var(--vuu-icon-size)\n      var(--vuu-icon-size);\n    mask-repeat: no-repeat;\n    position: absolute;\n    top: 3px;\n    transform: var(--vuu-icon-transform, none);\n    width: var(--vuu-icon-size);\n  }\n}\n\n.vuuTypeaheadOption[aria-disabled=\"true\"] {\n  color: var(--salt-content-secondary-foreground);\n}\n";
+
+module.exports = vuuTypeaheadInputCss;
+//# sourceMappingURL=VuuTypeaheadInput.css.js.map

package/cjs/vuu-typeahead-input/VuuTypeaheadInput.css.js.map

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

package/cjs/vuu-typeahead-input/VuuTypeaheadInput.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var cx = require('clsx');
+var useVuuTypeaheadInput = require('./useVuuTypeaheadInput.js');
+var VuuTypeaheadInput$1 = require('./VuuTypeaheadInput.css.js');
+
+const classBase = "vuuTypeaheadInput";
+const [noMatchingData] = vuuUtils.NO_DATA_MATCH;
+const VuuTypeaheadInput = ({
+  allowFreeInput,
+  className,
+  column,
+  freeTextWarning,
+  highlightFirstSuggestion,
+  inputProps: inputPropsProp,
+  minCharacterCountToTriggerSuggestions,
+  onCommit,
+  selectOnTab,
+  table
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-typeahead-input",
+    css: VuuTypeaheadInput$1,
+    window: targetWindow
+  });
+  const {
+    inputProps,
+    noFreeText,
+    onChange,
+    onKeyDown,
+    onOpenChange,
+    onSelectionChange,
+    open,
+    ref,
+    typeaheadValues,
+    value
+  } = useVuuTypeaheadInput.useVuuTypeaheadInput({
+    allowFreeInput,
+    column,
+    freeTextWarning,
+    highlightFirstSuggestion,
+    inputProps: inputPropsProp,
+    minCharacterCountToTriggerSuggestions,
+    onCommit,
+    table
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.ComboBox,
+    {
+      className: cx(classBase, className),
+      inputProps,
+      onChange,
+      onKeyDown,
+      onOpenChange,
+      onSelectionChange,
+      open,
+      ref,
+      selectOnTab,
+      value,
+      children: typeaheadValues.map((state) => /* @__PURE__ */ jsxRuntime.jsx(
+        core.Option,
+        {
+          className: "vuuTypeaheadOption",
+          value: state,
+          disabled: state === noMatchingData || state === noFreeText
+        },
+        state
+      ))
+    }
+  );
+};
+
+exports.VuuTypeaheadInput = VuuTypeaheadInput;
+//# sourceMappingURL=VuuTypeaheadInput.js.map

package/cjs/vuu-typeahead-input/VuuTypeaheadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuuTypeaheadInput.js","sources":["../../../../packages/vuu-ui-controls/src/vuu-typeahead-input/VuuTypeaheadInput.tsx"],"sourcesContent":["import { ComboBox, ComboBoxProps, Option } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { NO_DATA_MATCH } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n  useVuuTypeaheadInput,\n  VuuTypeaheadInputHookProps,\n} from \"./useVuuTypeaheadInput\";\n\nimport vuuTypeaheadInputCss from \"./VuuTypeaheadInput.css\";\n\nconst classBase = \"vuuTypeaheadInput\";\nconst [noMatchingData] = NO_DATA_MATCH;\n\nexport interface VuuTypeaheadInputProps\n  extends VuuTypeaheadInputHookProps,\n    Pick<ComboBoxProps, \"selectOnTab\"> {\n  className?: string;\n}\n\nexport const VuuTypeaheadInput = ({\n  allowFreeInput,\n  className,\n  column,\n  freeTextWarning,\n  highlightFirstSuggestion,\n  inputProps: inputPropsProp,\n  minCharacterCountToTriggerSuggestions,\n  onCommit,\n  selectOnTab,\n  table,\n}: VuuTypeaheadInputProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-typeahead-input\",\n    css: vuuTypeaheadInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    inputProps,\n    noFreeText,\n    onChange,\n    onKeyDown,\n    onOpenChange,\n    onSelectionChange,\n    open,\n    ref,\n    typeaheadValues,\n    value,\n  } = useVuuTypeaheadInput({\n    allowFreeInput,\n    column,\n    freeTextWarning,\n    highlightFirstSuggestion,\n    inputProps: inputPropsProp,\n    minCharacterCountToTriggerSuggestions,\n    onCommit,\n    table,\n  });\n\n  return (\n    <ComboBox\n      className={cx(classBase, className)}\n      inputProps={inputProps}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onOpenChange={onOpenChange}\n      onSelectionChange={onSelectionChange}\n      open={open}\n      ref={ref}\n      selectOnTab={selectOnTab}\n      value={value}\n    >\n      {typeaheadValues.map((state) => (\n        <Option\n          className=\"vuuTypeaheadOption\"\n          value={state}\n          key={state}\n          disabled={state === noMatchingData || state === noFreeText}\n        />\n      ))}\n    </ComboBox>\n  );\n};\n"],"names":["NO_DATA_MATCH","useWindow","useComponentCssInjection","vuuTypeaheadInputCss","useVuuTypeaheadInput","jsx","ComboBox","Option"],"mappings":";;;;;;;;;;;AAYA,MAAM,SAAY,GAAA,mBAAA;AAClB,MAAM,CAAC,cAAc,CAAI,GAAAA,sBAAA;AAQlB,MAAM,oBAAoB,CAAC;AAAA,EAChC,cAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,wBAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,qCAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACEC,yCAAqB,CAAA;AAAA,IACvB,cAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAY,EAAA,cAAA;AAAA,IACZ,qCAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,KACpB,qBAAAD,cAAA;AAAA,QAACE,WAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,oBAAA;AAAA,UACV,KAAO,EAAA,KAAA;AAAA,UAEP,QAAA,EAAU,KAAU,KAAA,cAAA,IAAkB,KAAU,KAAA;AAAA,SAAA;AAAA,QAD3C;AAAA,OAGR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/cjs/vuu-typeahead-input/useVuuTypeaheadInput.js

@@ -0,0 +1,176 @@
+'use strict';
+
+var vuuDataReact = require('@vuu-ui/vuu-data-react');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var React = require('react');
+
+const meetsMinTextLengthThreshold = (value, minLength) => value.length >= minLength;
+const defaultFreeTextWarning = "Please select a value from the list of suggestions. If no suggestions match your text, then the value is not valid. If you believe this should be a valid value, please reach out to the support team";
+const useVuuTypeaheadInput = ({
+  allowFreeInput = true,
+  column,
+  freeTextWarning,
+  highlightFirstSuggestion = true,
+  inputProps: inputPropsProp,
+  minCharacterCountToTriggerSuggestions = 1,
+  onCommit,
+  table
+}) => {
+  const NO_FREE_TEXT = React.useMemo(
+    () => [freeTextWarning ?? defaultFreeTextWarning],
+    [freeTextWarning]
+  );
+  const [valueRef, setValue] = vuuUtils.useStateRef("");
+  const [open, setOpen] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const rootRef = React.useRef(null);
+  const [typeaheadValues, setTypeaheadValues] = React.useState([]);
+  const getSuggestions = vuuDataReact.useTypeaheadSuggestions();
+  const pendingListFocusRef = React.useRef(false);
+  const { current: value } = valueRef;
+  React.useMemo(() => {
+    if (inputPropsProp?.value !== void 0 && inputPropsProp?.value !== valueRef.current) {
+      setValue(`${inputPropsProp.value}`);
+    }
+  }, [inputPropsProp?.value, setValue, valueRef]);
+  const commitTimeout = React.useRef(null);
+  const handleKeyDown = React.useCallback(
+    (evt) => {
+      const { current: value2 } = valueRef;
+      if (evt.key === "Enter" && value2 !== "") {
+        if (allowFreeInput) {
+          commitTimeout.current = setTimeout(() => {
+            onCommit?.(evt, value2, "text-input");
+            setOpen(false);
+            commitTimeout.current = null;
+          }, 200);
+        } else {
+          setTypeaheadValues(NO_FREE_TEXT);
+        }
+      } else if (evt.key === "Enter" && value2 === "") {
+        console.log("ENTER no value");
+      }
+    },
+    [NO_FREE_TEXT, allowFreeInput, onCommit, valueRef]
+  );
+  const callbackRef = React.useCallback((el) => {
+    rootRef.current = el;
+    const input = el?.querySelector("input") ?? null;
+    inputRef.current = input;
+  }, []);
+  const refreshSuggestions = React.useCallback(() => {
+    if (table) {
+      const vuuTable = vuuUtils.getVuuTable(table);
+      if (meetsMinTextLengthThreshold(
+        value,
+        minCharacterCountToTriggerSuggestions
+      )) {
+        const params = value ? [vuuTable, column, value] : [vuuTable, column];
+        getSuggestions(params).then((suggestions) => {
+          if (suggestions === false) {
+            setTypeaheadValues([]);
+          } else if (suggestions.length === 0 && value) {
+            setTypeaheadValues(
+              (values) => (
+                // Do not update if we have already set suggestions to the no free text warning
+                values === NO_FREE_TEXT ? NO_FREE_TEXT : vuuUtils.NO_DATA_MATCH
+              )
+            );
+          } else {
+            setTypeaheadValues(suggestions);
+            if (pendingListFocusRef.current && inputRef.current) {
+              setTimeout(() => {
+                if (inputRef.current) {
+                  vuuUtils.dispatchKeyboardEvent(
+                    inputRef.current,
+                    "keydown",
+                    "ArrowDown"
+                  );
+                }
+              }, 60);
+            }
+          }
+          pendingListFocusRef.current = false;
+        }).catch((err) => {
+          console.error("Error getting suggestions", err);
+        });
+      } else {
+        setTypeaheadValues([]);
+      }
+    }
+  }, [
+    NO_FREE_TEXT,
+    column,
+    getSuggestions,
+    minCharacterCountToTriggerSuggestions,
+    table,
+    value
+  ]);
+  React.useEffect(() => {
+    refreshSuggestions();
+  }, [refreshSuggestions]);
+  const handleChange = React.useCallback(
+    (evt) => {
+      const { value: newValue } = evt.target;
+      const { current: value2 } = valueRef;
+      if (value2 === "" && newValue) {
+        setOpen(true);
+        const input = rootRef.current?.querySelector("input");
+        if (input && highlightFirstSuggestion) {
+          pendingListFocusRef.current = true;
+        }
+      } else if (newValue === "" && value2) {
+        onCommit(evt, "");
+      }
+      setValue(newValue);
+    },
+    [highlightFirstSuggestion, onCommit, setValue, valueRef]
+  );
+  const handleSelectionChange = (evt, [newSelected]) => {
+    if (commitTimeout.current) {
+      clearTimeout(commitTimeout.current);
+      commitTimeout.current = null;
+    }
+    setValue(newSelected);
+    onCommit(
+      evt,
+      newSelected,
+      "typeahead-suggestion"
+    );
+  };
+  const handleOpenChange = (newOpen) => {
+    if (newOpen && valueRef.current === "") {
+      setOpen(newOpen);
+    } else {
+      setOpen(newOpen);
+    }
+  };
+  const handleInputFocus = React.useCallback(
+    (e) => {
+      inputPropsProp?.onFocus?.(e);
+      refreshSuggestions();
+    },
+    [inputPropsProp, refreshSuggestions]
+  );
+  const inputProps = {
+    ...inputPropsProp,
+    autoComplete: "off",
+    onFocus: handleInputFocus
+  };
+  const [noFreeText] = NO_FREE_TEXT;
+  return {
+    inputProps,
+    noFreeText,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    onOpenChange: handleOpenChange,
+    onSelectionChange: handleSelectionChange,
+    open,
+    ref: callbackRef,
+    typeaheadValues,
+    value: valueRef.current
+  };
+};
+
+exports.useVuuTypeaheadInput = useVuuTypeaheadInput;
+//# sourceMappingURL=useVuuTypeaheadInput.js.map

package/cjs/vuu-typeahead-input/useVuuTypeaheadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVuuTypeaheadInput.js","sources":["../../../../packages/vuu-ui-controls/src/vuu-typeahead-input/useVuuTypeaheadInput.ts"],"sourcesContent":["import { PillInputProps } from \"@salt-ds/core/dist-types/pill-input\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  getVuuTable,\n  useStateRef,\n  NO_DATA_MATCH,\n  type CommitHandler,\n  dispatchKeyboardEvent,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEventHandler,\n  type RefCallback,\n  type SyntheticEvent,\n} from \"react\";\n\nconst meetsMinTextLengthThreshold = (value: string, minLength: number) =>\n  value.length >= minLength;\n\nexport interface VuuTypeaheadInputHookProps {\n  /**\n   * Allows a text string to be submitted that does not match any suggestion\n   * Defaults to true\n   */\n  allowFreeInput?: boolean;\n  column: string;\n  /**\n   * A warning to display to the user if allowFreeText is false and they attempt\n   * to commit text which does not match any suggestions. A default message will\n   * be shown if not provided\n   */\n  freeTextWarning?: string;\n  /**\n   * When suggestions are displayed, should first option be highlighted ?\n   * Highlighted option will be selected if Enter pressed. If this option\n   * is not applied and no suggestion is highlighted, Enter will commit\n   * current text. This will be desirable if filter operator  will be\n   * 'contains', not if filter operator will be '='.\n   */\n  highlightFirstSuggestion?: boolean;\n  inputProps?: PillInputProps[\"inputProps\"];\n  /**\n   * If zero, suggestions will be shown even without any text input.\n   * Suggestions will be displayed on click, or, if focused via keynoard,\n   * on ArrowDown.\n   * If n, where n > 0, then n characters must be typed before suggestion\n   * list will be fetched.\n   */\n  minCharacterCountToTriggerSuggestions?: 0 | 1 | 2 | 3;\n  onCommit: CommitHandler<HTMLInputElement>;\n  table: TableSchemaTable;\n}\n\nconst defaultFreeTextWarning =\n  \"Please select a value from the list of suggestions. If no suggestions match your text, then the value is not valid. If you believe this should be a valid value, please reach out to the support team\";\n\nexport const useVuuTypeaheadInput = ({\n  allowFreeInput = true,\n  column,\n  freeTextWarning,\n  highlightFirstSuggestion = true,\n  inputProps: inputPropsProp,\n  minCharacterCountToTriggerSuggestions = 1,\n  onCommit,\n  table,\n}: VuuTypeaheadInputHookProps) => {\n  const NO_FREE_TEXT = useMemo(\n    () => [freeTextWarning ?? defaultFreeTextWarning],\n    [freeTextWarning],\n  );\n  const [valueRef, setValue] = useStateRef(\"\");\n  const [open, setOpen] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n  const pendingListFocusRef = useRef(false);\n\n  const { current: value } = valueRef;\n\n  useMemo(() => {\n    if (\n      inputPropsProp?.value !== undefined &&\n      inputPropsProp?.value !== valueRef.current\n    ) {\n      setValue(`${inputPropsProp.value}`);\n    }\n  }, [inputPropsProp?.value, setValue, valueRef]);\n\n  const commitTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const { current: value } = valueRef;\n      if (evt.key === \"Enter\" && value !== \"\") {\n        if (allowFreeInput) {\n          commitTimeout.current = setTimeout(() => {\n            onCommit?.(evt, value, \"text-input\");\n            setOpen(false);\n            commitTimeout.current = null;\n          }, 200);\n        } else {\n          setTypeaheadValues(NO_FREE_TEXT);\n        }\n      } else if (evt.key === \"Enter\" && value === \"\") {\n        console.log(\"ENTER no value\");\n      }\n    },\n    [NO_FREE_TEXT, allowFreeInput, onCommit, valueRef],\n  );\n\n  const callbackRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    rootRef.current = el;\n    const input = el?.querySelector(\"input\") ?? null;\n    inputRef.current = input;\n  }, []);\n\n  const refreshSuggestions = useCallback(() => {\n    if (table) {\n      const vuuTable = getVuuTable(table);\n      if (\n        meetsMinTextLengthThreshold(\n          value,\n          minCharacterCountToTriggerSuggestions,\n        )\n      ) {\n        const params: TypeaheadParams = value\n          ? [vuuTable, column, value]\n          : [vuuTable, column];\n        getSuggestions(params)\n          .then((suggestions) => {\n            if (suggestions === false) {\n              // TODO is this right\n              setTypeaheadValues([]);\n            } else if (suggestions.length === 0 && value) {\n              setTypeaheadValues((values) =>\n                // Do not update if we have already set suggestions to the no free text warning\n                values === NO_FREE_TEXT ? NO_FREE_TEXT : NO_DATA_MATCH,\n              );\n            } else {\n              setTypeaheadValues(suggestions);\n              if (pendingListFocusRef.current && inputRef.current) {\n                setTimeout(() => {\n                  if (inputRef.current) {\n                      dispatchKeyboardEvent(\n                        inputRef.current,\n                        \"keydown\",\n                        \"ArrowDown\",\n                      );\n                    }\n                },60);\n              }\n            }\n            pendingListFocusRef.current = false;\n          })\n          .catch((err) => {\n            console.error(\"Error getting suggestions\", err);\n          });\n      } else {\n        setTypeaheadValues([]);\n      }\n    }\n  }, [\n    NO_FREE_TEXT,\n    column,\n    getSuggestions,\n    minCharacterCountToTriggerSuggestions,\n    table,\n    value,\n  ]);\n\n  useEffect(() => {\n    // This will preload suggestions for controls with no char input minimum\n    refreshSuggestions();\n  }, [refreshSuggestions]);\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n    (evt) => {\n      const { value: newValue } = evt.target;\n      const { current: value } = valueRef;\n      if (value === \"\" && newValue) {\n        setOpen(true);\n        const input = rootRef.current?.querySelector(\"input\");\n        if (input && highlightFirstSuggestion) {\n          pendingListFocusRef.current = true;\n        }\n      } else if (newValue === \"\" && value) {\n        // treat clear value as a commit event\n        onCommit(evt, \"\");\n      }\n      setValue(newValue);\n    },\n    [highlightFirstSuggestion, onCommit, setValue, valueRef],\n  );\n\n  const handleSelectionChange = (\n    evt: SyntheticEvent,\n    [newSelected]: string[],\n  ) => {\n    if (commitTimeout.current) {\n      clearTimeout(commitTimeout.current);\n      commitTimeout.current = null;\n    }\n    setValue(newSelected);\n    onCommit(\n      evt as SyntheticEvent<HTMLInputElement>,\n      newSelected,\n      \"typeahead-suggestion\",\n    );\n  };\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (newOpen && valueRef.current === \"\") {\n      // ignore this, don't open dropdown unless user has typed at least one character\n      setOpen(newOpen);\n    } else {\n      setOpen(newOpen);\n    }\n  };\n\n  const handleInputFocus = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (e) => {\n      inputPropsProp?.onFocus?.(e);\n      refreshSuggestions();\n    },\n    [inputPropsProp, refreshSuggestions],\n  );\n\n  const inputProps: ComponentPropsWithoutRef<\"input\"> = {\n    ...inputPropsProp,\n    autoComplete: \"off\",\n    onFocus: handleInputFocus,\n  };\n\n  const [noFreeText] = NO_FREE_TEXT;\n  return {\n    inputProps,\n    noFreeText,\n    onChange: handleChange,\n    onKeyDown: handleKeyDown,\n    onOpenChange: handleOpenChange,\n    onSelectionChange: handleSelectionChange,\n    open,\n    ref: callbackRef,\n    typeaheadValues,\n    value: valueRef.current,\n  };\n};\n"],"names":["useMemo","useStateRef","useState","useRef","useTypeaheadSuggestions","useCallback","value","getVuuTable","NO_DATA_MATCH","dispatchKeyboardEvent","useEffect"],"mappings":";;;;;;AAyBA,MAAM,2BAA8B,GAAA,CAAC,KAAe,EAAA,SAAA,KAClD,MAAM,MAAU,IAAA,SAAA;AAoClB,MAAM,sBACJ,GAAA,uMAAA;AAEK,MAAM,uBAAuB,CAAC;AAAA,EACnC,cAAiB,GAAA,IAAA;AAAA,EACjB,MAAA;AAAA,EACA,eAAA;AAAA,EACA,wBAA2B,GAAA,IAAA;AAAA,EAC3B,UAAY,EAAA,cAAA;AAAA,EACZ,qCAAwC,GAAA,CAAA;AAAA,EACxC,QAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAA,MAAM,YAAe,GAAAA,aAAA;AAAA,IACnB,MAAM,CAAC,eAAA,IAAmB,sBAAsB,CAAA;AAAA,IAChD,CAAC,eAAe;AAAA,GAClB;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,QAAQ,CAAA,GAAIC,qBAAY,EAAE,CAAA;AAC3C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,KAAK,CAAA;AACtC,EAAM,MAAA,QAAA,GAAWC,aAAgC,IAAI,CAAA;AACrD,EAAM,MAAA,OAAA,GAAUA,aAA8B,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAD,cAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiBE,oCAAwB,EAAA;AAC/C,EAAM,MAAA,mBAAA,GAAsBD,aAAO,KAAK,CAAA;AAExC,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAE3B,EAAAH,aAAA,CAAQ,MAAM;AACZ,IAAA,IACE,gBAAgB,KAAU,KAAA,KAAA,CAAA,IAC1B,cAAgB,EAAA,KAAA,KAAU,SAAS,OACnC,EAAA;AACA,MAAS,QAAA,CAAA,CAAA,EAAG,cAAe,CAAA,KAAK,CAAE,CAAA,CAAA;AAAA;AACpC,KACC,CAAC,cAAA,EAAgB,KAAO,EAAA,QAAA,EAAU,QAAQ,CAAC,CAAA;AAE9C,EAAM,MAAA,aAAA,GAAgBG,aAA6C,IAAI,CAAA;AAEvE,EAAA,MAAM,aAAgB,GAAAE,iBAAA;AAAA,IACpB,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,EAAE,OAASC,EAAAA,MAAAA,EAAU,GAAA,QAAA;AAC3B,MAAA,IAAI,GAAI,CAAA,GAAA,KAAQ,OAAWA,IAAAA,MAAAA,KAAU,EAAI,EAAA;AACvC,QAAA,IAAI,cAAgB,EAAA;AAClB,UAAc,aAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACvC,YAAW,QAAA,GAAA,GAAA,EAAKA,QAAO,YAAY,CAAA;AACnC,YAAA,OAAA,CAAQ,KAAK,CAAA;AACb,YAAA,aAAA,CAAc,OAAU,GAAA,IAAA;AAAA,aACvB,GAAG,CAAA;AAAA,SACD,MAAA;AACL,UAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA;AACjC,OACS,MAAA,IAAA,GAAA,CAAI,GAAQ,KAAA,OAAA,IAAWA,WAAU,EAAI,EAAA;AAC9C,QAAA,OAAA,CAAQ,IAAI,gBAAgB,CAAA;AAAA;AAC9B,KACF;AAAA,IACA,CAAC,YAAA,EAAc,cAAgB,EAAA,QAAA,EAAU,QAAQ;AAAA,GACnD;AAEA,EAAM,MAAA,WAAA,GAAcD,iBAAyC,CAAA,CAAC,EAAO,KAAA;AACnE,IAAA,OAAA,CAAQ,OAAU,GAAA,EAAA;AAClB,IAAA,MAAM,KAAQ,GAAA,EAAA,EAAI,aAAc,CAAA,OAAO,CAAK,IAAA,IAAA;AAC5C,IAAA,QAAA,CAAS,OAAU,GAAA,KAAA;AAAA,GACrB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,kBAAA,GAAqBA,kBAAY,MAAM;AAC3C,IAAA,IAAI,KAAO,EAAA;AACT,MAAM,MAAA,QAAA,GAAWE,qBAAY,KAAK,CAAA;AAClC,MACE,IAAA,2BAAA;AAAA,QACE,KAAA;AAAA,QACA;AAAA,OAEF,EAAA;AACA,QAAM,MAAA,MAAA,GAA0B,QAC5B,CAAC,QAAA,EAAU,QAAQ,KAAK,CAAA,GACxB,CAAC,QAAA,EAAU,MAAM,CAAA;AACrB,QAAA,cAAA,CAAe,MAAM,CAAA,CAClB,IAAK,CAAA,CAAC,WAAgB,KAAA;AACrB,UAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,YAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,WACZ,MAAA,IAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,KAAO,EAAA;AAC5C,YAAA,kBAAA;AAAA,cAAmB,CAAC,MAAA;AAAA;AAAA,gBAElB,MAAA,KAAW,eAAe,YAAe,GAAAC;AAAA;AAAA,aAC3C;AAAA,WACK,MAAA;AACL,YAAA,kBAAA,CAAmB,WAAW,CAAA;AAC9B,YAAI,IAAA,mBAAA,CAAoB,OAAW,IAAA,QAAA,CAAS,OAAS,EAAA;AACnD,cAAA,UAAA,CAAW,MAAM;AACf,gBAAA,IAAI,SAAS,OAAS,EAAA;AAClB,kBAAAC,8BAAA;AAAA,oBACE,QAAS,CAAA,OAAA;AAAA,oBACT,SAAA;AAAA,oBACA;AAAA,mBACF;AAAA;AACF,iBACF,EAAE,CAAA;AAAA;AACN;AAEF,UAAA,mBAAA,CAAoB,OAAU,GAAA,KAAA;AAAA,SAC/B,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAQ,OAAA,CAAA,KAAA,CAAM,6BAA6B,GAAG,CAAA;AAAA,SAC/C,CAAA;AAAA,OACE,MAAA;AACL,QAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA;AACvB;AACF,GACC,EAAA;AAAA,IACD,YAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,qCAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AAEd,IAAmB,kBAAA,EAAA;AAAA,GACrB,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,MAAM,YAAqD,GAAAL,iBAAA;AAAA,IACzD,CAAC,GAAQ,KAAA;AACP,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAI,GAAI,CAAA,MAAA;AAChC,MAAM,MAAA,EAAE,OAASC,EAAAA,MAAAA,EAAU,GAAA,QAAA;AAC3B,MAAIA,IAAAA,MAAAA,KAAU,MAAM,QAAU,EAAA;AAC5B,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA,MAAM,KAAQ,GAAA,OAAA,CAAQ,OAAS,EAAA,aAAA,CAAc,OAAO,CAAA;AACpD,QAAA,IAAI,SAAS,wBAA0B,EAAA;AACrC,UAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA;AAAA;AAChC,OACF,MAAA,IAAW,QAAa,KAAA,EAAA,IAAMA,MAAO,EAAA;AAEnC,QAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAAA;AAElB,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,wBAAA,EAA0B,QAAU,EAAA,QAAA,EAAU,QAAQ;AAAA,GACzD;AAEA,EAAA,MAAM,qBAAwB,GAAA,CAC5B,GACA,EAAA,CAAC,WAAW,CACT,KAAA;AACH,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,YAAA,CAAa,cAAc,OAAO,CAAA;AAClC,MAAA,aAAA,CAAc,OAAU,GAAA,IAAA;AAAA;AAE1B,IAAA,QAAA,CAAS,WAAW,CAAA;AACpB,IAAA,QAAA;AAAA,MACE,GAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,OAAqB,KAAA;AAC7C,IAAI,IAAA,OAAA,IAAW,QAAS,CAAA,OAAA,KAAY,EAAI,EAAA;AAEtC,MAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,KACV,MAAA;AACL,MAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AACjB,GACF;AAEA,EAAA,MAAM,gBAAmB,GAAAD,iBAAA;AAAA,IACvB,CAAC,CAAM,KAAA;AACL,MAAA,cAAA,EAAgB,UAAU,CAAC,CAAA;AAC3B,MAAmB,kBAAA,EAAA;AAAA,KACrB;AAAA,IACA,CAAC,gBAAgB,kBAAkB;AAAA,GACrC;AAEA,EAAA,MAAM,UAAgD,GAAA;AAAA,IACpD,GAAG,cAAA;AAAA,IACH,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA;AAAA,GACX;AAEA,EAAM,MAAA,CAAC,UAAU,CAAI,GAAA,YAAA;AACrB,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,SAAW,EAAA,aAAA;AAAA,IACX,YAAc,EAAA,gBAAA;AAAA,IACd,iBAAmB,EAAA,qBAAA;AAAA,IACnB,IAAA;AAAA,IACA,GAAK,EAAA,WAAA;AAAA,IACL,eAAA;AAAA,IACA,OAAO,QAAS,CAAA;AAAA,GAClB;AACF;;;;"}

package/esm/calendar/Calendar.css.js

@@ -0,0 +1,4 @@
+var calendarCss = ".saltCalendar {\n  width: min-content;\n  background: var(--salt-container-primary-background);\n  padding: var(--salt-spacing-100);\n}\n";
+
+export { calendarCss as default };
+//# sourceMappingURL=Calendar.css.js.map

package/esm/calendar/Calendar.css.js.map

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