isp-ui-kit 1.2.4 → 2.0.0

package/dist/Layout/Column/Column.d.ts

@@ -1,4 +1,4 @@
 import { ColumnProps } from './column.type';
 import './column.scss';
-declare const Column: <T extends object>({ title, extraTitle, tooltipTitle, searchPlaceholder, items, onAddItem, onUpdateItem, onRemoveItem, showRemoveBtn, showUpdateBtn, showAddBtn, sortableFields, selectedItemId, setSelectedItemId, searchValue, onChangeSearchValue, renderItems, columnKey, sortValue, onChangeSortValue, directionValue, onChangeDirectionValue, loadingRemove, groupBy, renderHeaderGroup, sortGroups, isLoading, removeConfirmDescription, onOpenChange, }: ColumnProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Column: <T extends object>({ title, extraTitle, tooltipTitle, searchPlaceholder, items, onAddItem, onUpdateItem, onRemoveItem, showRemoveBtn, showUpdateBtn, showAddBtn, sortableFields, selectedItemId, setSelectedItemId, searchValue, onChangeSearchValue, renderItems, columnKey, sortValue, onChangeSortValue, directionValue, onChangeDirectionValue, loadingRemove, groupBy, renderHeaderGroup, sortGroups, isLoading, removeConfirmDescription, onOpenChange, disableRemovePopconfirm, }: ColumnProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Column;

package/dist/Layout/Column/ColumnActions.d.ts

@@ -0,0 +1,3 @@
+import { ColumnActionsProps } from './column.type';
+declare const ColumnActions: ({ searchPlaceholder, searchValue, onChangeSearchValue, showAddBtn, showUpdateBtn, showRemoveBtn, isDisabled, selectedItemId, onAddItem, onUpdateItem, onRemoveItem, loadingRemove, disableRemovePopconfirm, removeConfirmDescription, onOpenChange, }: ColumnActionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ColumnActions;

package/dist/Layout/Column/ColumnContent.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ColumnItem, GroupedItems } from './column.type';
+type ColumnContentProps<T extends object> = {
+    shouldShowGroups: boolean;
+    sortedGroupedItems: GroupedItems<T>;
+    activeGroupKeys: string[];
+    onCollapseChange: (keys: string | string[]) => void;
+    renderHeaderGroup?: (groupKey: string, items: ColumnItem<T>[]) => ReactNode;
+    renderItem: (item: ColumnItem<T>) => ReactNode;
+    isLoading?: boolean;
+    hasItems: boolean;
+};
+declare const ColumnContent: <T extends object>({ shouldShowGroups, sortedGroupedItems, activeGroupKeys, onCollapseChange, renderHeaderGroup, renderItem, isLoading, hasItems, }: ColumnContentProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default ColumnContent;

package/dist/Layout/Column/ColumnHeaderTitle.d.ts

@@ -0,0 +1,3 @@
+import { ColumnHeaderTitleProps } from './column.type';
+declare const ColumnHeaderTitle: ({ title, extraTitle, tooltipTitle, itemsCount, }: ColumnHeaderTitleProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ColumnHeaderTitle;

package/dist/Layout/Column/ColumnSortControls.d.ts

@@ -0,0 +1,3 @@
+import { ColumnSortControlsProps } from './column.type';
+declare const ColumnSortControls: <T extends object>({ sortableFields, sortValue, directionValue, sortOptions, onChangeDirectionValue, onSortChange, }: ColumnSortControlsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default ColumnSortControls;

package/dist/Layout/Column/column.type.d.ts

@@ -29,6 +29,7 @@ export interface ColumnProps<T extends object> {
     isLoading?: boolean;
     removeConfirmDescription?: ReactNode;
     onOpenChange?: (open: boolean) => void;
+    disableRemovePopconfirm?: boolean;
 }
 export type ColumnItem<T extends {}> = T & {
     name: string;
@@ -39,3 +40,41 @@ export type SortItemType<T> = {
     value: keyof T;
     label: string;
 };
+export type ColumnHeaderTitleProps = {
+    title?: ReactNode;
+    extraTitle?: ReactNode;
+    tooltipTitle?: ReactNode;
+    itemsCount: number;
+};
+export type ColumnActionsProps = {
+    searchPlaceholder: string;
+    searchValue: string;
+    onChangeSearchValue: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    showAddBtn: boolean;
+    showUpdateBtn: boolean;
+    showRemoveBtn: boolean;
+    isDisabled: boolean;
+    selectedItemId: string;
+    onAddItem: () => void;
+    onUpdateItem: (id: string) => void;
+    onRemoveItem: (id: string) => void;
+    loadingRemove: boolean;
+    disableRemovePopconfirm: boolean;
+    removeConfirmDescription?: ReactNode;
+    onOpenChange?: (open: boolean) => void;
+};
+export type ColumnSortControlsProps<T extends object> = {
+    sortableFields?: SortItemType<T>[];
+    sortValue?: keyof T;
+    directionValue?: string;
+    sortOptions: {
+        value: string | keyof T;
+        label: string;
+    }[];
+    onChangeDirectionValue?: (value: string | undefined) => void;
+    onSortChange: (value: string) => void;
+};
+export type GroupedItems<T extends object> = {
+    grouped: Record<string, ColumnItem<T>[]>;
+    ungrouped: ColumnItem<T>[];
+};

package/dist/Layout/Column/column.utils.d.ts

@@ -0,0 +1,11 @@
+import { ColumnItem } from './column.type';
+export declare const NO_GROUP_KEY = "noGroup";
+export declare const hasValue: (value: unknown) => boolean;
+export declare const toStorageKey: (columnKey?: string) => string;
+export declare const getAllGroupKeys: <T extends object>(grouped: Record<string, ColumnItem<T>[]>, hasUngrouped: boolean) => string[];
+export declare const areSameStringSets: (left: string[], right: string[]) => boolean;
+export declare const sortItemsByField: <T extends object>(arr: ColumnItem<T>[], sortValue?: keyof T, directionValue?: string) => ColumnItem<T>[];
+export declare const groupItems: <T extends object>(items: ColumnItem<T>[], groupBy?: keyof T) => {
+    grouped: Record<string, ColumnItem<T>[]>;
+    ungrouped: ColumnItem<T>[];
+};

package/dist/Layout/Column/useColumnGrouping.d.ts

@@ -0,0 +1,19 @@
+import { ColumnItem, GroupedItems } from './column.type';
+type UseColumnGroupingParams<T extends object> = {
+    items: ColumnItem<T>[];
+    groupBy?: keyof T;
+    searchValue: string;
+    selectedItemId: string;
+    sortValue?: keyof T;
+    directionValue?: string;
+    sortGroups?: (a: string, b: string) => number;
+};
+type UseColumnGroupingResult<T extends object> = {
+    groupedItems: GroupedItems<T>;
+    sortedGroupedItems: GroupedItems<T>;
+    shouldShowGroups: boolean;
+    activeGroupKeys: string[];
+    handleCollapseChange: (keys: string | string[]) => void;
+};
+export declare const useColumnGrouping: <T extends object>({ items, groupBy, searchValue, selectedItemId, sortValue, directionValue, sortGroups, }: UseColumnGroupingParams<T>) => UseColumnGroupingResult<T>;
+export {};