@sustaina/shared-ui 1.30.1 → 1.30.3

package/dist/index.mjs

@@ -652,7 +652,8 @@ var OPERATOR_MAP = {
   dropdown: ["is", "isNot"],
   lookup: ["containsAny", "containsOnly", "containsAll", "notContains"],
   uuid: ["equals", "notEquals", "gt", "gte", "lt", "lte"],
-  json: ["equals", "notEquals", "containsAny"]
+  json: ["equals", "notEquals"]
+  // removed containsAny from json
 };
 
 // src/components/advanceSearch/hooks/useAdvanceSearch.ts
@@ -2600,12 +2601,16 @@ var LookupSelect = ({
     (option) => {
       upsertOptionLabels([option]);
       addTag(option.value);
-      inputRef.current?.focus();
-      setTimeout(() => {
-        inputRef.current?.scrollIntoView({ behavior: "smooth" });
-      }, 100);
+      if (multiple) {
+        inputRef.current?.focus();
+        setTimeout(() => {
+          inputRef.current?.scrollIntoView({ behavior: "smooth" });
+        }, 100);
+      } else {
+        inputRef.current?.blur();
+      }
     },
-    [addTag, upsertOptionLabels]
+    [addTag, multiple, upsertOptionLabels]
   );
   const handleKeyDown = useCallback(
     (e) => {
@@ -2765,7 +2770,7 @@ var LookupSelect = ({
     }
     return /* @__PURE__ */ jsx("div", { ref: assignDropdownContentRef, className: "absolute left-0 right-0 top-full z-10 mt-1", children: dropdownContent });
   };
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", ref: containerRef, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full truncate", ref: containerRef, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2796,7 +2801,7 @@ var LookupSelect = ({
                 `${tag}-${i}`
               );
             }),
-            !multiple && selectedLabel && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-gray-700", children: selectedLabel }),
+            !multiple && selectedLabel && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-gray-700 max-w-full", children: selectedLabel }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -2810,6 +2815,7 @@ var LookupSelect = ({
                     setIsDropdownOpen(true);
                   }
                 },
+                hidden: !multiple && selectedLabel !== void 0,
                 placeholder: value.length === 0 && resolvedPlaceholder || "",
                 className: "min-w-[120px] flex-1 border-none bg-transparent py-1 text-sm text-gray-600 placeholder:text-gray-400 outline-none",
                 disabled: multiple && limitReached
@@ -2911,7 +2917,6 @@ var ConditionJSONInput = ({
             onClear: handleClear,
             error: Boolean(fieldState.error),
             placeholder: fieldSchema?.placeholder,
-            maxTags: row.operator === "containsAny" ? fieldSchema?.maxTags : 1,
             fetchSuggestions: fieldSchema?.fetchSuggestions,
             suggestionDebounce: fieldSchema?.suggestionDebounce,
             noOptionsMessage: fieldSchema?.noOptionsMessage,
@@ -3227,12 +3232,12 @@ var JSONBuilder = class {
         return {
           NOT: { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } }
         };
-      case "containsAny":
-        if (!isArray)
-          return { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } };
-        return {
-          OR: row.value.map((v) => ({ [row.fieldName]: { path: row.jsonPath, equals: v } }))
-        };
+      // case "containsAny":
+      //   if (!isArray)
+      //     return { [row.fieldName]: { path: row.jsonPath, equals: isArray ? row.value[0] : row.value } };
+      //   return {
+      //     OR: (row.value as any[]).map((v) => ({ [row.fieldName]: { path: row.jsonPath, equals: v } }))
+      //   };
       default:
         return {};
     }
@@ -3505,7 +3510,9 @@ function transformFilterKeys(obj, fieldMap = FILTER_FIELD_MAP) {
 }
 var sanitizeInput = (val) => {
   if (!val) return val;
-  if (typeof val !== "string") return "__INVALID_TYPE__";
+  if (Array.isArray(val)) {
+    return val.map((v) => sanitizeInput(v));
+  }
   if (val.includes("\n") || val.includes("\r") || /[\u2028\u2029]/u.test(val))
     return "__INVALID_NEWLINE__";
   if (/\\\\/.test(val)) return "__INVALID_ESCAPE__";
@@ -3524,6 +3531,9 @@ var numericTypes = ["number", "integer", "decimal"];
 var dateTypes = ["date", "datemonth"];
 var validateByFieldType = (value, fieldType) => {
   if (!value) return { valid: true };
+  if (Array.isArray(value)) {
+    return { valid: true };
+  }
   if (numericTypes.includes(fieldType)) {
     if (!/^\d+(\.\d+)?$/.test(value)) {
       return { valid: false, message: "Please enter a valid number." };
@@ -3596,6 +3606,7 @@ var AdvanceSearch = ({
   );
   const parseRangeValue = useCallback((raw, fieldType) => {
     if (!raw) return void 0;
+    if (Array.isArray(raw)) return void 0;
     const normalized = fieldType === "datemonth" ? `${raw}-01` : raw;
     const parsed = parseISO(normalized);
     return isValid(parsed) ? parsed : void 0;
@@ -3614,10 +3625,10 @@ var AdvanceSearch = ({
     const processedRows = rows.map((r) => {
       const startField = `value_${r.id}`;
       const endField = `value2_${r.id}`;
-      let v1 = currentValues[startField] ?? "";
-      let v2 = currentValues[endField] ?? "";
+      let v1 = currentValues[startField];
+      let v2 = currentValues[endField];
       const s1 = sanitizeInput(v1);
-      if (s1?.startsWith("__INVALID")) {
+      if (Array.isArray(s1) && s1.some((v) => v?.startsWith("__INVALID")) || typeof s1 === "string" && s1?.startsWith("__INVALID")) {
         hasError = true;
         setError(startField, { type: "validate", message: "Invalid input." });
         return null;
@@ -3631,7 +3642,7 @@ var AdvanceSearch = ({
       }
       if (r.operator === "between") {
         const s2 = sanitizeInput(v2);
-        if (s2?.startsWith("__INVALID")) {
+        if (Array.isArray(s2) && s2.some((v) => v?.startsWith("__INVALID")) || typeof s2 === "string" && s2?.startsWith("__INVALID")) {
           hasError = true;
           setError(endField, { type: "validate", message: "Invalid input." });
           return null;
@@ -3821,6 +3832,15 @@ function selectValueToBoolean(value) {
   if (value === "false") return false;
   return void 0;
 }
+function resetVisibleTableState(payload) {
+  const { table, visibility } = payload;
+  if (!table) return;
+  table.setColumnVisibility(visibility);
+  const isVisible = (id) => payload.visibility?.[id] === true;
+  const prevState = table.getState();
+  table.setColumnFilters(prevState.columnFilters.filter((f) => isVisible(f.id)));
+  table.setSorting(prevState.sorting.filter((s) => isVisible(s.id)));
+}
 var useHover = () => {
   const [hovering, setHovering] = useState(false);
   const prevRef = useRef(null);
@@ -6867,8 +6887,15 @@ var useGridSettingsStore = create(
       return { availableColumns, currentColumns };
     },
     syncColumnsState: (table, options) => {
+      const {
+        excludeColumns = [],
+        labelMap = {},
+        visibility = {},
+        ordering = [],
+        pinning
+      } = options || {};
       const { availableColumns, currentColumns } = get().extractColumns(table);
-      const { excludeColumns = [], labelMap = {}, visibility = {} } = options || {};
+      const orderMap = new Map(ordering.map((columnId, index) => [columnId, index]));
       const filteredExcludeColumnFn = (column) => !excludeColumns.includes(column.id);
       const mapLabel = (col) => ({
         id: col.id,
@@ -6883,7 +6910,20 @@ var useGridSettingsStore = create(
             }
           }
           return true;
-        }).map(mapLabel)
+        }).map(mapLabel).sort((a, b) => {
+          const columnIdA = a.id;
+          const columnIdB = b.id;
+          const aOrder = orderMap.get(columnIdA) ?? Infinity;
+          const bOrder = orderMap.get(columnIdB) ?? Infinity;
+          return aOrder - bOrder;
+        }),
+        payload: {
+          ordering,
+          pinning: {
+            left: pinning?.left || []
+          },
+          visibility
+        }
       });
     }
   })
@@ -10072,6 +10112,6 @@ var InputNumber = ({ customInputProps, ...props }) => {
 };
 var InputNumber_default = InputNumber;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, CropperModalError, DIALOG_ALERT_I18N_SUBNAMESPACE, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Image2 as Image, Input, InputNumber_default as InputNumber, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, truncated_default as Truncated, ui_exports as UI, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, CropperModalError, DIALOG_ALERT_I18N_SUBNAMESPACE, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Image2 as Image, Input, InputNumber_default as InputNumber, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, truncated_default as Truncated, ui_exports as UI, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated, validateTokenPrefixes };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map