@natoora-libs/core 0.2.41 → 0.2.42

package/dist/{TableDesktop-4tjwQjmc.d.cts → TableDesktop-BQk0gStR.d.cts}

@@ -16,8 +16,8 @@ declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
 
 type BulkChanges = {
     field: string;
-    value: string | number | boolean;
-    label: string | number | boolean;
+    value: UpdateEditableCellParams['value'];
+    label: UpdateEditableCellParams['label'];
 }[];
 type TableColumnConfigurationMenuProps = {
     anchorEl: HTMLElement | null;
@@ -32,7 +32,7 @@ type ExportCsvDialogProps = {
 };
 type BulkChangesDialogProps = {
     bulkChanges: BulkChanges;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     shouldUpdateAll: boolean;
     visibleEditableColumns: HeadCell[];
     isBulkChangesDialogOpen: boolean;
@@ -43,7 +43,7 @@ type TableDesktopToolbarProps = {
     toolbarLabel?: string;
     headCells: HeadCell[];
     headerFilters: HeaderFilters;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     isDataEmpty: boolean;
     totalDataCount?: number;
     isRowsFromAllPagesSelected: boolean;
@@ -55,6 +55,7 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
@@ -63,7 +64,7 @@ type TableDesktopToolbarProps = {
 declare const TableDesktopToolbar: FC<TableDesktopToolbarProps>;
 
 type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
+type EditableCellType = 'select' | 'multipleSelect' | 'checkbox' | 'text' | 'numeric' | 'date' | 'time' | 'tags';
 type HeaderFilterObject = {
     id: number | string;
     [key: string]: number | string;
@@ -72,6 +73,13 @@ type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
     [key: string]: HeaderFilterOptions;
 };
+type UpdateEditableCellParams = {
+    rowId?: RowId;
+    columnId: string;
+    value: string | number | boolean | (string | number)[] | null;
+    label: string | number | boolean | (string | number)[] | null;
+};
+type RowId = string | number;
 type HeadCell = {
     id: string;
     label?: string;
@@ -82,15 +90,17 @@ type HeadCell = {
     width?: number | string;
     enabled?: boolean;
     disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
+    renderHeader?: ReactNode;
+    filterType?: 'default' | 'autocomplete' | 'boolean';
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
     isFetchingFilterOptions?: boolean;
-    isAutocompleteFilterMenu?: boolean;
-    onAutocompleteFilterChange?: (value: string) => void;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (params: UpdateEditableCellParams) => void;
+    onAutocompleteSearch?: (value: string) => void;
+    allowBlankSelectOption?: boolean;
+    bulkUpdateDisabled?: boolean;
 };
 type TableDesktopProps = {
     data: any[];
@@ -115,7 +125,7 @@ type TableDesktopProps = {
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
     deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
+    keyField?: string | ((rowData: any) => string);
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     refetchData?: () => Promise<unknown>;
@@ -123,4 +133,4 @@ type TableDesktopProps = {
 };
 declare const TableDesktop: ({ data, headCells, RenderItem, renderToolbar, renderFooter, appliedFilters, headerFilters, children, height, rowHeight, rowsPerPage, totalDataCount, isLoading, enableEditMode, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, refetchData, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
-export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type TableDesktopProps as T, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };
+export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type RowId as R, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, type BulkChangesDialogProps as d, type ExportCsvDialogProps as e, type TableColumnConfigurationMenuProps as f, TableDesktop as g, TableDesktopFooter as h, type TableDesktopFooterProps as i, TableDesktopToolbar as j, type TableDesktopToolbarProps as k };

package/dist/{TableDesktop-4tjwQjmc.d.ts → TableDesktop-BQk0gStR.d.ts}

@@ -16,8 +16,8 @@ declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
 
 type BulkChanges = {
     field: string;
-    value: string | number | boolean;
-    label: string | number | boolean;
+    value: UpdateEditableCellParams['value'];
+    label: UpdateEditableCellParams['label'];
 }[];
 type TableColumnConfigurationMenuProps = {
     anchorEl: HTMLElement | null;
@@ -32,7 +32,7 @@ type ExportCsvDialogProps = {
 };
 type BulkChangesDialogProps = {
     bulkChanges: BulkChanges;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     shouldUpdateAll: boolean;
     visibleEditableColumns: HeadCell[];
     isBulkChangesDialogOpen: boolean;
@@ -43,7 +43,7 @@ type TableDesktopToolbarProps = {
     toolbarLabel?: string;
     headCells: HeadCell[];
     headerFilters: HeaderFilters;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     isDataEmpty: boolean;
     totalDataCount?: number;
     isRowsFromAllPagesSelected: boolean;
@@ -55,6 +55,7 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
@@ -63,7 +64,7 @@ type TableDesktopToolbarProps = {
 declare const TableDesktopToolbar: FC<TableDesktopToolbarProps>;
 
 type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
+type EditableCellType = 'select' | 'multipleSelect' | 'checkbox' | 'text' | 'numeric' | 'date' | 'time' | 'tags';
 type HeaderFilterObject = {
     id: number | string;
     [key: string]: number | string;
@@ -72,6 +73,13 @@ type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
     [key: string]: HeaderFilterOptions;
 };
+type UpdateEditableCellParams = {
+    rowId?: RowId;
+    columnId: string;
+    value: string | number | boolean | (string | number)[] | null;
+    label: string | number | boolean | (string | number)[] | null;
+};
+type RowId = string | number;
 type HeadCell = {
     id: string;
     label?: string;
@@ -82,15 +90,17 @@ type HeadCell = {
     width?: number | string;
     enabled?: boolean;
     disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
+    renderHeader?: ReactNode;
+    filterType?: 'default' | 'autocomplete' | 'boolean';
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
     isFetchingFilterOptions?: boolean;
-    isAutocompleteFilterMenu?: boolean;
-    onAutocompleteFilterChange?: (value: string) => void;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (params: UpdateEditableCellParams) => void;
+    onAutocompleteSearch?: (value: string) => void;
+    allowBlankSelectOption?: boolean;
+    bulkUpdateDisabled?: boolean;
 };
 type TableDesktopProps = {
     data: any[];
@@ -115,7 +125,7 @@ type TableDesktopProps = {
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
     deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
+    keyField?: string | ((rowData: any) => string);
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     refetchData?: () => Promise<unknown>;
@@ -123,4 +133,4 @@ type TableDesktopProps = {
 };
 declare const TableDesktop: ({ data, headCells, RenderItem, renderToolbar, renderFooter, appliedFilters, headerFilters, children, height, rowHeight, rowsPerPage, totalDataCount, isLoading, enableEditMode, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, refetchData, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
-export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type TableDesktopProps as T, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };
+export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type RowId as R, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, type BulkChangesDialogProps as d, type ExportCsvDialogProps as e, type TableColumnConfigurationMenuProps as f, TableDesktop as g, TableDesktopFooter as h, type TableDesktopFooterProps as i, TableDesktopToolbar as j, type TableDesktopToolbarProps as k };

package/dist/chunk-3UDYWCV6.js

@@ -0,0 +1,67 @@
+// src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts
+var getNextCircularIndex = ({
+  isArrowUp,
+  currentIndex,
+  numOptions,
+  iteration
+}) => {
+  const step = isArrowUp ? -iteration : iteration;
+  return (currentIndex + step + numOptions) % numOptions;
+};
+var getSelectOptionFromKeyPress = ({
+  key,
+  options,
+  currentValue
+}) => {
+  const numOptions = options.length;
+  const isArrowUp = key === "ArrowUp";
+  const isArrowDown = key === "ArrowDown";
+  const isArrow = isArrowUp || isArrowDown;
+  const searchKey = key.toLowerCase();
+  if (!isArrow && searchKey.length !== 1) {
+    return void 0;
+  }
+  if (!numOptions) {
+    return void 0;
+  }
+  const currentIndex = options.findIndex((o) => o.value === currentValue);
+  const indicesToCheck = Array.from({ length: numOptions }).map(
+    (_, i) => getNextCircularIndex({
+      isArrowUp,
+      currentIndex,
+      numOptions,
+      iteration: i + 1
+    })
+  );
+  const nextMatchIndex = indicesToCheck.find((indexToCheck) => {
+    const option = options[indexToCheck];
+    return !option.disabled && (isArrow || option.label?.toLowerCase().startsWith(searchKey));
+  });
+  if (nextMatchIndex !== void 0 && nextMatchIndex !== currentIndex) {
+    return options[nextMatchIndex];
+  }
+  return void 0;
+};
+
+// src/utils/flattenTableFilters/flattenTableFilters.ts
+var getFlattenedFiltersLabels = (filters, fieldName) => {
+  return filters.map((value) => {
+    if (typeof value === "object") {
+      return value[fieldName] ?? "";
+    }
+    return value;
+  });
+};
+var getFlattenedFiltersIds = (filters) => Object.fromEntries(
+  Object.entries(filters).map(([id, values]) => [
+    id,
+    values.map((value) => typeof value === "object" ? value.id : value)
+  ])
+);
+
+export {
+  getSelectOptionFromKeyPress,
+  getFlattenedFiltersLabels,
+  getFlattenedFiltersIds
+};
+//# sourceMappingURL=chunk-3UDYWCV6.js.map

package/dist/chunk-3UDYWCV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/getSelectOptionFromKeyPress/getSelectOptionFromKeyPress.ts","../src/utils/flattenTableFilters/flattenTableFilters.ts"],"sourcesContent":["export interface NavigableOption {\n  value?: string | number | null;\n  label?: string;\n  disabled?: boolean;\n}\n\nexport interface GetSelectOptionFromKeyPressParams<T extends NavigableOption> {\n  key: string;\n  options: T[];\n  currentValue?: string | number | null;\n}\n\nconst getNextCircularIndex = ({\n  isArrowUp,\n  currentIndex,\n  numOptions,\n  iteration,\n}: {\n  isArrowUp: boolean;\n  currentIndex: number;\n  numOptions: number;\n  iteration: number;\n}) => {\n  const step = isArrowUp ? -iteration : iteration;\n  return (currentIndex + step + numOptions) % numOptions;\n};\n\nexport const getSelectOptionFromKeyPress = <T extends NavigableOption>({\n  key,\n  options,\n  currentValue,\n}: GetSelectOptionFromKeyPressParams<T>): T | undefined => {\n  const numOptions = options.length;\n  const isArrowUp = key === 'ArrowUp';\n  const isArrowDown = key === 'ArrowDown';\n  const isArrow = isArrowUp || isArrowDown;\n  const searchKey = key.toLowerCase();\n\n  // Ignores any input that is not ArrowUp, ArrowDown or a single character.\n  if (!isArrow && searchKey.length !== 1) {\n    return undefined;\n  }\n\n  if (!numOptions) {\n    return undefined;\n  }\n\n  const currentIndex = options.findIndex((o) => o.value === currentValue);\n\n  // Generates a circular sequence of indices starting from the next item.\n  // This ensures that pressing the same key repeatedly cycles through all matching options.\n  const indicesToCheck = Array.from({ length: numOptions }).map((_, i) =>\n    getNextCircularIndex({\n      isArrowUp,\n      currentIndex,\n      numOptions,\n      iteration: i + 1,\n    }),\n  );\n\n  const nextMatchIndex = indicesToCheck.find((indexToCheck) => {\n    const option = options[indexToCheck];\n    return (\n      !option.disabled &&\n      (isArrow || option.label?.toLowerCase().startsWith(searchKey))\n    );\n  });\n\n  if (nextMatchIndex !== undefined && nextMatchIndex !== currentIndex) {\n    return options[nextMatchIndex];\n  }\n\n  return undefined;\n};\n","import {\n  HeaderFilterObject,\n  HeaderFilters,\n} from '@/components/TableDesktop/TableDesktop';\n\nexport type FlattenedFilterIds = {\n  [key: string]: (string | number)[];\n};\n\nexport const getFlattenedFiltersLabels = (\n  filters: string[] | HeaderFilterObject[],\n  fieldName: string,\n): (string | number)[] => {\n  return filters.map((value: string | HeaderFilterObject) => {\n    if (typeof value === 'object') {\n      return value[fieldName] ?? '';\n    }\n    return value;\n  });\n};\n\nexport const getFlattenedFiltersIds = (\n  filters: HeaderFilters,\n): FlattenedFilterIds =>\n  Object.fromEntries(\n    Object.entries(filters).map(([id, values]) => [\n      id,\n      values.map((value) => (typeof value === 'object' ? value.id : value)),\n    ]),\n  );\n"],"mappings":";AAYA,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,OAAO,YAAY,CAAC,YAAY;AACtC,UAAQ,eAAe,OAAO,cAAc;AAC9C;AAEO,IAAM,8BAA8B,CAA4B;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AACF,MAA2D;AACzD,QAAM,aAAa,QAAQ;AAC3B,QAAM,YAAY,QAAQ;AAC1B,QAAM,cAAc,QAAQ;AAC5B,QAAM,UAAU,aAAa;AAC7B,QAAM,YAAY,IAAI,YAAY;AAGlC,MAAI,CAAC,WAAW,UAAU,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,QAAQ,UAAU,CAAC,MAAM,EAAE,UAAU,YAAY;AAItE,QAAM,iBAAiB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE;AAAA,IAAI,CAAC,GAAG,MAChE,qBAAqB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,eAAe,KAAK,CAAC,iBAAiB;AAC3D,UAAM,SAAS,QAAQ,YAAY;AACnC,WACE,CAAC,OAAO,aACP,WAAW,OAAO,OAAO,YAAY,EAAE,WAAW,SAAS;AAAA,EAEhE,CAAC;AAED,MAAI,mBAAmB,UAAa,mBAAmB,cAAc;AACnE,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SAAO;AACT;;;AChEO,IAAM,4BAA4B,CACvC,SACA,cACwB;AACxB,SAAO,QAAQ,IAAI,CAAC,UAAuC;AACzD,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,MAAM,SAAS,KAAK;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,CAAC;AACH;AAEO,IAAM,yBAAyB,CACpC,YAEA,OAAO;AAAA,EACL,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,MAAM;AAAA,IAC5C;AAAA,IACA,OAAO,IAAI,CAAC,UAAW,OAAO,UAAU,WAAW,MAAM,KAAK,KAAM;AAAA,EACtE,CAAC;AACH;","names":[]}