@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Button } from '../../../../../Button/Button';
+export type Props = Omit<ComponentProps<typeof Button>, 'ref'> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_HEIGHT = 36;
+export declare const LIST_PADDING = 16;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const CLOSE_DELAY_MS = 100;
+export declare const MENU_GAP_PX = 4;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-actions-menu/use-actions-menu';

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.d.ts

@@ -0,0 +1,15 @@
+export declare const useActionsMenu: () => {
+    buttonRef: import('react').RefObject<HTMLButtonElement | null>;
+    hasOpened: boolean;
+    isOpen: boolean;
+    menuId: string;
+    menuRef: import('react').RefObject<HTMLDivElement | null>;
+    triggerRef: import('react').RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    handleMenuKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handlePointerEnter: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.d.ts

@@ -0,0 +1,10 @@
+import { PointerEvent } from 'react';
+import { Params } from './use-menu-interactions.types';
+export declare const useMenuInteractions: ({ isOpen, menuRef, triggerRef, setIsOpen, }: Params) => {
+    closeMenu: () => void;
+    handlePointerEnter: (event: PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerPointerDown: (event: PointerEvent<HTMLElement>) => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.types.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export type Params = {
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.d.ts

@@ -0,0 +1,6 @@
+import { KeyboardEvent } from 'react';
+import { Params } from './use-menu-keyboard-navigation.types';
+export declare const useMenuKeyboardNavigation: ({ buttonRef, isOpen, menuRef, closeMenu, openMenu, }: Params) => {
+    handleMenuKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.types.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export type Params = {
+    buttonRef: RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.d.ts

@@ -0,0 +1,2 @@
+import { Params } from './use-row-highlight.types';
+export declare const useRowHighlight: ({ isOpen, triggerRef }: Params) => void;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.types.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export type Params = {
+    isOpen: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+};

package/dist/lib/components/index.d.ts

@@ -7,10 +7,12 @@ export * from './Button/Button';
 export * from './ButtonGroup/ButtonGroup';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
+export * from './CopyButton/CopyButton';
+export type { Props as CopyButtonProps } from './CopyButton/CopyButton.types';
 export * from './Counter/Counter';
 export * from './Datepicker/DatePicker';
 export * from './DateRangePicker/DateRangePicker';
-export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
+export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
 export * from './Divider/Divider';
 export * from './Drawer/Drawer';
 export * from './DropdownButton/DropdownButton';
@@ -47,7 +49,7 @@ export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
 export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, sendRefreshEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail, VirtualizedTableRefreshEventDetail, } from './VirtualizedTable/events';
-export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
+export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, CustomDateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
 /** @deprecated Use Counter instead */

package/dist/lib/icons.d.ts

@@ -1,2 +1,2 @@
-export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
+export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, AllSetCheckIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DetachIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PauseIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SpendStatementIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UpdatedIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
 export type { IconProps, IconComponent } from './assets/icons/components';

package/dist/lib/utils/index.d.ts

@@ -3,3 +3,4 @@ export declare const cn: (...inputs: ClassValue[]) => string;
 export declare const filterByValue: (elements: string[], valueToFind: string) => string[];
 export declare const isClient: boolean;
 export declare const resolveColor: (cssVar: string) => string;
+export declare const composeIds: (...ids: (string | false | null | undefined)[]) => string | undefined;

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.105",
+  "version": "0.1.2-alpha.107",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -92,19 +92,19 @@
     "@radix-ui/react-visually-hidden": "^1.2.11",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.9",
+    "@tanstack/react-virtual": "^3.14.10",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.10.0",
     "country-flag-icons": "^1.6.20",
-    "country-locale-map": "^1.9.13",
+    "country-locale-map": "^1.9.14",
     "google-libphonenumber": "^3.2.46",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.28.0",
-    "motion": "^13.0.0",
+    "lucide-react": "^1.39.0",
+    "motion": "^13.2.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.1",
     "react-feather": "^2.0.10",
@@ -145,50 +145,50 @@
     }
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.5.0",
+    "@faker-js/faker": "^10.6.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.5.6",
-    "@storybook/addon-links": "^10.5.6",
-    "@storybook/react-vite": "^10.5.6",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query": "^5.101.4",
-    "@testing-library/jest-dom": "^7.0.0",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.3",
+    "@tanstack/react-query": "^5.102.8",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.25",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@typescript-eslint/eslint-plugin": "^8.66.0",
-    "@typescript-eslint/parser": "^8.66.0",
+    "@types/react-dom": "^19.2.5",
+    "@typescript-eslint/eslint-plugin": "^8.69.0",
+    "@typescript-eslint/parser": "^8.69.0",
     "@vitejs/plugin-react": "^6.0.3",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.11",
     "autoprefixer": "^10.5.4",
     "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.6",
+    "eslint-plugin-react-refresh": "^0.5.6",
+    "eslint-plugin-storybook": "^10.6.0",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^11.0.0",
     "jsdom": "^30.0.1",
     "lodash": "^4.18.1",
-    "postcss": "^8.5.25",
+    "postcss": "^8.5.26",
     "prettier": "^3.9.6",
     "rimraf": "^6.1.3",
-    "storybook": "^10.5.6",
+    "storybook": "^10.6.0",
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.2.0",
-    "vite-plugin-dts": "^5.0.3",
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.1.0",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.11"
   },
   "overrides": {
     "storybook": "$storybook",