@ztwoint/z-ui 0.1.45 → 0.1.46

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

@@ -1,120 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { Button as i } from "../../../button/button.js";
-import T from "./table-filter.hook.js";
-import C from "./filters/text.js";
-import j from "./filters/boolean.js";
-import z from "./filters/number/number.js";
-import A from "./filters/checkbox.js";
-import O from "../../../assets/icons/circle-check-filled.js";
-const E = ({
-  filterComponents: n = {},
-  schema: d,
-  filter: o
-}) => {
-  const {
-    selectedColumn: r,
-    setSelectedColumn: p,
-    getFilterForColumn: x,
-    hasFilterForColumn: b,
-    updateColumnFilter: f,
-    clearAllFilters: v,
-    applyFilters: k,
-    hasActiveFilters: s,
-    isOpen: m,
-    setIsOpen: u,
-    filterableFields: y
-  } = T({ schema: d, filter: o || { value: [], onChange: () => {
-  } } });
-  if (!o)
-    return null;
-  const N = () => {
-    if (!r) return null;
-    const e = d.find((c) => c.key === r), F = {
-      boolean: j,
-      text: C,
-      number: z,
-      checkbox: A
-    }, h = (n == null ? void 0 : n[(e == null ? void 0 : e.cellType) || ""]) || F[(e == null ? void 0 : e.cellType) || "text"];
-    if (!h)
-      return console.warn(
-        `No filter component found for column "${e == null ? void 0 : e.key}" with cellType "${e == null ? void 0 : e.cellType}". Provide a custom filter component or use supported types: "text", "number", "boolean", "checkbox".`
-      ), null;
-    const a = x(r), g = {
-      condition: (a == null ? void 0 : a.condition) || "",
-      value: (a == null ? void 0 : a.value) || ""
-    };
-    return /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t("div", { className: "", children: /* @__PURE__ */ t(
-      h,
-      {
-        value: g,
-        onChange: ({ condition: c, value: w }) => f(r, c, w),
-        filterOptions: e == null ? void 0 : e.filterOptions
-      },
-      e == null ? void 0 : e.key
-    ) }) }) });
-  };
-  return /* @__PURE__ */ l("div", { className: "relative", children: [
-    /* @__PURE__ */ l(
-      i,
-      {
-        onClick: () => u(!m),
-        variant: s ? "filled" : "stroke",
-        shade: s ? "brand" : "neutral",
-        size: "small",
-        children: [
-          "Filter ",
-          s && `(${o.value.length})`
-        ]
-      }
-    ),
-    m && /* @__PURE__ */ l("div", { className: "absolute top-full left-0 mt-2 min-w-[600px] bg-surface-neutral-default border border-stroke-solid-medium rounded-md shadow-default z-10", children: [
-      /* @__PURE__ */ l("div", { className: "flex min-h-[300px]", children: [
-        /* @__PURE__ */ l("div", { className: "w-48 border-r border-stroke-solid-medium", children: [
-          /* @__PURE__ */ t("div", { className: "p-3 border-b border-stroke-solid-medium", children: /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-text-neutral-primary", children: "Columns" }) }),
-          /* @__PURE__ */ t("div", { className: "py-2", children: y.map((e) => /* @__PURE__ */ l(
-            "button",
-            {
-              onClick: () => p(e.key),
-              className: `w-full text-left px-3 py-2 text-sm flex items-center justify-between hover:bg-surface-neutral-hovered transition-colors ${r === e.key ? "bg-surface-brand-subtle text-text-brand-primary" : "text-text-neutral-primary"}`,
-              children: [
-                /* @__PURE__ */ t("span", { className: "truncate", children: e.title }),
-                b(e.key) && /* @__PURE__ */ t(O, { className: "w-4 h-4 text-icon-brand-primary flex-shrink-0 ml-2" })
-              ]
-            },
-            e.key
-          )) })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col", children: r ? N() : /* @__PURE__ */ t("div", { className: "flex-1 flex items-center justify-center text-text-neutral-muted", children: "Select a column to configure its filter" }) })
-      ] }),
-      /* @__PURE__ */ l("div", { className: "flex justify-between items-center p-4 border-t border-stroke-solid-medium", children: [
-        /* @__PURE__ */ t(
-          i,
-          {
-            onClick: v,
-            variant: "ghost",
-            shade: "neutral",
-            size: "small",
-            disabled: !s,
-            children: "Clear All"
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ t(
-            i,
-            {
-              onClick: () => u(!1),
-              variant: "stroke",
-              shade: "neutral",
-              size: "small",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ t(i, { onClick: k, variant: "filled", shade: "neutral", size: "small", children: "Apply" })
-        ] })
-      ] })
-    ] })
-  ] });
-};
-export {
-  E as TableFilter
-};

package/dist/types/components/table/components/table-filter/table-filter.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { FilterComponentType } from './table-filter.type';
-import { TableSchema, TableFilter as TableFilterType } from '../../table.type';
-export interface TableFilterProps {
-    filterComponents?: Record<string, FilterComponentType>;
-    schema: TableSchema;
-    filter?: TableFilterType;
-}
-export declare const TableFilter: React.FC<TableFilterProps>;