@capillarytech/blaze-ui 1.1.0-alpha.1 → 1.2.3

package/dist/CapUnifiedSelect/messages.d.ts

@@ -19,6 +19,10 @@ declare const _default: {
         id: string;
         defaultMessage: string;
     };
+    selectAll: {
+        id: string;
+        defaultMessage: string;
+    };
 };
 export default _default;
 //# sourceMappingURL=messages.d.ts.map

package/dist/CapUnifiedSelect/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,wBAqBG"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAyBG"}

package/dist/CapUnifiedSelect/testData.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+export declare const mockOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const mockTreeOptions: {
+    label: string;
+    value: string;
+    children: {
+        label: string;
+        value: string;
+    }[];
+}[];
+export declare const mockTreeOptionsWithMixed: {
+    label: string;
+    value: string;
+    children: {
+        label: string;
+        value: string;
+    }[];
+}[];
+export declare const mockAsyncResults: {
+    label: string;
+    value: string;
+}[];
+export declare const mockAsyncResultsForCache: {
+    label: string;
+    value: string;
+}[];
+export declare const mockAsyncResultsForResetSearch: {
+    label: string;
+    value: string;
+}[];
+export declare const mockAsyncResultsForScroll: {
+    label: string;
+    value: string;
+}[];
+export declare const mockSimpleAsyncResult: {
+    label: string;
+    value: string;
+}[];
+export declare const mockInitialOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const mockUpdatedOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const mockNewOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const getMockOptionsWithReactTitle: () => {
+    label: string;
+    value: string;
+    title: React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+}[];
+export declare const mockEmptyOptions: Array<{
+    label: string;
+    value: string;
+}>;
+export declare const simpleOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const treeOptions: {
+    label: string;
+    value: string;
+    children: {
+        label: string;
+        value: string;
+    }[];
+}[];
+//# sourceMappingURL=testData.d.ts.map

package/dist/CapUnifiedSelect/testData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/testData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,WAAW;;;GAIvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;GAc3B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;GASpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;GAG5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAGpC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;GAG1C,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;GAGrC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;GAAyC,CAAC;AAE5E,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAG1B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;GAWxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAM,CAAC;AAE5E,eAAO,MAAM,aAAa;;;GAMzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;GA4BvB,CAAC"}

package/dist/CapUnifiedSelect/types.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+/**
+ * Represents a single option in the unified select component
+ */
+export interface OptionData {
+    label?: React.ReactNode;
+    value?: string | number;
+    key?: string | number;
+    title?: React.ReactNode;
+    children?: OptionData[];
+    optionSuffix?: React.ReactNode;
+    optionSuffixInfo?: React.ReactNode;
+    optionTooltipInfo?: React.ReactNode;
+    disabled?: boolean;
+    [key: string]: unknown;
+    hoverText?: string;
+}
+/**
+ * Tree data structure maps for efficient tree operations
+ */
+export interface TreeMaps {
+    leafValues: (string | number)[];
+    parentChildMap: Record<string | number, (string | number)[]>;
+    nodeMap: Record<string | number, OptionData>;
+}
+/**
+ * Props for the NoResult component
+ */
+export interface NoResultProps {
+    noResultCustomText?: string;
+    className?: string;
+    options?: OptionData[];
+    noResultCustomIcon?: string;
+}
+/**
+ * Props for the SelectAllCheckbox component
+ */
+export interface SelectAllCheckboxProps {
+    currentItems: OptionData[];
+    tempValue: (string | number)[] | undefined;
+    setTempValue: (value: (string | number)[]) => void;
+    processTreeData: (nodes: OptionData[]) => TreeMaps;
+    disabled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/CapUnifiedSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,UAAU,CAAC,CAAC;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,SAAS,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,QAAQ,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/CapUnifiedSelect/useCapUnifiedSelect.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type SelectType } from './constants';
+import type { OptionData } from './types';
+interface UseCapUnifiedSelectProps {
+    type: SelectType;
+    options: OptionData[];
+    value: string | number | (string | number)[] | undefined;
+    onChange?: (value: string | number | (string | number)[] | undefined) => void;
+    staticValue: boolean;
+    onSearch?: (query: string) => void;
+    searchDebounce: number;
+    searchBasedOn: 'label' | 'value' | 'key';
+    onConfirm?: (value: string | number | (string | number)[] | undefined) => void;
+    resetSearch: boolean;
+    resetData?: () => void;
+    fetchMissingOptions?: (missingValues: (string | number)[]) => void;
+    onPopupScroll?: () => void | Promise<void>;
+    hasMore: boolean;
+    customPopupRender: boolean;
+    isMulti: boolean;
+    disabled?: boolean;
+}
+export declare const useCapUnifiedSelect: ({ type: _type, options, value, onChange, staticValue, onSearch, searchDebounce, searchBasedOn, onConfirm, resetSearch, resetData, fetchMissingOptions, onPopupScroll, hasMore, customPopupRender, isMulti, disabled, }: UseCapUnifiedSelectProps) => {
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    tempValue: string | number | (string | number)[] | undefined;
+    setTempValue: React.Dispatch<React.SetStateAction<string | number | (string | number)[] | undefined>>;
+    dropdownOpen: boolean;
+    isSearching: boolean;
+    isLoadingOnScroll: boolean;
+    isResettingData: boolean;
+    orderedOptions: OptionData[] | null;
+    filteredTree: OptionData[];
+    treeMaps: import("./types").TreeMaps;
+    selectedLeafCount: number;
+    displayValue: string | number | (string | number)[] | undefined;
+    handleSearch: (query: string) => void;
+    handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSearchKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleConfirm: () => void;
+    handleClearAll: () => void;
+    handleDropdownVisibilityChange: (open: boolean) => void;
+    handleSingleSelectChange: (newValue: string | number | (string | number)[] | undefined) => void;
+    handleMultiSelectChange: (newValue: string | number | (string | number)[] | undefined) => void;
+    selectedItemsCacheRef: React.MutableRefObject<Map<string | number, OptionData>>;
+};
+export {};
+//# sourceMappingURL=useCapUnifiedSelect.d.ts.map

package/dist/CapUnifiedSelect/useCapUnifiedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCapUnifiedSelect.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/useCapUnifiedSelect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAY1C,UAAU,wBAAwB;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9E,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;IACzC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/E,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,wNAkBjC,wBAAwB;;;;;;;;;;;;;;0BAiRf,MAAM;4BAoVV,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;6BASnC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;;;2CAzElC,OAAO;yCAoGH,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS;wCAcjD,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS;;CAqD/D,CAAC"}

package/dist/CapUnifiedSelect/useInfiniteScroll.d.ts

@@ -0,0 +1,27 @@
+import { type MutableRefObject } from 'react';
+import type { OptionData } from './types';
+interface UseInfiniteScrollProps {
+    /**
+     * Callback triggered when user scrolls near the bottom of the dropdown.
+     * Can optionally return a Promise to indicate API call completion.
+     * If a Promise is returned, loading state will be tied to Promise resolution/rejection.
+     * If no Promise is returned, loading state will be determined by options change detection.
+     */
+    onPopupScroll?: () => void | Promise<void>;
+    hasMore: boolean;
+    options: OptionData[];
+    dropdownOpen: boolean;
+    optionsRef: MutableRefObject<OptionData[]>;
+    hasInteractedRef: MutableRefObject<boolean>;
+}
+/**
+ * Custom hook for handling infinite scroll/pagination in dropdown
+ * Manages scroll event listeners, loading states, and triggers onPopupScroll callback
+ */
+export declare const useInfiniteScroll: ({ onPopupScroll, hasMore, options, dropdownOpen, optionsRef, hasInteractedRef, }: UseInfiniteScrollProps) => {
+    isLoadingOnScroll: boolean;
+    resetScrollState: () => void;
+    scrollTriggerOptionsCountRef: MutableRefObject<number>;
+};
+export {};
+//# sourceMappingURL=useInfiniteScroll.d.ts.map

package/dist/CapUnifiedSelect/useInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGxF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,UAAU,sBAAsB;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAC7C;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,kFAO/B,sBAAsB;;;;CA8OxB,CAAC"}

package/dist/CapUnifiedSelect/utils.d.ts

@@ -0,0 +1,45 @@
+import type { OptionData, TreeMaps } from './types';
+/**
+ * Builds tree maps for efficient tree operations
+ * Creates maps for leaf values, parent-child relationships, and node lookups
+ */
+export declare const buildTreeMaps: (nodes?: OptionData[]) => TreeMaps;
+/**
+ * Counts the number of selected leaf nodes in a tree structure
+ * Handles parent-child relationships by expanding selected parent nodes
+ */
+export declare const countSelectedLeaves: (treeMaps: TreeMaps, selectedValues?: (string | number)[]) => number;
+/**
+ * Filters tree data based on search query
+ * Includes nodes that match search OR are selected OR have matching children
+ * Supports searching by label, value, or key
+ */
+export declare const filterTreeData: (data: OptionData[], search?: string, searchBasedOn?: "label" | "value" | "key", selectedValues?: (string | number)[]) => OptionData[];
+/**
+ * Checks if a value exists in options (recursive for tree structures)
+ */
+export declare const findValueInOptions: (opts: OptionData[], targetValue: string | number) => boolean;
+/**
+ * Finds selected values that don't exist in the current options
+ */
+export declare const findMissingValues: (selectedValues: (string | number)[], currentOptions: OptionData[]) => (string | number)[];
+/**
+ * Reorders options based on selection order
+ * Selected items are moved to top in the order they were selected
+ * For tree structures, maintains parent-child relationships
+ * For flat lists, directly reorders items
+ * Works for all data types: flat lists, tree structures, nested trees
+ */
+export declare const reorderOptionsBySelection: (opts: OptionData[], selectedOrder: (string | number)[]) => OptionData[];
+/**
+ * Prepares data source with virtual options for selected values not in current options
+ * Returns raw options without React component enhancement
+ */
+export declare const prepareDataSource: (options: OptionData[], orderedOptions: OptionData[] | null, searchText: string, value: string | number | (string | number)[] | undefined, staticValue: boolean, selectedItemsCache: Map<string | number, OptionData>) => OptionData[];
+/**
+ * Finds the scrollable container element within the dropdown
+ * Checks for tree list holder, virtual list holder, or dropdown itself
+ * Returns the first scrollable container found, or null if none
+ */
+export declare const getScrollContainer: () => HTMLElement | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/CapUnifiedSelect/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,UAAU,EAAE,KAAG,QAyBpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,QAAQ,EAClB,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KACnC,MAkBF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,UAAU,EAAE,EAClB,SAAS,MAAM,EACf,gBAAe,OAAO,GAAG,OAAO,GAAG,KAAe,EAClD,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KACnC,UAAU,EA8BZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,UAAU,EAAE,EAAE,aAAa,MAAM,GAAG,MAAM,KAAG,OAYrF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,gBAAgB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACnC,gBAAgB,UAAU,EAAE,KAC3B,CAAC,MAAM,GAAG,MAAM,CAAC,EAMnB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,MAAM,UAAU,EAAE,EAClB,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KACjC,UAAU,EAkFZ,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,SAAS,UAAU,EAAE,EACrB,gBAAgB,UAAU,EAAE,GAAG,IAAI,EACnC,YAAY,MAAM,EAClB,OAAO,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,EACxD,aAAa,OAAO,EACpB,oBAAoB,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,UAAU,CAAC,KACnD,UAAU,EAqCZ,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,QAAO,WAAW,GAAG,IAwBnD,CAAC"}