@ztwoint/z-ui 0.1.125 → 0.1.127

package/dist/types/components/primitives/popconfirm/popconfirm.const.d.ts

@@ -0,0 +1,20 @@
+export declare const POPCONFIRM_PLACEMENTS: {
+    readonly TOP: "top";
+    readonly TOP_LEFT: "topLeft";
+    readonly TOP_RIGHT: "topRight";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_LEFT: "bottomLeft";
+    readonly BOTTOM_RIGHT: "bottomRight";
+    readonly LEFT: "left";
+    readonly LEFT_TOP: "leftTop";
+    readonly LEFT_BOTTOM: "leftBottom";
+    readonly RIGHT: "right";
+    readonly RIGHT_TOP: "rightTop";
+    readonly RIGHT_BOTTOM: "rightBottom";
+};
+export type PopconfirmPlacement = (typeof POPCONFIRM_PLACEMENTS)[keyof typeof POPCONFIRM_PLACEMENTS];
+export declare const POPCONFIRM_DEFAULT_CONFIG: {
+    readonly okText: "OK";
+    readonly cancelText: "Cancel";
+    readonly placement: PopconfirmPlacement;
+};

package/dist/types/components/primitives/popconfirm/popconfirm.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { PopconfirmProps } from './popconfirm.type';
+declare const Popconfirm: React.FC<PopconfirmProps>;
+export { Popconfirm };

package/dist/types/components/primitives/popconfirm/popconfirm.hook.d.ts

@@ -0,0 +1,14 @@
+interface UsePopconfirmProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+}
+export declare const usePopconfirm: (props: UsePopconfirmProps) => {
+    open: boolean;
+    confirmLoading: boolean;
+    handleOpenChange: (newOpen: boolean) => void;
+    handleConfirm: () => Promise<void>;
+    handleCancel: () => void;
+};
+export {};

package/dist/types/components/primitives/popconfirm/popconfirm.type.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { PopconfirmPlacement } from './popconfirm.const';
+export interface PopconfirmProps {
+    title: ReactNode;
+    children: ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    placement?: PopconfirmPlacement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    okButtonProps?: {
+        loading?: boolean;
+        disabled?: boolean;
+        className?: string;
+    };
+    cancelButtonProps?: {
+        disabled?: boolean;
+        className?: string;
+    };
+    className?: string;
+}

package/dist/types/components/primitives/popconfirm/popconfirm.utils.d.ts

@@ -0,0 +1,3 @@
+import { PopconfirmPlacement } from './popconfirm.const';
+export declare const mapPlacementToRadixSide: (placement: PopconfirmPlacement) => "top" | "bottom" | "left" | "right";
+export declare const mapPlacementToRadixAlign: (placement: PopconfirmPlacement) => "start" | "center" | "end";

package/dist/types/components/{table-card → primitives/table-card}/table-card.type.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TableProps, TableSchema, TableSearch, TableSort } from '../table/table.type';
-import { TableFilter, FilterRule } from '../table-filter/table-filter.type';
-import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../table/components/pagination/pagination.type';
-import { FilterSchema } from '../table-filter/table-filter.type';
+import { TableProps, TableSchema, TableSearch, TableSort } from '../../table/table.type';
+import { TableFilter, FilterRule } from '../../table-filter/table-filter.type';
+import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../../table/components/pagination/pagination.type';
+import { FilterSchema } from '../../table-filter/table-filter.type';
 export interface TableCardProps {
     dataSource: Record<string, unknown>[];
     schema: TableSchema;

package/dist/types/index.d.ts

@@ -11,13 +11,13 @@ export * from './components/file-upload-area';
 export * from './components/input/input';
 export * from './components/nav-header';
 export * from './components/select/z2-select';
-export * from './components/select-compact/select-compact';
+export * from './components/primitives/select-compact/select-compact';
 export * from './components/stepper';
 export * from './components/stepper-item/stepper-item';
 export * from './components/tab/tab';
 export * from './components/table';
 export * from './components/tooltip/tooltip';
-export * from './components/table-card';
+export * from './components/primitives/table-card/table-card';
 export * from './components/badge/badge';
 export * from './components/avatar/avatar';
 export * from './components/text-preset/text-preset';
@@ -28,9 +28,10 @@ export * from './components/radio/z2-radio';
 export * from './components/assets/icons';
 export * from './components/segmented-control';
 export * from './components/popover/popover';
+export * from './components/primitives/popconfirm/popconfirm';
 export * from './components/dynamic-table';
 export * from './components/chart';
-export * from './components/chart-card';
+export * from './components/primitives/chart-card/chart-card';
 export * from './components/radio-card/radio-card';
 export * from './components/z2map';
 export * from './lib/theme.hook';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.125",
+  "version": "0.1.127",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/components/chart-card/builders/chart-builder-factory.js

@@ -1,23 +0,0 @@
-import { buildBarChartOptions as p } from "./bar-chart-builder.js";
-import { buildLineChartOptions as n } from "./line-chart-builder.js";
-import { buildPieChartOptions as a } from "./pie-chart-builder.js";
-const s = {
-  line: n,
-  bar: p,
-  pie: a
-};
-function h(r, i, e, o) {
-  const t = s[r.type];
-  if (!t)
-    throw new Error(`Unsupported chart type: ${r.type}`);
-  return t(r, i, e, o);
-}
-function l(r) {
-  return r === "line" || r === "bar" || r === "pie";
-}
-const m = ["line", "bar", "pie"];
-export {
-  h as buildChartOptions,
-  l as isChartTypeSupported,
-  m as registeredChartTypes
-};

package/dist/components/chart-card/config/colors.js

@@ -1,49 +0,0 @@
-const d = {
-  default: ["#2563eb", "#7c3aed", "#d97706", "#16a34a", "#dc2626", "#0284c7"],
-  brand: ["#2563eb", "#3b82f6", "#1d4ed8", "#60a5fa"],
-  success: ["#16a34a", "#22c55e", "#15803d", "#4ade80"],
-  warning: ["#d97706", "#f59e0b", "#b45309", "#fbbf24"],
-  danger: ["#dc2626", "#ef4444", "#b91c1c", "#f87171"],
-  purple: ["#7c3aed", "#8b5cf6", "#6d28d9", "#a78bfa"],
-  neutral: ["#5d5d5d", "#6d6d6d", "#4f4f4f", "#888888"]
-}, t = {
-  basic: d.default,
-  smooth: ["#1d4ed8", "#38bdf8", "#22d3ee", "#6366f1"]
-}, b = {
-  basic: d.default,
-  stacked: ["#0284c7", "#38bdf8", "#60a5fa", "#93c5fd"]
-}, E = {
-  basic: d.default,
-  donut: ["#2563eb", "#7c3aed", "#d97706", "#16a34a", "#dc2626", "#0284c7", "#8b5cf6", "#f59e0b"]
-}, n = {
-  line: t,
-  bar: b,
-  pie: E
-}, r = {
-  text: {
-    primary: "#000000",
-    secondary: "#5d5d5d",
-    muted: "#888888"
-  },
-  border: {
-    light: "#e7e7e7",
-    default: "#d1d1d1",
-    medium: "#b0b0b0"
-  },
-  background: {
-    default: "#ffffff",
-    light: "#fafafa",
-    medium: "#f6f6f6"
-  }
-};
-function u(a, f) {
-  var e;
-  const c = ((e = n[a]) == null ? void 0 : e[f]) ?? d.default;
-  return Array.from(c);
-}
-export {
-  n as CHART_THEME_PALETTES,
-  d as COLOR_PALETTES,
-  r as UI_COLORS,
-  u as getThemePalette
-};

package/dist/components/select-compact/select-compact.js

@@ -1,17 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { Z2Select as i, Z2SelectTrigger as m, Z2SelectValue as S, Z2SelectContent as Z, Z2SelectItem as d } from "../select/z2-select.js";
-function f({
-  value: t,
-  onChange: c,
-  options: r,
-  placeholder: a = "Select field",
-  className: n
-}) {
-  return /* @__PURE__ */ u(i, { value: t || "", onValueChange: c, children: [
-    /* @__PURE__ */ e(m, { className: n, children: /* @__PURE__ */ e(S, { placeholder: a }) }),
-    /* @__PURE__ */ e(Z, { children: r.map((l) => /* @__PURE__ */ e(d, { value: l.value, children: l.label }, l.value)) })
-  ] });
-}
-export {
-  f as Z2SelectCompact
-};

package/dist/components/table-card/table-card.js

@@ -1,215 +0,0 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { Table as r } from "../table/table-provider.js";
-import "react";
-import { cn as d } from "../../lib/utils.js";
-/* empty css                        */
-import "../alert/alert.const.js";
-import "../button/button.js";
-import "../collapsible-side-nav-bar/side-nav-bar-provider.js";
-import "../collapsible-side-nav-bar/side-nav-bar.js";
-import "../collapsible-side-nav-bar/side-nav-bar-header.js";
-import "../collapsible-side-nav-bar/side-nav-bar-content.js";
-import "../collapsible-side-nav-bar/side-nav-bar-footer.js";
-import "../collapsible-side-nav-bar/side-nav-bar-group.js";
-import "../collapsible-side-nav-bar/side-nav-bar-item.js";
-import "../collapsible-side-nav-bar/side-nav-bar-separator.js";
-import "../collapsible-side-nav-bar/context.js";
-import "../collapsible-side-nav-bar/popover/popover.js";
-import "react-country-flag";
-import "classnames";
-import "@radix-ui/react-checkbox";
-import "@radix-ui/react-dialog";
-import "../dropdown/z2-dropdown.js";
-import "@radix-ui/react-dropdown-menu";
-import "lucide-react";
-import S from "../assets/icons/octagon-warning-Copy.js";
-import "../input/input.js";
-import "../nav-header/nav-header.js";
-import "../nav-header/nav-item/nav-item.js";
-import "@radix-ui/react-select";
-import "../stepper/stepper.js";
-import "../stepper-item/stepper-item.js";
-import "@radix-ui/react-tabs";
-import "../tooltip/tooltip.js";
-import { Filter as x } from "../table-filter/index.js";
-import "../badge/badge.js";
-import "../avatar/avatar.js";
-import "../text-preset/text-preset.js";
-import "react-dom";
-import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
-import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
-import "@radix-ui/react-slot";
-import "../radio/z2-radio.js";
-import "../segmented-control/item.js";
-import "@radix-ui/react-popover";
-import "../dynamic-table/z2-table.js";
-import "../dynamic-table/z2-table-context.js";
-import "../chart/chart.js";
-import "../chart-card/config/defaults.js";
-import "../chart-card/config/colors.js";
-import "../z2map/map.js";
-import "../z2map/map.constants.js";
-import "../z2map/components/map-pin.js";
-import "../z2map/components/map-pin-content.js";
-import "../z2map/components/map-controls.js";
-import "../z2map/components/map-zoom-control.js";
-import "../z2map/components/map-style-control.js";
-import "../table/table.context.js";
-const zt = ({
-  dataSource: w,
-  schema: B,
-  loading: b,
-  emptyMessage: k,
-  className: H,
-  rounded: c = !0,
-  bordered: n = !0,
-  showHeader: g = !0,
-  headerClassName: j,
-  search: a,
-  filter: e,
-  headerLeftContent: h,
-  headerActions: p,
-  body: l = {
-    cell: { hasBorder: !0 },
-    className: "",
-    stickyHeader: !0
-  },
-  showFooter: P = !0,
-  footerClassName: T,
-  pagination: o,
-  paginationInfo: i,
-  paginationQuickJumper: s,
-  error: u = !1,
-  dataSourceError: _ = !1
-}) => {
-  var F;
-  if (u)
-    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ t(S, { className: "mt-1.5" }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ t("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
-        /* @__PURE__ */ t("div", { className: "text-sm", children: "Please try again later" }),
-        typeof u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
-      ] })
-    ] }) });
-  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!i || C, v = a || e || h || p, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
-  return /* @__PURE__ */ m("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
-    /* @__PURE__ */ m(r, { dataSource: w, schema: B, emptyMessage: k, children: [
-      g && v && /* @__PURE__ */ m(
-        r.Header,
-        {
-          className: d(
-            "flex-shrink-0",
-            n && "border-stroke-solid-medium border-1 border-b-0",
-            c && "rounded-t-xl",
-            j
-          ),
-          children: [
-            /* @__PURE__ */ m(r.HeaderContent, { children: [
-              h && h,
-              a && /* @__PURE__ */ t(
-                r.Search,
-                {
-                  search: {
-                    value: a.value || "",
-                    onChange: a.onChange || (() => {
-                    }),
-                    placeholder: a.placeholder
-                  },
-                  className: a.className
-                }
-              ),
-              e && /* @__PURE__ */ m(
-                x,
-                {
-                  filterSchema: e.filterSchema,
-                  filter: {
-                    value: e.value || [],
-                    onChange: e.onChange || (() => {
-                    }),
-                    onFilterClick: e.onFilterClick,
-                    loading: e.loading
-                  },
-                  children: [
-                    R && /* @__PURE__ */ t(x.FilterButton, {}),
-                    (F = e == null ? void 0 : e.quickFilters) == null ? void 0 : F.map((f) => /* @__PURE__ */ t(x.FilterColumnButton, { filterName: f }, f))
-                  ]
-                }
-              )
-            ] }),
-            p && /* @__PURE__ */ t(r.HeaderContent, { children: p })
-          ]
-        }
-      ),
-      /* @__PURE__ */ t(
-        r.Body,
-        {
-          dataSourceError: _,
-          cell: l == null ? void 0 : l.cell,
-          sort: l == null ? void 0 : l.sort,
-          className: d(
-            "flex-1 min-h-0",
-            n && "border-stroke-solid-light border-1",
-            c && !(g && v) && "rounded-t-xl",
-            c && !(P && N) && "rounded-b-xl",
-            n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
-            n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
-            l == null ? void 0 : l.className
-          ),
-          stickyHeader: l == null ? void 0 : l.stickyHeader
-        }
-      ),
-      P && N && /* @__PURE__ */ m(
-        r.Footer,
-        {
-          className: d(
-            "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
-            n && "border",
-            c && "rounded-b-xl",
-            T
-          ),
-          children: [
-            i ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
-              r.PaginationInfo,
-              {
-                showTotal: i.showTotal,
-                totalItems: i.totalItems,
-                currentPage: i.currentPage,
-                itemsPerPage: i.itemsPerPage
-              }
-            ) }) : s || o ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
-            (s || o) && /* @__PURE__ */ m(r.FooterContent, { children: [
-              C && /* @__PURE__ */ t(
-                r.PaginationQuickJumper,
-                {
-                  currentPage: s.currentPage,
-                  totalPage: s.totalPage,
-                  onChange: s.onChange || (() => {
-                  }),
-                  disabled: s.disabled
-                }
-              ),
-              o && /* @__PURE__ */ t(
-                r.Pagination,
-                {
-                  currentPage: o.currentPage,
-                  totalPage: o.totalPage,
-                  onChange: o.onChange || (() => {
-                  }),
-                  totalItems: o.totalItems
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    b && /* @__PURE__ */ t("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
-      /* @__PURE__ */ t("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
-    ] }) })
-  ] });
-};
-export {
-  zt as default
-};

package/dist/components/table-filter/close-filter-confirm/filter-confirmation-dialog.js

@@ -1,20 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Button as r } from "../../button/button.js";
-import { Z2Dialog as a, Z2DialogContent as t, Z2DialogHeader as s, Z2DialogTitle as d, Z2DialogDescription as h, Z2DialogFooter as c } from "../../dialog/dialog.js";
-const u = ({
-  onClose: l,
-  onRevertChanges: n,
-  onApplyChanges: o
-}) => /* @__PURE__ */ e(a, { open: !0, onOpenChange: l, children: /* @__PURE__ */ i(t, { className: "max-w-md p-4 rounded-2xl", children: [
-  /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-between", children: /* @__PURE__ */ e(d, { children: "Unsaved Filter Changes" }) }),
-    /* @__PURE__ */ e(h, { children: "You have unsaved filter changes. Would you like to keep these changes or revert to the previous state?" })
-  ] }),
-  /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ e(r, { onClick: n, variant: "stroke", shade: "danger", size: "small", children: "Discard" }),
-    /* @__PURE__ */ e(r, { onClick: o, variant: "filled", shade: "brand", size: "small", children: "Apply Changes" })
-  ] })
-] }) });
-export {
-  u as FilterConfirmationDialog
-};

package/dist/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.js

@@ -1,20 +0,0 @@
-const v = (u, t) => {
-  if (u.length !== t.length)
-    return !1;
-  const i = [...u].sort((r, l) => r.field.localeCompare(l.field)), e = [...t].sort((r, l) => r.field.localeCompare(l.field));
-  return i.every((r, l) => {
-    const a = e[l];
-    return r.field !== a.field || r.condition !== a.condition ? !1 : Array.isArray(r.value) && Array.isArray(a.value) ? r.value.length !== a.value.length ? !1 : r.value.every((n, s) => n === a.value[s]) : Array.isArray(r.value) || Array.isArray(a.value) ? !1 : r.value === a.value;
-  });
-}, o = (u, t) => {
-  const i = u.filter((e) => Array.isArray(e.value) ? e.value.length > 0 : e.value !== "");
-  return !v(i, t);
-}, y = (u, t, i) => {
-  const e = t.find((n) => n.field === u), r = i.find((n) => n.field === u), l = e && (Array.isArray(e.value) ? e.value.length > 0 : e.value !== ""), a = r && (Array.isArray(r.value) ? r.value.length > 0 : r.value !== "");
-  return !l && a || l && !a ? !0 : !l && !a ? !1 : l && a && e && r ? e.condition !== r.condition ? !0 : Array.isArray(e.value) && Array.isArray(r.value) ? e.value.length !== r.value.length ? !0 : !e.value.every((n, s) => n === r.value[s]) : Array.isArray(e.value) || Array.isArray(r.value) ? !0 : e.value !== r.value : !1;
-};
-export {
-  v as areFiltersEqual,
-  o as hasUnsavedFilterChanges,
-  y as hasUnsavedFilterChangesForColumn
-};

package/dist/components/table-filter/filters/boolean.js

@@ -1,67 +0,0 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-const c = ({ value: e, onChange: l }) => {
-  const i = (s, d) => {
-    l(d ? { value: s } : { value: "" });
-  };
-  return /* @__PURE__ */ r("div", { className: "w-full", children: /* @__PURE__ */ t("div", { className: "p-4 space-y-3", children: [
-    /* @__PURE__ */ t("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
-      /* @__PURE__ */ t("div", { className: "relative", children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            type: "checkbox",
-            checked: (e == null ? void 0 : e.value) === "true",
-            onChange: (s) => i("true", s.target.checked),
-            className: "w-5 h-5 rounded border-2 border-stroke-solid-medium text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors duration-200"
-          }
-        ),
-        (e == null ? void 0 : e.value) === "true" && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ r(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-            clipRule: "evenodd"
-          }
-        ) }) })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ml-3 flex-1", children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ r("span", { className: "text-sm font-medium text-text-neutral-primary", children: "True" }),
-          (e == null ? void 0 : e.value) === "true" && /* @__PURE__ */ r("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: "Selected" })
-        ] }),
-        /* @__PURE__ */ r("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with true values" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
-      /* @__PURE__ */ t("div", { className: "relative", children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            type: "checkbox",
-            checked: (e == null ? void 0 : e.value) === "false",
-            onChange: (s) => i("false", s.target.checked),
-            className: "w-5 h-5 rounded border-2 border-stroke-solid-medium text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors duration-200"
-          }
-        ),
-        (e == null ? void 0 : e.value) === "false" && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ r(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-            clipRule: "evenodd"
-          }
-        ) }) })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ml-3 flex-1", children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ r("span", { className: "text-sm font-medium text-text-neutral-primary", children: "False" }),
-          (e == null ? void 0 : e.value) === "false" && /* @__PURE__ */ r("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: "Selected" })
-        ] }),
-        /* @__PURE__ */ r("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with false values" })
-      ] })
-    ] })
-  ] }) });
-};
-export {
-  c as default
-};

package/dist/components/table-filter/filters/checkbox.js

@@ -1,70 +0,0 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useState as d, useEffect as h } from "react";
-import { Virtuoso as k } from "react-virtuoso";
-import { MagnifierIcon as y } from "../../assets/icons/magnifier-icon.js";
-import S from "../../assets/icons/x.js";
-import { Z2Checkbox as w } from "../../checkbox/checkbox.js";
-const E = ({ value: n, onChange: f, filterOptions: r = [] }) => {
-  const [c, o] = d([]), [m, u] = d(""), [x, i] = d(r), p = (l) => {
-    u(l.target.value);
-    const e = r.filter(
-      (a) => a.label.toLowerCase().includes(l.target.value.toLowerCase())
-    );
-    i(e);
-  };
-  h(() => {
-    n && Array.isArray(n.value) ? o(n.value.filter(Boolean) ?? []) : o([]);
-  }, [n]), h(() => {
-    i(r);
-  }, [r]);
-  const b = (l, e) => {
-    let a;
-    e ? a = [...c, l] : a = c.filter((N) => N !== l), o(a), f({ value: a });
-  }, C = () => {
-    u(""), i(r);
-  }, g = (l) => c.includes(l), v = (l, e) => /* @__PURE__ */ s("div", { className: "flex justify-between items-center py-2 px-3", children: [
-    /* @__PURE__ */ s("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
-      /* @__PURE__ */ t(
-        w,
-        {
-          checked: g(e.value),
-          onCheckedChange: (a) => b(e.value, a === !0)
-        }
-      ),
-      /* @__PURE__ */ t("span", { className: "text-text-neutral-primary leading-none-medium-sm", children: e.label })
-    ] }),
-    e.total && /* @__PURE__ */ s("span", { className: "text-text-neutral-muted text-sm", children: [
-      "[",
-      e.total,
-      "]"
-    ] })
-  ] });
-  return r.length === 0 ? /* @__PURE__ */ t("div", { className: "text-text-neutral-muted text-sm p-4", children: "No filter options available for this column" }) : /* @__PURE__ */ s("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ s("div", { className: "relative border-b border-stroke-solid-medium", children: [
-      /* @__PURE__ */ t(y, { className: "absolute left-3 top-3.5 text-text-neutral-muted" }),
-      /* @__PURE__ */ t(
-        "input",
-        {
-          placeholder: "Search options",
-          value: m,
-          onChange: p,
-          className: "border-none outline-none bg-surface-neutral-default text-text-neutral-primary rounded p-3 pl-8 leading-none-medium-sm w-full"
-        }
-      ),
-      m && /* @__PURE__ */ t("span", { className: "absolute right-3 top-3.5", onClick: C, children: /* @__PURE__ */ t(S, {}) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
-      k,
-      {
-        data: x,
-        itemContent: v,
-        className: "h-full min-h-60",
-        style: { height: "100%" },
-        overscan: 5
-      }
-    ) })
-  ] });
-};
-export {
-  E as default
-};

package/dist/components/table-filter/filters/number/filter-input-field.js

@@ -1,38 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import i from "../../../assets/icons/x.js";
-const d = ({
-  label: l,
-  operator: n,
-  value: e,
-  onChange: o,
-  onReset: s,
-  disabled: r,
-  placeholder: m = "0.00"
-}) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
-  /* @__PURE__ */ t("label", { className: "text-sm font-medium text-text-neutral-primary", children: l }),
-  /* @__PURE__ */ a("div", { className: "relative", children: [
-    /* @__PURE__ */ t("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-text-neutral-muted", children: n }),
-    /* @__PURE__ */ t(
-      "input",
-      {
-        type: "number",
-        value: e,
-        onChange: (u) => o(u.target.value),
-        placeholder: m,
-        disabled: r,
-        className: `border border-stroke-solid-medium bg-surface-neutral-default text-text-neutral-primary placeholder:text-text-neutral-muted rounded px-2 py-2 pl-10 pr-8 text-sm w-full ${r ? "opacity-50 cursor-not-allowed" : ""}`
-      }
-    ),
-    e && /* @__PURE__ */ t(
-      "button",
-      {
-        onClick: s,
-        className: "absolute right-2 top-1/2 transform -translate-y-1/2 text-text-neutral-muted hover:text-text-neutral-primary",
-        children: /* @__PURE__ */ t(i, {})
-      }
-    )
-  ] })
-] });
-export {
-  d as FilterInputField
-};