@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/SelectTrigger-RiRjgwXd.js

@@ -0,0 +1,124 @@
+import { jsx } from 'react/jsx-runtime';
+import { A as Avatar } from './Avatar-B_cRQqKR.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { S as SelectTriggerBase, d as defaultItemToString, a as defaultItemToKey } from './SelectTriggerBase-CWxP7nPA.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+
+const SelectTrigger = function(props) {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    className,
+    style,
+    label,
+    size,
+    error,
+    hint,
+    description,
+    required,
+    moreInfo,
+    prefix: prefixProp,
+    suffix,
+    maxRows,
+    selectedItemProps = () => ({}),
+    id,
+    placeholder,
+    disabled: isDisabled,
+    readOnly: isReadOnly,
+    onClick,
+    multiple,
+    onChange,
+    disableClearSelection,
+    itemToString: itemToStringProp,
+    itemToKey: itemToKeyProp,
+    selectedItem = null,
+    selectedItems = [],
+    ...rest
+  } = componentProps;
+  const itemToString = itemToStringProp ?? defaultItemToString;
+  const itemToKey = itemToKeyProp ?? defaultItemToKey;
+  function removeSelectedItem(item) {
+    if (multiple) {
+      onChange?.(
+        selectedItems.filter(
+          (selectedItem2) => itemToKey(selectedItem2) !== itemToKey(item)
+        )
+      );
+    } else if (itemToKey(selectedItem) === itemToKey(item)) {
+      onChange?.(null);
+    }
+  }
+  function reset() {
+    if (multiple) {
+      onChange?.([]);
+    } else {
+      onChange?.(null);
+    }
+  }
+  const noClearButton = isDisabled || isReadOnly || disableClearSelection;
+  const styleCombined = {
+    ...style,
+    ...layoutStyles
+  };
+  const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};
+  const data = {
+    label: childrenToString(props.label),
+    size: props.size,
+    required: props.required,
+    moreInfo: props.moreInfo,
+    description: childrenToString(props.description),
+    hint: props.hint,
+    labelProps: labelPropsWithoutAiMark
+  };
+  const trackingId = useTrackingId({
+    name: "ComboboxSearchField",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
+  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      ...prefixProp.avatar,
+      size: props.size === "small" ? "small" : "medium"
+    }
+  ) : prefixProp;
+  return /* @__PURE__ */ jsx(
+    SelectTriggerBase,
+    {
+      "data-anv": "select-trigger",
+      "data-tracking-id": trackingId,
+      className,
+      style: styleCombined,
+      label,
+      size,
+      error,
+      hint,
+      description,
+      labelProps: {
+        aiMark,
+        moreInfo,
+        required
+      },
+      prefix,
+      suffix,
+      maxRows,
+      selectedItemProps,
+      id,
+      placeholder,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      itemToString,
+      removeSelectedItem,
+      disableClearSelection: noClearButton,
+      selectedItem,
+      selectedItems,
+      onClearButtonClick: reset,
+      inputWrapperProps: { onClick },
+      inputProps: rest
+    }
+  );
+};
+
+export { SelectTrigger as S };
+//# sourceMappingURL=SelectTrigger-RiRjgwXd.js.map

package/dist/SelectTrigger-RiRjgwXd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger-RiRjgwXd.js","sources":["../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from \"react\";\nimport {\n  UseComboboxProps as UseDownshiftComboboxProps,\n  UseMultipleSelectionProps as UseDownshiftMultipleSelectionProps,\n} from \"downshift\";\n\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { FieldLabelProps } from \"../FieldLabel\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport {\n  SelectTriggerBase,\n  SelectTriggerBaseProps,\n} from \"./internal/SelectTriggerBase\";\nimport {\n  defaultItemToKey,\n  defaultItemToString,\n} from \"../Combobox/internal/ComboboxUtils\";\n\nexport type SelectTriggerProps<Item> = DistributiveOmit<\n  SelectTriggerBaseProps<Item>,\n  \"prefix\" | \"selectedItem\" | \"selectedItems\" | \"onChange\"\n> &\n  Pick<FieldLabelProps, \"required\" | \"moreInfo\"> &\n  Pick<UseDownshiftComboboxProps<Item>, \"itemToString\" | \"itemToKey\"> &\n  DataTrackingId & {\n    prefix?:\n      | string\n      | { icon: DistributiveOmit<IconProps, \"size\"> }\n      | { avatar: DistributiveOmit<AvatarProps, \"size\"> };\n  } & (\n    | {\n        multiple?: never;\n        onChange?:\n          | Dispatch<SetStateAction<Item | null>>\n          | ((arg: Item | null) => void);\n        selectedItem: UseDownshiftComboboxProps<Item>[\"selectedItem\"];\n        selectedItems?: never;\n      }\n    | {\n        multiple: true;\n        onChange?:\n          | Dispatch<SetStateAction<Item[] | null>>\n          | ((arg: Item[] | null) => void);\n        selectedItem?: never;\n        selectedItems: UseDownshiftMultipleSelectionProps<Item>[\"selectedItems\"];\n      }\n  );\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO: look into unknown\nexport const SelectTrigger = function <Item = any>(\n  props: SelectTriggerProps<Item>,\n) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    style,\n    label,\n    size,\n    error,\n    hint,\n    description,\n    required,\n    moreInfo,\n    prefix: prefixProp,\n    suffix,\n    maxRows,\n    selectedItemProps = () => ({}),\n    id,\n    placeholder,\n    disabled: isDisabled,\n    readOnly: isReadOnly,\n    onClick,\n    multiple,\n    onChange,\n    disableClearSelection,\n    itemToString: itemToStringProp,\n    itemToKey: itemToKeyProp,\n    selectedItem = null,\n    selectedItems = [],\n    ...rest\n  } = componentProps;\n\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n  const itemToKey = itemToKeyProp ?? defaultItemToKey<Item>;\n\n  function removeSelectedItem(item: Item) {\n    if (multiple) {\n      onChange?.(\n        selectedItems.filter(\n          (selectedItem: Item) => itemToKey(selectedItem) !== itemToKey(item),\n        ),\n      );\n    } else if (itemToKey(selectedItem) === itemToKey(item)) {\n      onChange?.(null);\n    }\n  }\n\n  function reset() {\n    if (multiple) {\n      onChange?.([]);\n    } else {\n      onChange?.(null);\n    }\n  }\n\n  const noClearButton = isDisabled || isReadOnly || disableClearSelection;\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    size: props.size,\n    required: props.required,\n    moreInfo: props.moreInfo,\n    description: childrenToString(props.description),\n    hint: props.hint,\n    labelProps: labelPropsWithoutAiMark,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"ComboboxSearchField\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const prefix =\n    prefixProp == null || typeof prefixProp === \"string\" ? (\n      prefixProp\n    ) : \"icon\" in prefixProp ? (\n      <Icon {...prefixProp.icon} />\n    ) : \"avatar\" in prefixProp ? (\n      <Avatar\n        {...prefixProp.avatar}\n        size={props.size === \"small\" ? \"small\" : \"medium\"}\n      />\n    ) : (\n      prefixProp\n    );\n\n  return (\n    <SelectTriggerBase\n      data-anv=\"select-trigger\"\n      data-tracking-id={trackingId}\n      className={className}\n      style={styleCombined}\n      label={label}\n      size={size}\n      error={error}\n      hint={hint}\n      description={description}\n      labelProps={{\n        aiMark,\n        moreInfo,\n        required,\n      }}\n      prefix={prefix}\n      suffix={suffix}\n      maxRows={maxRows}\n      selectedItemProps={selectedItemProps}\n      id={id}\n      placeholder={placeholder}\n      disabled={isDisabled}\n      readOnly={isReadOnly}\n      itemToString={itemToString}\n      removeSelectedItem={removeSelectedItem}\n      disableClearSelection={noClearButton}\n      selectedItem={selectedItem}\n      selectedItems={selectedItems}\n      onClearButtonClick={reset}\n      inputWrapperProps={{ onClick }}\n      inputProps={rest}\n    />\n  );\n};\n"],"names":["selectedItem"],"mappings":";;;;;;;;AAsDO,MAAM,aAAA,GAAgB,SAC3B,KAAA,EACA;AACA,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA,EAAQ,UAAA;AAAA,IACR,MAAA;AAAA,IACA,OAAA;AAAA,IACA,iBAAA,GAAoB,OAAO,EAAC,CAAA;AAAA,IAC5B,EAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA,EAAU,UAAA;AAAA,IACV,QAAA,EAAU,UAAA;AAAA,IACV,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,YAAA,EAAc,gBAAA;AAAA,IACd,SAAA,EAAW,aAAA;AAAA,IACX,YAAA,GAAe,IAAA;AAAA,IACf,gBAAgB,EAAC;AAAA,IACjB,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,eAAe,gBAAA,IAAoB,mBAAA;AACzC,EAAA,MAAM,YAAY,aAAA,IAAiB,gBAAA;AAEnC,EAAA,SAAS,mBAAmB,IAAA,EAAY;AACtC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA;AAAA,QACE,aAAA,CAAc,MAAA;AAAA,UACZ,CAACA,aAAAA,KAAuB,SAAA,CAAUA,aAAY,CAAA,KAAM,UAAU,IAAI;AAAA;AACpE,OACF;AAAA,IACF,WAAW,SAAA,CAAU,YAAY,CAAA,KAAM,SAAA,CAAU,IAAI,CAAA,EAAG;AACtD,MAAA,QAAA,GAAW,IAAI,CAAA;AAAA,IACjB;AAAA,EACF;AAEA,EAAA,SAAS,KAAA,GAAQ;AACf,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,GAAW,EAAE,CAAA;AAAA,IACf,CAAA,MAAO;AACL,MAAA,QAAA,GAAW,IAAI,CAAA;AAAA,IACjB;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB,cAAc,UAAA,IAAc,qBAAA;AAElD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,yBAAwB,GAAI,KAAA,CAAM,cAAc,EAAC;AAEpE,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,IACnC,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,WAAA,EAAa,gBAAA,CAAiB,KAAA,CAAM,WAAW,CAAA;AAAA,IAC/C,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,UAAA,EAAY;AAAA,GACd;AAEA,EAAA,MAAM,aAAa,aAAA,CAAc;AAAA,IAC/B,IAAA,EAAM,qBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AAED,EAAA,MAAM,SACJ,UAAA,IAAc,IAAA,IAAQ,OAAO,UAAA,KAAe,WAC1C,UAAA,GACE,MAAA,IAAU,UAAA,mBACZ,GAAA,CAAC,QAAM,GAAG,UAAA,CAAW,IAAA,EAAM,CAAA,GACzB,YAAY,UAAA,mBACd,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA,CAAW,MAAA;AAAA,MACf,IAAA,EAAM,KAAA,CAAM,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU;AAAA;AAAA,GAC3C,GAEA,UAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAS,gBAAA;AAAA,MACT,kBAAA,EAAkB,UAAA;AAAA,MAClB,SAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA,EAAY;AAAA,QACV,MAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,iBAAA;AAAA,MACA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,qBAAA,EAAuB,aAAA;AAAA,MACvB,YAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA,EAAoB,KAAA;AAAA,MACpB,iBAAA,EAAmB,EAAE,OAAA,EAAQ;AAAA,MAC7B,UAAA,EAAY;AAAA;AAAA,GACd;AAEJ;;;;"}

package/dist/SelectTrigger.d.ts

@@ -1,6 +1 @@
-export * from './components/SelectTrigger/index'
-export {}
-import _default from './components/SelectTrigger/index'
-export default _default
-export * from './components/SelectTrigger/index'
 export {}

package/dist/SelectTrigger.js

@@ -1,2 +1,2 @@
-export { S as SelectTrigger, S as default } from './SelectTrigger-DtyxYDzP.js';
+export { S as SelectTrigger, S as default } from './SelectTrigger-RiRjgwXd.js';
 //# sourceMappingURL=SelectTrigger.js.map

package/dist/SelectTriggerBase-CWxP7nPA.js

@@ -0,0 +1,315 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useRef, useState, useLayoutEffect, isValidElement } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as SvgClose } from './close-DZj38AEh.js';
+import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
+import { B as Button } from './Button-C_V2xQAs.js';
+import { C as Chip } from './Chip-0-Yx9SGX.js';
+import { F as Flex } from './Flex-_orhvoxS.js';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { s as styles } from './SelectTriggerBase.module-CCLOnHm1.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+const ADD_NEW = Symbol.for("add-new");
+const SELECT_ALL = Symbol.for("select-all");
+const defaultItemToString = function(item) {
+  return item != null ? String(item) : "";
+};
+const defaultItemToKey = function(item) {
+  return item;
+};
+function isMultiple(props) {
+  return Object.hasOwn(props, "multiple") && props.multiple === true;
+}
+function getScrollParent(node) {
+  if (node == null) {
+    return null;
+  }
+  if (node.scrollHeight > node.clientHeight) {
+    return node;
+  } else {
+    if (node.parentNode instanceof HTMLElement) {
+      return getScrollParent(node.parentNode);
+    }
+    return null;
+  }
+}
+
+function mergeChipProps(...propSets) {
+  const merged = propSets.reduce(
+    (acc, props) => ({ ...acc, ...props }),
+    {}
+  );
+  return merged;
+}
+const SelectTriggerBase = function({
+  className,
+  label,
+  size,
+  error,
+  hint,
+  description,
+  prefix,
+  suffix,
+  maxRows,
+  selectedItemProps = (_item, _index) => ({}),
+  disabled,
+  readOnly,
+  /** ======== */
+  disableClearSelection,
+  itemToString: itemToStringProp,
+  selectedItem,
+  selectedItems,
+  removeSelectedItem,
+  inputValue,
+  referenceRef,
+  /** ======== */
+  variant = "select",
+  onClearButtonClick,
+  labelProps,
+  inputWrapperProps = {},
+  toggleButtonProps = {},
+  inputProps = {},
+  chipProps = (_item, _index) => ({}),
+  warning,
+  placeholder,
+  ...rest
+}) {
+  const itemToString = itemToStringProp ?? defaultItemToString;
+  const ComboboxTriggerClassNames = cx(styles["search-field"], {
+    [styles["select"]]: variant === "select"
+  });
+  const noClearButton = disabled || readOnly || disableClearSelection;
+  const ComboboxInputWrapperClassNames = cx(
+    styles["input-wrapper"],
+    className ? {
+      [className]: variant === "select"
+    } : {},
+    {
+      [styles["small"]]: size === "small",
+      [styles["large"]]: size === "large",
+      [styles["no-clear-button"]]: noClearButton
+    }
+  );
+  const ComboboxInputClassNames = cx(
+    styles["input"],
+    className ? {
+      [className]: variant === "combobox"
+    } : {},
+    {
+      [styles["error"]]: error
+    }
+  );
+  const helperUid = "helper" + useId();
+  const placeholderUid = "placeholder" + useId();
+  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;
+  warnDeprecatedErrorUsage("SelectTrigger", error);
+  const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+  const rowsRef = useRef(null);
+  const [stillCalculating, setStillCalculating] = useState(false);
+  const [collapsedChips, setCollapsedChips] = useState(false);
+  const [visibleChipsCount, setVisibleChipsCount] = useState(
+    null
+  );
+  const [forceRenderCount, setForceRenderCount] = useState(0);
+  useLayoutEffect(() => {
+    if (maxRows === void 0) return;
+    if (stillCalculating === false) {
+      setStillCalculating(true);
+      setCollapsedChips(false);
+      setVisibleChipsCount(null);
+      setForceRenderCount((x) => x + 1);
+    } else if (rowsRef?.current?.children) {
+      const children = rowsRef?.current?.children;
+      const chipChildren = Array.from(children).filter(
+        (child) => !child.classList?.contains(styles["input-flex"])
+      );
+      const rowData = chipChildren.reduce(
+        (acc, child) => {
+          const top = child.getBoundingClientRect().top;
+          if (!acc.length) {
+            return [{ count: 1, top }];
+          } else if (acc[acc.length - 1].top === top) {
+            return [
+              ...acc.slice(0, -1),
+              { count: acc[acc.length - 1].count + 1, top }
+            ];
+          } else if (acc[acc.length - 1].top !== top) {
+            return [...acc, { count: 1, top }];
+          } else {
+            return acc;
+          }
+        },
+        []
+      );
+      if (!rowData[maxRows] || visibleChipsCount === 0 || selectedItems.length === 1) {
+        setStillCalculating(false);
+      } else {
+        setCollapsedChips(true);
+        if (visibleChipsCount == null) {
+          if (rowData[maxRows]) {
+            const quickGuess = Math.max(
+              rowData.slice(0, maxRows).reduce((sum, row) => sum + row.count, -1),
+              0
+            );
+            setVisibleChipsCount(quickGuess);
+          } else {
+            const naiveGuess = Math.max(
+              rowData.reduce((sum, row) => sum + row.count, -2),
+              0
+            );
+            setVisibleChipsCount(naiveGuess);
+          }
+        } else {
+          setVisibleChipsCount(visibleChipsCount - 1);
+        }
+        setForceRenderCount((x) => x + 1);
+      }
+    }
+  }, [selectedItems.length, maxRows, forceRenderCount]);
+  const selectedItemsDisplayCount = collapsedChips && maxRows != null && visibleChipsCount !== null ? visibleChipsCount : selectedItems.length;
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: ComboboxTriggerClassNames, ref: referenceRef, children: [
+    label ? /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        ...labelProps,
+        className: cx(styles["label"], labelProps?.className),
+        children: label
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...inputWrapperProps,
+        className: ComboboxInputWrapperClassNames,
+        ...variant === "select" ? {
+          "aria-describedby": ariaDescribedBy,
+          "aria-labelledby": labelProps?.id
+        } : {},
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles["buttons-wrapper"], children: [
+            (inputValue || selectedItem || selectedItems.length) && !noClearButton ? /* @__PURE__ */ jsx("div", { className: styles["close-button-wrapper"], children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "clear selection",
+                appearance: "ghost",
+                size: "small",
+                icon: SvgClose,
+                className: styles["close-button"],
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onClearButtonClick?.(e);
+                },
+                tabIndex: -1
+              }
+            ) }) : null,
+            /* @__PURE__ */ jsx("div", { className: styles["toggle-button-wrapper"], children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                ...toggleButtonProps,
+                ...variant === "select" ? { tabIndex: -1, inert: "true" } : {},
+                className: styles["toggle-button"],
+                "aria-label": "toggle menu",
+                icon: SvgChevronRight,
+                appearance: "ghost",
+                size: "small",
+                disabled
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles["prefix-wrapper"], children: prefix ? /* @__PURE__ */ jsx("div", { className: styles["prefix"], children: prefix }) : null }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(styles["rows-wrapper"], {
+                [styles["max-rows"]]: maxRows !== void 0,
+                [styles["single-row"]]: maxRows === 1 && !stillCalculating
+              }),
+              ref: rowsRef,
+              children: [
+                selectedItems.length && removeSelectedItem != null ? selectedItems.slice(0, selectedItemsDisplayCount).map((item, index) => {
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: styles["chip-wrapper"],
+                      children: /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          ...mergeChipProps(
+                            chipProps(item, index),
+                            selectedItemProps(item, index),
+                            {
+                              label: itemToString(item),
+                              onClose: disabled || readOnly ? void 0 : (_e) => {
+                                removeSelectedItem(item);
+                              },
+                              className: styles["chip"],
+                              title: itemToString(item)
+                            }
+                          )
+                        }
+                      )
+                    },
+                    `selected-item-${index}`
+                  );
+                }) : null,
+                collapsedChips && maxRows != null ? /* @__PURE__ */ jsx("div", { className: styles["chip-wrapper"], children: /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: `+${selectedItems.length - selectedItemsDisplayCount}`,
+                    className: styles["chip"],
+                    title: selectedItems.slice(selectedItemsDisplayCount).map((item) => itemToString(item)).join(", ")
+                  }
+                ) }) : null,
+                /* @__PURE__ */ jsxs(Flex, { className: styles["input-flex"], alignItems: "center", children: [
+                  variant === "select" ? /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      ...inputProps,
+                      className: cx(ComboboxInputClassNames, inputProps.className),
+                      children: selectedItems.length ? null : selectedItem ? itemToString(selectedItem) : /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: styles["fake-placeholder"],
+                          id: placeholderUid,
+                          children: placeholder
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      ...inputProps,
+                      placeholder,
+                      className: cx(ComboboxInputClassNames, inputProps.className),
+                      ...inputProps["aria-expanded"] != null && inputProps["aria-controls"] != null ? {
+                        role: "combobox"
+                      } : {}
+                    }
+                  ),
+                  suffix ? /* @__PURE__ */ jsx("div", { className: styles["suffix"], children: suffix }) : null
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    hint || errorMessages || warning || description ? /* @__PURE__ */ jsx(
+      Helper,
+      {
+        id: helperUid,
+        error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+        warning,
+        errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+        hint,
+        description
+      }
+    ) : null
+  ] });
+};
+
+export { ADD_NEW as A, SelectTriggerBase as S, defaultItemToKey as a, SELECT_ALL as b, defaultItemToString as d, getScrollParent as g, isMultiple as i };
+//# sourceMappingURL=SelectTriggerBase-CWxP7nPA.js.map

package/dist/SelectTriggerBase-CWxP7nPA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerBase-CWxP7nPA.js","sources":["../src/components/Combobox/internal/ComboboxUtils.ts","../src/components/SelectTrigger/internal/SelectTriggerBase.tsx"],"sourcesContent":["import {\n  ComboboxMultipleProps,\n  ComboboxProps,\n  ComboboxSelectProps,\n  SelectMultipleProps,\n} from \"../ComboboxTypes\";\n\nexport const ADD_NEW = Symbol.for(\"add-new\");\nexport const SELECT_ALL = Symbol.for(\"select-all\");\n\n/**\n * Default function to convert an item to a string representation\n * @template Item - The type of the item\n * @param item - The item to convert to string\n * @returns String representation of the item or empty string if null/undefined\n */\nexport const defaultItemToString = function <Item>(item: Item | null) {\n  return item != null ? String(item) : \"\";\n};\n\n/**\n * Default function to generate a unique key for an item\n * @template Item - The type of the item\n * @param item - The item to generate a key for\n * @returns The item itself as the key\n */\nexport const defaultItemToKey = function <Item>(item: Item | null) {\n  return item;\n};\n\nexport function isMultiple<Item>(\n  props: ComboboxProps<Item> | ComboboxSelectProps<Item>,\n): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item> {\n  return Object.hasOwn(props, \"multiple\") && props.multiple === true;\n}\n\nexport function getScrollParent(node: HTMLElement | null) {\n  if (node == null) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    if (node.parentNode instanceof HTMLElement) {\n      return getScrollParent(node.parentNode);\n    }\n    return null;\n  }\n}\n","import {\n  useState,\n  useId,\n  useRef,\n  useLayoutEffect,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type MutableRefObject,\n  type MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Chip, ChipProps } from \"../../Chip\";\nimport { Flex } from \"../../Flex\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { Helper } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { TextFieldProps } from \"../../TextField\";\n\nimport styles from \"./SelectTriggerBase.module.scss\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { defaultItemToString } from \"../../Combobox/internal/ComboboxUtils\";\n\ntype PartialChipProps = Partial<Omit<ChipProps, \"icon\" | \"avatar\">> &\n  (\n    | { icon?: ChipProps[\"icon\"]; avatar?: never }\n    | { icon?: never; avatar?: ChipProps[\"avatar\"] }\n  );\n\nfunction mergeChipProps(\n  ...propSets: (PartialChipProps | Partial<ChipProps>)[]\n): ChipProps {\n  const merged = propSets.reduce(\n    (acc, props) => ({ ...acc, ...props }),\n    {} as Record<string, unknown>,\n  );\n\n  return merged as ChipProps;\n}\n\nexport type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<\n  TextFieldProps,\n  \"showCounter\" | \"prefix\"\n> & {\n  /**\n   * Should be a positive integer.\n   */\n  maxRows?: number;\n\n  /** Allows Combobox/Select to display custom-colored Chips */\n  selectedItemProps?: (item: Item, index: number) => PartialChipProps;\n} & {\n  itemToString?: (item: Item) => string;\n  removeSelectedItem?: (item: Item) => void;\n  disableClearSelection?: boolean;\n  selectedItem: Item | null;\n  selectedItems: Item[];\n\n  inputValue?: string;\n  referenceRef?: MutableRefObject<HTMLDivElement | null>;\n} & {\n  variant?: \"select\" | \"combobox\";\n  onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;\n  labelProps?: Partial<FieldLabelProps>;\n  inputWrapperProps?: ComponentPropsWithoutRef<\"div\">;\n  toggleButtonProps?: ComponentPropsWithoutRef<\"button\">;\n  chipProps?: (item: Item, index: number) => PartialChipProps;\n  inputProps?: ComponentPropsWithoutRef<\"input\" | \"div\">;\n} & {\n  prefix?: string | ReactNode;\n};\n\nexport const SelectTriggerBase = function <Item>({\n  className,\n  label,\n  size,\n  error,\n  hint,\n  description,\n  prefix,\n  suffix,\n  maxRows,\n  selectedItemProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  disabled,\n  readOnly,\n  /** ======== */\n  disableClearSelection,\n  itemToString: itemToStringProp,\n  selectedItem,\n  selectedItems,\n  removeSelectedItem,\n  inputValue,\n  referenceRef,\n  /** ======== */\n  variant = \"select\",\n  onClearButtonClick,\n  labelProps,\n  inputWrapperProps = {},\n  toggleButtonProps = {},\n  inputProps = {},\n  chipProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  warning,\n  placeholder,\n  ...rest\n}: SelectTriggerBaseProps<Item>) {\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n\n  const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n    [styles[\"select\"]]: variant === \"select\",\n  });\n\n  const noClearButton = disabled || readOnly || disableClearSelection;\n\n  const ComboboxInputWrapperClassNames = cx(\n    styles[\"input-wrapper\"],\n    className\n      ? {\n          [className]: variant === \"select\",\n        }\n      : {},\n    {\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n      [styles[\"no-clear-button\"]]: noClearButton,\n    },\n  );\n\n  const ComboboxInputClassNames = cx(\n    styles[\"input\"],\n    className\n      ? {\n          [className]: variant === \"combobox\",\n        }\n      : {},\n    {\n      [styles[\"error\"]]: error,\n    },\n  );\n\n  const helperUid = \"helper\" + useId();\n  const placeholderUid = \"placeholder\" + useId();\n  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n\n  warnDeprecatedErrorUsage(\"SelectTrigger\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [stillCalculating, setStillCalculating] = useState<boolean>(false);\n  const [collapsedChips, setCollapsedChips] = useState<boolean>(false);\n  const [visibleChipsCount, setVisibleChipsCount] = useState<number | null>(\n    null,\n  );\n  const [forceRenderCount, setForceRenderCount] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    // we only need to do this nonsense if maxRows is set\n    if (maxRows === undefined) return;\n\n    // 1) Render with no chips collapsed, if it's already just one row, we're done\n    // 2) If there is a second row, then render again with best guess at how we should collapse\n    // 3) If there is still a second row while collapsed, then render again with one less item\n    // 4) Keep going until there is only one row, then /actually/ render\n\n    // start calculation loop, set intiial values and force re-render\n    if (stillCalculating === false) {\n      setStillCalculating(true);\n      setCollapsedChips(false);\n      setVisibleChipsCount(null);\n      setForceRenderCount((x) => x + 1);\n\n      // otherwise, calculate the number of rows\n    } else if (rowsRef?.current?.children) {\n      const children = rowsRef?.current?.children;\n\n      // Exclude the input-flex element from row counting so the algorithm\n      // only considers chip elements when deciding whether to collapse.\n      // The input will naturally fit alongside chips thanks to its\n      // reduced min-width.\n      const chipChildren = Array.from(children).filter(\n        (child) =>\n          !(child as HTMLElement).classList?.contains(styles[\"input-flex\"]),\n      );\n\n      const rowData = chipChildren.reduce(\n        (acc, child) => {\n          const top = child.getBoundingClientRect().top;\n\n          if (!acc.length) {\n            return [{ count: 1, top }];\n          } else if (acc[acc.length - 1].top === top) {\n            return [\n              ...acc.slice(0, -1),\n              { count: acc[acc.length - 1].count + 1, top },\n            ];\n          } else if (acc[acc.length - 1].top !== top) {\n            return [...acc, { count: 1, top }];\n          } else {\n            return acc;\n          }\n        },\n        [] as { count: number; top: number }[],\n      );\n\n      // Call it a day if:\n      // We don't have a second row OR\n      // We're already hiding everything OR\n      // There's only one item selected\n      if (\n        !rowData[maxRows] ||\n        visibleChipsCount === 0 ||\n        selectedItems.length === 1\n      ) {\n        setStillCalculating(false);\n      } else {\n        setCollapsedChips(true);\n\n        // otherwise, either guess how many visible chips we have\n        if (visibleChipsCount == null) {\n          if (rowData[maxRows]) {\n            const quickGuess = Math.max(\n              rowData\n                .slice(0, maxRows)\n                .reduce((sum, row) => sum + row.count, -1),\n              0,\n            );\n\n            setVisibleChipsCount(quickGuess);\n          } else {\n            const naiveGuess = Math.max(\n              rowData.reduce((sum, row) => sum + row.count, -2),\n              0,\n            );\n            setVisibleChipsCount(naiveGuess);\n          }\n\n          // or decrease our last guess by 1 and try again\n        } else {\n          setVisibleChipsCount(visibleChipsCount - 1);\n        }\n\n        setForceRenderCount((x) => x + 1);\n      }\n    }\n  }, [selectedItems.length, maxRows, forceRenderCount]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const selectedItemsDisplayCount =\n    collapsedChips && maxRows != null && visibleChipsCount !== null\n      ? visibleChipsCount\n      : selectedItems.length;\n\n  // TODO: Update this to use a TextField component once we can pass props\n  //       directly to both the label and the text input\n  return (\n    <div {...rest} className={ComboboxTriggerClassNames} ref={referenceRef}>\n      {label ? (\n        <FieldLabel\n          {...labelProps}\n          className={cx(styles[\"label\"], labelProps?.className)}\n        >\n          {label}\n        </FieldLabel>\n      ) : null}\n\n      <div\n        {...inputWrapperProps}\n        className={ComboboxInputWrapperClassNames}\n        {...(variant === \"select\"\n          ? {\n              \"aria-describedby\": ariaDescribedBy,\n              \"aria-labelledby\": labelProps?.id,\n            }\n          : {})}\n      >\n        <div className={styles[\"buttons-wrapper\"]}>\n          {(inputValue || selectedItem || selectedItems.length) &&\n          !noClearButton ? (\n            <div className={styles[\"close-button-wrapper\"]}>\n              <Button\n                aria-label=\"clear selection\"\n                appearance=\"ghost\"\n                size=\"small\"\n                icon={Close}\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                  e.stopPropagation();\n                  onClearButtonClick?.(e);\n                }}\n                tabIndex={-1}\n              />\n            </div>\n          ) : null}\n\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              {...toggleButtonProps}\n              {...(variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {})}\n              className={styles[\"toggle-button\"]}\n              aria-label=\"toggle menu\"\n              icon={Chevron_Right}\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className={styles[\"prefix-wrapper\"]}>\n          {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        </div>\n\n        <div\n          className={cx(styles[\"rows-wrapper\"], {\n            [styles[\"max-rows\"]]: maxRows !== undefined,\n            [styles[\"single-row\"]]: maxRows === 1 && !stillCalculating,\n          })}\n          ref={rowsRef}\n        >\n          {selectedItems.length && removeSelectedItem != null\n            ? selectedItems\n                .slice(0, selectedItemsDisplayCount)\n                .map((item, index) => {\n                  return (\n                    <div\n                      key={`selected-item-${index}`}\n                      className={styles[\"chip-wrapper\"]}\n                    >\n                      <Chip\n                        {...mergeChipProps(\n                          chipProps(item, index),\n                          selectedItemProps(item, index),\n                          {\n                            label: itemToString(item),\n                            onClose:\n                              disabled || readOnly\n                                ? undefined\n                                : (_e) => {\n                                    removeSelectedItem(item);\n                                  },\n                            className: styles[\"chip\"],\n                            title: itemToString(item),\n                          },\n                        )}\n                      />\n                    </div>\n                  );\n                })\n            : null}\n\n          {collapsedChips && maxRows != null ? (\n            <div className={styles[\"chip-wrapper\"]}>\n              <Chip\n                label={`+${selectedItems.length - selectedItemsDisplayCount}`}\n                className={styles[\"chip\"]}\n                title={selectedItems\n                  .slice(selectedItemsDisplayCount)\n                  .map((item) => itemToString(item))\n                  .join(\", \")}\n              />\n            </div>\n          ) : null}\n\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            {variant === \"select\" ? (\n              <div\n                {...inputProps}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n              >\n                {selectedItems.length ? null : selectedItem ? (\n                  itemToString(selectedItem)\n                ) : (\n                  <span\n                    className={styles[\"fake-placeholder\"]}\n                    id={placeholderUid}\n                  >\n                    {placeholder}\n                  </span>\n                )}\n              </div>\n            ) : (\n              <input\n                type=\"text\"\n                {...inputProps}\n                placeholder={placeholder}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n                {...(inputProps[\"aria-expanded\"] != null &&\n                inputProps[\"aria-controls\"] != null\n                  ? {\n                      role: \"combobox\",\n                    }\n                  : {})}\n              />\n            )}\n\n            {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n          </Flex>\n        </div>\n      </div>\n\n      {hint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          hint={hint}\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["Close","Chevron_Right"],"mappings":"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"}