@ztwoint/z-ui 0.1.130 → 0.1.131

package/dist/types/components/checkbox-filter/checkbox-filter-popover-field.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxFilterProps } from './checkbox-filter.type';
+interface CheckboxFilterPopoverFieldProps extends Omit<CheckboxFilterProps, 'value' | 'onChange'> {
+    placeholder?: string;
+    value?: string[];
+    onChange: (value: string[]) => void;
+}
+export declare const CheckboxFilterPopoverField: React.FC<CheckboxFilterPopoverFieldProps>;
+export {};

package/dist/types/components/checkbox-filter/checkbox-filter-popover-field.hook.d.ts

@@ -0,0 +1,11 @@
+interface UseCheckboxFilterPopoverFieldProps {
+    placeholder?: string;
+    value?: string | string[];
+}
+export declare const useCheckboxFilterPopoverField: ({ value, placeholder, }: UseCheckboxFilterPopoverFieldProps) => {
+    isOpen: boolean;
+    displayText: string;
+    handleOpenChange: (open: boolean) => void;
+    handleInputClick: () => void;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { CheckboxFilterProps } from './checkbox-filter.type';
+export declare const CheckboxFilter: React.FC<CheckboxFilterProps>;

package/dist/types/components/checkbox-filter/checkbox-filter.hook.d.ts

@@ -0,0 +1,11 @@
+import { FilterOption } from '../table-filter/table-filter.type';
+import { CheckboxFilterProps } from './checkbox-filter.type';
+export declare const useCheckboxFilter: ({ value, onChange, filterOptions }: CheckboxFilterProps) => {
+    selectedValues: string[];
+    searchValue: string;
+    filteredOptions: FilterOption[];
+    onSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleCheckboxChange: (optionValue: string, checked: boolean) => void;
+    onClearSearch: () => void;
+    isSelected: (optionValue: string) => boolean;
+};

package/dist/types/components/checkbox-filter/checkbox-filter.type.d.ts

@@ -0,0 +1,2 @@
+import { FilterComponentProps } from '../table-filter/table-filter.type';
+export type CheckboxFilterProps = FilterComponentProps;

package/dist/types/components/checkbox-filter/index.d.ts

@@ -0,0 +1,7 @@
+import { CheckboxFilter } from './checkbox-filter';
+import { CheckboxFilterPopoverField } from './checkbox-filter-popover-field';
+declare const CheckboxFilterComponent: typeof CheckboxFilter & {
+    PopoverField: typeof CheckboxFilterPopoverField;
+};
+export { CheckboxFilterComponent as CheckboxFilter };
+export type { CheckboxFilterProps } from './checkbox-filter.type';

package/dist/types/components/primitives/popover-compact/index.d.ts

@@ -0,0 +1,2 @@
+export { PopoverCompact } from './popover-compact';
+export type { PopoverCompactProps } from './popover-compact';

package/dist/types/components/primitives/popover-compact/popover-compact.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface PopoverCompactProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    contentClassName?: string;
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    width?: string;
+}
+export declare function PopoverCompact({ trigger, children, open: controlledOpen, onOpenChange: controlledOnOpenChange, contentClassName, sideOffset, align, width, }: PopoverCompactProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
 export * from './text';
 export * from './boolean';
 export * from './number';
-export * from './checkbox';

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/button/button';
 export * from './components/collapsible-side-nav-bar';
 export * from './components/country-flags/country-flags';
 export * from './components/checkbox/checkbox';
+export * from './components/checkbox-filter';
 export * from './components/dialog/dialog';
 export * from './components/dropdown/z2-dropdown';
 export * from './components/dropdown-menu/z2-dropdown-menu';
@@ -12,6 +13,7 @@ export * from './components/input/input';
 export * from './components/nav-header';
 export * from './components/select/z2-select';
 export * from './components/primitives/select-compact/select-compact';
+export * from './components/primitives/popover-compact';
 export * from './components/stepper';
 export * from './components/stepper-item/stepper-item';
 export * from './components/tab/tab';

package/package.json

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

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
-};