silver-ui 0.3.1 → 0.5.0

package/dist/{chunk-2OXKEUKG.cjs → chunk-PKZSJX53.cjs}

@@ -13,5 +13,5 @@ function useButtonGroup() {
 
 exports.ButtonGroupContext = ButtonGroupContext;
 exports.useButtonGroup = useButtonGroup;
-//# sourceMappingURL=chunk-2OXKEUKG.cjs.map
-//# sourceMappingURL=chunk-2OXKEUKG.cjs.map
+//# sourceMappingURL=chunk-PKZSJX53.cjs.map
+//# sourceMappingURL=chunk-PKZSJX53.cjs.map

package/dist/chunk-PKZSJX53.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":["createContext","use"],"mappings":";;;;;AAWO,IAAM,kBAAA,GAAqBA,mBAAA;AAAA,EAChC;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAE1B,SAAS,cAAA,GAAiD;AAC/D,EAAA,OAAOC,UAAI,kBAAkB,CAAA;AAC/B","file":"chunk-PKZSJX53.cjs","sourcesContent":["import {createContext, use} from 'react';\nimport type {ButtonSize} from 'components/Button/Button';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\nexport interface ButtonGroupContextValue {\n  isDisabled: boolean;\n  orientation: ButtonGroupOrientation;\n  size: ButtonSize;\n}\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue | null>(\n  null,\n);\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\nexport function useButtonGroup(): ButtonGroupContextValue | null {\n  return use(ButtonGroupContext);\n}\n"]}

package/dist/chunk-PZHRFASW.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+
+// src/internal/useScrollLock.ts
+var lockCount = 0;
+var previousOverflow = "";
+var previousPaddingRight = "";
+function useScrollLock(isLocked) {
+  useEffect(() => {
+    if (!isLocked) {
+      return;
+    }
+    if (lockCount === 0) {
+      const { body, documentElement } = document;
+      previousOverflow = body.style.overflow;
+      previousPaddingRight = body.style.paddingRight;
+      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;
+      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {
+        const basePadding = parseFloat(window.getComputedStyle(body).paddingRight) || 0;
+        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;
+      }
+      body.style.overflow = "hidden";
+    }
+    lockCount += 1;
+    return () => {
+      lockCount -= 1;
+      if (lockCount === 0) {
+        document.body.style.overflow = previousOverflow;
+        document.body.style.paddingRight = previousPaddingRight;
+      }
+    };
+  }, [isLocked]);
+}
+
+export { useScrollLock };
+//# sourceMappingURL=chunk-PZHRFASW.js.map
+//# sourceMappingURL=chunk-PZHRFASW.js.map

package/dist/chunk-PZHRFASW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useScrollLock.ts"],"names":[],"mappings":";;;AAOA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAmB,EAAA;AACvB,IAAI,oBAAA,GAAuB,EAAA;AAQpB,SAAS,cAAc,QAAA,EAAyB;AACrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,EAAC,IAAA,EAAM,eAAA,EAAe,GAAI,QAAA;AAChC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAKlC,MAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,UAAA,GAAa,eAAA,CAAgB,WAAA;AAC3D,MAAA,IAAI,eAAA,CAAgB,WAAA,GAAc,CAAA,IAAK,cAAA,GAAiB,CAAA,EAAG;AACzD,QAAA,MAAM,cACJ,UAAA,CAAW,MAAA,CAAO,iBAAiB,IAAI,CAAA,CAAE,YAAY,CAAA,IAAK,CAAA;AAC5D,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,WAAA,GAAc,cAAc,CAAA,EAAA,CAAA;AAAA,MAC3D;AACA,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,IACxB;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAC/B,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,YAAA,GAAe,oBAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf","file":"chunk-PZHRFASW.js","sourcesContent":["import {useEffect} from 'react';\n\n// Module-level reference count so overlapping locks cooperate: e.g. a Lightbox\n// opened from within a Dialog. The body is unlocked only once every active lock\n// has been released. Without this shared count, an out-of-order unmount would\n// either unlock the body too early or leave it permanently locked, since each\n// component would save and restore `overflow` independently.\nlet lockCount = 0;\nlet previousOverflow = '';\nlet previousPaddingRight = '';\n\n/**\n * Locks body scroll while `isLocked` is true. Safe to call from multiple\n * components whose locks overlap; the body is restored only when the last one\n * releases. Compensates for the removed scrollbar width to avoid a layout\n * shift when the lock engages.\n */\nexport function useScrollLock(isLocked: boolean): void {\n  useEffect(() => {\n    if (!isLocked) {\n      return;\n    }\n\n    if (lockCount === 0) {\n      const {body, documentElement} = document;\n      previousOverflow = body.style.overflow;\n      previousPaddingRight = body.style.paddingRight;\n\n      // Reserve space for the scrollbar that `overflow: hidden` removes. Guard\n      // against environments without layout (e.g. jsdom reports clientWidth 0),\n      // where the difference is meaningless.\n      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;\n      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {\n        const basePadding =\n          parseFloat(window.getComputedStyle(body).paddingRight) || 0;\n        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;\n      }\n      body.style.overflow = 'hidden';\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        document.body.style.overflow = previousOverflow;\n        document.body.style.paddingRight = previousPaddingRight;\n      }\n    };\n  }, [isLocked]);\n}\n"]}

package/dist/{chunk-7MN4JDP7.js → chunk-Q3HMGFGI.js}

@@ -1,17 +1,17 @@
-import { VStack, HStack } from './chunk-2XAA3CM5.js';
-import { TagsInput } from './chunk-YSTESYUB.js';
-import { Select } from './chunk-CN2HJ7CP.js';
-import { NumberInput } from './chunk-ZWULWVN3.js';
-import { TextInput } from './chunk-ZVH3BLYO.js';
-import { TimeInput } from './chunk-S4LVSSJI.js';
-import { DateInput } from './chunk-BA4A7C7U.js';
-import { plainDateFromUnixSeconds, plainDateToUnixSeconds } from './chunk-QSEDH7T2.js';
-import { AutocompleteInputItem, createStaticSource, AutocompleteInput } from './chunk-HNROO7CR.js';
-import { Tag } from './chunk-M3IKL2VG.js';
-import { Popover } from './chunk-VEUZ5DZR.js';
+import { VStack, HStack } from './chunk-5ZU7FY4O.js';
+import { TagsInput } from './chunk-LBGC6EC5.js';
+import { Select } from './chunk-LKGHYNLH.js';
+import { NumberInput } from './chunk-ADSG24VE.js';
+import { TextInput } from './chunk-CUHJDV6K.js';
+import { TimeInput } from './chunk-XHJRAEGW.js';
+import { DateInput } from './chunk-75KSHZTV.js';
+import { plainDateFromUnixSeconds, plainDateToUnixSeconds } from './chunk-5HPXUDX6.js';
 import { getBrowserTimezoneID, nowEpochMilliseconds } from './chunk-OX4ZMUF4.js';
-import { Button } from './chunk-RVENUWRD.js';
-import { Text } from './chunk-76B2VLID.js';
+import { AutocompleteInputItem, createStaticSearchSource, AutocompleteInput } from './chunk-OERNLR2P.js';
+import { Tag } from './chunk-KC4EKXGF.js';
+import { Popover } from './chunk-S5CMLG2E.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { Text } from './chunk-RJEZBOSH.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { Search, X } from 'lucide-react';
 import { useState, useRef, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
@@ -146,7 +146,7 @@ function TimeEditor({
           onChange({ type: "time", value: value.toString() });
         }
       },
-      value: filterValue?.type === "time" ? Temporal.PlainTime.from(filterValue.value) : void 0
+      value: filterValue?.type === "time" ? Temporal.PlainTime.from(filterValue.value) : null
     }
   );
 }
@@ -168,7 +168,7 @@ function DateAbsoluteEditor({
           });
         }
       },
-      value: filterValue?.type === "date_absolute" ? plainDateFromUnixSeconds(filterValue.unixSeconds, timezoneID) : void 0
+      value: filterValue?.type === "date_absolute" ? plainDateFromUnixSeconds(filterValue.unixSeconds, timezoneID) : null
     }
   );
 }
@@ -226,8 +226,8 @@ function DateRangeEditor({
   const startValue = filterValue?.type === "date_range" && filterValue.value.start.type === "ABSOLUTE" ? plainDateFromUnixSeconds(
     filterValue.value.start.unixSeconds,
     timezoneID
-  ) : void 0;
-  const endValue = filterValue?.type === "date_range" && filterValue.value.end.type === "ABSOLUTE" ? plainDateFromUnixSeconds(filterValue.value.end.unixSeconds, timezoneID) : void 0;
+  ) : null;
+  const endValue = filterValue?.type === "date_range" && filterValue.value.end.type === "ABSOLUTE" ? plainDateFromUnixSeconds(filterValue.value.end.unixSeconds, timezoneID) : null;
   const handleStartChange = useCallback(
     (value) => {
       const existingEnd = filterValue?.type === "date_range" ? filterValue.value.end : { type: "NOW" };
@@ -314,7 +314,7 @@ function EnumListEditor({
     () => enumItemsToSearchableItems(operatorValue.values),
     [operatorValue.values]
   );
-  const source = useMemo(() => createStaticSource(items), [items]);
+  const source = useMemo(() => createStaticSearchSource(items), [items]);
   const currentValue = useMemo(() => {
     if (filterValue?.type !== "enum_list") {
       return [];
@@ -404,7 +404,6 @@ function SearchFilterInputValueEditor({
   filterValue,
   isDisabled,
   onChange,
-  onEnter,
   operatorValue,
   timezoneID
 }) {
@@ -744,21 +743,20 @@ function NestedEditor({
   });
   const syncToParent = useCallback(
     (nextSubFilters) => {
-      if (nextSubFilters.length > 0 && nextSubFilters.every((filter) => isEditableFilterComplete(config, filter))) {
-        onPartialFilterChange({
-          ...partialFilter,
-          value: {
-            type: "nested",
-            value: nextSubFilters.map((filter) => editableToCompleteFilter(config, filter)).filter(
-              (filter) => filter != null
-            )
-          }
-        });
-      } else {
-        onPartialFilterChange({ ...partialFilter, value: void 0 });
-      }
+      const isComplete = nextSubFilters.length > 0 && nextSubFilters.every(
+        (filter) => isEditableFilterComplete(config, filter)
+      );
+      onPartialFilterChange((previous) => ({
+        ...previous,
+        value: isComplete ? {
+          type: "nested",
+          value: nextSubFilters.map((filter) => editableToCompleteFilter(config, filter)).filter(
+            (filter) => filter != null
+          )
+        } : void 0
+      }));
     },
-    [config, onPartialFilterChange, partialFilter]
+    [config, onPartialFilterChange]
   );
   const addSubFilter = () => {
     const fields = config.getVisibleFields();
@@ -773,26 +771,21 @@ function NestedEditor({
       value: void 0,
       _subFilters: operator?.value.type === "nested" ? [] : void 0
     };
-    setSubFilters((previous) => {
-      const updated = [...previous, next];
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = [...subFilters, next];
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   const updateSubFilter = (index, nextSubFilter) => {
-    setSubFilters((previous) => {
-      const updated = [...previous];
-      updated[index] = nextSubFilter;
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = subFilters.map(
+      (subFilter, i) => i === index ? nextSubFilter : subFilter
+    );
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   const removeSubFilter = (index) => {
-    setSubFilters((previous) => {
-      const updated = previous.filter((_, i) => i !== index);
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = subFilters.filter((_, i) => i !== index);
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   return /* @__PURE__ */ jsxs(VStack, { gap: 2, children: [
     operatorOptions.length > 1 ? /* @__PURE__ */ jsx(
@@ -996,7 +989,6 @@ function SearchFilterInputEditPopover({
                     });
                   }
                 },
-                onEnter: handleSave,
                 operatorValue
               }
             ) }) : null
@@ -1034,7 +1026,7 @@ function numberValue(value, units) {
   const formatted = new Intl.NumberFormat().format(value);
   return units == null ? formatted : `${formatted} ${units}`;
 }
-function formatFilterValue(_config, operatorValue, filterValue, maxLength, timezoneID) {
+function formatFilterValue(operatorValue, filterValue, maxLength, timezoneID) {
   switch (filterValue.type) {
     case "empty":
       return "";
@@ -1385,7 +1377,6 @@ function SearchFilterInput({
       const operator = config.getOperator(filter.field, filter.operator);
       const operatorLabel = operator?.label ? ` ${operator.label}` : "";
       const value = operator == null ? "" : formatFilterValue(
-        config,
         operator.value,
         filter.value,
         maxTagLength,
@@ -1523,7 +1514,6 @@ function SearchFilterInput({
       );
     }
     const value = operator != null && filter != null ? formatFilterValue(
-      config,
       operator.value,
       filter.value,
       Math.max(
@@ -1664,7 +1654,7 @@ function SearchFilterInput({
         content: editorContent,
         hasAutoFocus: false,
         hasCloseButton: false,
-        hasLightDismiss: false,
+        isDismissable: false,
         isOpen: popoverState.type !== "idle",
         onOpenChange: (isOpen) => {
           if (!isOpen) {
@@ -1723,7 +1713,6 @@ function getSingleEntityPhoto(value) {
   return void 0;
 }
 function SearchFilterInputTag({
-  config: configFromProps,
   field,
   filter,
   isDisabled,
@@ -1732,14 +1721,12 @@ function SearchFilterInputTag({
   onRemove,
   operator
 }) {
-  const config = useInternalSearchFilterInputConfig(configFromProps);
   const tagLabel = `${field.label}${operator.label ? ` ${operator.label}` : ""}`;
   const adjustedMaxLength = Math.max(
     maxLength - field.label.length - operator.label.length,
     10
   );
   const value = formatFilterValue(
-    config,
     operator.value,
     filter.value,
     adjustedMaxLength
@@ -2101,5 +2088,5 @@ function useSearchFilterInputConfig(definitions, configName) {
 }
 
 export { SearchFilterInput, SearchFilterInputEditPopover, SearchFilterInputFilterEditor, SearchFilterInputTag, createSearchFilterInputConfig, formatFilterValue, useSearchFilterInputConfig, useSearchFilterInputSource };
-//# sourceMappingURL=chunk-7MN4JDP7.js.map
-//# sourceMappingURL=chunk-7MN4JDP7.js.map
+//# sourceMappingURL=chunk-Q3HMGFGI.js.map
+//# sourceMappingURL=chunk-Q3HMGFGI.js.map