@servicetitan/anvil2-ext-common 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,4 +1,5 @@
 import './index.css';export { default as ExampleComponent } from './ExampleComponent.js';
+export { S as Suggestions } from './Suggestions-ChGGcGuO.js';
 export { u as useConfirmDialog } from './useConfirmDialog-DaQ5Golt.js';
 export { C as CommitTrigger, u as useInputGuards } from './useInputGuards-CNyYcrvq.js';
 export { default as ExampleProvider } from './ExampleProvider.js';
@@ -25196,35 +25197,6 @@ const VirtualizedOptionsPanel = forwardRef(
 );
 VirtualizedOptionsPanel.displayName = "VirtualizedOptionsPanel";
 
-function useDebouncedCallback(callback, delay = 300) {
-  const timeoutRef = useRef(null);
-  const callbackRef = useRef(callback);
-  useEffect(() => {
-    callbackRef.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = null;
-      }
-    };
-  }, [delay]);
-  const debouncedCallback = useCallback(
-    ((...args) => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      timeoutRef.current = setTimeout(() => {
-        callbackRef.current(...args);
-        timeoutRef.current = null;
-      }, delay);
-    }),
-    [delay]
-  );
-  return debouncedCallback;
-}
-
 const DEFAULT_CACHE_SIZE = 15;
 const STATIC_CACHE_KEY = "__static__";
 function cacheSet(sectionCache, key, value, maxSize) {
@@ -25763,10 +25735,10 @@ const SvgInfo = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "
 
 const INLINE_MARKDOWN_REGEX = /\*\*\*(.+?)\*\*\*|\*\*(.+?)\*\*|\*(.+?)\*|==(.+?)==|`(.+?)`/g;
 
-const highlight = "_highlight_1v2if_1";
+const highlight$2 = "_highlight_1v2if_1";
 const code = "_code_1v2if_7";
 const styles$1$1 = {
-	highlight: highlight,
+	highlight: highlight$2,
 	code: code
 };
 
@@ -25958,29 +25930,31 @@ const SelectFieldLabel = ({
   return labelContent;
 };
 
-const input$2 = "_input_2e6em_21";
-const error$3 = "_error_2e6em_48";
-const disabled$2 = "_disabled_2e6em_55";
-const small$2 = "_small_2e6em_137";
-const large$2 = "_large_2e6em_143";
-const prefix$2 = "_prefix_2e6em_227";
-const suffix$2 = "_suffix_2e6em_260";
+const input$2 = "_input_2c5gw_21";
+const error$3 = "_error_2c5gw_48";
+const disabled$2 = "_disabled_2c5gw_55";
+const highlight$1 = "_highlight_2c5gw_64";
+const small$2 = "_small_2c5gw_140";
+const large$2 = "_large_2c5gw_146";
+const prefix$2 = "_prefix_2c5gw_230";
+const suffix$2 = "_suffix_2c5gw_263";
 const styles$6 = {
-	"search-field": "_search-field_2e6em_1",
-	"input-wrapper": "_input-wrapper_2e6em_21",
+	"search-field": "_search-field_2c5gw_1",
+	"input-wrapper": "_input-wrapper_2c5gw_21",
 	input: input$2,
 	error: error$3,
 	disabled: disabled$2,
-	"fake-placeholder": "_fake-placeholder_2e6em_120",
-	"no-clear-button": "_no-clear-button_2e6em_125",
-	"no-toggle-button": "_no-toggle-button_2e6em_129",
+	highlight: highlight$1,
+	"fake-placeholder": "_fake-placeholder_2c5gw_123",
+	"no-clear-button": "_no-clear-button_2c5gw_128",
+	"no-toggle-button": "_no-toggle-button_2c5gw_132",
 	small: small$2,
 	large: large$2,
-	"buttons-wrapper": "_buttons-wrapper_2e6em_149",
-	"close-button-wrapper": "_close-button-wrapper_2e6em_166",
-	"close-button": "_close-button_2e6em_166",
-	"toggle-button-wrapper": "_toggle-button-wrapper_2e6em_189",
-	"toggle-button": "_toggle-button_2e6em_189",
+	"buttons-wrapper": "_buttons-wrapper_2c5gw_152",
+	"close-button-wrapper": "_close-button-wrapper_2c5gw_169",
+	"close-button": "_close-button_2c5gw_169",
+	"toggle-button-wrapper": "_toggle-button-wrapper_2c5gw_192",
+	"toggle-button": "_toggle-button_2c5gw_192",
 	prefix: prefix$2,
 	suffix: suffix$2
 };
@@ -31070,32 +31044,63 @@ const FieldMessage = forwardRef(
 );
 FieldMessage.displayName = "FieldMessage";
 
-const input$1 = "_input_1mlsg_26";
-const error$1 = "_error_1mlsg_54";
-const disabled$1 = "_disabled_1mlsg_61";
-const chip$1 = "_chip_1mlsg_140";
-const prefix$1 = "_prefix_1mlsg_230";
-const suffix$1 = "_suffix_1mlsg_231";
-const small$1 = "_small_1mlsg_306";
-const large$1 = "_large_1mlsg_312";
+function useDebouncedCallback(callback, delay = 300) {
+  const timeoutRef = useRef(null);
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [delay]);
+  const debouncedCallback = useCallback(
+    ((...args) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callbackRef.current(...args);
+        timeoutRef.current = null;
+      }, delay);
+    }),
+    [delay]
+  );
+  return debouncedCallback;
+}
+
+const input$1 = "_input_184hn_26";
+const error$1 = "_error_184hn_54";
+const disabled$1 = "_disabled_184hn_61";
+const highlight = "_highlight_184hn_70";
+const chip$1 = "_chip_184hn_143";
+const prefix$1 = "_prefix_184hn_233";
+const suffix$1 = "_suffix_184hn_234";
+const small$1 = "_small_184hn_309";
+const large$1 = "_large_184hn_315";
 const styles$3 = {
-	"input-wrapper": "_input-wrapper_1mlsg_26",
+	"input-wrapper": "_input-wrapper_184hn_26",
 	input: input$1,
 	error: error$1,
 	disabled: disabled$1,
-	"input-flex": "_input-flex_1mlsg_71",
-	"rows-wrapper": "_rows-wrapper_1mlsg_129",
-	"chip-wrapper": "_chip-wrapper_1mlsg_140",
+	highlight: highlight,
+	"input-flex": "_input-flex_184hn_74",
+	"rows-wrapper": "_rows-wrapper_184hn_132",
+	"chip-wrapper": "_chip-wrapper_184hn_143",
 	chip: chip$1,
-	"buttons-wrapper": "_buttons-wrapper_1mlsg_152",
-	"close-button-wrapper": "_close-button-wrapper_1mlsg_169",
-	"close-button": "_close-button_1mlsg_169",
-	"toggle-button-wrapper": "_toggle-button-wrapper_1mlsg_192",
-	"toggle-button": "_toggle-button_1mlsg_192",
+	"buttons-wrapper": "_buttons-wrapper_184hn_155",
+	"close-button-wrapper": "_close-button-wrapper_184hn_172",
+	"close-button": "_close-button_184hn_172",
+	"toggle-button-wrapper": "_toggle-button-wrapper_184hn_195",
+	"toggle-button": "_toggle-button_184hn_195",
 	prefix: prefix$1,
 	suffix: suffix$1,
-	"no-clear-button": "_no-clear-button_1mlsg_298",
-	"no-toggle-button": "_no-toggle-button_1mlsg_302",
+	"no-clear-button": "_no-clear-button_184hn_301",
+	"no-toggle-button": "_no-toggle-button_184hn_305",
 	small: small$1,
 	large: large$1};
 
@@ -31106,6 +31111,7 @@ const MultiSelectFieldInput = ({
   disableToggleButton,
   disabled,
   readOnly,
+  isHighlighted,
   error,
   onClear,
   id,
@@ -31135,7 +31141,8 @@ const MultiSelectFieldInput = ({
     [styles$3["large"]]: size === "large",
     [styles$3["no-clear-button"]]: disableClearButton,
     [styles$3["no-toggle-button"]]: disableToggleButton,
-    [styles$3["disabled"]]: disabled || readOnly
+    [styles$3["disabled"]]: disabled || readOnly,
+    [styles$3["highlight"]]: isHighlighted
   });
   const handleInputKeyDown = (e) => {
     if (e.key === "Backspace" && !inputProps?.value && selectedOptions.length > 0 && onRemoveOption && !disabled && !readOnly) {
@@ -31491,6 +31498,7 @@ const MultiSelectFieldComboboxMode = ({
   isDisabledOrReadOnly,
   disabled,
   readOnly,
+  isHighlighted,
   required,
   placeholder,
   size,
@@ -31629,6 +31637,7 @@ const MultiSelectFieldComboboxMode = ({
             {
               disabled,
               readOnly,
+              isHighlighted,
               disableToggleButton: false,
               placeholder,
               disableClearButton,
@@ -31676,6 +31685,7 @@ const MultiSelectFieldComboboxMode = ({
                 {
                   disabled,
                   readOnly,
+                  isHighlighted,
                   inputProps: getInputProps(),
                   disableToggleButton: true,
                   placeholder,
@@ -31743,6 +31753,7 @@ const MultiSelectFieldComboboxMode = ({
           {
             disabled,
             readOnly,
+            isHighlighted,
             inputProps: getInputProps({
               popovertarget: `${id}-popover`,
               "aria-describedby": [hasHelperText && helperUid, moreInfo && moreInfoId].filter(Boolean).join(" ") || void 0,
@@ -31818,6 +31829,7 @@ const MultiSelectFieldTrigger = ({
   disableClearButton,
   disabled,
   readOnly,
+  isHighlighted,
   error,
   onClear,
   id,
@@ -31844,7 +31856,8 @@ const MultiSelectFieldTrigger = ({
     [styles$3["small"]]: size === "small",
     [styles$3["large"]]: size === "large",
     [styles$3["no-clear-button"]]: disableClearButton,
-    [styles$3["disabled"]]: disabled || readOnly
+    [styles$3["disabled"]]: disabled || readOnly,
+    [styles$3["highlight"]]: isHighlighted
   });
   return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ jsxs(
@@ -32093,6 +32106,7 @@ const MultiSelectFieldSelectMode = ({
   isDisabledOrReadOnly,
   disabled,
   readOnly,
+  isHighlighted,
   required,
   placeholder,
   size,
@@ -32222,6 +32236,7 @@ const MultiSelectFieldSelectMode = ({
             {
               disabled,
               readOnly,
+              isHighlighted,
               placeholder,
               disableClearButton,
               toggleButtonProps,
@@ -32311,6 +32326,7 @@ const MultiSelectFieldSelectMode = ({
           {
             disabled,
             readOnly,
+            isHighlighted,
             placeholder,
             disableClearButton,
             toggleButtonProps,
@@ -32399,6 +32415,7 @@ const MultiSelectField = forwardRef((propsWithLayout, ref) => {
     labelAiMark,
     disabled,
     readOnly,
+    isHighlighted,
     prefix,
     suffix,
     selectAll: selectAllProp,
@@ -32499,6 +32516,7 @@ const MultiSelectField = forwardRef((propsWithLayout, ref) => {
     isDisabledOrReadOnly,
     disabled,
     readOnly,
+    isHighlighted,
     required,
     placeholder,
     size,
@@ -32584,6 +32602,7 @@ const SelectFieldInput = ({
   disableToggleButton,
   disabled,
   readOnly,
+  isHighlighted,
   required,
   error,
   onClear,
@@ -32600,7 +32619,8 @@ const SelectFieldInput = ({
     [styles$6["large"]]: size === "large",
     [styles$6["no-clear-button"]]: disableClearButton,
     [styles$6["no-toggle-button"]]: disableToggleButton,
-    [styles$6["disabled"]]: disabled || readOnly
+    [styles$6["disabled"]]: disabled || readOnly,
+    [styles$6["highlight"]]: isHighlighted
   });
   return /* @__PURE__ */ jsxs(
     "div",
@@ -32819,6 +32839,7 @@ const SelectFieldComboboxMode = ({
   disabled,
   labelAiMark,
   readOnly,
+  isHighlighted,
   required,
   placeholder,
   size,
@@ -32959,6 +32980,7 @@ const SelectFieldComboboxMode = ({
             {
               disabled,
               readOnly,
+              isHighlighted,
               required,
               disableToggleButton: false,
               placeholder,
@@ -32998,6 +33020,7 @@ const SelectFieldComboboxMode = ({
                 {
                   disabled,
                   readOnly,
+                  isHighlighted,
                   inputProps: getInputProps(),
                   disableToggleButton: true,
                   placeholder,
@@ -33063,6 +33086,7 @@ const SelectFieldComboboxMode = ({
           {
             disabled,
             readOnly,
+            isHighlighted,
             required,
             inputProps: getInputProps({
               popovertarget: `${id}-popover`,
@@ -33133,6 +33157,7 @@ const SelectFieldTrigger = ({
   disableClearButton,
   disabled,
   readOnly,
+  isHighlighted,
   error,
   onClear,
   id,
@@ -33149,7 +33174,8 @@ const SelectFieldTrigger = ({
     [styles$6["small"]]: size === "small",
     [styles$6["large"]]: size === "large",
     [styles$6["no-clear-button"]]: disableClearButton,
-    [styles$6["disabled"]]: disabled || readOnly
+    [styles$6["disabled"]]: disabled || readOnly,
+    [styles$6["highlight"]]: isHighlighted
   });
   return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ jsxs(
@@ -33343,6 +33369,7 @@ const SelectFieldSelectMode = ({
   isDisabledOrReadOnly,
   disabled,
   readOnly,
+  isHighlighted,
   placeholder,
   size,
   error,
@@ -33461,6 +33488,7 @@ const SelectFieldSelectMode = ({
             {
               disabled,
               readOnly,
+              isHighlighted,
               placeholder,
               disableClearButton,
               toggleButtonProps,
@@ -33546,6 +33574,7 @@ const SelectFieldSelectMode = ({
           {
             disabled,
             readOnly,
+            isHighlighted,
             placeholder,
             disableClearButton,
             toggleButtonProps,
@@ -33633,6 +33662,7 @@ const SelectField = forwardRef(
       required,
       disabled,
       readOnly,
+      isHighlighted,
       prefix,
       suffix,
       warning,
@@ -33684,6 +33714,7 @@ const SelectField = forwardRef(
       isDisabledOrReadOnly,
       disabled,
       readOnly,
+      isHighlighted,
       required,
       placeholder,
       size,
@@ -35163,6 +35194,7 @@ const TreeSelectFieldInput = ({
   suffix,
   selectedOptions,
   onRemoveOption,
+  getChipProps,
   inputRef,
   inputWrapperRef,
   searchValue,
@@ -35210,6 +35242,7 @@ const TreeSelectFieldInput = ({
                 children: /* @__PURE__ */ jsx(
                   Chip,
                   {
+                    ...getChipProps?.(option),
                     label: option.label,
                     onClose: disabled || readOnly ? void 0 : () => onRemoveOption(option),
                     className: styles["chip"],
@@ -35320,6 +35353,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
     onSearchChange,
     singleRow,
     maxChips,
+    getChipProps,
     virtualize,
     value,
     onSelectedOptionsChange,
@@ -35555,6 +35589,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
             single: isSingleSelect,
             singleRow,
             maxChips,
+            getChipProps,
             prefix,
             suffix,
             selectedOptions: value,
@@ -35624,6 +35659,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
                 single: isSingleSelect,
                 singleRow: true,
                 maxChips: 20,
+                getChipProps,
                 prefix,
                 suffix,
                 selectedOptions: value,