@povio/ui 0.0.7 → 0.0.9

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,9 +1,35 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Fragment, useRef } from "react";
+import { useFocusable } from "react-aria";
 import { TooltipTrigger, Tooltip as Tooltip$1, OverlayArrow } from "react-aria-components";
 import { PointerHorizontalIcon } from "../../../assets/icons/PointerHorizontal.js";
 import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.js";
+import { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
-const Tooltip = ({ children, text, isDisabled, delay, closeDelay, ...tooltipProps }) => {
+const CustomTrigger = ({ children }) => {
+  const ref = useRef(null);
+  const { focusableProps } = useFocusable({}, ref);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...focusableProps,
+      tabIndex: 0,
+      children
+    }
+  );
+};
+const Tooltip = ({
+  children,
+  text,
+  isDisabled,
+  delay,
+  closeDelay,
+  color,
+  isNonInteractiveTrigger,
+  ...tooltipProps
+}) => {
+  const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment;
   return /* @__PURE__ */ jsxs(
     TooltipTrigger,
     {
@@ -11,24 +37,24 @@ const Tooltip = ({ children, text, isDisabled, delay, closeDelay, ...tooltipProp
       closeDelay: closeDelay ?? 0,
       isDisabled,
       children: [
-        children,
+        /* @__PURE__ */ jsx(Trigger, { children }),
         /* @__PURE__ */ jsxs(
           Tooltip$1,
           {
-            className: "group max-w-64 rounded-tooltip-rounding-default bg-interactive-contained-secondary-idle px-tooltip-side-default py-tooltip-height-default shadow-2",
+            className: tooltipCva({ color }),
             ...tooltipProps,
             offset: 13,
             children: [
               /* @__PURE__ */ jsxs(OverlayArrow, { children: [
-                /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: "h-2-5 w-5 text-interactive-contained-secondary-idle group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180" }),
-                /* @__PURE__ */ jsx(PointerVerticalIcon, { className: "h-5 w-2-5 text-interactive-contained-secondary-idle group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180" })
+                /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: tooltipPointerHorizontalCva({ color }) }),
+                /* @__PURE__ */ jsx(PointerVerticalIcon, { className: tooltipPointerVerticalCva({ color }) })
               ] }),
               /* @__PURE__ */ jsx(
                 Typography,
                 {
                   size: "body-4",
                   variant: "prominent-1",
-                  className: "text-text-inverted-3",
+                  className: tooltipTextCva({ color }),
                   children: text
                 }
               )

package/dist/components/overlays/Tooltip/tooltip.cva.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const tooltipCva: (props?: ({
+    color?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TooltipVariantProps extends VariantProps<typeof tooltipCva> {
+}
+export declare const tooltipPointerHorizontalCva: (props?: ({
+    color?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TooltipPointerHorizontalVariantProps extends VariantProps<typeof tooltipPointerHorizontalCva> {
+}
+export declare const tooltipPointerVerticalCva: (props?: ({
+    color?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TooltipPointerVerticalVariantProps extends VariantProps<typeof tooltipPointerVerticalCva> {
+}
+export declare const tooltipTextCva: (props?: ({
+    color?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TooltipTextVariantProps extends VariantProps<typeof tooltipTextCva> {
+}

package/dist/components/overlays/Tooltip/tooltip.cva.js

@@ -0,0 +1,60 @@
+import { cva } from "class-variance-authority";
+const tooltipCva = cva(
+  ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
+  {
+    variants: {
+      color: {
+        default: ["bg-interactive-contained-secondary-idle"],
+        error: ["w-max bg-text-error-1"]
+      }
+    },
+    defaultVariants: {
+      color: "default"
+    }
+  }
+);
+const tooltipPointerHorizontalCva = cva(
+  ["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"],
+  {
+    variants: {
+      color: {
+        default: ["text-interactive-contained-secondary-idle"],
+        error: ["text-text-error-1"]
+      }
+    },
+    defaultVariants: {
+      color: "default"
+    }
+  }
+);
+const tooltipPointerVerticalCva = cva(
+  ["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"],
+  {
+    variants: {
+      color: {
+        default: ["text-interactive-contained-secondary-idle"],
+        error: ["text-text-error-1"]
+      }
+    },
+    defaultVariants: {
+      color: "default"
+    }
+  }
+);
+const tooltipTextCva = cva([], {
+  variants: {
+    color: {
+      default: ["text-text-inverted-3"],
+      error: ["text-interactive-text-secondary-idle-inverted"]
+    }
+  },
+  defaultVariants: {
+    color: "default"
+  }
+});
+export {
+  tooltipCva,
+  tooltipPointerHorizontalCva,
+  tooltipPointerVerticalCva,
+  tooltipTextCva
+};

package/dist/components/segment/Segment.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 import { clsx } from "clsx";
-import { useRef, Fragment } from "react";
+import { useRef, useMemo, Fragment } from "react";
 import { useToggleButtonGroup } from "react-aria";
 import { ToggleButtonGroup } from "react-aria-components";
 import { Controller } from "react-hook-form";
@@ -38,6 +38,9 @@ const SegmentBase = ({
       onChange?.(Array.from(keys.values())[0]);
     }
   };
+  const gridTemplateColumns = useMemo(() => {
+    return items.length > 2 ? Array.from({ length: items.length * 2 - 1 }, (_, i) => i % 2 === 0 ? "1fr" : "auto").join(" ") : `repeat(${items.length}, 1fr)`;
+  }, [items.length]);
   return /* @__PURE__ */ jsx(
     FormField,
     {
@@ -51,11 +54,14 @@ const SegmentBase = ({
           ref: buttonGroupRef,
           onSelectionChange,
           className: clsx(
-            "group/segment flex w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
+            "group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
             "bg-elevation-fill-default-3",
             "rounded-segmented-control-rounding-segmented-control",
             className
           ),
+          style: {
+            gridTemplateColumns
+          },
           children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               SegmentItem,

package/dist/components/segment/SegmentItem.js

@@ -4,6 +4,7 @@ import { ToggleButton } from "react-aria-components";
 import { Typography } from "../text/Typography/Typography.js";
 const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
   const IconComponent = icon;
+  const iconOnly = icon && !label;
   return /* @__PURE__ */ jsxs(
     ToggleButton,
     {
@@ -11,7 +12,9 @@ const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
       id,
       className: clsx(
         "flex items-center justify-center gap-1 transition-all duration-200",
-        "px-segmented-control-side-segment py-segmented-control-height-segment",
+        "border border-transparent",
+        "py-segmented-control-height-segment",
+        iconOnly ? "px-segmented-control-height-segment" : "px-segmented-control-side-segment py-segmented-control-height-segment",
         "rounded-segmented-control-rounding-segment",
         "hover:bg-interactive-subtle-secondary-hover",
         "pressed:bg-interactive-subtle-secondary-pressed",
@@ -25,7 +28,6 @@ const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
         label && /* @__PURE__ */ jsx(
           Typography,
           {
-            variant: props.isSelected ? "prominent-1" : "default",
             size: "label-2",
             as: "span",
             className: "overflow-hidden text-ellipsis text-center",

package/dist/components/table/CellText.js

@@ -5,9 +5,9 @@ const CellText = ({ children, style, className }) => /* @__PURE__ */ jsx(
   Typography,
   {
     variant: "default",
-    size: "label-2",
+    size: "label-1",
     as: "span",
-    className: clsx("overflow-hidden text-ellipsis text-text-default-2", className),
+    className: clsx("block overflow-hidden text-ellipsis px-2 py-1-5 text-text-default-2", className),
     style,
     "data-rac": true,
     children

package/dist/components/table/HeaderText.js

@@ -6,7 +6,7 @@ const HeaderText = ({ children }) => /* @__PURE__ */ jsx(
     variant: "default",
     size: "label-2",
     as: "span",
-    className: "overflow-hidden text-ellipsis text-text-default-1",
+    className: "overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1",
     children
   }
 );

package/dist/components/table/Table.js

@@ -6,7 +6,7 @@ import { CSS } from "@dnd-kit/utilities";
 import { getCoreRowModel, getSortedRowModel, getPaginationRowModel, useReactTable, flexRender } from "@tanstack/react-table";
 import { clsx } from "clsx";
 import i18next from "i18next";
-import { useRef, useCallback, useMemo } from "react";
+import { useRef, useCallback, useMemo, useState } from "react";
 import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
 import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
 import { DragIcon } from "../../assets/icons/Drag.js";
@@ -15,7 +15,7 @@ import { CellText } from "./CellText.js";
 import { HeaderText } from "./HeaderText.js";
 import { UIStyle } from "../../config/uiStyle.context.js";
 import { useTableNav } from "../../hooks/useTableNav.js";
-import { tableRow, tableHeadRow, tableData } from "./table.cva.js";
+import { tableRow, tableHeadRow, tableHeadData, tableData } from "./table.cva.js";
 const CustomCellContext = (context) => {
   return { ...context, original: context.row.original, data: context.row.original, value: context.getValue() };
 };
@@ -69,16 +69,19 @@ const DraggableRow = ({
         "data-clickable": hasOnClick,
         "data-selected": row.getIsSelected() || void 0,
         className: clsx(tableRowCva(props)),
-        onClick: () => onRowClick?.(row.original),
+        onClick: () => {
+          row.toggleSelected();
+          onRowClick?.(row.original);
+        },
         onDoubleClick: () => onDoubleClick?.(row.original),
-        children: row.getVisibleCells().map((cell, cellIndex, array) => {
+        children: row.getVisibleCells().map((cell, cellIndex) => {
           const columnMeta = cell.column.columnDef.meta ?? {};
           return /* @__PURE__ */ jsx(
             "td",
             {
               tabIndex: -1,
               className: clsx(
-                tableDataCva({ isLast: cellIndex === array.length - 1, hasBorder: cellIndex > 0 && showCellBorder }),
+                tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }),
                 columnMeta.cellClass,
                 columnMeta.width
               ),
@@ -110,7 +113,7 @@ const Table = ({
   onReorder,
   getRowId,
   enableRowSelection,
-  enableMultiRowSelection,
+  enableMultiRowSelection = false,
   defaultSelectedRows,
   onRowSelectionChange,
   ...props
@@ -118,6 +121,7 @@ const Table = ({
   const uiStyle = UIStyle.useConfig();
   const tableRowCva = uiStyle?.table?.rowCva ?? tableRow;
   const tableHeadRowCva = uiStyle?.table?.headRowCva ?? tableHeadRow;
+  const tableHeadDataCva = uiStyle?.table?.headDataCva ?? tableHeadData;
   const tableDataCva = uiStyle?.table?.dataCva ?? tableData;
   const ref = useRef(null);
   const { listeners } = useTableNav();
@@ -125,6 +129,14 @@ const Table = ({
   const getSortedRowModelCallback = useCallback(getSortedRowModel, []);
   const getPaginationRowModelCallback = useCallback(getPaginationRowModel, []);
   const data = useMemo(() => items ?? [], [items]);
+  const [internalSelectedRows, setInternalSelectedRows] = useState({});
+  const { rowSelection, handleRowSelectionChange } = useMemo(() => {
+    const hasExternalRowSelection = defaultSelectedRows !== void 0 && onRowSelectionChange !== void 0;
+    return {
+      rowSelection: hasExternalRowSelection ? defaultSelectedRows : internalSelectedRows,
+      handleRowSelectionChange: hasExternalRowSelection ? onRowSelectionChange : setInternalSelectedRows
+    };
+  }, [defaultSelectedRows, onRowSelectionChange, internalSelectedRows]);
   const baseColumns = useMemo(() => typeof columns === "function" ? columns(i18next.t) : columns, [columns]);
   const tableColumns = useMemo(() => {
     if (enableDragDrop && getRowId) {
@@ -148,7 +160,7 @@ const Table = ({
       sorting,
       columnOrder,
       columnVisibility,
-      rowSelection: defaultSelectedRows ?? {}
+      rowSelection
     },
     rowCount: items.length,
     getCoreRowModel: getCoreRowModelCallback(),
@@ -158,10 +170,13 @@ const Table = ({
     onColumnOrderChange: setColumnOrder,
     onColumnVisibilityChange: setColumnVisibility,
     onSortingChange: setSorting,
-    onRowSelectionChange,
+    onRowSelectionChange: handleRowSelectionChange,
     manualSorting: true,
     autoResetPageIndex: false,
     autoResetExpanded: false,
+    defaultColumn: {
+      sortDescFirst: true
+    },
     enableRowSelection,
     enableMultiRowSelection,
     getRowId: getRowId ? (row) => String(getRowId(row)) : void 0
@@ -212,7 +227,7 @@ const Table = ({
                 return false;
               }
               return header.column.getIsVisible();
-            }).map((header, index, array) => {
+            }).map((header, index) => {
               const columnMeta = header.column.columnDef.meta ?? {};
               return /* @__PURE__ */ jsx(
                 "th",
@@ -220,9 +235,9 @@ const Table = ({
                   colSpan: isAnyRowSelected ? columnCount : header.colSpan,
                   tabIndex: -1,
                   className: clsx(
-                    "px-2 text-left",
-                    index > 0 && showCellBorder && "border-l border-l-elevation-outline-default-1 border-solid",
-                    index === array.length - 1 && "pr-4",
+                    tableHeadDataCva({
+                      hasRightBorder: index > 0 && showCellBorder
+                    }),
                     columnMeta.headerClass,
                     columnMeta.width
                   ),
@@ -285,6 +300,7 @@ const Table = ({
                     onRowClick,
                     onDoubleClick,
                     tableRowCva,
+                    tableHeadDataCva,
                     tableDataCva,
                     hasOnClick,
                     ...props
@@ -299,11 +315,14 @@ const Table = ({
                   "tr",
                   {
                     className: clsx(tableRowCva({ ...props })),
-                    onClick: () => onRowClick?.(row.original),
+                    onClick: () => {
+                      row.toggleSelected();
+                      onRowClick?.(row.original);
+                    },
                     onDoubleClick: () => onDoubleClick?.(row.original),
                     "data-clickable": hasOnClick,
                     "data-selected": row.getIsSelected() || void 0,
-                    children: row.getVisibleCells().map((cell, cellIndex, array) => {
+                    children: row.getVisibleCells().map((cell, cellIndex) => {
                       const columnMeta = cell.column.columnDef.meta ?? {};
                       return /* @__PURE__ */ jsx(
                         "td",
@@ -311,8 +330,7 @@ const Table = ({
                           tabIndex: -1,
                           className: clsx(
                             tableDataCva({
-                              isLast: cellIndex === array.length - 1,
-                              hasBorder: cellIndex > 0 && showCellBorder
+                              hasRightBorder: cellIndex > 0 && showCellBorder
                             }),
                             columnMeta.cellClass,
                             columnMeta.width

package/dist/components/table/table.cva.d.ts

@@ -7,9 +7,13 @@ export interface TableRowVariantProps extends VariantProps<typeof tableRow> {
 export declare const tableHeadRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export interface TableHeadRowVariantProps extends VariantProps<typeof tableHeadRow> {
 }
+export declare const tableHeadData: (props?: ({
+    hasRightBorder?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TableHeadDataVariantProps extends VariantProps<typeof tableHeadData> {
+}
 export declare const tableData: (props?: ({
-    isLast?: boolean | null | undefined;
-    hasBorder?: boolean | null | undefined;
+    hasRightBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TableDataVariantProps extends VariantProps<typeof tableDataRow> {
+export interface TableDataVariantProps extends VariantProps<typeof tableData> {
 }

package/dist/components/table/table.cva.js

@@ -1,12 +1,13 @@
 import { cva } from "class-variance-authority";
 const tableRow = cva(
   [
-    "h-9 max-h-12 border-b border-b-elevation-outline-default-1 border-solid",
+    "h-9 max-h-12",
     "hover:bg-elevation-fill-default-2",
     "disabled:opacity-50",
     "selected:bg-elevation-fill-default-2",
     "hover:selected:bg-interactive-subtle-secondary-hover",
-    "clickable:cursor-pointer"
+    "clickable:cursor-pointer",
+    "focus-within:bg-elevation-fill-default-2"
   ],
   {
     variants: {
@@ -18,20 +19,45 @@ const tableRow = cva(
   }
 );
 const tableHeadRow = cva(["h-8 w-full"]);
-const tableData = cva(["relative overflow-hidden text-ellipsis whitespace-nowrap px-2"], {
-  variants: {
-    isLast: {
-      true: "pr-4",
-      false: ""
+const tableHeadData = cva(
+  ["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default text-left"],
+  {
+    variants: {
+      hasRightBorder: {
+        true: "border-l border-l-elevation-outline-default-1 border-solid",
+        false: ""
+      }
     },
-    hasBorder: {
-      true: "border-l border-l-elevation-outline-default-1",
-      false: ""
+    defaultVariants: {
+      hasRightBorder: true
     }
   }
-});
+);
+const tableData = cva(
+  [
+    "relative h-0-5 overflow-hidden text-ellipsis whitespace-nowrap border-t border-t-transparent px-2 py-2",
+    "border-b border-b-elevation-outline-default-1",
+    "has-[input[data-invalid]]:border-b-input-outlined-outline-error!",
+    "has-[input]:hover:border-b-input-outlined-outline-hover",
+    "has-[input]:focus:border-b-input-outlined-outline-active",
+    "has-[input]:invalid:border-b-input-outlined-outline-error",
+    "has-[input]:disabled:hover:border-transparent"
+  ],
+  {
+    variants: {
+      hasRightBorder: {
+        true: "border-l border-l-elevation-outline-default-1",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      hasRightBorder: true
+    }
+  }
+);
 export {
   tableData,
+  tableHeadData,
   tableHeadRow,
   tableRow
 };

package/dist/config/uiConfig.context.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { CheckboxProps } from '../components/inputs/Checkbox/Checkbox';
+import { DatePickerProps } from '../components/inputs/DateTime/DatePicker/DatePicker';
 import { NumberInputProps } from '../components/inputs/Input/NumberInput/NumberInput';
 import { TextInputProps } from '../components/inputs/Input/TextInput/TextInput';
 import { RadioGroupProps } from '../components/inputs/RadioGroup/RadioGroup';
@@ -15,9 +16,10 @@ export declare namespace UIConfig {
         numberInput: Pick<NumberInputProps, "formatOptions">;
         radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel">;
         checkbox: Pick<CheckboxProps, "variant">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "selectedTagsType">;
         toggle: Pick<ToggleProps, "variant">;
         slider: Pick<SliderProps, "minValue" | "maxValue">;
+        dateInput: Pick<DatePickerProps, "todayIcon" | "shouldForceLeadingZeros">;
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/config/uiConfig.context.js

@@ -27,7 +27,8 @@ var UIConfig;
     },
     select: {
       selectionMode: "single",
-      isSearchable: false
+      isSearchable: false,
+      selectedTagsType: "list"
     },
     toggle: {
       variant: "default"
@@ -35,6 +36,10 @@ var UIConfig;
     slider: {
       minValue: 0,
       maxValue: 100
+    },
+    dateInput: {
+      todayIcon: false,
+      shouldForceLeadingZeros: false
     }
   };
   const Context = createContext(DEFAULT_CONFIG);

package/dist/config/uiStyle.context.d.ts

@@ -9,7 +9,7 @@ import { LabelBaseProps } from '../components/inputs/shared/label.cva';
 import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
 import { AlertVariantProps } from '../components/status/Alert/alert.cva';
 import { ToastVariantProps } from '../components/status/Toast/toast.cva';
-import { TableDataVariantProps, TableHeadRowVariantProps, TableRowVariantProps } from '../components/table/table.cva';
+import { TableDataVariantProps, TableHeadDataVariantProps, TableHeadRowVariantProps, TableRowVariantProps } from '../components/table/table.cva';
 import { LinkVariantProps } from '../components/text/Link/link.cva';
 import { TagVariantProps } from '../components/text/Tag/tag.cva';
 import { TypographyVariantProps } from '../components/text/Typography/typography.cva';
@@ -71,6 +71,7 @@ export declare namespace UIStyle {
         };
         table: {
             headRowCva?: Cva<TableHeadRowVariantProps>;
+            headDataCva?: Cva<TableHeadDataVariantProps>;
             rowCva?: Cva<TableRowVariantProps>;
             dataCva?: Cva<TableDataVariantProps>;
         };

package/dist/helpers/dynamicColumns.js

@@ -261,12 +261,12 @@ const removeOverriddenPresetColumns = (presetColumns, options) => {
     const columnDef = value;
     return columnDef.id ?? key;
   });
-  const usedIds = [...usedColumnsIds, ...usedCustomColumnsIds];
+  const usedIds = /* @__PURE__ */ new Set([...usedColumnsIds, ...usedCustomColumnsIds]);
   return presetColumns.filter((column) => {
     if (!column.id) {
       return true;
     }
-    return !usedIds.includes(column.id);
+    return !usedIds.has(column.id);
   });
 };
 const getAllSchemaKeys = (schema) => {

package/dist/helpers/dynamicInputs.d.ts

@@ -14,6 +14,7 @@ declare const defaultComponentTypes: {
     readonly email: "textInput";
     readonly object: "unknown";
     readonly array: "select";
+    readonly uuid: "select";
     readonly unknown: "unknown";
 };
 export type DefaultComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeSwitch<TZodType, typeof defaultComponentTypes>;
@@ -29,6 +30,7 @@ export type AllowedComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeS
     array: "select" | "autocomplete" | "queryAutocomplete" | "segment";
     object: InputComponentType;
     unknown: InputComponentType;
+    uuid: "select" | "autocomplete" | "queryAutocomplete" | "segment";
 }>;
 interface DynamicInputDefBase<TProps> {
     label?: string;

package/dist/helpers/dynamicInputs.js

@@ -13,6 +13,7 @@ const defaultComponentTypes = {
   email: "textInput",
   object: "unknown",
   array: "select",
+  uuid: "select",
   unknown: "unknown"
 };
 const ZOD_TYPE_COMPONENT_TYPE = [
@@ -23,7 +24,8 @@ const ZOD_TYPE_COMPONENT_TYPE = [
   [z.ZodString, defaultComponentTypes.string],
   [z.ZodEmail, defaultComponentTypes.email],
   [z.ZodObject, defaultComponentTypes.object],
-  [z.ZodArray, defaultComponentTypes.array]
+  [z.ZodArray, defaultComponentTypes.array],
+  [z.ZodUUID, defaultComponentTypes.uuid]
 ];
 const DEFAULT_NAMESPACE = "dynamicInputs";
 const sortInputDefs = (inputDefs, orderKeys) => {
@@ -134,8 +136,8 @@ const removeOverriddenPresetInputs = (presetInputs, options) => {
   if (presetInputs.length === 0) {
     return presetInputs;
   }
-  const usedKeys = Object.entries(options.inputs ?? {}).map(([key]) => String(key));
-  return presetInputs.filter((input) => !usedKeys.includes(String(input.name)));
+  const usedKeys = new Set(Object.keys(options.inputs ?? {}).map(String));
+  return presetInputs.filter((input) => !usedKeys.has(String(input.name)));
 };
 const validateParams = (schema, presetInputs, options) => {
   const { inputs, order, includeAll } = options;

package/dist/hooks/useAutosave.js

@@ -51,7 +51,10 @@ function useAutosave({
     }
     timeoutRef.current = setTimeout(() => {
       handleSubmit(async (data) => {
-        const dirtyData = Object.entries(dirtyFields).filter(([, value]) => value).reduce((acc, [key]) => ({ ...acc, [key]: data[key] }), {});
+        const dirtyData = Object.entries(dirtyFields).filter(([, value]) => value).reduce((acc, [key]) => {
+          acc[key] = data[key];
+          return acc;
+        }, {});
         const changedData = diffLeftOnly(dirtyData, defaultValues, dirtyFields) ?? {};
         if (Object.keys(changedData).length === 0) {
           return void 0;

package/dist/hooks/useTableColumnConfig.js

@@ -6,7 +6,11 @@ function sortByKeyOrder(data, orderedKeys = []) {
 }
 function useTableColumnConfig(defaultColumns, options = {}) {
   const [internalVisibleColumns, setInternalVisibleColumns] = useState(
-    () => defaultColumns.map((col) => ({ [col.id ?? col.accessorKey]: true })).reduce((acc, cur) => ({ ...cur, ...acc }), {})
+    () => defaultColumns.reduce((acc, col) => {
+      const key = col.id ?? col.accessorKey;
+      acc[key] = true;
+      return acc;
+    }, {})
   );
   const [internalColumnOrder, setInternalColumnOrder] = useState(
     () => defaultColumns.map((col) => col.id ?? col.accessorKey)

package/dist/index.d.ts

@@ -176,7 +176,6 @@ export { useLocalStorage } from './hooks/useLocalStorage';
 export { useLongPressRepeat } from './hooks/useLongPressRepeat';
 export { usePagination } from './hooks/usePagination';
 export { useScrollableListBox } from './hooks/useScrollableListBox';
-export { useSingletonMutation } from './hooks/useSingletonMutation';
 export { useSorting } from './hooks/useSorting';
 export { useStateAndRef } from './hooks/useStateAndRef';
 export { useTableColumnConfig } from './hooks/useTableColumnConfig';
@@ -194,12 +193,19 @@ export { isEqual } from './utils/isEqual';
 export { logger } from './utils/logger';
 export { ObjectUtils } from './utils/object.utils';
 export { QueriesUtils } from './utils/queries.utils';
-export { LoggingInterceptor } from './utils/rest/interceptors/logging.interceptor';
-export { ResponseInterceptor } from './utils/rest/interceptors/response.interceptor';
-export { RestInterceptor } from './utils/rest/interceptors/rest-interceptor';
-export { RestUtils } from './utils/rest/rest.utils';
-export { RestClient } from './utils/rest/rest-client';
+export { RestUtils } from './utils/rest.utils';
 export { RoutingUtils } from './utils/routing.utils';
 export { StringUtils } from './utils/string.utils';
+export { createAclGuard } from './utils/vendor/acl/AclGuard';
+export { AbilityContext } from './utils/vendor/acl/ability.context';
+export type { AppAbilities, AppAbility } from './utils/vendor/acl/appAbility.types';
+export { Can } from './utils/vendor/acl/Can';
+export type { AuthGuardProps } from './utils/vendor/auth/AuthGuard';
+export { AuthGuard } from './utils/vendor/auth/AuthGuard';
+export { AuthContext } from './utils/vendor/auth/auth.context';
+export type { WithPrivateAuthGuardProps } from './utils/vendor/auth/withPrivateAuthGuard';
+export { withPrivateAuthGuard } from './utils/vendor/auth/withPrivateAuthGuard';
 export type { GeneralErrorCodes } from './utils/vendor/error-handling';
 export { ApplicationException, ErrorHandler, SharedErrorHandler } from './utils/vendor/error-handling';
+export type { RequestConfig, RequestInfo, Response, RestClient as IRestClient, } from './utils/vendor/rest-client.types';
+export { RestInterceptor } from './utils/vendor/rest-interceptor';