@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/{Combobox-Dt3AnO9Z.js → Combobox-CBLaT1lU.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useEffect, useMemo, useState, useRef, forwardRef, useId, useLayoutEffect } from 'react';
-import { P as Popover, u as usePopoverContext } from './Popover-CfG1IJP6.js';
-import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-qeFownmF.js';
+import { P as Popover, u as usePopoverContext } from './Popover-CyB7yzSf.js';
+import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-kMRqbXwu.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useDownshiftEnvironment, c as useMultipleSelection, b as useSelect, a as useCombobox$1 } from './downshift.esm-xtSnQp44.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
-import { l as listboxStyles } from './Listbox.module-HAXMOKvC.js';
-import { T as Text } from './Text-DQ78JchQ.js';
-import { D as Divider } from './Divider-B1UoK8ho.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
-import { S as Spinner } from './Spinner-BqmcE2pb.js';
-import { l as listViewStyles } from './ListView.module-BilDg12y.js';
-import { I as Icon$1 } from './Icon-DuIlne4x.js';
-import { c as checkboxStyles } from './Checkbox.module-EkRZO48Y.js';
-import { S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-B4zobNlt.js';
-import { A as Avatar } from './Avatar-ChybzixS.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { l as listboxStyles } from './Listbox.module-CfpLm9pS.js';
+import { T as Text } from './Text-BH8gglCL.js';
+import { D as Divider } from './Divider-Ds3WKsKa.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
+import { S as Spinner } from './Spinner-lPMo68yW.js';
+import { l as listViewStyles } from './ListView.module-CRk9NfLG.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
+import { c as checkboxStyles } from './Checkbox.module-TYMeYIxw.js';
+import { S as SvgCheckBox, a as SvgCheckBoxOutlineBlank } from './check_box-0U1tbEAd.js';
+import { A as Avatar } from './Avatar-BmNcLUg-.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
@@ -49,26 +49,26 @@ const ComboboxEmpty = function({
   return /* @__PURE__ */ jsx(ComboboxEmptyElement, { children });
 };
 
-const item = "_item_11q9l_22";
-const group = "_group_11q9l_35";
-const combobox = "_combobox_11q9l_50";
-const listview = "_listview_11q9l_59";
-const empty = "_empty_11q9l_63";
-const Icon = "_Icon_11q9l_117";
-const scrolled = "_scrolled_11q9l_165";
+const combobox = "_combobox_9blix_2";
+const listview = "_listview_9blix_13";
+const empty = "_empty_9blix_18";
+const group = "_group_9blix_34";
+const item = "_item_9blix_70";
+const scrolled = "_scrolled_9blix_191";
 const styles = {
-	item: item,
-	group: group,
 	combobox: combobox,
-	"popover-content": "_popover-content_11q9l_54",
+	"popover-content": "_popover-content_9blix_7",
 	listview: listview,
 	empty: empty,
-	"group-title": "_group-title_11q9l_75",
-	"group-list": "_group-list_11q9l_81",
-	Icon: Icon,
-	"scroll-sentinel": "_scroll-sentinel_11q9l_120",
-	"listview-option": "_listview-option_11q9l_129",
-	"select-all": "_select-all_11q9l_159",
+	"scroll-sentinel": "_scroll-sentinel_9blix_25",
+	group: group,
+	"group-title": "_group-title_9blix_51",
+	"group-list": "_group-list_9blix_57",
+	item: item,
+	"listview-option": "_listview-option_9blix_135",
+	"listview-option-disabled": "_listview-option-disabled_9blix_141",
+	"icon-disabled": "_icon-disabled_9blix_147",
+	"select-all": "_select-all_9blix_185",
 	scrolled: scrolled
 };
 
@@ -577,19 +577,25 @@ const ComboboxItemVisual = forwardRef(
     rootDivProps,
     flexProps
   }, ref) => {
+    const checkboxClassNames = cx(checkboxStyles["checkbox"], {
+      [checkboxStyles["checkbox-checked"]]: checked
+    });
+    const listViewOptionClassNames = cx(
+      styles["listview-option"],
+      listViewStyles["listview-option"],
+      {
+        [styles["listview-option-disabled"]]: disabled
+      }
+    );
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
         "data-anv": "combobox-item",
         ...rootDivProps,
-        className: cx(
-          styles["listview-option"],
-          listViewStyles["listview-option"],
-          rootDivProps.className
-        ),
+        className: listViewOptionClassNames,
         children: [
-          !hideCheckbox ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], listViewStyles["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
+          !hideCheckbox ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], listViewStyles["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxClassNames, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -602,32 +608,16 @@ const ComboboxItemVisual = forwardRef(
                 ...disabled ? { disabled: true } : {}
               }
             ),
-            /* @__PURE__ */ jsxs("span", { className: checkboxStyles["icon-wrapper"], "aria-hidden": true, children: [
-              /* @__PURE__ */ jsx(
-                Icon$1,
-                {
-                  size: "large",
-                  svg: SvgIndeterminateCheckBox,
-                  className: checkboxStyles["icon-indeterminate"]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Icon$1,
-                {
-                  size: "large",
-                  svg: SvgCheckBox,
-                  className: checkboxStyles["icon-checked"]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Icon$1,
-                {
-                  size: "large",
-                  svg: SvgCheckBoxOutlineBlank,
-                  className: checkboxStyles["icon-unchecked"]
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsx("span", { className: checkboxStyles["icon-wrapper"], "aria-hidden": true, children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                size: "large",
+                svg: checked ? SvgCheckBox : SvgCheckBoxOutlineBlank,
+                className: cx(checkboxStyles["icon"], {
+                  [styles["icon-disabled"]]: disabled
+                })
+              }
+            ) }),
             /* @__PURE__ */ jsx("span", { "aria-hidden": true })
           ] }) }) }) : null,
           /* @__PURE__ */ jsx(Flex, { grow: 1, shrink: 1, ...flexProps, children })
@@ -793,10 +783,8 @@ const ComboboxContentElement = function({
     closeMenu,
     groups
   } = useCombobox();
-  const ComboboxPopoverContentClassNames = cx(
-    styles["popover-content"],
-    className
-  );
+  const inlineContentClassNames = cx(styles["popover-content"], className);
+  const popoverContentClassNames = cx(className);
   useEffect(() => {
     setHasDisabledPopover(disablePopover);
     return () => {
@@ -846,7 +834,7 @@ const ComboboxContentElement = function({
     "div",
     {
       ...rest,
-      className: ComboboxPopoverContentClassNames,
+      className: inlineContentClassNames,
       ref: contentRef,
       onBlur: handleBlur,
       children: groups?.length ? /* @__PURE__ */ jsx(ComboboxGroupList, { children: groups.map((group, i) => /* @__PURE__ */ jsxs(ComboboxGroupProvider, { value: group, children: [
@@ -879,7 +867,7 @@ const ComboboxContentElement = function({
     {
       "data-anv": "combobox-content",
       ...rest,
-      className: ComboboxPopoverContentClassNames,
+      className: popoverContentClassNames,
       ref: getMenuProps({ ref: contentRef }, { suppressRefError: true }).ref,
       tabIndex: -1,
       onBlur: handleBlur,
@@ -1129,7 +1117,7 @@ const ComboboxSearchField = function({
     data,
     hasOverride: !!props["data-tracking-id"]
   });
-  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon$1, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
+  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
     Avatar,
     {
       ...prefixProp.avatar,
@@ -1166,7 +1154,7 @@ const ComboboxSelectTrigger = function({
     data,
     hasOverride: !!props["data-tracking-id"]
   });
-  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon$1, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
+  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
     Avatar,
     {
       ...prefixProp.avatar,
@@ -1338,12 +1326,11 @@ const CoreComboboxItemElement = function({
             }
           ),
           /* @__PURE__ */ jsx(
-            Icon$1,
+            Icon,
             {
               "aria-hidden": true,
               svg: SvgCheck,
               inherit: true,
-              className: styles["Icon"],
               style: {
                 opacity: itemToKey(selectedItem) === itemToKey(item) ? 1 : 0
               }
@@ -2485,4 +2472,4 @@ const Combobox = Object.assign(
 const ComboboxElement = Combobox;
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxList as c };
-//# sourceMappingURL=Combobox-Dt3AnO9Z.js.map
+//# sourceMappingURL=Combobox-CBLaT1lU.js.map