@sustaina/shared-ui 1.6.0 → 1.6.1

package/dist/index.d.mts

@@ -388,6 +388,7 @@ declare function DialogAlert({ open, onOpenChange, title, description, variant,
 
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (...args: Parameters<T>) => void;
 
 declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
     [k: string]: any;
@@ -496,4 +497,12 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+type UseTruncatedOptions<T> = {
+    elementRef: React.RefObject<T | null>;
+    onChange?: (isTruncated: boolean) => void;
+    resizeDetectDelay?: number;
+};
+type UseTruncatedResult = boolean;
+declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
+
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.d.ts

@@ -388,6 +388,7 @@ declare function DialogAlert({ open, onOpenChange, title, description, variant,
 
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (...args: Parameters<T>) => void;
 
 declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
     [k: string]: any;
@@ -496,4 +497,12 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+type UseTruncatedOptions<T> = {
+    elementRef: React.RefObject<T | null>;
+    onChange?: (isTruncated: boolean) => void;
+    resizeDetectDelay?: number;
+};
+type UseTruncatedResult = boolean;
+declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
+
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.js

@@ -17,6 +17,7 @@ var utilities = require('@dnd-kit/utilities');
 var SelectPrimitive = require('@radix-ui/react-select');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var core = require('@dnd-kit/core');
+var modifiers = require('@dnd-kit/modifiers');
 var zod = require('zod');
 var reactDom = require('react-dom');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -159,6 +160,15 @@ function isDefined(value) {
 function isEmptyObject(value) {
   return !!value && Object.keys(value).length === 0 && value.constructor === Object;
 }
+function debounce(fn, delay = 150) {
+  let timeout = null;
+  return (...args) => {
+    if (timeout) clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      fn(...args);
+    }, delay);
+  };
+}
 
 // src/utils/filters.ts
 function stripNullishObject(value) {
@@ -385,6 +395,36 @@ var useScreenSize = (breakpoints) => {
   return { isMobile, isTablet, isDesktop };
 };
 var useScreenSize_default = useScreenSize;
+var useTruncated = ({
+  elementRef,
+  onChange,
+  resizeDetectDelay = 150
+}) => {
+  const [isTruncated, setIsTruncated] = React4.useState(false);
+  React4.useEffect(() => {
+    const element = elementRef.current;
+    if (!element) return;
+    const checkTruncate = debounce(() => {
+      const truncated = element.scrollWidth > element.clientWidth;
+      setIsTruncated((prev) => {
+        if (prev !== truncated) {
+          onChange?.(truncated);
+        }
+        return truncated;
+      });
+    }, resizeDetectDelay);
+    checkTruncate();
+    const observer = new ResizeObserver(checkTruncate);
+    observer.observe(element);
+    window.addEventListener("resize", checkTruncate);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", checkTruncate);
+    };
+  }, [elementRef, onChange, resizeDetectDelay]);
+  return isTruncated;
+};
+var useTruncated_default = useTruncated;
 var HeaderCell = ({ rootClassName, labelClassName, context, label, sorterProps }) => {
   const { ref, hovering } = useHover_default();
   const showSorter = sorterProps?.show ?? context.column.getCanSort();
@@ -1403,6 +1443,7 @@ function SelectContent({
 function SelectItem({
   className,
   children,
+  hideCheckIcon,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1415,6 +1456,7 @@ function SelectItem({
       ),
       ...props,
       children: [
+        !hideCheckIcon && //
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
       ]
@@ -1554,6 +1596,7 @@ function SortableRow({
                     SelectItem,
                     {
                       value: opt.id,
+                      hideCheckIcon: true,
                       className: cn(
                         "focus:bg-[#e8edea]",
                         opt.id === field.value ? "font-bold bg-[#dae5de] focus:bg-[#dae5de]" : ""
@@ -1747,11 +1790,12 @@ var GridSettingsModal = ({
           },
           fields[0]?.fieldId
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(
           core.DndContext,
           {
             sensors,
             collisionDetection: core.closestCenter,
+            modifiers: [modifiers.restrictToParentElement, modifiers.restrictToVerticalAxis],
             onDragStart: () => setIsDragging(true),
             onDragEnd: (event) => {
               setIsDragging(false);
@@ -1777,7 +1821,7 @@ var GridSettingsModal = ({
               }
             )
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
           Button2,
           {
@@ -5121,6 +5165,7 @@ exports.booleanToSelectValue = booleanToSelectValue;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.compareAlphanumeric = compareAlphanumeric;
+exports.debounce = debounce;
 exports.getColumnIdFromTable = getColumnIdFromTable;
 exports.isDefined = isDefined;
 exports.isEmptyObject = isEmptyObject;
@@ -5135,5 +5180,6 @@ exports.useMediaQuery = useMediaQuery_default;
 exports.usePreventPageLeave = usePreventPageLeave_default;
 exports.usePreventPageLeaveStore = usePreventPageLeaveStore_default;
 exports.useScreenSize = useScreenSize_default;
+exports.useTruncated = useTruncated_default;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map