@natoora-libs/core 0.2.24-dev-package-upgrades-1 → 0.2.24-dev-doug-1

package/dist/TableDesktop-BQk0gStR.d.cts

@@ -0,0 +1,136 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChangeEvent, FC, RefObject, ReactNode, ComponentType } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+
+type TableDesktopFooterProps = {
+    numPages: number;
+    page: number;
+    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (event: SelectChangeEvent<number>) => void;
+    refetchData?: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
+type BulkChanges = {
+    field: string;
+    value: UpdateEditableCellParams['value'];
+    label: UpdateEditableCellParams['label'];
+}[];
+type TableColumnConfigurationMenuProps = {
+    anchorEl: HTMLElement | null;
+    onCloseMenu: () => void;
+};
+type ExportCsvDialogProps = {
+    headCells: HeadCell[];
+    headerFilters: HeaderFilters;
+    totalDataCount?: number;
+    isOpen: boolean;
+    onCloseDialog: () => void;
+};
+type BulkChangesDialogProps = {
+    bulkChanges: BulkChanges;
+    selectedRows: RowId[];
+    shouldUpdateAll: boolean;
+    visibleEditableColumns: HeadCell[];
+    isBulkChangesDialogOpen: boolean;
+    onCloseDialog: () => void;
+    refetchData: () => Promise<unknown>;
+};
+type TableDesktopToolbarProps = {
+    toolbarLabel?: string;
+    headCells: HeadCell[];
+    headerFilters: HeaderFilters;
+    selectedRows: RowId[];
+    isDataEmpty: boolean;
+    totalDataCount?: number;
+    isRowsFromAllPagesSelected: boolean;
+    refetchData?: () => Promise<unknown>;
+    tableToolbarMenuButtonRef: RefObject<HTMLButtonElement | null>;
+    tableToolbarMenuAnchor: HTMLElement | null;
+    onClickToolbarMenuOpen: () => void;
+    onCloseMenu: () => void;
+    disableBulkChangesMode?: boolean;
+    isBulkChangesMode: boolean;
+    onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
+    renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
+    renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
+    renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
+    renderInfoIcons?: ReactNode;
+};
+declare const TableDesktopToolbar: FC<TableDesktopToolbarProps>;
+
+type Order = 'asc' | 'desc';
+type EditableCellType = 'select' | 'multipleSelect' | 'checkbox' | 'text' | 'numeric' | 'date' | 'time' | 'tags';
+type HeaderFilterObject = {
+    id: number | string;
+    [key: string]: number | string;
+};
+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;
+    labelTooltip?: string;
+    fieldName?: string;
+    numeric?: boolean;
+    disablePadding?: boolean;
+    width?: number | string;
+    enabled?: boolean;
+    disableSort?: boolean;
+    renderHeader?: ReactNode;
+    filterType?: 'default' | 'autocomplete' | 'boolean';
+    filterOptions?: HeaderFilterOptions;
+    refetchFilterOptions?: () => void;
+    isFetchingFilterOptions?: boolean;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (params: UpdateEditableCellParams) => void;
+    onAutocompleteSearch?: (value: string) => void;
+    allowBlankSelectOption?: boolean;
+    bulkUpdateDisabled?: boolean;
+};
+type TableDesktopProps = {
+    data: any[];
+    headCells: HeadCell[];
+    RenderItem: ComponentType<any>;
+    renderToolbar?: (props: TableDesktopToolbarProps) => ReactNode;
+    renderFooter?: (props: {
+        refetchData: TableDesktopFooterProps['refetchData'];
+        isFetching: TableDesktopFooterProps['isFetching'];
+    }) => ReactNode;
+    appliedFilters?: any;
+    headerFilters?: HeaderFilters;
+    children?: ReactNode;
+    height?: number | string;
+    rowHeight?: number;
+    rowsPerPage?: number;
+    totalDataCount?: number;
+    isLoading?: boolean;
+    enableEditMode?: boolean;
+    disableInternalSort?: boolean;
+    updateSort?: (sortField: string, sortDir: Order) => void;
+    showClearFilterButton?: boolean;
+    handleClickOnClearFiltersButton?: () => void;
+    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
+    keyField?: string | ((rowData: any) => string);
+    tableLayout?: 'fixed' | 'auto';
+    onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
+    refetchData?: () => Promise<unknown>;
+    shouldShowCheckOnFilter?: (columnId: string, filterOption?: string | HeaderFilterObject) => boolean;
+};
+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 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-BQk0gStR.d.ts

@@ -0,0 +1,136 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChangeEvent, FC, RefObject, ReactNode, ComponentType } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+
+type TableDesktopFooterProps = {
+    numPages: number;
+    page: number;
+    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (event: SelectChangeEvent<number>) => void;
+    refetchData?: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
+type BulkChanges = {
+    field: string;
+    value: UpdateEditableCellParams['value'];
+    label: UpdateEditableCellParams['label'];
+}[];
+type TableColumnConfigurationMenuProps = {
+    anchorEl: HTMLElement | null;
+    onCloseMenu: () => void;
+};
+type ExportCsvDialogProps = {
+    headCells: HeadCell[];
+    headerFilters: HeaderFilters;
+    totalDataCount?: number;
+    isOpen: boolean;
+    onCloseDialog: () => void;
+};
+type BulkChangesDialogProps = {
+    bulkChanges: BulkChanges;
+    selectedRows: RowId[];
+    shouldUpdateAll: boolean;
+    visibleEditableColumns: HeadCell[];
+    isBulkChangesDialogOpen: boolean;
+    onCloseDialog: () => void;
+    refetchData: () => Promise<unknown>;
+};
+type TableDesktopToolbarProps = {
+    toolbarLabel?: string;
+    headCells: HeadCell[];
+    headerFilters: HeaderFilters;
+    selectedRows: RowId[];
+    isDataEmpty: boolean;
+    totalDataCount?: number;
+    isRowsFromAllPagesSelected: boolean;
+    refetchData?: () => Promise<unknown>;
+    tableToolbarMenuButtonRef: RefObject<HTMLButtonElement | null>;
+    tableToolbarMenuAnchor: HTMLElement | null;
+    onClickToolbarMenuOpen: () => void;
+    onCloseMenu: () => void;
+    disableBulkChangesMode?: boolean;
+    isBulkChangesMode: boolean;
+    onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
+    renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
+    renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
+    renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
+    renderInfoIcons?: ReactNode;
+};
+declare const TableDesktopToolbar: FC<TableDesktopToolbarProps>;
+
+type Order = 'asc' | 'desc';
+type EditableCellType = 'select' | 'multipleSelect' | 'checkbox' | 'text' | 'numeric' | 'date' | 'time' | 'tags';
+type HeaderFilterObject = {
+    id: number | string;
+    [key: string]: number | string;
+};
+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;
+    labelTooltip?: string;
+    fieldName?: string;
+    numeric?: boolean;
+    disablePadding?: boolean;
+    width?: number | string;
+    enabled?: boolean;
+    disableSort?: boolean;
+    renderHeader?: ReactNode;
+    filterType?: 'default' | 'autocomplete' | 'boolean';
+    filterOptions?: HeaderFilterOptions;
+    refetchFilterOptions?: () => void;
+    isFetchingFilterOptions?: boolean;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (params: UpdateEditableCellParams) => void;
+    onAutocompleteSearch?: (value: string) => void;
+    allowBlankSelectOption?: boolean;
+    bulkUpdateDisabled?: boolean;
+};
+type TableDesktopProps = {
+    data: any[];
+    headCells: HeadCell[];
+    RenderItem: ComponentType<any>;
+    renderToolbar?: (props: TableDesktopToolbarProps) => ReactNode;
+    renderFooter?: (props: {
+        refetchData: TableDesktopFooterProps['refetchData'];
+        isFetching: TableDesktopFooterProps['isFetching'];
+    }) => ReactNode;
+    appliedFilters?: any;
+    headerFilters?: HeaderFilters;
+    children?: ReactNode;
+    height?: number | string;
+    rowHeight?: number;
+    rowsPerPage?: number;
+    totalDataCount?: number;
+    isLoading?: boolean;
+    enableEditMode?: boolean;
+    disableInternalSort?: boolean;
+    updateSort?: (sortField: string, sortDir: Order) => void;
+    showClearFilterButton?: boolean;
+    handleClickOnClearFiltersButton?: () => void;
+    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
+    keyField?: string | ((rowData: any) => string);
+    tableLayout?: 'fixed' | 'auto';
+    onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
+    refetchData?: () => Promise<unknown>;
+    shouldShowCheckOnFilter?: (columnId: string, filterOption?: string | HeaderFilterObject) => boolean;
+};
+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 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-5WRI5ZAA.js

@@ -0,0 +1,31 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __toESM
+};
+//# sourceMappingURL=chunk-5WRI5ZAA.js.map

package/dist/chunk-5WRI5ZAA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CKW5LT7K.js

@@ -0,0 +1,210 @@
+// src/components/Loading/Loading.tsx
+import { Backdrop, CircularProgress } from "@mui/material";
+import { makeStyles } from "tss-react/mui";
+
+// src/resources/styles/colors/lightPalette.ts
+var lightPalette = {
+  // General colors
+  white: "#FFFFFF",
+  black: "#000000",
+  // Neutral
+  neutral50: "#F0EBE6",
+  neutral100: "#FAFAFA",
+  neutral150: "#F4F4F4",
+  neutral200: "#F1F1F1",
+  neutral250: "#ECECEC",
+  neutral300: "#E0E0E0",
+  neutral400: "#C8C8C8",
+  neutral500: "#BDBDBD",
+  neutral600: "#999999",
+  neutral700: "#878787",
+  neutral750: "#6c6c6c",
+  neutral800: "#555555",
+  neutral900: "#4D4D4D",
+  // Input and contrast
+  contrast: "#000000",
+  constrastOpacity50: "rgba(0,0,0,0.5)",
+  // Icon and Material UI colors
+  iconSearch: "#606060",
+  default: "#E0E0E0",
+  muiPrimary: "#0781CE",
+  muiPrimaryBlack: "#000000",
+  lightMuiPrimaryColorBackground: "#eff4fb",
+  lightBlueBackground: "#eff4fb",
+  muiPrimaryAlternate: "#07BAF1",
+  muiPrimaryHover: "#1565c0",
+  muiSecondary: "#A42966",
+  muiSecondaryAlternate: "#EC613C",
+  muiSuccess: "#4caf50",
+  muiSuccessAlternate: "#357a38",
+  // Transparency variants
+  blackOpacity10: "rgba(0,0,0,0.1)",
+  blackOpacity20: "rgba(0,0,0,0.2)",
+  blackOpacity30: "rgba(0,0,0,0.3)",
+  blackOpacity50: "rgba(0,0,0,0.5)",
+  blackOpacity80: "rgba(0,0,0,0.8)",
+  primaryOpacity10: "rgba(7, 129, 206, 0.10)",
+  primaryOpacity20: "rgba(7, 129, 206, 0.20)",
+  primaryOpacity30: "rgba(7, 129, 206, 0.30)",
+  secondaryAlternateOpacity30: "rgba(236, 97, 60, 0.3)",
+  blueOpacity08: "rgba(25, 118, 210, 0.08)",
+  whiteOpacity10: "rgba(255,255,255,0.1)",
+  whiteOpacity20: "rgba(255,255,255,0.2)",
+  whiteOpacity40: "rgba(255,255,255,0.4)",
+  // Table rows and top bar
+  topBar: "#2e3133",
+  // Button colors
+  // Round Button (default)
+  buttonHoverBackground: "rgba(0, 0, 0, 0.04)",
+  // Active Button
+  buttonActiveText: "#0781CE",
+  // Contrast Button
+  buttonContrastBorder: "#CECECE",
+  buttonContrastText: "#CECECE",
+  // Error Button
+  error: "#D32F2F"
+};
+var lightPalette_default = lightPalette;
+
+// src/resources/styles/colors.ts
+var isDarkModeEnabled = false;
+var palette = lightPalette_default;
+var colors = {
+  white: palette.white,
+  black: palette.black,
+  neutral50: palette.neutral50,
+  neutral100: palette.neutral100,
+  neutral150: palette.neutral150,
+  neutral200: palette.neutral200,
+  neutral250: palette.neutral250,
+  neutral300: palette.neutral300,
+  neutral400: palette.neutral400,
+  neutral500: palette.neutral500,
+  neutral600: palette.neutral600,
+  neutral700: palette.neutral700,
+  neutral750: palette.neutral750,
+  neutral800: palette.neutral800,
+  neutral900: palette.neutral900,
+  // Input and contrast
+  contrast: palette.contrast,
+  constrastOpacity50: palette.constrastOpacity50,
+  iconSearch: palette.iconSearch,
+  default: palette.default,
+  muiPrimary: palette.muiPrimary,
+  muiPrimaryBlack: palette.muiPrimaryBlack,
+  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,
+  lightBlueBackground: palette.lightBlueBackground,
+  muiPrimaryAlternate: palette.muiPrimaryAlternate,
+  muiPrimaryHover: palette.muiPrimaryHover,
+  muiSecondary: palette.muiSecondary,
+  muiSecondaryAlternate: palette.muiSecondaryAlternate,
+  muiSuccess: palette.muiSuccess,
+  muiSuccessAlternate: palette.muiSuccessAlternate,
+  // Transparency
+  blackOpacity10: palette.blackOpacity10,
+  blackOpacity20: palette.blackOpacity20,
+  blackOpacity30: palette.blackOpacity30,
+  blackOpacity50: palette.blackOpacity50,
+  blackOpacity80: palette.blackOpacity80,
+  primaryOpacity10: palette.primaryOpacity10,
+  primaryOpacity20: palette.primaryOpacity20,
+  primaryOpacity30: palette.primaryOpacity30,
+  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,
+  blueOpacity08: palette.blueOpacity08,
+  whiteOpacity10: palette.whiteOpacity10,
+  whiteOpacity20: palette.whiteOpacity20,
+  whiteOpacity40: palette.whiteOpacity40,
+  topBar: palette.topBar,
+  error: palette.error,
+  roundButton: {
+    default: {
+      border: palette.neutral600,
+      color: palette.contrast,
+      disabled: {
+        color: palette.blackOpacity20
+      },
+      hover: {
+        background: palette.buttonHoverBackground
+      }
+    },
+    filled: {
+      background: palette.neutral100,
+      color: palette.blackOpacity80,
+      hover: {
+        background: palette.neutral250
+      }
+    },
+    active: {
+      color: palette.buttonActiveText,
+      hover: {
+        background: palette.primaryOpacity20
+      }
+    },
+    contrast: {
+      border: palette.buttonContrastBorder,
+      color: palette.buttonContrastText,
+      hover: {
+        background: palette.whiteOpacity10
+      }
+    },
+    tableButton: {
+      color: palette.neutral800
+    },
+    focused: {
+      background: palette.primaryOpacity20,
+      color: palette.buttonActiveText,
+      hover: {
+        background: palette.primaryOpacity30
+      }
+    },
+    error: palette.error
+  },
+  movementCard: {
+    default: {
+      background: palette.neutral100
+    },
+    disabled: {
+      background: palette.neutral250
+    },
+    pill: {
+      color: palette.neutral200,
+      background: palette.neutral600
+    }
+  },
+  rowProductCard: {
+    locationSubtitle: palette.neutral800
+  }
+};
+
+// src/components/Loading/Loading.tsx
+import { jsx } from "react/jsx-runtime";
+var useStyles = makeStyles()(() => ({
+  wrapper: {
+    /**
+     * MUI Dialogs have z-index = 1300
+     */
+    zIndex: 1301,
+    backgroundColor: isDarkModeEnabled ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
+  }
+}));
+var Loading = ({ isLoading }) => {
+  const { classes } = useStyles();
+  return /* @__PURE__ */ jsx(
+    Backdrop,
+    {
+      "aria-hidden": !isLoading,
+      className: classes.wrapper,
+      open: isLoading,
+      "data-testid": "backdrop-loading",
+      children: /* @__PURE__ */ jsx(CircularProgress, { color: "primary" })
+    }
+  );
+};
+var Loading_default = Loading;
+
+export {
+  isDarkModeEnabled,
+  colors,
+  Loading_default
+};
+//# sourceMappingURL=chunk-CKW5LT7K.js.map

package/dist/chunk-CKW5LT7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/lightPalette.ts","../src/resources/styles/colors.ts"],"sourcesContent":["import { Backdrop, CircularProgress } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { isDarkModeEnabled } from '@/resources/styles/colors';\n\nconst useStyles = makeStyles()(() => ({\n  wrapper: {\n    /**\n     * MUI Dialogs have z-index = 1300\n     */\n    zIndex: 1301,\n    backgroundColor: isDarkModeEnabled\n      ? 'rgba(0, 0, 0, 0.5)'\n      : 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\ninterface ILoading {\n  isLoading: boolean;\n}\n\nconst Loading = ({ isLoading }: ILoading) => {\n  const { classes } = useStyles();\n\n  return (\n    <Backdrop\n      aria-hidden={!isLoading}\n      className={classes.wrapper}\n      open={isLoading}\n      data-testid=\"backdrop-loading\"\n    >\n      <CircularProgress color=\"primary\" />\n    </Backdrop>\n  );\n};\n\nexport default Loading;\n","import { ThemePalette } from './interface';\n\n/**\n * Define the light palette using the ThemePalette interface.\n */\nconst lightPalette: ThemePalette = {\n  // General colors\n  white: '#FFFFFF',\n  black: '#000000',\n\n  // Neutral\n  neutral50: '#F0EBE6',\n  neutral100: '#FAFAFA',\n  neutral150: '#F4F4F4',\n  neutral200: '#F1F1F1',\n  neutral250: '#ECECEC',\n  neutral300: '#E0E0E0',\n  neutral400: '#C8C8C8',\n  neutral500: '#BDBDBD',\n  neutral600: '#999999',\n  neutral700: '#878787',\n  neutral750: '#6c6c6c',\n  neutral800: '#555555',\n  neutral900: '#4D4D4D',\n\n  // Input and contrast\n  contrast: '#000000',\n  constrastOpacity50: 'rgba(0,0,0,0.5)',\n\n  // Icon and Material UI colors\n  iconSearch: '#606060',\n  default: '#E0E0E0',\n  muiPrimary: '#0781CE',\n  muiPrimaryBlack: '#000000',\n  lightMuiPrimaryColorBackground: '#eff4fb',\n  lightBlueBackground: '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n\n  // Transparency variants\n  blackOpacity10: 'rgba(0,0,0,0.1)',\n  blackOpacity20: 'rgba(0,0,0,0.2)',\n  blackOpacity30: 'rgba(0,0,0,0.3)',\n  blackOpacity50: 'rgba(0,0,0,0.5)',\n  blackOpacity80: 'rgba(0,0,0,0.8)',\n  primaryOpacity10: 'rgba(7, 129, 206, 0.10)',\n  primaryOpacity20: 'rgba(7, 129, 206, 0.20)',\n  primaryOpacity30: 'rgba(7, 129, 206, 0.30)',\n  secondaryAlternateOpacity30: 'rgba(236, 97, 60, 0.3)',\n  blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n  whiteOpacity10: 'rgba(255,255,255,0.1)',\n  whiteOpacity20: 'rgba(255,255,255,0.2)',\n  whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n  // Table rows and top bar\n  topBar: '#2e3133',\n\n  // Button colors\n  // Round Button (default)\n  buttonHoverBackground: 'rgba(0, 0, 0, 0.04)',\n  // Active Button\n  buttonActiveText: '#0781CE',\n  // Contrast Button\n  buttonContrastBorder: '#CECECE',\n  buttonContrastText: '#CECECE',\n\n  // Error Button\n  error: '#D32F2F',\n};\n\nexport default lightPalette;\n","import lightPalette from './colors/lightPalette';\n\nexport const isDarkModeEnabled = false;\nconst palette = lightPalette;\n\ninterface Colors {\n  // General colors\n  white: string;\n  black: string;\n\n  // Neutral\n  neutral50: string;\n  neutral100: string;\n  neutral150: string;\n  neutral200: string;\n  neutral250: string;\n  neutral300: string;\n  neutral400: string;\n  neutral500: string;\n  neutral600: string;\n  neutral700: string;\n  neutral750: string;\n  neutral800: string;\n  neutral900: string;\n\n  // Input and contrast\n  contrast: string;\n  constrastOpacity50: string;\n\n  // Icon and Material UI colors\n  iconSearch: string;\n  default: string;\n  muiPrimary: string;\n  muiPrimaryBlack: string;\n  lightMuiPrimaryColorBackground: string;\n  lightBlueBackground: string;\n  muiPrimaryAlternate: string;\n  muiPrimaryHover: string;\n  muiSecondary: string;\n  muiSecondaryAlternate: string;\n  muiSuccess: string;\n  muiSuccessAlternate: string;\n\n  // Transparency\n  blackOpacity10: string;\n  blackOpacity20: string;\n  blackOpacity30: string;\n  blackOpacity50: string;\n  blackOpacity80: string;\n  primaryOpacity10: string;\n  primaryOpacity20: string;\n  primaryOpacity30: string;\n  secondaryAlternateOpacity30: string;\n  blueOpacity08: string;\n  whiteOpacity10: string;\n  whiteOpacity20: string;\n  whiteOpacity40: string;\n\n  // Table rows and top bar\n  topBar: string;\n  // Error Button\n  error: string;\n\n  roundButton: {\n    default: {\n      border: string;\n      color: string;\n      disabled: {\n        color: string;\n      };\n      hover: {\n        background: string;\n      };\n    };\n    filled: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    active: {\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    contrast: {\n      border: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    tableButton: {\n      color: string;\n    };\n    focused: {\n      background: string;\n      color: string;\n      hover: {\n        background: string;\n      };\n    };\n    error: string;\n  };\n\n  movementCard: {\n    default: {\n      background: string;\n    };\n    disabled: {\n      background: string;\n    };\n    pill: {\n      color: string;\n      background: string;\n    };\n  };\n\n  rowProductCard: {\n    locationSubtitle: string;\n  };\n}\n\nexport const colors: Colors = {\n  white: palette.white,\n  black: palette.black,\n\n  neutral50: palette.neutral50,\n  neutral100: palette.neutral100,\n  neutral150: palette.neutral150,\n  neutral200: palette.neutral200,\n  neutral250: palette.neutral250,\n  neutral300: palette.neutral300,\n  neutral400: palette.neutral400,\n  neutral500: palette.neutral500,\n  neutral600: palette.neutral600,\n  neutral700: palette.neutral700,\n  neutral750: palette.neutral750,\n  neutral800: palette.neutral800,\n  neutral900: palette.neutral900,\n\n  // Input and contrast\n  contrast: palette.contrast,\n  constrastOpacity50: palette.constrastOpacity50,\n\n  iconSearch: palette.iconSearch,\n  default: palette.default,\n  muiPrimary: palette.muiPrimary,\n  muiPrimaryBlack: palette.muiPrimaryBlack,\n  lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,\n  lightBlueBackground: palette.lightBlueBackground,\n  muiPrimaryAlternate: palette.muiPrimaryAlternate,\n  muiPrimaryHover: palette.muiPrimaryHover,\n  muiSecondary: palette.muiSecondary,\n  muiSecondaryAlternate: palette.muiSecondaryAlternate,\n  muiSuccess: palette.muiSuccess,\n  muiSuccessAlternate: palette.muiSuccessAlternate,\n\n  // Transparency\n  blackOpacity10: palette.blackOpacity10,\n  blackOpacity20: palette.blackOpacity20,\n  blackOpacity30: palette.blackOpacity30,\n  blackOpacity50: palette.blackOpacity50,\n  blackOpacity80: palette.blackOpacity80,\n  primaryOpacity10: palette.primaryOpacity10,\n  primaryOpacity20: palette.primaryOpacity20,\n  primaryOpacity30: palette.primaryOpacity30,\n  secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,\n  blueOpacity08: palette.blueOpacity08,\n  whiteOpacity10: palette.whiteOpacity10,\n  whiteOpacity20: palette.whiteOpacity20,\n  whiteOpacity40: palette.whiteOpacity40,\n\n  topBar: palette.topBar,\n  error: palette.error,\n\n  roundButton: {\n    default: {\n      border: palette.neutral600,\n      color: palette.contrast,\n      disabled: {\n        color: palette.blackOpacity20,\n      },\n      hover: {\n        background: palette.buttonHoverBackground,\n      },\n    },\n    filled: {\n      background: palette.neutral100,\n      color: palette.blackOpacity80,\n      hover: {\n        background: palette.neutral250,\n      },\n    },\n    active: {\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity20,\n      },\n    },\n    contrast: {\n      border: palette.buttonContrastBorder,\n      color: palette.buttonContrastText,\n      hover: {\n        background: palette.whiteOpacity10,\n      },\n    },\n    tableButton: {\n      color: palette.neutral800,\n    },\n    focused: {\n      background: palette.primaryOpacity20,\n      color: palette.buttonActiveText,\n      hover: {\n        background: palette.primaryOpacity30,\n      },\n    },\n    error: palette.error,\n  },\n\n  movementCard: {\n    default: {\n      background: palette.neutral100,\n    },\n    disabled: {\n      background: palette.neutral250,\n    },\n    pill: {\n      color: palette.neutral200,\n      background: palette.neutral600,\n    },\n  },\n\n  rowProductCard: {\n    locationSubtitle: palette.neutral800,\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-IXEF6LYV.js

@@ -0,0 +1,33 @@
+// src/hooks/useDynamicScroll/useDynamicScroll.ts
+import { useCallback, useEffect, useState } from "react";
+var useDynamicScroll = ({
+  scrollRef,
+  scrollAmount = 300,
+  effectDependencies
+}) => {
+  const [isScrollable, setIsScrollable] = useState(false);
+  const checkIfScrollNeeded = useCallback(() => {
+    if (scrollRef.current) {
+      const { scrollWidth, clientWidth } = scrollRef.current;
+      setIsScrollable(scrollWidth > clientWidth);
+    }
+  }, []);
+  const scroll = (direction) => {
+    if (scrollRef?.current) {
+      scrollRef.current.scrollLeft += direction === "left" ? -scrollAmount : scrollAmount;
+    }
+  };
+  useEffect(() => {
+    checkIfScrollNeeded();
+    window.addEventListener("resize", checkIfScrollNeeded);
+    return () => {
+      window.removeEventListener("resize", checkIfScrollNeeded);
+    };
+  }, [checkIfScrollNeeded, ...effectDependencies]);
+  return { isScrollable, scroll };
+};
+
+export {
+  useDynamicScroll
+};
+//# sourceMappingURL=chunk-IXEF6LYV.js.map

package/dist/chunk-IXEF6LYV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDynamicScroll/useDynamicScroll.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useState } from 'react';\n\ntype useDynamicScrollParams = {\n  scrollRef: RefObject<HTMLDivElement | null>;\n  scrollAmount?: number;\n  effectDependencies: unknown[];\n};\n\nexport const useDynamicScroll = ({\n  scrollRef,\n  scrollAmount = 300,\n  effectDependencies,\n}: useDynamicScrollParams) => {\n  const [isScrollable, setIsScrollable] = useState(false);\n\n  const checkIfScrollNeeded = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollWidth, clientWidth } = scrollRef.current;\n      setIsScrollable(scrollWidth > clientWidth);\n    }\n  }, []);\n\n  const scroll = (direction: 'left' | 'right') => {\n    if (scrollRef?.current) {\n      scrollRef.current.scrollLeft +=\n        direction === 'left' ? -scrollAmount : scrollAmount;\n    }\n  };\n\n  useEffect(() => {\n    checkIfScrollNeeded();\n\n    window.addEventListener('resize', checkIfScrollNeeded);\n\n    return () => {\n      window.removeEventListener('resize', checkIfScrollNeeded);\n    };\n  }, [checkIfScrollNeeded, ...effectDependencies]);\n\n  return { isScrollable, scroll };\n};\n"],"mappings":";AAAA,SAAoB,aAAa,WAAW,gBAAgB;AAQrD,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,EACf;AACF,MAA8B;AAC5B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,sBAAsB,YAAY,MAAM;AAC5C,QAAI,UAAU,SAAS;AACrB,YAAM,EAAE,aAAa,YAAY,IAAI,UAAU;AAC/C,sBAAgB,cAAc,WAAW;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,CAAC,cAAgC;AAC9C,QAAI,WAAW,SAAS;AACtB,gBAAU,QAAQ,cAChB,cAAc,SAAS,CAAC,eAAe;AAAA,IAC3C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,wBAAoB;AAEpB,WAAO,iBAAiB,UAAU,mBAAmB;AAErD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,mBAAmB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;AAE/C,SAAO,EAAE,cAAc,OAAO;AAChC;","names":[]}

package/dist/chunk-N3IUZVB7.js

@@ -0,0 +1,21 @@
+// 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 {
+  getFlattenedFiltersLabels,
+  getFlattenedFiltersIds
+};
+//# sourceMappingURL=chunk-N3IUZVB7.js.map

package/dist/chunk-N3IUZVB7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/flattenTableFilters/flattenTableFilters.ts"],"sourcesContent":["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":";AASO,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":[]}