laif-ds 0.1.54 → 0.1.56

package/dist/components/ui/data-table.service.js

@@ -0,0 +1,62 @@
+"use client";
+var m = /* @__PURE__ */ ((e) => (e.AND = "AND", e.OR = "OR", e))(m || {});
+function f(e, i, r, t, a) {
+  const u = e.getValue(i), o = t == null ? void 0 : t.find((n) => n.column === i), s = (o == null ? void 0 : o.innerFiltersMode) ?? "OR";
+  if (a) return !0;
+  if (Array.isArray(u))
+    return s === "AND" ? r.every((n) => u.includes(n)) : r.some((n) => u.includes(n));
+  switch (s) {
+    case "AND":
+      return r.every((n) => String(u) === n);
+    case "OR":
+    default:
+      return r.some((n) => String(u) === n);
+  }
+}
+function h(e, i) {
+  return e.reduce(
+    (r, t) => (t.filterFn && (r[t.column] = (a, u, o) => {
+      if (i) return !0;
+      const s = a.getValue(u);
+      switch (t.innerFiltersMode ?? "OR") {
+        case "AND":
+          return o.every(
+            (c) => t.filterFn(s, [c])
+          );
+        case "OR":
+        default:
+          return o.some(
+            (c) => t.filterFn(s, [c])
+          );
+      }
+    }), r),
+    {}
+  ) || {};
+}
+function A(e, i) {
+  const {
+    rowHeight: r = 1,
+    headerHeight: t = 1,
+    containerHeight: a = 1,
+    onPageChange: u,
+    setPagination: o
+  } = i, s = (e == null ? void 0 : e.offsetHeight) || a, n = Math.floor(
+    (s - t) / r
+  ), c = n > 1 ? n : 1;
+  o((g) => g.pageSize !== c ? (u && u(0, c), { ...g, pageSize: c }) : g);
+}
+function F(e, i) {
+  let r;
+  return function(...t) {
+    clearTimeout(r), r = setTimeout(() => {
+      e(...t);
+    }, i);
+  };
+}
+export {
+  m as ELogicalFilterOperator,
+  h as createCustomFilterFns,
+  f as createMultiValueFilterFn,
+  F as debounce,
+  A as updatePageSizeFromContainer
+};

package/dist/components/ui/pagination.js

@@ -1,23 +1,25 @@
 "use client";
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
-import { buttonVariants as l } from "./button.js";
-import c from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
-import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-function N({ className: a, ...n }) {
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as c } from "./button.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
+function C({ className: a, ...n }) {
   return /* @__PURE__ */ i(
     "nav",
     {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: t("mx-auto flex w-full justify-center", a),
+      className: e("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
 }
-function P({
+function L({
   className: a,
   ...n
 }) {
@@ -25,19 +27,20 @@ function P({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: t("flex flex-row items-center gap-1", a),
+      className: e("flex flex-row items-center gap-1", a),
       ...n
     }
   );
 }
-function v({ ...a }) {
+function j({ ...a }) {
   return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
-function o({
+function r({
   className: a,
   isActive: n,
-  size: r = "icon",
-  ...s
+  isDisabled: t,
+  size: s = "icon",
+  ...l
 }) {
   return /* @__PURE__ */ i(
     "a",
@@ -45,77 +48,117 @@ function o({
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      className: t(
-        l({
+      className: e(
+        c({
           variant: n ? "outline" : "ghost",
-          size: r
+          // variant: isDisabled ? "disabled" : isActive ? "outline" : "ghost",
+          size: s
         }),
+        t && "pointer-events-none cursor-not-allowed opacity-40",
         a
       ),
-      ...s
+      ...l
     }
   );
 }
-function b({
+function y({
   className: a,
-  ...n
+  label: n,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    o,
+  return /* @__PURE__ */ o(
+    r,
     {
       "aria-label": "Go to previous page",
-      size: "default",
-      className: t("gap-1 px-2.5 sm:pl-2.5", a),
-      ...n,
+      className: e("gap-1 px-2.5 sm:pl-2.5", a),
+      ...t,
       children: [
-        /* @__PURE__ */ i(m, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ i(g, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "First" })
       ]
     }
   );
 }
-function j({
+function G({
   className: a,
-  ...n
+  label: n,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      "aria-label": "Go to previous page",
+      className: e("gap-1 px-2.5 sm:pl-2.5", a),
+      ...t,
+      children: [
+        /* @__PURE__ */ i(u, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Previous" })
+      ]
+    }
+  );
+}
+function w({
+  className: a,
+  label: n,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    o,
+  return /* @__PURE__ */ o(
+    r,
     {
       "aria-label": "Go to next page",
-      size: "default",
-      className: t("gap-1 px-2.5 sm:pr-2.5", a),
-      ...n,
+      className: e("gap-1 px-2.5 sm:pr-2.5", a),
+      ...t,
+      children: [
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Next" }),
+        /* @__PURE__ */ i(m, {})
+      ]
+    }
+  );
+}
+function F({
+  className: a,
+  label: n,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      "aria-label": "Go to next page",
+      className: e("gap-1 px-2.5 sm:pr-2.5", a),
+      ...t,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ i(p, {})
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Last" }),
+        /* @__PURE__ */ i(d, {})
       ]
     }
   );
 }
-function k({
+function z({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: t("flex size-9 items-center justify-center", a),
+      className: e("flex size-9 items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ i(c, { className: "size-4" }),
+        /* @__PURE__ */ i(p, { className: "size-4" }),
         /* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 export {
-  N as Pagination,
-  P as PaginationContent,
-  k as PaginationEllipsis,
-  v as PaginationItem,
-  o as PaginationLink,
-  j as PaginationNext,
-  b as PaginationPrevious
+  C as Pagination,
+  L as PaginationContent,
+  z as PaginationEllipsis,
+  y as PaginationFirst,
+  j as PaginationItem,
+  F as PaginationLast,
+  r as PaginationLink,
+  w as PaginationNext,
+  G as PaginationPrevious
 };

package/dist/index.d.ts

@@ -45,6 +45,7 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { SeparatorProps } from '@radix-ui/react-separator';
+import { SetStateAction } from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -650,7 +651,7 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, searchBar, dropdownFilters, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, searchBar, dropdownFilters, totalItems, datatableSizes, paginationPlaceholders, serverOptions, setServerOptions, }: DataTableProps<TData, TValue>): JSX.Element;
 
 declare interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -663,8 +664,13 @@ declare interface DataTableProps<TData, TValue> {
     checkable?: boolean;
     onCheckedRowsChange?: (checkedRows: TData[]) => void;
     notFoundMessage?: string;
-    searchBar?: SearchBarProps;
-    dropdownFilters?: DropdownFilterProp[];
+    searchBar?: ISearchBarProps;
+    dropdownFilters?: IDropdownFilterProp[];
+    totalItems?: number;
+    datatableSizes?: IDatatableSizes;
+    paginationPlaceholders?: IDatatablePaginationPlaceholders;
+    serverOptions?: IServerOptionsProps;
+    setServerOptions?: (value: SetStateAction<IServerOptionsProps>) => void;
 }
 
 export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, buttonVariant, disabled, size, }: DatePickerProps): JSX.Element;
@@ -720,20 +726,6 @@ export declare function DrawerTitle({ className, ...props }: React_2.ComponentPr
 
 export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
 
-declare interface DropdownFilterItem {
-    label: string;
-    value: string;
-}
-
-declare interface DropdownFilterProp {
-    column: string;
-    placeholder: string;
-    label?: string;
-    innerFiltersMode?: ELogicalFilterOperator;
-    items: DropdownFilterItem[];
-    filterFn?: (rowValue: unknown, filterValue: string[]) => boolean;
-}
-
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
 export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -883,6 +875,35 @@ declare interface IconProps {
 
 declare type IconSize = keyof typeof sizeMap;
 
+declare interface IDatatablePaginationPlaceholders {
+    rows?: string;
+    pages?: string;
+    first?: string;
+    previous?: string;
+    next?: string;
+    last?: string;
+}
+
+declare interface IDatatableSizes {
+    rowHeight?: number;
+    headerHeight?: number;
+    containerHeight?: number;
+}
+
+declare interface IDropdownFilterItem {
+    label: string;
+    value: string;
+}
+
+declare interface IDropdownFilterProp {
+    column: string;
+    placeholder: string;
+    label?: string;
+    innerFiltersMode?: ELogicalFilterOperator;
+    items: IDropdownFilterItem[];
+    filterFn?: (rowValue: unknown, filterValue: string[]) => boolean;
+}
+
 export declare const Input: React_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
@@ -925,6 +946,35 @@ declare interface InterruptPromptProps {
     close: () => void;
 }
 
+declare interface IPaginationProps {
+    pageIndex: number;
+    pageSize: number;
+}
+
+declare interface ISearchBarProps {
+    placeholder?: string;
+    columns: string[];
+}
+
+declare interface IServerFilterProps {
+    searchbarFilters?: {
+        value: string;
+        columns: string[];
+    };
+    dropdownFilters?: {
+        [column: string]: {
+            logic: ELogicalFilterOperator;
+            value: string[];
+            column: string;
+        };
+    };
+}
+
+declare interface IServerOptionsProps {
+    pagination: IPaginationProps;
+    filters?: IServerFilterProps;
+}
+
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
 export declare function MarkdownRenderer({ children }: MarkdownRendererProps): JSX.Element;
@@ -1182,15 +1232,17 @@ export declare function PaginationEllipsis({ className, ...props }: React_2.Comp
 
 export declare function PaginationItem({ ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+export declare function PaginationLink({ className, isActive, isDisabled, size, ...props }: PaginationLinkProps): JSX.Element;
 
 declare type PaginationLinkProps = {
     isActive?: boolean;
+    isDisabled?: boolean;
+    label?: string;
 } & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
 
-export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+export declare function PaginationNext({ className, label, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
-export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+export declare function PaginationPrevious({ className, label, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
 declare interface PartialToolCall {
     state: "partial-call";
@@ -1298,11 +1350,6 @@ export declare function ScrollArea({ className, children, ...props }: React_2.Co
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
 
-declare interface SearchBarProps {
-    placeholder?: string;
-    columns: string[];
-}
-
 export declare function Select({ size, label, labelClassName, ...props }: SelectProps): JSX.Element;
 
 export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;

package/dist/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { s as e } from "../../../../_virtual/index.js";
+import { s as e } from "../../../../_virtual/index3.js";
 function s() {
   return e.useSyncExternalStore(
     r,

package/dist/node_modules/react-is/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../_virtual/index4.js";
+import { __module as e } from "../../_virtual/index2.js";
 import { __require as t } from "./cjs/react-is.production.min.js";
 import { __require as o } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/recharts/es6/util/ReactUtils.js

@@ -5,7 +5,7 @@ import "../../../../_virtual/isString.js";
 import f from "../../../../_virtual/isFunction.js";
 import s from "../../../../_virtual/isObject.js";
 import { isValidElement as d } from "react";
-import "../../../../_virtual/index3.js";
+import "../../../../_virtual/index.js";
 import { SVGElementPropKeys as m, EventKeys as p, FilteredElementKeyMap as o } from "./types.js";
 var h = function(i) {
   return typeof i == "string" ? i : i ? i.displayName || i.name || "Component" : "";

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../../_virtual/index2.js";
+import { __module as e } from "../../../_virtual/index4.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.development.js";
 var r;