@ztwoint/z-ui 0.1.31 → 0.1.34

package/dist/index.d.ts

@@ -14,6 +14,7 @@ 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/assets/icons/apartment-building';
 export * from './components/assets/icons/chevron-down';
 export * from './components/assets/icons/chevron-left';

package/dist/index.js

@@ -2,7 +2,7 @@
 import { Alert as a, AlertDescription as n, AlertTitle as l } from "./components/alert/alert.js";
 import { AlertCirclesIcon as f } from "./components/alert/icons/circles-icon.js";
 import { Button as i, buttonVariants as Z } from "./components/button/button.js";
-import { Z2SideNavBarProvider as S } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Z2SideNavBarProvider as u } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
 import { Z2SideNavBar as D, Z2SidebarVariants as T } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
 import { Z2SideNavBarHeader as C } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
 import { Z2SideNavBarContent as w } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
@@ -21,7 +21,7 @@ import { default as J } from "./components/assets/icons/sidebar-left-show-copy.j
 import { SIDEBAR_WIDTH as Y, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/collapsible-side-nav-bar/constants.js";
 import { CountryFlags as z } from "./components/country-flags/country-flags.js";
 import { Z2Dialog as X, Z2DialogClose as $, Z2DialogContent as oo, Z2DialogDescription as eo, Z2DialogFooter as ro, Z2DialogHeader as to, Z2DialogOverlay as po, Z2DialogPortal as ao, Z2DialogTitle as no, Z2DialogTrigger as lo } from "./components/dialog/dialog.js";
-import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as So, Z2DropdownSub as uo, Z2DropdownSubContent as Do, Z2DropdownSubItem as To, Z2DropdownSubTrigger as bo } from "./components/dropdown/z2-dropdown.js";
+import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as uo, Z2DropdownSub as So, Z2DropdownSubContent as Do, Z2DropdownSubItem as To, Z2DropdownSubTrigger as bo } from "./components/dropdown/z2-dropdown.js";
 import { Z2DropdownMenu as go, Z2DropdownMenuCheckboxItem as wo, Z2DropdownMenuContent as co, Z2DropdownMenuGroup as so, Z2DropdownMenuItem as Io, Z2DropdownMenuLabel as vo, Z2DropdownMenuPortal as Mo, Z2DropdownMenuRadioGroup as Bo, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as No, Z2DropdownMenuShortcut as Po, Z2DropdownMenuSub as Eo, Z2DropdownMenuSubContent as Lo, Z2DropdownMenuSubTrigger as Fo, Z2DropdownMenuTrigger as Ho } from "./components/dropdown-menu/z2-dropdown-menu.js";
 import { FileUploadArea as yo } from "./components/file-upload-area/file-upload-area.js";
 import { DEFAULT_ACCEPT as Go } from "./components/file-upload-area/file-upload-area.const.js";
@@ -33,7 +33,7 @@ import { Z2Stepper as te } from "./components/stepper/stepper.js";
 import { Z2StepperItem as ae } from "./components/stepper-item/stepper-item.js";
 import { Z2Tabs as le, Z2TabsContent as me, Z2TabsList as fe, Z2TabsTrigger as xe } from "./components/tab/tab.js";
 import { Table as Ze, TableProvider as de } from "./components/table/table-provider.js";
-import { TableBody as ue } from "./components/table/table.js";
+import { TableBody as Se } from "./components/table/table.js";
 import { extractCellValue as Te, getNestedValue as be } from "./components/table/table.utils.js";
 import { DEFAULT_EMPTY_MESSAGE as ge, TABLE_CSS_CLASSES as we } from "./components/table/table.const.js";
 import { TableContext as se, useTableContext as Ie } from "./components/table/table.context.js";
@@ -57,11 +57,12 @@ import { PaginationInfo as rr } from "./components/table/components/pagination/c
 import { PaginationQuickJumper as pr } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
 import { Z2Tooltip as nr } from "./components/tooltip/tooltip.js";
-import { InfoIcon as mr } from "./components/assets/icons/info-icon.js";
-import { useTheme as xr } from "./lib/theme.hook.js";
-import { cn as Zr } from "./lib/utils.js";
-import { Z2PopoverTrigger as Sr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as Dr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { default as mr } from "./components/table-card/table-card.js";
+import { InfoIcon as xr } from "./components/assets/icons/info-icon.js";
+import { useTheme as Zr } from "./lib/theme.hook.js";
+import { cn as ur } from "./lib/utils.js";
+import { Z2PopoverTrigger as Dr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as br } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   a as Alert,
   f as AlertCirclesIcon,
@@ -77,7 +78,7 @@ export {
   V as DatabaseCopy,
   fo as DropdownContext,
   yo as FileUploadArea,
-  mr as InfoIcon,
+  xr as InfoIcon,
   Uo as Input,
   Xe as MagnifierIcon,
   Wo as NavHeader,
@@ -91,7 +92,8 @@ export {
   h as SubNavIndicator,
   we as TABLE_CSS_CLASSES,
   Ze as Table,
-  ue as TableBody,
+  Se as TableBody,
+  mr as TableCard,
   Me as TableCell,
   se as TableContext,
   Ge as TableEmptyState,
@@ -120,7 +122,7 @@ export {
   xo as Z2Dropdown,
   io as Z2DropdownContent,
   Zo as Z2DropdownInput,
-  So as Z2DropdownItem,
+  uo as Z2DropdownItem,
   go as Z2DropdownMenu,
   wo as Z2DropdownMenuCheckboxItem,
   co as Z2DropdownMenuContent,
@@ -136,13 +138,13 @@ export {
   Lo as Z2DropdownMenuSubContent,
   Fo as Z2DropdownMenuSubTrigger,
   Ho as Z2DropdownMenuTrigger,
-  uo as Z2DropdownSub,
+  So as Z2DropdownSub,
   Do as Z2DropdownSubContent,
   To as Z2DropdownSubItem,
   bo as Z2DropdownSubTrigger,
   F as Z2Popover,
-  Dr as Z2PopoverContent,
-  Sr as Z2PopoverTrigger,
+  br as Z2PopoverContent,
+  Dr as Z2PopoverTrigger,
   Qo as Z2Select,
   Yo as Z2SelectContent,
   jo as Z2SelectGroup,
@@ -159,7 +161,7 @@ export {
   v as Z2SideNavBarGroup,
   C as Z2SideNavBarHeader,
   B as Z2SideNavBarItem,
-  S as Z2SideNavBarProvider,
+  u as Z2SideNavBarProvider,
   N as Z2SideNavBarSeparator,
   T as Z2SidebarVariants,
   te as Z2Stepper,
@@ -170,10 +172,10 @@ export {
   xe as Z2TabsTrigger,
   nr as Z2Tooltip,
   Z as buttonVariants,
-  Zr as cn,
+  ur as cn,
   Te as extractCellValue,
   be as getNestedValue,
   Ie as useTableContext,
-  xr as useTheme,
+  Zr as useTheme,
   E as useZ2SideNavBar
 };

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

@@ -0,0 +1,3 @@
+import { FilterComponentType } from '../table-filter.type';
+declare const CheckboxFilter: FilterComponentType;
+export default CheckboxFilter;

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

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

package/dist/types/components/table/components/table-filter/filters/number/filter-input-field.d.ts

@@ -0,0 +1,11 @@
+interface FilterInputFieldProps {
+    label: string;
+    operator: string;
+    value: string;
+    onChange: (value: string) => void;
+    onReset: () => void;
+    disabled: boolean;
+    placeholder?: string;
+}
+export declare const FilterInputField: React.FC<FilterInputFieldProps>;
+export {};

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

@@ -0,0 +1 @@
+export { default } from './number';

package/dist/types/components/table/components/table-filter/filters/{number.d.ts → number/number.d.ts}

@@ -1,3 +1,3 @@
-import { FilterComponentType } from '../table-filter.type';
+import { FilterComponentType } from '../../table-filter.type';
 declare const NumberFilter: FilterComponentType;
 export default NumberFilter;

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

@@ -0,0 +1,23 @@
+interface UseNumberFilterProps {
+    value: {
+        condition: string;
+        value: string;
+    };
+    onChange: (update: {
+        condition?: string;
+        value?: string;
+    }) => void;
+}
+export declare const useNumberFilter: ({ value, onChange }: UseNumberFilterProps) => {
+    specificAmount: string;
+    atLeast: string;
+    noMoreThan: string;
+    activeField: string | null;
+    handleSpecificAmountChange: (newValue: string) => void;
+    handleAtLeastChange: (newValue: string) => void;
+    handleNoMoreThanChange: (newValue: string) => void;
+    resetSpecificAmount: () => void;
+    resetAtLeast: () => void;
+    resetNoMoreThan: () => void;
+};
+export {};

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

@@ -3,9 +3,12 @@ import { TableFilterProps } from './table-filter.type';
 import { FilterRule } from '../../table.type';
 declare const useTableFilter: ({ filter, schema }: TableFilterProps) => {
     isOpen: boolean;
-    addFilterRule: () => void;
-    updateFilterRule: (index: number, updates: Partial<FilterRule>) => void;
-    removeFilterRule: (index: number) => void;
+    selectedColumn: string | null;
+    setSelectedColumn: React.Dispatch<React.SetStateAction<string | null>>;
+    getFilterForColumn: (columnKey: string) => FilterRule | undefined;
+    hasFilterForColumn: (columnKey: string) => boolean;
+    updateColumnFilter: (columnKey: string, condition?: string, value?: string | string[]) => void;
+    clearAllFilters: () => void;
     applyFilters: () => void;
     hasActiveFilters: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TableFilter, TableSchema } from '../../table.type';
+import { TableFilter, TableSchema, FilterOption } from '../../table.type';
 export interface TableFilterProps {
     schema: TableSchema;
     filter: TableFilter;
@@ -8,11 +8,12 @@ export interface TableFilterProps {
 export type FilterComponentProps = {
     onChange: (input: {
         condition?: string;
-        value?: string;
+        value?: string | string[];
     }) => void;
     value: {
         condition?: string;
-        value: string;
+        value: string | string[];
     };
+    filterOptions?: FilterOption[];
 };
 export type FilterComponentType = FC<FilterComponentProps>;

package/dist/types/components/table/index.d.ts

@@ -1,6 +1,6 @@
 export { Table as default, Table, TableProvider } from './table-provider';
 export { TableBody } from './table';
-export type { TableProps, TableSchema, TableSchemaColumn, CellType, CellValue, CellRenderer, CellRendererProps, FilterRule, FilterCondition, TableFilter as TableFilterType, TablePaginationConfig, SortDirection, SortColumn, TableSort, } from './table.type';
+export type { TableProps, TableSchema, TableSchemaColumn, CellType, CellValue, CellRenderer, CellRendererProps, FilterRule, FilterCondition, FilterOption, TableFilter as TableFilterType, TablePaginationConfig, SortDirection, SortColumn, TableSort, } from './table.type';
 export { getNestedValue, extractCellValue } from './table.utils';
 export { DEFAULT_EMPTY_MESSAGE, TABLE_CSS_CLASSES } from './table.const';
 export { TableContext, useTableContext } from './table.context';

package/dist/types/components/table/table.type.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { FilterComponentType } from './components/table-filter/table-filter.type';
-export type CellType = 'text' | 'number' | 'boolean';
+export type CellType = 'text' | 'number' | 'boolean' | 'checkbox';
 export type CellValue = string | number | boolean | null | undefined;
 export type CellRendererProps = {
     value: CellValue;
@@ -12,6 +12,10 @@ export type FilterCondition = 'contains' | 'notEqual' | 'equal' | '>' | '<' | '=
 export type FilterRule = {
     field: string;
     condition?: string;
+    value: string | string[];
+};
+export type FilterOption = {
+    label: string;
     value: string;
 };
 export type TableFilter = {
@@ -49,6 +53,7 @@ export type TableSchemaColumn = {
     filterable?: boolean;
     hideable?: boolean;
     sortable?: boolean;
+    filterOptions?: FilterOption[];
 };
 export type TableSchema = TableSchemaColumn[];
 export type TableProps = {

package/dist/types/index.d.ts

@@ -15,6 +15,7 @@ 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/assets/icons/apartment-building';
 export * from './components/assets/icons/chevron-down';
 export * from './components/assets/icons/chevron-left';

package/package.json

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

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

@@ -1,28 +0,0 @@
-import { jsxs as o, Fragment as u, jsx as a } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-const l = [">", "<", "=", "!="], s = ({ value: t, onChange: r }) => (d(() => {
-  t.condition || r({ condition: l[0] });
-}, []), /* @__PURE__ */ o(u, { children: [
-  /* @__PURE__ */ a(
-    "select",
-    {
-      value: t.condition,
-      onChange: (e) => r({ condition: e.target.value }),
-      className: "border border-stroke-solid-medium bg-surface-neutral-default text-text-neutral-primary rounded px-2 py-1 text-sm",
-      children: l.map((e) => /* @__PURE__ */ a("option", { value: e, children: e }, e))
-    }
-  ),
-  /* @__PURE__ */ a(
-    "input",
-    {
-      type: "number",
-      value: t.value,
-      onChange: (e) => r({ value: e.target.value }),
-      placeholder: "Value",
-      className: "border border-stroke-solid-medium bg-surface-neutral-default text-text-neutral-primary placeholder:text-text-neutral-muted rounded px-2 py-1 text-sm flex-1"
-    }
-  )
-] }));
-export {
-  s as default
-};