silver-ui 0.2.0 → 0.3.1

package/dist/{chunk-47FUQCAT.cjs → chunk-LX64ENLC.cjs}

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunk76FHSISK_cjs = require('./chunk-76FHSISK.cjs');
-var chunkXHTKGOQV_cjs = require('./chunk-XHTKGOQV.cjs');
-var chunkDH2ZFYKE_cjs = require('./chunk-DH2ZFYKE.cjs');
-var chunkUUIAGGFW_cjs = require('./chunk-UUIAGGFW.cjs');
-var chunk36QGPGT2_cjs = require('./chunk-36QGPGT2.cjs');
-var chunkZ7ID5TC7_cjs = require('./chunk-Z7ID5TC7.cjs');
-var chunkGGZGVAEF_cjs = require('./chunk-GGZGVAEF.cjs');
+var chunkNHXJVSZZ_cjs = require('./chunk-NHXJVSZZ.cjs');
+var chunk3ZFEBOXD_cjs = require('./chunk-3ZFEBOXD.cjs');
+var chunkPZ63ZCEO_cjs = require('./chunk-PZ63ZCEO.cjs');
+var chunk4H35H54I_cjs = require('./chunk-4H35H54I.cjs');
+var chunk6W3L6IJB_cjs = require('./chunk-6W3L6IJB.cjs');
+var chunkGLJWAY4A_cjs = require('./chunk-GLJWAY4A.cjs');
+var chunk5BCLEOFF_cjs = require('./chunk-5BCLEOFF.cjs');
 var chunkCK3UJQRI_cjs = require('./chunk-CK3UJQRI.cjs');
-var chunk2VIJC4NW_cjs = require('./chunk-2VIJC4NW.cjs');
-var chunkMMST4VXH_cjs = require('./chunk-MMST4VXH.cjs');
-var chunkBDBHHJGN_cjs = require('./chunk-BDBHHJGN.cjs');
+var chunkQRKRVCA3_cjs = require('./chunk-QRKRVCA3.cjs');
+var chunkU5GTHA44_cjs = require('./chunk-U5GTHA44.cjs');
+var chunkW3KMDQKP_cjs = require('./chunk-W3KMDQKP.cjs');
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.cjs');
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -35,7 +35,7 @@ function StringEditor({
   if (operatorValue.searchSource != null) {
     const selectedItem = currentValue === "" ? null : { id: currentValue, label: currentValue };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2VIJC4NW_cjs.AutocompleteInput,
+      chunkQRKRVCA3_cjs.AutocompleteInput,
       {
         debounceMs: 150,
         isLabelHidden: true,
@@ -50,7 +50,7 @@ function StringEditor({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36QGPGT2_cjs.TextInput,
+    chunk6W3L6IJB_cjs.TextInput,
     {
       isLabelHidden: true,
       label: "Value",
@@ -74,7 +74,7 @@ function StringListEditor({
   const source = operatorValue.searchSource ?? emptySource();
   const hasCreate = operatorValue.isArbitraryStringAllowed === true || operatorValue.searchSource == null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXHTKGOQV_cjs.TagsInput,
+    chunk3ZFEBOXD_cjs.TagsInput,
     {
       debounceMs: operatorValue.searchSource == null ? 0 : 150,
       hasCreate,
@@ -98,7 +98,7 @@ function IntegerEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUUIAGGFW_cjs.NumberInput,
+    chunk4H35H54I_cjs.NumberInput,
     {
       isIntegerOnly: true,
       isLabelHidden: true,
@@ -118,7 +118,7 @@ function FloatEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUUIAGGFW_cjs.NumberInput,
+    chunk4H35H54I_cjs.NumberInput,
     {
       isLabelHidden: true,
       label: "Value",
@@ -137,7 +137,7 @@ function TimeEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkZ7ID5TC7_cjs.TimeInput,
+    chunkGLJWAY4A_cjs.TimeInput,
     {
       isLabelHidden: true,
       label: "Time",
@@ -158,7 +158,7 @@ function DateAbsoluteEditor({
   timezoneID
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGGZGVAEF_cjs.DateInput,
+    chunk5BCLEOFF_cjs.DateInput,
     {
       isLabelHidden: true,
       label: "Date",
@@ -206,7 +206,7 @@ function DateRelativeEditor({
     return result;
   }, [operatorValue.isFutureAllowed, operatorValue.isPastAllowed]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDH2ZFYKE_cjs.Select,
+    chunkPZ63ZCEO_cjs.Select,
     {
       isLabelHidden: true,
       label: "Relative date",
@@ -264,7 +264,7 @@ function DateRangeEditor({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGGZGVAEF_cjs.DateInput,
+      chunk5BCLEOFF_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "Start date",
@@ -273,7 +273,7 @@ function DateRangeEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGGZGVAEF_cjs.DateInput,
+      chunk5BCLEOFF_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "End date",
@@ -289,7 +289,7 @@ function EnumEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDH2ZFYKE_cjs.Select,
+    chunkPZ63ZCEO_cjs.Select,
     {
       isLabelHidden: true,
       label: "Value",
@@ -316,7 +316,7 @@ function EnumListEditor({
     () => enumItemsToSearchableItems(operatorValue.values),
     [operatorValue.values]
   );
-  const source = react.useMemo(() => chunk2VIJC4NW_cjs.createStaticSource(items), [items]);
+  const source = react.useMemo(() => chunkQRKRVCA3_cjs.createStaticSource(items), [items]);
   const currentValue = react.useMemo(() => {
     if (filterValue?.type !== "enum_list") {
       return [];
@@ -327,7 +327,7 @@ function EnumListEditor({
     }));
   }, [filterValue, operatorValue.values]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXHTKGOQV_cjs.TagsInput,
+    chunk3ZFEBOXD_cjs.TagsInput,
     {
       debounceMs: 0,
       hasEntriesOnFocus: true,
@@ -359,7 +359,7 @@ function EntityListEditor({
     }));
   }, [filterValue]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXHTKGOQV_cjs.TagsInput,
+    chunk3ZFEBOXD_cjs.TagsInput,
     {
       debounceMs: operatorValue.searchSource == null ? 0 : 150,
       isLabelHidden: true,
@@ -657,7 +657,7 @@ function NestedSubFilterRow({
   const isEmpty = operatorValue?.type === "empty";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.nestedRow, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.nestedCell} ${styles.nestedField}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDH2ZFYKE_cjs.Select,
+      chunkPZ63ZCEO_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -680,7 +680,7 @@ function NestedSubFilterRow({
       }
     ) }),
     operatorOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.nestedCell} ${styles.nestedOperator}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDH2ZFYKE_cjs.Select,
+      chunkPZ63ZCEO_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -716,7 +716,7 @@ function NestedSubFilterRow({
       }
     ) }) : null,
     !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkO3T7Z6RH_cjs.Button,
+      chunkBRB52QFV_cjs.Button,
       {
         icon: lucideReact.X,
         isIconOnly: true,
@@ -796,9 +796,9 @@ function NestedEditor({
       return updated;
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk76FHSISK_cjs.VStack, { gap: 2, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkNHXJVSZZ_cjs.VStack, { gap: 2, children: [
     operatorOptions.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDH2ZFYKE_cjs.Select,
+      chunkPZ63ZCEO_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -823,7 +823,7 @@ function NestedEditor({
       }
     ) }, `${subFilter.field}-${index}`)) }),
     !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkO3T7Z6RH_cjs.Button,
+      chunkBRB52QFV_cjs.Button,
       {
         label: "+ Add filter",
         onClick: addSubFilter,
@@ -915,9 +915,9 @@ function SearchFilterInputEditPopover({
       value: keepValue ? previous.value : void 0
     }));
   };
-  const footer = !isEmptyType ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.footer, children: /* @__PURE__ */ jsxRuntime.jsxs(chunk76FHSISK_cjs.HStack, { gap: 2, hAlign: "between", children: [
+  const footer = !isEmptyType ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.footer, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkNHXJVSZZ_cjs.HStack, { gap: 2, hAlign: "between", children: [
     !isReadOnly && mode === "edit" ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkO3T7Z6RH_cjs.Button,
+      chunkBRB52QFV_cjs.Button,
       {
         label: "Delete",
         onClick: () => onSave(null),
@@ -925,10 +925,10 @@ function SearchFilterInputEditPopover({
         variant: "ghost"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunk76FHSISK_cjs.HStack, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkO3T7Z6RH_cjs.Button, { label: "Cancel", onClick: onCancel, size: "sm", variant: "ghost" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkNHXJVSZZ_cjs.HStack, { gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBRB52QFV_cjs.Button, { label: "Cancel", onClick: onCancel, size: "sm", variant: "ghost" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkO3T7Z6RH_cjs.Button,
+        chunkBRB52QFV_cjs.Button,
         {
           isDisabled: isSaveDisabled,
           label: saveButtonLabel,
@@ -957,10 +957,10 @@ function SearchFilterInputEditPopover({
         }
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, children: /* @__PURE__ */ jsxRuntime.jsxs(chunk76FHSISK_cjs.VStack, { gap: 2, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk76FHSISK_cjs.HStack, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkNHXJVSZZ_cjs.VStack, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkNHXJVSZZ_cjs.HStack, { gap: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.fieldSelector, children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkDH2ZFYKE_cjs.Select,
+              chunkPZ63ZCEO_cjs.Select,
               {
                 isDisabled: isReadOnly,
                 isLabelHidden: true,
@@ -971,7 +971,7 @@ function SearchFilterInputEditPopover({
               }
             ) }),
             !isNestedType && operatorOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.operatorSelector, children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkDH2ZFYKE_cjs.Select,
+              chunkPZ63ZCEO_cjs.Select,
               {
                 isDisabled: isReadOnly,
                 isLabelHidden: true,
@@ -1373,6 +1373,7 @@ function SearchFilterInput({
   const searchSource = useSearchFilterInputSource(config);
   const tagsInputRef = react.useRef(null);
   const rootRef = react.useRef(null);
+  const wasInputFocusedRef = react.useRef(false);
   const [popoverState, setPopoverState] = react.useState({
     type: "idle"
   });
@@ -1407,11 +1408,25 @@ function SearchFilterInput({
   );
   const openEditor = react.useCallback(
     (state) => {
+      const active = document.activeElement;
+      const isInputFocused = active?.tagName === "INPUT" && rootRef.current?.contains(active) === true;
+      wasInputFocusedRef.current = state.type === "adding" || isInputFocused;
       tagsInputRef.current?.blur();
       setPopoverState(state);
     },
     []
   );
+  const handleCancel = react.useCallback(() => {
+    const wasInputFocused = wasInputFocusedRef.current;
+    setPopoverState({ type: "idle" });
+    if (wasInputFocused) {
+      requestAnimationFrame(() => tagsInputRef.current?.focus());
+    } else {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => tagsInputRef.current?.blur());
+      });
+    }
+  }, []);
   const handleTagsInputChange = react.useCallback(
     (_items, change) => {
       if (change.type === "remove") {
@@ -1524,7 +1539,7 @@ function SearchFilterInput({
       return entities.length === 1 && entities[0].photo != null ? entities[0].photo : void 0;
     })() : void 0;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMMST4VXH_cjs.Tag,
+      chunkU5GTHA44_cjs.Tag,
       {
         endContent: value === "" ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.value, children: value }),
         isDisabled,
@@ -1542,7 +1557,7 @@ function SearchFilterInput({
   const renderItem = (item) => {
     const field = item.auxiliaryData == null ? void 0 : config.getField(item.auxiliaryData.fieldKey);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2VIJC4NW_cjs.AutocompleteInputItem,
+      chunkQRKRVCA3_cjs.AutocompleteInputItem,
       {
         description: field?.description,
         icon: field?.icon ?? lucideReact.Search,
@@ -1580,7 +1595,7 @@ function SearchFilterInput({
       filter: partialFilter,
       isReadOnly,
       mode: popoverState.type === "editing" ? "edit" : "create",
-      onCancel: () => setPopoverState({ type: "idle" }),
+      onCancel: handleCancel,
       onSave: handleSave,
       saveButtonLabel: popoverSaveButtonLabel,
       timezoneID
@@ -1593,13 +1608,13 @@ function SearchFilterInput({
       isReadOnly,
       maxOperatorMenuItems,
       mode: popoverState.type === "editing" ? "edit" : "create",
-      onCancel: () => setPopoverState({ type: "idle" }),
+      onCancel: handleCancel,
       onSave: handleSave,
       saveButtonLabel: popoverSaveButtonLabel
     }
   );
   const resultCountNode = resultCount == null ? null : /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJMNH45Q3_cjs.Text,
+    chunkQEFE4QBL_cjs.Text,
     {
       as: "span",
       className: styles2.resultCount,
@@ -1610,7 +1625,7 @@ function SearchFilterInput({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.root, ref: rootRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXHTKGOQV_cjs.TagsInput,
+      chunk3ZFEBOXD_cjs.TagsInput,
       {
         className,
         "data-testid": dataTestId,
@@ -1644,7 +1659,7 @@ function SearchFilterInput({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBDBHHJGN_cjs.Popover,
+      chunkW3KMDQKP_cjs.Popover,
       {
         anchorRef: rootRef,
         className: styles2.popover,
@@ -1733,7 +1748,7 @@ function SearchFilterInputTag({
   );
   const entityPhoto = getSingleEntityPhoto(filter.value);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMMST4VXH_cjs.Tag,
+    chunkU5GTHA44_cjs.Tag,
     {
       endContent: value === "" ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles3.value, children: value }),
       isDisabled,
@@ -2095,5 +2110,5 @@ exports.createSearchFilterInputConfig = createSearchFilterInputConfig;
 exports.formatFilterValue = formatFilterValue;
 exports.useSearchFilterInputConfig = useSearchFilterInputConfig;
 exports.useSearchFilterInputSource = useSearchFilterInputSource;
-//# sourceMappingURL=chunk-47FUQCAT.cjs.map
-//# sourceMappingURL=chunk-47FUQCAT.cjs.map
+//# sourceMappingURL=chunk-LX64ENLC.cjs.map
+//# sourceMappingURL=chunk-LX64ENLC.cjs.map