@tenorlab/react-dashboard 1.0.5 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "type": "module",

package/dist/components/DashboardGrid.d.ts

@@ -1,2 +0,0 @@
-import type { IDashboardGridProps } from './interfaces/core-react.interfaces';
-export declare const DashboardGrid: import("react").ForwardRefExoticComponent<IDashboardGridProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/DashboardWidgetBase.d.ts

@@ -1,4 +0,0 @@
-import type { IDashboardWidgetProps } from './interfaces/core-react.interfaces';
-export declare const DashboardWidgetBase: (props: IDashboardWidgetProps & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement | null;

package/dist/components/DynamicWidgetLoader.d.ts

@@ -1,23 +0,0 @@
-import type { IChildWidgetConfigEntry, TDashboardWidgetCatalog, TDashboardWidgetKey } from './interfaces';
-type TDynamicWidgetLoaderProps = {
-    index: number;
-    maxIndex: number;
-    widgetKey: TDashboardWidgetKey;
-    parentWidgetKey?: TDashboardWidgetKey;
-    targetContainerKey?: TDashboardWidgetKey;
-    childWidgetsConfig?: IChildWidgetConfigEntry[];
-    widgetCatalog: TDashboardWidgetCatalog;
-    isEditing: boolean;
-    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    selectContainer?: (containerKey: TDashboardWidgetKey) => void;
-};
-/**
- * Component to safely load and render dynamic widgets.
- * This ensures the widget component (and its hooks) is called consistently.
- * @param {object} props
- * @param {string} props.widgetKey
- * @param {(key: string) => Promise<void>} props.onRemoveClick
- */
-export declare function DynamicWidgetLoader({ index, maxIndex, widgetKey, parentWidgetKey, targetContainerKey, childWidgetsConfig, widgetCatalog, isEditing, onRemoveClick, onMoveClick, selectContainer, }: TDynamicWidgetLoaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WidgetContainer.d.ts

@@ -1,4 +0,0 @@
-import type { IDashboardWidgetProps, IDashboardWidget } from './interfaces/core-react.interfaces';
-export declare function WidgetContainerColumn(props: IDashboardWidgetProps): IDashboardWidget;
-export declare function WidgetContainerLarge(props: IDashboardWidgetProps): IDashboardWidget;
-export declare function WidgetContainerRow(props: IDashboardWidgetProps): IDashboardWidget;

package/dist/components/WidgetsCatalogFlyout.d.ts

@@ -1,14 +0,0 @@
-import type { IDashboardConfig, IDashboardSettingEntry, TDashboardUndoStatus, TDashboardWidgetCatalog, TDashboardWidgetKey } from './interfaces/';
-export type TWidgetsCatalogFlyoutProps = {
-    targetContainerKey?: TDashboardWidgetKey;
-    widgetsCatalog: TDashboardWidgetCatalog;
-    currentDashboardConfig: IDashboardConfig;
-    undoStatus: TDashboardUndoStatus;
-    addWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
-    addContainer: (widgetKey: TDashboardWidgetKey) => any;
-    onSettingItemsUpdated: (items: IDashboardSettingEntry[]) => any;
-    onResetToDefaultDashboardClick: () => any;
-    onUndoOrRedo: (operation: 'Undo' | 'Redo') => any;
-    onDoneClick: () => any;
-};
-export declare function WidgetsCatalogFlyout({ targetContainerKey, widgetsCatalog, currentDashboardConfig, undoStatus, addWidget, addContainer, onSettingItemsUpdated, onResetToDefaultDashboardClick, onUndoOrRedo, onDoneClick, }: TWidgetsCatalogFlyoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/Buttons.d.ts

@@ -1,2 +0,0 @@
-import type { IButtonProps } from './interfaces';
-export declare function Button(props: IButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/DraggablePanel.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties } from 'react';
-type DraggablePanelProps = {
-    testId?: string;
-    className: string;
-    style?: CSSProperties;
-    onDraggingChange?: (isDragging: boolean) => void;
-    children: React.ReactNode;
-};
-export declare const DraggablePanel: import("react").ForwardRefExoticComponent<DraggablePanelProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/dashboard-primitives/ListItem.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { type TStackProps } from './Stack';
-export declare const ListItem: import("react").ForwardRefExoticComponent<TStackProps & {
-    innerClass?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
-type TListItemChildProps = {
-    testId?: string;
-    className?: string;
-    children?: ReactNode;
-};
-export declare const ListItemLeftChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ListItemMiddleChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ListItemRightChild: import("react").ForwardRefExoticComponent<TListItemChildProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/dashboard-primitives/Stack.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-export type TStackProps = {
-    testId?: string;
-    classNames?: string;
-    direction?: 'row' | 'column';
-    style?: CSSProperties;
-    children: React.ReactNode;
-};
-export declare function Stack(props: TStackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/TextField.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ITextFieldProps } from './interfaces';
-/**
- * A reusable, styled TextField component built with Tailwind CSS.
- */
-export declare const TextField: React.FC<ITextFieldProps>;

package/dist/components/dashboard-primitives/Wrappers.d.ts

@@ -1,6 +0,0 @@
-export declare function WrapperColumnContent({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function WrapperColumnContentListItem({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard-primitives/color-utils.d.ts

@@ -1,12 +0,0 @@
-export declare const resolveColorFromClass: (classNames: string | string[], property?: "color" | "backgroundColor") => string;
-export declare const resolvedColors: {
-    primary: string;
-    secondary: string;
-    success: string;
-    danger: string;
-    warning: string;
-    info: string;
-    disabled: string;
-    neutral: string;
-    body: string;
-};

package/dist/components/dashboard-primitives/css-vars-utils.d.ts

@@ -1,6 +0,0 @@
-import type { IDashboardSettingEntry } from '../interfaces';
-export declare const cssVarsUtils: {
-    getCssVariableValue: (cssPropertyName: string) => string | null;
-    setCssVariableValue: (cssPropertyName: string, value: string) => void;
-    restoreCssVarsFromSettings: (settings: IDashboardSettingEntry[]) => void;
-};

package/dist/components/dashboard-primitives/icons/index.d.ts

@@ -1,29 +0,0 @@
-export declare function SvgBaseWrapper({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-type TIconProps = {
-    className?: string;
-};
-export declare function AddIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function DeleteIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function EditIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function GridIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MonitorIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MonitorSmartphoneIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MoveLeftIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MoveRightIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function SettingsIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabletSmartphoneIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function XCircleIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ZoomInIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ZoomOutIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TimerResetIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function UndoIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function RedoIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function HandIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function HandGrabIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CrosshairIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TargetIcon({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CircleQuestionMark({ className }: TIconProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dashboard-primitives/index.d.ts

@@ -1,13 +0,0 @@
-export * from './interfaces';
-export * from './icons';
-export * from './use-distinct-css-classes';
-export * from './color-utils';
-export * from './css-vars-utils';
-export * from './parse-container-title';
-export * from './TextField';
-export * from './Buttons';
-export * from './Stack';
-export * from './ListItem';
-export * from './DraggablePanel';
-export * from './Wrappers';
-export declare const showToast: (options: any) => void;

package/dist/components/dashboard-primitives/interfaces.d.ts

@@ -1,46 +0,0 @@
-export interface ITooltipProps {
-    placement: string;
-    title: string;
-}
-export type TButtonType = 'normal' | 'ghost';
-export type TButtonJustifyCss = 'justify-start' | 'justify-center' | 'justify-end';
-export interface IButtonProps {
-    disabled?: boolean;
-    className?: string;
-    tooltip?: ITooltipProps;
-    isIconButton?: boolean;
-    buttonType?: TButtonType;
-    category?: string;
-    font?: string;
-    border?: number;
-    borderHover?: number;
-    borderColor?: string;
-    px?: number;
-    py?: number;
-    justifyCss?: TButtonJustifyCss;
-    shadow?: string;
-    shadowHover?: string;
-    addCss?: string;
-    onClick: () => any;
-    children: React.ReactNode;
-}
-export interface ITooltipProps {
-    placement: string;
-    title: string;
-}
-export interface IButtonProps {
-    disabled?: boolean;
-    className?: string;
-    tooltip?: ITooltipProps;
-}
-type TSize = 'small' | 'medium';
-export interface ITextFieldProps {
-    label: string;
-    size?: TSize;
-    value: string;
-    className?: string;
-    placeholder?: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export {};

package/dist/components/dashboard-primitives/parse-container-title.d.ts

@@ -1,2 +0,0 @@
-import type { TDashboardWidgetKey } from '../interfaces';
-export declare const parseContainerTitle: (containerWidgetKey: TDashboardWidgetKey) => string;

package/dist/components/dashboard-primitives/use-distinct-css-classes.d.ts

@@ -1 +0,0 @@
-export declare const getDistinctCssClasses: (defaultClasses: string, ...additionalClasses: string[]) => string;

package/dist/components/dashboard-settings/dashboard-settings-utils.d.ts

@@ -1,4 +0,0 @@
-import type { IDashboardSettingEntry } from '../interfaces';
-export declare const dashboardSettingsUtils: {
-    incrementOrDecrementValue: (item: IDashboardSettingEntry, direction: -1 | 1) => IDashboardSettingEntry;
-};

package/dist/components/dashboard-settings/dashboard-settings.d.ts

@@ -1,2 +0,0 @@
-import type { IDashboardSettingEntry } from '../interfaces';
-export declare const cssSettingsCatalog: IDashboardSettingEntry[];

package/dist/components/dashboard-settings/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dashboard-settings';
-export * from './dashboard-settings-utils';

package/dist/components/index.d.ts

@@ -1,11 +0,0 @@
-export * from './interfaces/';
-export * from './dashboard-settings';
-export * from './use-dashboard-store';
-export * from './use-dashboard-storage-service';
-export * from './use-dashboard-undo-service';
-export * from './dashboard-primitives/';
-export * from './DashboardGrid';
-export * from './DynamicWidgetLoader';
-export * from './DashboardWidgetBase';
-export * from './WidgetContainer';
-export * from './WidgetsCatalogFlyout';

package/dist/components/interfaces/core-react.interfaces.d.ts

@@ -1,21 +0,0 @@
-import type { ReactNode, JSX } from 'react';
-import type { TDashboardWidgetKey, TWidgetMetaInfoBase, IDashboardWidgetPropsBase, IDashboardGridPropsBase, TWidgetFactoryBase, IDynamicWidgetCatalogEntryBase, TDashboardWidgetCatalogBase } from './core.base';
-type TFrameworkComponentType = React.ComponentType<any>;
-type TFrameworkElementType = React.ElementType;
-export type TWidgetMetaInfo = TWidgetMetaInfoBase<TFrameworkElementType | undefined>;
-export interface IDashboardGridProps extends IDashboardGridPropsBase {
-    children?: ReactNode;
-}
-export interface IDashboardWidgetProps extends IDashboardWidgetPropsBase {
-    children?: ReactNode;
-    onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
-    selectContainer?: (containerKey?: TDashboardWidgetKey) => void;
-}
-export interface IDashboardWidget extends JSX.Element {
-}
-export type TWidgetFactory = TWidgetFactoryBase<TFrameworkComponentType>;
-export interface IDynamicWidgetCatalogEntry extends IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType> {
-}
-export type TDashboardWidgetCatalog = TDashboardWidgetCatalogBase<TFrameworkElementType, TFrameworkComponentType>;
-export {};

package/dist/components/interfaces/core.base.d.ts

@@ -1,80 +0,0 @@
-export type TDashboardWidgetKey = string;
-export type TWidgetCategory = 'Widget' | 'Chart' | 'Container';
-export type TWidgetMetaInfoBase<TFrameworkElementType = any> = {
-    displayName: string;
-    description: string;
-    categories: TWidgetCategory[];
-    noDuplicatedWidgets?: boolean;
-    icon: TFrameworkElementType | undefined;
-};
-export interface IDashboardGridPropsBase {
-    isEditing: boolean;
-    zoomScale: number;
-    responsiveGrid: boolean;
-}
-export type TWidgetSize = 'default' | 'large' | 'xlarge';
-export type TWidgetDirection = 'row' | 'column';
-export interface IDashboardWidgetPropsBase {
-    index: number;
-    maxIndex: number;
-    widgetKey: TDashboardWidgetKey;
-    parentWidgetKey?: TDashboardWidgetKey;
-    isEditing: boolean;
-    highlight?: boolean;
-    testId?: string;
-    title?: string;
-    size?: TWidgetSize;
-    borderCssClasses?: string;
-    backgroundCssClasses?: string;
-    hideTitle?: boolean;
-    noShadow?: boolean;
-    noBorder?: boolean;
-    noPadding?: boolean;
-    direction?: TWidgetDirection;
-}
-/**
- * 1. Define the Async Loader type
- * Type for the function that performs the asynchronous dynamic import.
- * It must return a promise that resolves to the module containing the widget component
- * as its default export (or a named export if you change the loading strategy).
- *
- * TFrameworkComponent could be "React.ComponentType<any>"" or "VueComponent" etc
- */
-export type TWidgetFactoryBase<TFrameworkComponent = any> = () => Promise<{
-    default: TFrameworkComponent;
-}>;
-/**
- * 2. Define the flexible Catalog Entry
- * Definition of a single widget or container in the catalog.
- * It must have EITHER a direct 'component' reference OR a 'loader' function.
- *
- * TWidgetMetaInfo: see TWidgetMetaInfoBase
- * TWidgetFactory: see TWidgetFactoryBase
- * TComponent: i.e. React.ComponentType<any>
- */
-/**
- * 2. Define the flexible Catalog Entry
- * Definition of a single widget or container in the catalog.
- * It must have EITHER a direct 'component' reference OR a 'loader' function.
- *
- * TFrameworkElementType: see TWidgetMetaInfoBase
- * TFrameworkComponentType: i.e. React.ComponentType<any> (see TWidgetFactoryBase)
- */
-export interface IDynamicWidgetCatalogEntryBase<TFrameworkElementType = any, TFrameworkComponentType = any> {
-    key: TDashboardWidgetKey;
-    title: string;
-    isContainer?: boolean;
-    meta?: TWidgetMetaInfoBase<TFrameworkElementType>;
-    component?: TFrameworkComponentType;
-    loader?: TWidgetFactoryBase<TFrameworkComponentType>;
-}
-export type TDashboardWidgetCatalogBase<TFrameworkElementType = any, TFrameworkComponentType = any> = Map<TDashboardWidgetKey, IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType>>;
-export type TGetDefaultWidgetMetaFromKeyOptions = {
-    title?: string;
-    description?: string;
-};
-export type TGetDefaultWidgetMetaFromKey = (widgetKey: TDashboardWidgetKey, options?: TGetDefaultWidgetMetaFromKeyOptions) => TWidgetMetaInfoBase<any>;
-export type TManifestEntry = {
-    url: string;
-    meta: TWidgetMetaInfoBase;
-};

package/dist/components/interfaces/core.interfaces.d.ts

@@ -1,39 +0,0 @@
-import type { TDashboardWidgetKey } from './core.base';
-export interface IChildWidgetConfigEntry {
-    parentWidgetKey: TDashboardWidgetKey;
-    widgetKey: TDashboardWidgetKey;
-}
-export interface IDashboardSettingEntry {
-    key: string;
-    displayName: string;
-    description: string;
-    cssProperty: string;
-    step: number;
-    defaultUnit: string;
-    minValue: number;
-    defaultValue: string;
-    value: string;
-}
-export interface IDashboardConfig {
-    userID: number | string;
-    clientAppKey: string;
-    dashboardId: string;
-    dashboardName: string;
-    zoomScale: number;
-    responsiveGrid: boolean;
-    widgets: TDashboardWidgetKey[];
-    childWidgetsConfig: IChildWidgetConfigEntry[];
-    cssSettings: IDashboardSettingEntry[];
-    _version?: number;
-    _stateDescription?: string;
-}
-export type TUndoHistoryEntry = {
-    undoIndex: number;
-    config: IDashboardConfig;
-};
-export type TDashboardUndoStatus = {
-    isUndoDisabled: boolean;
-    isRedoDisabled: boolean;
-    _currentIndex?: number;
-    _historyLength?: number;
-};

package/dist/components/interfaces/core.utils.d.ts

@@ -1,51 +0,0 @@
-import type { TDashboardWidgetKey, TWidgetMetaInfoBase, TDashboardWidgetCatalogBase, TGetDefaultWidgetMetaFromKey, TWidgetFactoryBase, IDynamicWidgetCatalogEntryBase } from './core.base';
-import type { IDashboardConfig } from './core.interfaces';
-export declare const blankDashboardConfig: IDashboardConfig;
-export declare const DashboardMinZoomScale: 0.7;
-export declare const DashboardMaxZoomScale: 1;
-export declare const DashboardZoomStep: 0.05;
-export declare const ensureZoomScaleIsWithinRange: (value: number) => number;
-export declare const getNewZoomScaleWithinRange: (currentZoomScale: number, direction: -1 | 1) => number;
-export declare const removeEmptyContainers: (dashboardConfig: IDashboardConfig) => IDashboardConfig;
-/**
- * @name ensureContainersSequence
- * @description
- * Ensures that the container widgets are numbered sequentially in the dashboardConfig, but the original order is preserved.
- */
-export declare const ensureContainersSequence: (dashboardConfig: IDashboardConfig) => IDashboardConfig;
-export declare const getDefaultWidgetMetaFromKey: TGetDefaultWidgetMetaFromKey;
-/**
- * @name getDefaultWidgetMetaFromMap
- * @description Helper to get widget meta info from the catalog by key.
- */
-export declare const getDefaultWidgetMetaFromMap: <TFrameworkElementType = any>(widgetKey: TDashboardWidgetKey, defaultWidgetMetaMap: Record<TDashboardWidgetKey, TWidgetMetaInfoBase<TFrameworkElementType>>, options?: {
-    title?: string;
-    description?: string;
-}) => TWidgetMetaInfoBase<TFrameworkElementType>;
-/**
- * @name getWidgetMetaFromCatalog
- * @description Helper to get widget meta info from the catalog by key.
- */
-export declare const getWidgetMetaFromCatalog: <TFrameworkElementType = any, TFrameworkComponentType = any>(widgetKey: TDashboardWidgetKey, widgetsCatalog: TDashboardWidgetCatalogBase<TFrameworkElementType, TFrameworkComponentType>) => TWidgetMetaInfoBase<TFrameworkElementType>;
-/**
- * @name createStaticEntry
- * Helper function to create static entries
- * This helps keep the catalog registration clean
- */
-export declare const createStaticEntry: <TFrameworkComponentType = any>(key: string, component: TFrameworkComponentType) => [string, IDynamicWidgetCatalogEntryBase];
-/**
- * @name createDynamicEntry
- * Helper function to create dynamic entries
- * This helps keep the catalog registration clean
- */
-export declare const createDynamicEntry: (key: string, loader: TWidgetFactoryBase, meta: TWidgetMetaInfoBase) => [string, IDynamicWidgetCatalogEntryBase];
-export declare const parseKeyAndTitleFromFilePath: (path: string) => {
-    key: TDashboardWidgetKey;
-    title: string;
-    folder: string;
-} | null;
-export declare const remoteWidgetDiscovery: (manifestUrl: string) => Promise<{
-    entries: [string, IDynamicWidgetCatalogEntryBase][];
-    message: string;
-    details: string;
-}>;

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

@@ -1,5 +0,0 @@
-export * from './core.base';
-export * from './core.interfaces';
-export * from './core-react.interfaces';
-export * from './storage-service.interfaces';
-export * from './core.utils';

package/dist/components/interfaces/storage-service.interfaces.d.ts

@@ -1,8 +0,0 @@
-import type { TDashboardWidgetCatalogBase } from './core.base';
-import type { IDashboardConfig } from './core.interfaces';
-export type TGetSavedDashboards = (userID: number | string, clientAppKey: string, widgetCatalog: TDashboardWidgetCatalogBase, defaultDashboardConfig: IDashboardConfig) => Promise<IDashboardConfig[]>;
-export type TSaveDashboards = (userID: number | string, clientAppKey: string, dashboardConfigs: IDashboardConfig[], widgetCatalog: TDashboardWidgetCatalogBase) => Promise<boolean>;
-export interface IDashboardStorageService {
-    getSavedDashboards: TGetSavedDashboards;
-    saveDashboards: TSaveDashboards;
-}

package/dist/components/use-dashboard-storage-service.d.ts

@@ -1,2 +0,0 @@
-import type { IDashboardStorageService } from './interfaces';
-export declare const useDashboardStorageService: () => IDashboardStorageService;

package/dist/components/use-dashboard-store.d.ts

@@ -1,33 +0,0 @@
-import type { IDashboardConfig, TDashboardWidgetKey } from './interfaces';
-type TAddWidgetResponse = {
-    success: boolean;
-    message?: string;
-    updatedDashboardConfig: IDashboardConfig;
-    allUpdatedDashboardConfigs: IDashboardConfig[];
-};
-type TRemoveWidgetResponse = TAddWidgetResponse;
-type TDashboardSlice = {
-    isLoading: boolean;
-    isEditing: boolean;
-    allDashboardConfigs: IDashboardConfig[];
-    currentDashboardConfig: IDashboardConfig;
-    targetContainerKey?: TDashboardWidgetKey | undefined;
-    getNextContainerKey: (containerWidgetKey: TDashboardWidgetKey) => TDashboardWidgetKey;
-    setIsLoading: (value: boolean) => boolean;
-    setIsEditing: (value: boolean) => boolean;
-    setTargetContainerKey: (value: TDashboardWidgetKey | undefined) => TDashboardWidgetKey | undefined;
-    setAllDashboardConfigs: (value: IDashboardConfig[]) => IDashboardConfig[];
-    setCurrentDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
-    addDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
-    deleteDashboardConfigById: (value: string) => IDashboardConfig[];
-    selectDashboardById: (dashboardId: string) => IDashboardConfig | undefined;
-    addWidget: (params: {
-        widgetKey: TDashboardWidgetKey;
-        parentWidgetKey?: TDashboardWidgetKey;
-        noDuplicatedWidgets?: boolean;
-    }) => TAddWidgetResponse;
-    removeWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
-    moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TRemoveWidgetResponse;
-};
-export declare const useDashboardStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TDashboardSlice>>;
-export {};

package/dist/components/use-dashboard-undo-service.d.ts

@@ -1,13 +0,0 @@
-import type { IDashboardConfig, TUndoHistoryEntry, TDashboardUndoStatus } from './interfaces';
-export declare const useDashboardUndoService: () => {
-    initializeHistoryForDashboard: (initialConfig: IDashboardConfig) => void;
-    resetAllHistory: () => void;
-    addUndoEntry: (newConfig: IDashboardConfig) => void;
-    removeUndoHistoryForDashboard: (dashboardId: string) => void;
-    undo: (currentDashboardId: string) => void;
-    redo: (currentDashboardId: string) => void;
-    getUndoStatus: (currentDashboardId: string) => TDashboardUndoStatus;
-    undoHistory: Record<string, TUndoHistoryEntry[]>;
-    historyIndex: Record<string, number>;
-};
-export type TDashboardUndoService = ReturnType<typeof useDashboardUndoService>;

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-import './styles/styles-dashboard.css';
-export * from './components/';

package/dist/react-dashboard.css

@@ -1 +0,0 @@
-html{--bwj-dashboard-num-columns: 3;--bwj-dashboard-gap: 1.25rem;--bwj-dashboard-transform-scale: 1;--bwj-dashboard-add-cols: 1;--bwj-widget-width: 21rem;--bwj-widget-border-radius: .33rem;--bwj-widget-inner-px: 1rem;--bwj-widget-inner-py: .75rem;--bwj-widget-header-px: var(--bwj-widget-inner-px);--bwj-widget-header-py: 1rem;--bwj-widget-title-size: .8rem;--bwj-widget-title-weight: 600;--bwj-dashboard-debug-container-flex-row: none;--bwj-dashboard-debug-container-flex-column: none;--bwj-dashboard-debug-container-grid-large-inner: solid 1px lightgreen}html .dashboard-main-grid{width:100%;display:grid;grid-template-columns:repeat(var(--bwj-dashboard-num-columns, 4),minmax(var(--bwj-widget-width),1fr));gap:var(--bwj-dashboard-gap, 1.5rem);transform:scale(var(--bwj-dashboard-transform-scale, 1));transform-origin:top left}html .dashboard-main-grid.editing{row-gap:calc(var(--bwj-dashboard-gap) + .8rem)}html .dashboard-main-grid:not(.responsive-grid){max-width:min-content}html .dashboard-main-grid.responsive-grid{width:100%}html .dashboard-widget-container{--bwj-border-opacity: .5;flex:1 1 0%;width:100%}html .dashboard-widget-container .widget-container-header{display:none;position:absolute;height:1.85rem;inset:-1.85rem -1px auto;cursor:pointer;padding:0 .33rem}html .dashboard-widget-container .widget-container-header .actions-inner{transition:all .3s ease-in-out;width:100%;display:none;align-items:center;justify-content:space-between;font-size:.8rem}html .dashboard-widget-container.editing{border-top:none!important;border-bottom-left-radius:var(--bwj-widget-border-radius, .3rem);border-bottom-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header{display:flex;border-bottom:none!important;border-top-left-radius:var(--bwj-widget-border-radius, .3rem);border-top-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header>.actions-inner{display:flex!important}html .dashboard-widget-container.editing.highlight-container:before{content:"";position:absolute;inset:-1.85rem 0 0;box-shadow:0 2px 10px 6px oklch(var(--bwj-primary-okl) var(--bwj-primary-okc) var(--bwj-primary-okh) / .5);pointer-events:none}html .dashboard-widget{flex:1 1 0%;display:flex;flex-direction:column;position:relative;border-radius:var(--bwj-widget-border-radius, .3rem);height:100%;width:100%}html .dashboard-widget:not(.no-shadow){box-shadow:1px 2px 8px #0000001a}html .dashboard-widget.no-shadow{box-shadow:none}html .dashboard-widget.transparent-widget{background-color:transparent}html .dashboard-widget .widget-title-wrapper .widget-title{font-size:var(--bwj-widget-title-size, .75rem);font-weight:var(--bwj-widget-title-weight, 600)}html .dashboard-widget .widget-inner{flex:1 1 0%;display:flex;flex-direction:column;justify-content:space-between}html .dashboard-widget:not(.no-padding) .widget-inner{padding:var(--bwj-widget-inner-py, 1rem) var(--bwj-widget-inner-px, 1.5rem)}html .dashboard-widget.no-padding .widget-inner{padding:0}html .dashboard-widget .widget-header{padding:var(--bwj-widget-header-py, 1rem) var(--bwj-widget-header-px, 1.5rem)}html .dashboard-widget-container .widget-container-inner{padding:0;gap:var(--bwj-dashboard-gap, 1.5rem)}html .dashboard-widget-container.direction-row.widget-container-flex{grid-column:1 / -1;width:100%;outline:var(--bwj-dashboard-debug-container-flex-row)}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner{display:flex;flex-direction:row;height:100%}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner{display:flex;flex-direction:column;height:100%;outline:var(--bwj-dashboard-debug-container-flex-column)}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:grid;grid-template-columns:repeat(2,minmax(var(--bwj-widget-width),1fr));outline:var(--bwj-dashboard-debug-container-grid-large-inner)}html .dashboard-main-grid.responsive-grid .dashboard-widget-container:not(.large-widget):not(.xlarge-widget),html .dashboard-main-grid.responsive-grid .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:20%;max-width:100%}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container:not(.widget-container-flex):not(.large-widget):not(.xlarge-widget),html .widget-container-flex:not(.direction-row) .dashboard-main-grid:not(.responsive-grid) .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:var(--bwj-widget-width);max-width:var(--bwj-widget-width)}html .dashboard-widget-container.large-widget,html .dashboard-widget.large-widget{grid-column:span 2}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.large-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.large-widget{max-width:calc(680px + var(--bwj-dashboard-gap, 1.5rem))}html .dashboard-widget-container.xlarge-widget,html .dashboard-widget.xlarge-widget{grid-column:span 3}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.xlarge-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.xlarge-widget{max-width:calc(1020px + (var(--bwj-dashboard-gap, 1.5rem) * 2))}html .widget-header .actions-inner{display:none;align-items:center;gap:.25rem}html .widget-header .actions-inner .actions-buttons-container{align-items:center;gap:.25rem}html .dashboard-widget.editing:hover .actions-inner{display:flex!important}html .dashboard-widget-container.editing .widget-container-header .actions-inner{display:flex}html .actions-buttons-container{display:flex!important;align-items:center!important;gap:.25rem!important}html .dashboard-number{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}html .dashboard-number.number-xl{font-size:3.5rem}html .dashboard-number.number-lg{font-size:2.5rem}html .dashboard-number.number-base{font-size:1.5rem}html .dashboard-progress-bar{padding:0;width:100%;height:1.5rem;border-radius:.75rem}html .dashboard-progress{padding:0;height:1.25rem;border-radius:.75rem}@media(max-width:769px){html .dashboard-main-grid{display:flex;flex-direction:column;width:100%;max-width:100%!important}html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:770px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(2 + var(--bwj-dashboard-add-cols))}}@media(max-width:1119px){html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:1120px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(3 + var(--bwj-dashboard-add-cols))}}@media(min-width:1480px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(4 + var(--bwj-dashboard-add-cols))}}@media(min-width:1840px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(5 + var(--bwj-dashboard-add-cols))}}@media(min-width:2220px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(6 + var(--bwj-dashboard-add-cols))}}