@ztwoint/z-ui 0.1.63 → 0.1.64

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from './components/badge/badge';
 export * from './components/avatar/avatar';
 export * from './components/text-preset/text-preset';
 export * from './components/column-reorder';
+export * from './components/tree-checkbox-select';
 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

@@ -6,126 +6,128 @@ import { Z2SideNavBarProvider as u } from "./components/collapsible-side-nav-bar
 import { Z2SideNavBar as D, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
 import { Z2SideNavBarHeader as T } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
 import { Z2SideNavBarContent as c } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
-import { Z2SideNavBarFooter as s } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
+import { Z2SideNavBarFooter as w } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
 import { Z2SideNavBarGroup as v } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
 import { Z2SideNavBarItem as M } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
 import { Z2SideNavBarSeparator as L } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
 import { useZ2SideNavBar as N } from "./components/collapsible-side-nav-bar/context.js";
-import { Z2Popover as F } from "./components/collapsible-side-nav-bar/popover/popover.js";
-import { ChevronUpIcon as _ } from "./components/assets/icons/chevron-up-icon.js";
+import { Z2Popover as h } from "./components/collapsible-side-nav-bar/popover/popover.js";
+import { ChevronUpIcon as H } from "./components/assets/icons/chevron-up-icon.js";
 import { default as y } from "./components/assets/icons/sub-nav-indicator.js";
-import { default as G } from "./components/assets/icons/circles-icon.js";
-import { default as V } from "./components/assets/icons/database-copy.js";
-import { default as k } from "./components/assets/icons/window-left-copy.js";
+import { default as k } from "./components/assets/icons/circles-icon.js";
+import { default as U } from "./components/assets/icons/database-copy.js";
+import { default as W } from "./components/assets/icons/window-left-copy.js";
 import { default as J } from "./components/assets/icons/sidebar-left-show-copy.js";
 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 { Z2Checkbox as X } from "./components/checkbox/checkbox.js";
-import { Z2Dialog as oo, Z2DialogClose as ro, Z2DialogContent as eo, Z2DialogDescription as to, Z2DialogFooter as ao, Z2DialogHeader as po, Z2DialogOverlay as no, Z2DialogPortal as lo, Z2DialogTitle as mo, Z2DialogTrigger as fo } from "./components/dialog/dialog.js";
+import { Z2Dialog as oo, Z2DialogClose as eo, Z2DialogContent as ro, Z2DialogDescription as to, Z2DialogFooter as ao, Z2DialogHeader as po, Z2DialogOverlay as no, Z2DialogPortal as lo, Z2DialogTitle as mo, Z2DialogTrigger as fo } from "./components/dialog/dialog.js";
 import { DropdownContext as io, Z2Dropdown as Zo, Z2DropdownContent as uo, Z2DropdownInput as So, Z2DropdownItem as Do, Z2DropdownSub as bo, Z2DropdownSubContent as Co, Z2DropdownSubItem as To, Z2DropdownSubTrigger as go } from "./components/dropdown/z2-dropdown.js";
-import { Z2DropdownMenu as wo, Z2DropdownMenuCheckboxItem as so, Z2DropdownMenuContent as Io, Z2DropdownMenuGroup as vo, Z2DropdownMenuItem as Bo, Z2DropdownMenuLabel as Mo, Z2DropdownMenuPortal as Ao, Z2DropdownMenuRadioGroup as Lo, Z2DropdownMenuRadioItem as Po, Z2DropdownMenuSeparator as No, Z2DropdownMenuShortcut as Eo, Z2DropdownMenuSub as Fo, Z2DropdownMenuSubContent as Ho, Z2DropdownMenuSubTrigger as _o, Z2DropdownMenuTrigger as ho } from "./components/dropdown-menu/z2-dropdown-menu.js";
+import { Z2DropdownMenu as so, Z2DropdownMenuCheckboxItem as wo, Z2DropdownMenuContent as Io, Z2DropdownMenuGroup as vo, Z2DropdownMenuItem as Bo, Z2DropdownMenuLabel as Mo, Z2DropdownMenuPortal as Ao, Z2DropdownMenuRadioGroup as Lo, Z2DropdownMenuRadioItem as Po, Z2DropdownMenuSeparator as No, Z2DropdownMenuShortcut as Eo, Z2DropdownMenuSub as ho, Z2DropdownMenuSubContent as Fo, Z2DropdownMenuSubTrigger as Ho, Z2DropdownMenuTrigger as _o } from "./components/dropdown-menu/z2-dropdown-menu.js";
 import { FileUploadArea as Ro } from "./components/file-upload-area/file-upload-area.js";
-import { DEFAULT_ACCEPT as Uo } from "./components/file-upload-area/file-upload-area.const.js";
-import { Input as Wo } from "./components/input/input.js";
+import { DEFAULT_ACCEPT as Go } from "./components/file-upload-area/file-upload-area.const.js";
+import { Input as Vo } from "./components/input/input.js";
 import { NavHeader as Oo } from "./components/nav-header/nav-header.js";
 import { NavItem as Qo } from "./components/nav-header/nav-item/nav-item.js";
-import { Z2Select as jo, Z2SelectContent as qo, Z2SelectGroup as zo, Z2SelectItem as Ko, Z2SelectLabel as Xo, Z2SelectScrollDownButton as $o, Z2SelectScrollUpButton as or, Z2SelectSeparator as rr, Z2SelectTrigger as er, Z2SelectValue as tr } from "./components/select/z2-select.js";
-import { Z2Stepper as pr } from "./components/stepper/stepper.js";
-import { Z2StepperItem as lr } from "./components/stepper-item/stepper-item.js";
-import { Z2Tabs as fr, Z2TabsContent as xr, Z2TabsList as ir, Z2TabsTrigger as Zr } from "./components/tab/tab.js";
-import { Table as ur, TableProvider as Sr } from "./components/table/table-provider.js";
-import { TableBody as br } from "./components/table/table.js";
-import { extractCellValue as Tr } from "./components/table/table.utils.js";
-import { DEFAULT_EMPTY_MESSAGE as cr, TABLE_CSS_CLASSES as wr } from "./components/table/table.const.js";
-import { TableContext as Ir, useTableContext as vr } from "./components/table/table.context.js";
-import { TableCell as Mr } from "./components/table/components/table-cell.js";
-import { NumberCell as Lr } from "./components/table/components/cell/number-cell.js";
-import { BooleanCell as Nr } from "./components/table/components/cell/boolean-cell.js";
-import { LinkCell as Fr } from "./components/table/components/cell/link-cell.js";
-import { DescriptionCell as _r } from "./components/table/components/cell/description-cell.js";
-import { AvatarCell as yr } from "./components/table/components/cell/avatar-cell.js";
-import { LabelCell as Gr } from "./components/table/components/cell/label-cell.js";
-import { TableHeader as Vr } from "./components/table/components/table-header/table-header.js";
+import { Z2Select as jo, Z2SelectContent as qo, Z2SelectGroup as zo, Z2SelectItem as Ko, Z2SelectLabel as Xo, Z2SelectScrollDownButton as $o, Z2SelectScrollUpButton as oe, Z2SelectSeparator as ee, Z2SelectTrigger as re, Z2SelectValue as te } from "./components/select/z2-select.js";
+import { Z2Stepper as pe } from "./components/stepper/stepper.js";
+import { Z2StepperItem as le } from "./components/stepper-item/stepper-item.js";
+import { Z2Tabs as fe, Z2TabsContent as xe, Z2TabsList as ie, Z2TabsTrigger as Ze } from "./components/tab/tab.js";
+import { Table as ue, TableProvider as Se } from "./components/table/table-provider.js";
+import { TableBody as be } from "./components/table/table.js";
+import { extractCellValue as Te } from "./components/table/table.utils.js";
+import { DEFAULT_EMPTY_MESSAGE as ce, TABLE_CSS_CLASSES as se } from "./components/table/table.const.js";
+import { TableContext as Ie, useTableContext as ve } from "./components/table/table.context.js";
+import { TableCell as Me } from "./components/table/components/table-cell.js";
+import { NumberCell as Le } from "./components/table/components/cell/number-cell.js";
+import { BooleanCell as Ne } from "./components/table/components/cell/boolean-cell.js";
+import { LinkCell as he } from "./components/table/components/cell/link-cell.js";
+import { DescriptionCell as He } from "./components/table/components/cell/description-cell.js";
+import { AvatarCell as ye } from "./components/table/components/cell/avatar-cell.js";
+import { LabelCell as ke } from "./components/table/components/cell/label-cell.js";
+import { TableHeader as Ue } from "./components/table/components/table-header/table-header.js";
 import "react/jsx-runtime";
-import { TableRow as kr } from "./components/table/components/table-row.js";
-import { TableEmptyState as Jr } from "./components/table/components/table-empty-state.js";
-import { TableLoadingState as Yr } from "./components/table/components/table-loading-state.js";
-import { Pagination as qr } from "./components/table/components/pagination/pagination.js";
-import { TableHeaderWrapper as Kr } from "./components/table/components/table-header-wrapper.js";
-import { TableHeaderContent as $r } from "./components/table/components/table-header-content.js";
-import { TableFooter as re } from "./components/table/components/table-footer.js";
-import { TableFooterContent as te } from "./components/table/components/table-footer-content.js";
-import { MagnifierIcon as pe } from "./components/assets/icons/magnifier-icon.js";
-import { PaginationInfo as le } from "./components/table/components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as fe } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
+import { TableRow as We } from "./components/table/components/table-row.js";
+import { TableEmptyState as Je } from "./components/table/components/table-empty-state.js";
+import { TableLoadingState as Ye } from "./components/table/components/table-loading-state.js";
+import { Pagination as qe } from "./components/table/components/pagination/pagination.js";
+import { TableHeaderWrapper as Ke } from "./components/table/components/table-header-wrapper.js";
+import { TableHeaderContent as $e } from "./components/table/components/table-header-content.js";
+import { TableFooter as er } from "./components/table/components/table-footer.js";
+import { TableFooterContent as tr } from "./components/table/components/table-footer-content.js";
+import { MagnifierIcon as pr } from "./components/assets/icons/magnifier-icon.js";
+import { PaginationInfo as lr } from "./components/table/components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as fr } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
-import { Z2Tooltip as ie } from "./components/tooltip/tooltip.js";
-import { default as de } from "./components/table-card/table-card.js";
-import { Badge as Se, badgeVariants as De } from "./components/badge/badge.js";
-import { Avatar as Ce, AvatarWithLabel as Te } from "./components/avatar/avatar.js";
-import { Z2TextPreset as ce } from "./components/text-preset/text-preset.js";
-import { ColumnReOrder as se } from "./components/column-reorder/column-reorder.js";
-import { InfoIcon as ve } from "./components/assets/icons/info-icon.js";
-import { useTheme as Me } from "./lib/theme.hook.js";
-import { cn as Le } from "./lib/utils.js";
-import { Z2PopoverTrigger as Ne } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as Fe } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2Tooltip as ir } from "./components/tooltip/tooltip.js";
+import { default as dr } from "./components/table-card/table-card.js";
+import { Badge as Sr, badgeVariants as Dr } from "./components/badge/badge.js";
+import { Avatar as Cr, AvatarWithLabel as Tr } from "./components/avatar/avatar.js";
+import { Z2TextPreset as cr } from "./components/text-preset/text-preset.js";
+import { ColumnReOrder as wr } from "./components/column-reorder/column-reorder.js";
+import { default as vr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
+import { InfoIcon as Mr } from "./components/assets/icons/info-icon.js";
+import { useTheme as Lr } from "./lib/theme.hook.js";
+import { cn as Nr } from "./lib/utils.js";
+import { Z2PopoverTrigger as hr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as Hr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   f as AlertCirclesIcon,
   n as AlertDescription,
   l as AlertTitle,
-  Ce as Avatar,
-  yr as AvatarCell,
-  Te as AvatarWithLabel,
-  Se as Badge,
-  Nr as BooleanCell,
+  Cr as Avatar,
+  ye as AvatarCell,
+  Tr as AvatarWithLabel,
+  Sr as Badge,
+  Ne as BooleanCell,
   i as Button,
-  _ as ChevronUpIcon,
-  G as CirclesIcon,
-  se as ColumnReOrder,
+  H as ChevronUpIcon,
+  k as CirclesIcon,
+  wr as ColumnReOrder,
   z as CountryFlags,
-  Uo as DEFAULT_ACCEPT,
-  cr as DEFAULT_EMPTY_MESSAGE,
-  V as DatabaseCopy,
-  _r as DescriptionCell,
+  Go as DEFAULT_ACCEPT,
+  ce as DEFAULT_EMPTY_MESSAGE,
+  U as DatabaseCopy,
+  He as DescriptionCell,
   io as DropdownContext,
   Ro as FileUploadArea,
-  ve as InfoIcon,
-  Wo as Input,
-  Gr as LabelCell,
-  Fr as LinkCell,
-  pe as MagnifierIcon,
+  Mr as InfoIcon,
+  Vo as Input,
+  ke as LabelCell,
+  he as LinkCell,
+  pr as MagnifierIcon,
   Oo as NavHeader,
   Qo as NavItem,
-  Lr as NumberCell,
-  le as PaginationInfo,
-  fe as PaginationQuickJumper,
+  Le as NumberCell,
+  lr as PaginationInfo,
+  fr as PaginationQuickJumper,
   Y as SIDEBAR_WIDTH,
   j as SIDEBAR_WIDTH_COLLAPSED,
   J as SidebarLeftShowCopy,
   y as SubNavIndicator,
-  wr as TABLE_CSS_CLASSES,
-  ur as Table,
-  br as TableBody,
-  de as TableCard,
-  Mr as TableCell,
-  Ir as TableContext,
-  Jr as TableEmptyState,
-  re as TableFooter,
-  te as TableFooterContent,
-  Vr as TableHeader,
-  $r as TableHeaderContent,
-  Kr as TableHeaderWrapper,
-  Yr as TableLoadingState,
-  qr as TablePagination,
-  Sr as TableProvider,
-  kr as TableRow,
-  k as WindowLeftCopy,
+  se as TABLE_CSS_CLASSES,
+  ue as Table,
+  be as TableBody,
+  dr as TableCard,
+  Me as TableCell,
+  Ie as TableContext,
+  Je as TableEmptyState,
+  er as TableFooter,
+  tr as TableFooterContent,
+  Ue as TableHeader,
+  $e as TableHeaderContent,
+  Ke as TableHeaderWrapper,
+  Ye as TableLoadingState,
+  qe as TablePagination,
+  Se as TableProvider,
+  We as TableRow,
+  vr as TreeCheckboxSelect,
+  W as WindowLeftCopy,
   X as Z2Checkbox,
   oo as Z2Dialog,
-  ro as Z2DialogClose,
-  eo as Z2DialogContent,
+  eo as Z2DialogClose,
+  ro as Z2DialogContent,
   to as Z2DialogDescription,
   ao as Z2DialogFooter,
   po as Z2DialogHeader,
@@ -137,8 +139,8 @@ export {
   uo as Z2DropdownContent,
   So as Z2DropdownInput,
   Do as Z2DropdownItem,
-  wo as Z2DropdownMenu,
-  so as Z2DropdownMenuCheckboxItem,
+  so as Z2DropdownMenu,
+  wo as Z2DropdownMenuCheckboxItem,
   Io as Z2DropdownMenuContent,
   vo as Z2DropdownMenuGroup,
   Bo as Z2DropdownMenuItem,
@@ -148,49 +150,49 @@ export {
   Po as Z2DropdownMenuRadioItem,
   No as Z2DropdownMenuSeparator,
   Eo as Z2DropdownMenuShortcut,
-  Fo as Z2DropdownMenuSub,
-  Ho as Z2DropdownMenuSubContent,
-  _o as Z2DropdownMenuSubTrigger,
-  ho as Z2DropdownMenuTrigger,
+  ho as Z2DropdownMenuSub,
+  Fo as Z2DropdownMenuSubContent,
+  Ho as Z2DropdownMenuSubTrigger,
+  _o as Z2DropdownMenuTrigger,
   bo as Z2DropdownSub,
   Co as Z2DropdownSubContent,
   To as Z2DropdownSubItem,
   go as Z2DropdownSubTrigger,
-  F as Z2Popover,
-  Fe as Z2PopoverContent,
-  Ne as Z2PopoverTrigger,
+  h as Z2Popover,
+  Hr as Z2PopoverContent,
+  hr as Z2PopoverTrigger,
   jo as Z2Select,
   qo as Z2SelectContent,
   zo as Z2SelectGroup,
   Ko as Z2SelectItem,
   Xo as Z2SelectLabel,
   $o as Z2SelectScrollDownButton,
-  or as Z2SelectScrollUpButton,
-  rr as Z2SelectSeparator,
-  er as Z2SelectTrigger,
-  tr as Z2SelectValue,
+  oe as Z2SelectScrollUpButton,
+  ee as Z2SelectSeparator,
+  re as Z2SelectTrigger,
+  te as Z2SelectValue,
   D as Z2SideNavBar,
   c as Z2SideNavBarContent,
-  s as Z2SideNavBarFooter,
+  w as Z2SideNavBarFooter,
   v as Z2SideNavBarGroup,
   T as Z2SideNavBarHeader,
   M as Z2SideNavBarItem,
   u as Z2SideNavBarProvider,
   L as Z2SideNavBarSeparator,
   b as Z2SidebarVariants,
-  pr as Z2Stepper,
-  lr as Z2StepperItem,
-  fr as Z2Tabs,
-  xr as Z2TabsContent,
-  ir as Z2TabsList,
-  Zr as Z2TabsTrigger,
-  ce as Z2TextPreset,
-  ie as Z2Tooltip,
-  De as badgeVariants,
+  pe as Z2Stepper,
+  le as Z2StepperItem,
+  fe as Z2Tabs,
+  xe as Z2TabsContent,
+  ie as Z2TabsList,
+  Ze as Z2TabsTrigger,
+  cr as Z2TextPreset,
+  ir as Z2Tooltip,
+  Dr as badgeVariants,
   Z as buttonVariants,
-  Le as cn,
-  Tr as extractCellValue,
-  vr as useTableContext,
-  Me as useTheme,
+  Nr as cn,
+  Te as extractCellValue,
+  ve as useTableContext,
+  Lr as useTheme,
   N as useZ2SideNavBar
 };

package/dist/types/components/tree-checkbox-select/TreeCheckboxSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TreeCheckboxSelectProps } from './TreeCheckboxSelect.types';
+declare const TreeCheckboxSelect: React.FC<TreeCheckboxSelectProps>;
+export default TreeCheckboxSelect;

package/dist/types/components/tree-checkbox-select/TreeCheckboxSelect.types.d.ts

@@ -0,0 +1,55 @@
+export type FlatItem = {
+    key: string;
+    label: string;
+    disabled?: boolean;
+    hint?: string;
+};
+export type TreeNode = {
+    id: string;
+    label: string;
+    children?: TreeNode[];
+    disabled?: boolean;
+    hint?: string;
+    isLeaf?: boolean;
+};
+export type SelectionMode = 'leaves-only' | 'all-nodes';
+export interface TreeCheckboxSelectProps {
+    /** Flat array of items with hierarchical keys */
+    items: FlatItem[];
+    /** Initial selection */
+    defaultValue?: string[];
+    /** Change handler returns normalized selected ids */
+    onChange?: (nextIds: string[]) => void;
+    /** Control which nodes are selectable */
+    selectionMode?: SelectionMode;
+    /** Default expanded ids (default: expand all roots) */
+    defaultExpandedIds?: string[];
+    /** Search behavior */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Custom filter function; default matches label (case-insensitive) */
+    filterFn?: (node: TreeNode, query: string) => boolean;
+    onSearchChange?: (query: string) => void;
+    /** "Select all" behavior scoped to current filtered view */
+    showSelectAll?: boolean;
+    selectAllLabel?: string;
+    /** If true, checking a parent cascades to all descendants; unchecking clears all */
+    cascade?: boolean;
+    /** Optional render override for labels (no styling) */
+    renderLabel?: (node: TreeNode) => React.ReactNode;
+    /** Accessibility */
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    /** Disable component */
+    disabled?: boolean;
+    /** Test id */
+    dataTestId?: string;
+}
+export interface FlatNode {
+    node: TreeNode;
+    level: number;
+    isBranch: boolean;
+    visibleChildrenCount: number;
+    parentId?: string;
+}
+export type CheckState = 'checked' | 'unchecked' | 'mixed';

package/dist/types/components/tree-checkbox-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TreeCheckboxSelect } from './TreeCheckboxSelect';
+export type { FlatItem, TreeNode, TreeCheckboxSelectProps, SelectionMode, } from './TreeCheckboxSelect.types';

package/dist/types/index.d.ts

@@ -21,6 +21,7 @@ export * from './components/badge/badge';
 export * from './components/avatar/avatar';
 export * from './components/text-preset/text-preset';
 export * from './components/column-reorder';
+export * from './components/tree-checkbox-select';
 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.63",
+  "version": "0.1.64",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",