@myunisoft/design-system 1.2.5-rev337 → 1.2.6

package/dist/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.JSXElementConstructor<any>;
+export default _default;

package/dist/components/DataGrid/hooks/useSizing.d.ts

@@ -0,0 +1,5 @@
+declare const useSizing: (columns?: never[]) => {
+    columnsStyle: {};
+    totalWidth: number;
+};
+export default useSizing;

package/dist/components/DataGrid/hooks/useSizing.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DocumentComposer/EmptySummary/index.d.ts

@@ -0,0 +1,4 @@
+declare const EmptySummary: ({ emptySummaryLabel }: {
+    emptySummaryLabel?: string | React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EmptySummary;

package/dist/components/DocumentComposer/Treeview/CustomTreeItem.d.ts

@@ -0,0 +1,8 @@
+import type { RichTreeViewProApiRef, TreeItemProps } from '@mui/x-tree-view-pro';
+import type { TreeviewProps } from './types';
+type TreeItemCallbacks<T extends Record<string, unknown>> = Pick<TreeviewProps<T>, 'isSectionItem' | 'isVisibleItem' | 'getIconItem' | 'hasItemMenu' | 'getMenuItems' | 'isItemReorderable' | 'onItemVisibilityChange'> & {
+    apiRef: RichTreeViewProApiRef;
+};
+type CustomTreeItemProps<T extends Record<string, unknown>> = TreeItemProps & TreeItemCallbacks<T>;
+export declare const CustomTreeItem: <T extends Record<string, unknown>>(props: CustomTreeItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DocumentComposer/Treeview/hooks/useTreeItemMenu.d.ts

@@ -0,0 +1,12 @@
+export declare const useTreeItemMenu: () => {
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    menuAnchorEl: HTMLElement | null;
+    menuPosition: {
+        top: number;
+        left: number;
+    } | null;
+    handleMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
+    handleMenuClose: () => void;
+    createMouseMoveHandler: (isHovered: boolean, onHoverChange?: (isHovered: boolean) => void) => (e: React.MouseEvent<HTMLDivElement>) => void;
+    createMouseLeaveHandler: (onHoverChange?: (isHovered: boolean) => void) => () => void;
+};

package/dist/components/DocumentComposer/Treeview/icons/index.d.ts

@@ -0,0 +1 @@
+export declare const DragHandleIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/DocumentComposer/Treeview/index.d.ts

@@ -0,0 +1,3 @@
+import type { TreeviewProps } from './types';
+declare const Treeview: <T extends Record<string, unknown>>(props: TreeviewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Treeview;

package/dist/components/DocumentComposer/Treeview/slots/IconContainerSlot.d.ts

@@ -0,0 +1,14 @@
+import type { SxProps, Theme } from '@mui/material';
+type IconContainerSlotProps = {
+    ownerState?: unknown;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    isDraggable?: boolean;
+    isVisible?: boolean;
+    [key: string]: unknown;
+};
+export declare const IconContainerSlot: {
+    (props: IconContainerSlotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/DocumentComposer/Treeview/slots/LabelInputSlot.d.ts

@@ -0,0 +1,6 @@
+type LabelInputSlotProps = {
+    ownerState?: unknown;
+    [key: string]: unknown;
+};
+export declare const LabelInputSlot: import("react").ForwardRefExoticComponent<Omit<LabelInputSlotProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/DocumentComposer/Treeview/slots/LabelSlot.d.ts

@@ -0,0 +1,20 @@
+import type { SxProps, Theme } from '@mui/material';
+type LabelSlotProps = {
+    ownerState?: unknown;
+    editable?: unknown;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    customIcon?: React.ReactNode;
+    hasMenu?: boolean;
+    isVisible?: boolean;
+    itemId: string;
+    menuAnchorEl?: HTMLElement | null;
+    onMenuClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+    [key: string]: unknown;
+};
+export declare const LabelSlot: {
+    (props: LabelSlotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/DocumentComposer/Treeview/slots/index.d.ts

@@ -0,0 +1,3 @@
+export { IconContainerSlot } from './IconContainerSlot';
+export { LabelInputSlot } from './LabelInputSlot';
+export { LabelSlot } from './LabelSlot';

package/dist/components/DocumentComposer/Treeview/types.d.ts

@@ -0,0 +1,40 @@
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+export type ItemPositionParams = {
+    itemId: string;
+    oldPosition: {
+        parentId: string | null;
+        index: number;
+    };
+    newPosition: {
+        parentId: string | null;
+        index: number;
+    };
+};
+type CustomTreeviewItemProps<T> = {
+    hasItemMenu?: (item: T) => boolean;
+    getMenuItems?: (item: T, apiRef?: RichTreeViewProApiRef) => React.ReactNode[];
+    isSectionItem?: (item: T) => boolean;
+    getIconItem?: (item: T) => React.ReactNode;
+    isItemEditable?: (item: T) => boolean;
+    isVisibleItem?: (item: T) => boolean;
+    onItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+};
+export type TreeviewProps<T> = {
+    items: readonly T[];
+    getItemId?: (item: T) => string;
+    getItemLabel?: (item: T) => string;
+    getItemChildren?: (item: T) => T[] | undefined;
+    isItemReorderable?: (itemId: string) => boolean;
+    canMoveItemToNewPosition?: (params: ItemPositionParams) => boolean;
+    onItemPositionChange?: (params: ItemPositionParams) => void;
+    onItemLabelChange?: (itemId: string, newLabel: string) => void;
+    checkboxSelection?: boolean;
+    multiSelect?: boolean;
+    defaultExpandedItems?: string[];
+} & CustomTreeviewItemProps<T>;
+export type TreeviewItemProps<T> = {
+    itemId: string;
+    label?: React.ReactNode;
+    children?: React.ReactNode;
+} & CustomTreeviewItemProps<T>;
+export {};

package/dist/components/DocumentComposer/hooks/useDocumentComposer.d.ts

@@ -0,0 +1,17 @@
+import type { RichTreeViewProApiRef } from '@mui/x-tree-view-pro';
+import type { ItemPositionParams } from '../Treeview/types';
+import type { DocumentComposerCallbacks, DocumentComposerSummaryItem } from '../types';
+type HookDocumentComposerProps = {
+    summary?: DocumentComposerSummaryItem[];
+} & DocumentComposerCallbacks;
+export declare const useDocumentComposer: ({ summary, onSummaryItemVisibilityChange, onSummaryItemDelete }: HookDocumentComposerProps) => {
+    summaryItemsMap: Map<string, DocumentComposerSummaryItem>;
+    getSummaryItemMenu: (item: DocumentComposerSummaryItem, apiRef?: RichTreeViewProApiRef) => import("react").ReactNode[];
+    hasSummaryItemMenu: (_item: DocumentComposerSummaryItem) => boolean;
+    getSummaryItemById: (itemId: string) => DocumentComposerSummaryItem | null;
+    getSummaryItemIcon: (item: DocumentComposerSummaryItem) => import("react/jsx-runtime").JSX.Element | null;
+    isSummaryItemSection: (item: DocumentComposerSummaryItem) => boolean;
+    canMoveSummaryItemToNewPosition: (params: ItemPositionParams) => boolean;
+    handleOnSummaryItemVisibilityChange: (itemId: string, visible: boolean) => void;
+};
+export {};

package/dist/components/DocumentComposer/icons/index.d.ts

@@ -0,0 +1,8 @@
+export declare const TableIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const RenameIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CreateIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const AddIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const VisibilityOffIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const VisibilityOnIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyAnnexIcon: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { DocumentComposerCallbacks, DocumentComposerCustomProps, DocumentComposerSummaryItem } from './types';
+type DocumentComposerProps = {
+    summary?: DocumentComposerSummaryItem[];
+} & DocumentComposerCallbacks & DocumentComposerCustomProps;
+declare const DocumentComposer: ({ summary, onSummaryItemOrderChange, onSummaryItemLabelChange, onSummaryItemDelete, onSummaryItemVisibilityChange, emptySummaryLabel, isLoading }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export default DocumentComposer;

package/dist/components/DocumentComposer/types.d.ts

@@ -0,0 +1,23 @@
+import type { ItemPositionParams } from './Treeview/types';
+export type DocumentComposerSummaryItem = {
+    id: string;
+    title: string;
+    visible: boolean;
+    parentId: string | null;
+    sections?: DocumentComposerSummaryItem[] | null;
+};
+export type ItemDisplayOrder = {
+    id: string;
+    displayOrder: number;
+};
+export type DocumentComposerCustomProps = {
+    emptySummaryLabel?: string | React.ReactNode;
+    /** Show a loading state that blocks the summary */
+    isLoading?: boolean;
+};
+export type DocumentComposerCallbacks = {
+    onSummaryItemOrderChange?: (params: ItemPositionParams) => void;
+    onSummaryItemLabelChange?: (itemId: string, newLabel: string) => void;
+    onSummaryItemDelete?: (itemId: string) => void;
+    onSummaryItemVisibilityChange?: (itemId: string, visible: boolean) => void;
+};

package/dist/components/Modal/components/ModalVariantIcon.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type ModalVariantIconProps = {
+    variant: 'info' | 'warning' | 'error';
+};
+declare const ModalVariantIcon: FC<ModalVariantIconProps>;
+export default ModalVariantIcon;

package/package.json

@@ -1,117 +1,117 @@
-{
-  "name": "@myunisoft/design-system",
-  "version": "1.2.5-rev337",
-  "description": "Design System of MyUnisoft",
-  "main": "dist/index.js",
-  "source": "src/index.ts",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "start": "cd website && npm start -- --port=3002",
-    "build": "rm -r dist & node esbuild",
-    "build-cypress": "rm -r dist & node esbuild-cypress",
-    "prepublishOnly": "npm run build",
-    "test": "jest  --transformIgnorePatterns \"node_modules/(?!@exceljs)/\" ",
-    "parcel-build": "node esbuild",
-    "cypress": "npm run build-cypress && npx cypress open --component --browser chrome",
-    "cy:run": "npx cypress run --component --browser chrome",
-    "lint-staged": "biome lint --staged --files-ignore-unknown=true --no-errors-on-unmatched --diagnostic-level=warn && biome lint --staged --files-ignore-unknown=true --no-errors-on-unmatched --diagnostic-level=error",
-    "prepare": "husky"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@bitbucket.org/myunibucket/design-system.git"
-  },
-  "keywords": [],
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "@myunisoft:registry": "https://registry.npmjs.org/"
-  },
-  "author": "MyUnisoft",
-  "license": "MIT",
-  "homepage": "https://myunisoft.github.io/design-system/",
-  "dependencies": {
-    "@babel/runtime": "7.20.6",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
-    "@mui/material": "7.1.2",
-    "@mui/utils": "7.3.1",
-    "@mui/x-data-grid-pro": "7.29.8",
-    "@testing-library/dom": "10.1.0",
-    "autosuggest-highlight": "3.3.4",
-    "classnames": "2.3.2",
-    "exceljs": "4.4.0",
-    "i18next": "22.4.6",
-    "jspdf": "3.0.1",
-    "jspdf-autotable": "3.5.28",
-    "localforage": "1.10.0",
-    "lodash": "4.17.21",
-    "moment": "2.30.1",
-    "numeral": "2.0.6",
-    "pretty-bytes": "6.0.0",
-    "prop-types": "15.8.1",
-    "react": "19.1.1",
-    "react-color": "2.19.3",
-    "react-dom": "19.1.1",
-    "react-draft-wysiwyg": "1.15.0",
-    "react-draggable": "4.4.6",
-    "react-dropzone": "14.2.3",
-    "react-input-autosize": "3.0.0",
-    "react-spinners": "0.13.8",
-    "react-window": "2.2.3",
-    "reselect": "4.1.7",
-    "robot3": "0.3.2",
-    "sortablejs": "1.15.0",
-    "svgo": "3.0.2",
-    "tss-react": "4.9.18"
-  },
-  "resolutions": {
-    "cheerio": "<1.0.0",
-    "@mui/material": "7.1.2",
-    "@babel/core": "7.26.0"
-  },
-  "devDependencies": {
-    "@4tw/cypress-drag-drop": "2.3.0",
-    "@babel/core": "7.26.0",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-transform-runtime": "7.28.5",
-    "@babel/preset-env": "7.28.5",
-    "@babel/preset-react": "7.28.5",
-    "@babel/preset-typescript": "7.28.5",
-    "@biomejs/biome": "2.3.5",
-    "@parcel/transformer-inline-string": "2.8.2",
-    "@parcel/transformer-sass": "2.8.2",
-    "@parcel/transformer-svg-react": "2.8.2",
-    "@testing-library/react": "16.3.0",
-    "@types/jest": "30.0.0",
-    "@types/mocha": "10.0.10",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.0",
-    "babel-jest": "29.3.1",
-    "babel-loader": "9.1.0",
-    "cheerio": "<1.0.0",
-    "css-loader": "6.7.3",
-    "cypress": "14.5.0",
-    "esbuild": "0.21.5",
-    "esbuild-sass-plugin": "2.4.4",
-    "html-webpack-plugin": "5.5.0",
-    "husky": "9.1.7",
-    "jest": "29.3.1",
-    "jest-canvas-mock": "2.4.0",
-    "jest-environment-jsdom": "29.3.1",
-    "parcel": "2.8.2",
-    "react-test-renderer": "18.3.1",
-    "sass": "1.57.1",
-    "sass-loader": "13.2.0",
-    "style-loader": "3.3.1",
-    "svg-inline-loader": "0.8.2",
-    "typescript": "5.5.4",
-    "webpack": "5.75.0"
-  },
-  "peerDependencies": {
-    "@mui/material": "7.1.2",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
-  }
-}
+{
+  "name": "@myunisoft/design-system",
+  "version": "1.2.6",
+  "description": "Design System of MyUnisoft",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "cd website && npm start -- --port=3002",
+    "build": "rm -r dist & node esbuild",
+    "build-cypress": "rm -r dist & node esbuild-cypress",
+    "prepublishOnly": "npm run build",
+    "test": "jest  --transformIgnorePatterns \"node_modules/(?!@exceljs)/\" ",
+    "parcel-build": "node esbuild",
+    "cypress": "npm run build-cypress && npx cypress open --component --browser chrome",
+    "cy:run": "npx cypress run --component --browser chrome",
+    "lint-staged": "biome lint --staged --files-ignore-unknown=true --no-errors-on-unmatched --diagnostic-level=warn && biome lint --staged --files-ignore-unknown=true --no-errors-on-unmatched --diagnostic-level=error",
+    "prepare": "husky"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/myunibucket/design-system.git"
+  },
+  "keywords": [],
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "@myunisoft:registry": "https://registry.npmjs.org/"
+  },
+  "author": "MyUnisoft",
+  "license": "MIT",
+  "homepage": "https://myunisoft.github.io/design-system/",
+  "dependencies": {
+    "@babel/runtime": "7.20.6",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "@mui/material": "7.1.2",
+    "@mui/utils": "7.3.1",
+    "@mui/x-data-grid-pro": "7.29.8",
+    "@testing-library/dom": "10.1.0",
+    "autosuggest-highlight": "3.3.4",
+    "classnames": "2.3.2",
+    "exceljs": "4.4.0",
+    "i18next": "22.4.6",
+    "jspdf": "3.0.1",
+    "jspdf-autotable": "3.5.28",
+    "localforage": "1.10.0",
+    "lodash": "4.17.21",
+    "moment": "2.30.1",
+    "numeral": "2.0.6",
+    "pretty-bytes": "6.0.0",
+    "prop-types": "15.8.1",
+    "react": "19.1.1",
+    "react-color": "2.19.3",
+    "react-dom": "19.1.1",
+    "react-draft-wysiwyg": "1.15.0",
+    "react-draggable": "4.4.6",
+    "react-dropzone": "14.2.3",
+    "react-input-autosize": "3.0.0",
+    "react-spinners": "0.13.8",
+    "react-window": "2.2.3",
+    "reselect": "4.1.7",
+    "robot3": "0.3.2",
+    "sortablejs": "1.15.0",
+    "svgo": "3.0.2",
+    "tss-react": "4.9.18"
+  },
+  "resolutions": {
+    "cheerio": "<1.0.0",
+    "@mui/material": "7.1.2",
+    "@babel/core": "7.26.0"
+  },
+  "devDependencies": {
+    "@4tw/cypress-drag-drop": "2.3.0",
+    "@babel/core": "7.26.0",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-transform-runtime": "7.28.5",
+    "@babel/preset-env": "7.28.5",
+    "@babel/preset-react": "7.28.5",
+    "@babel/preset-typescript": "7.28.5",
+    "@biomejs/biome": "2.3.5",
+    "@parcel/transformer-inline-string": "2.8.2",
+    "@parcel/transformer-sass": "2.8.2",
+    "@parcel/transformer-svg-react": "2.8.2",
+    "@testing-library/react": "16.3.0",
+    "@types/jest": "30.0.0",
+    "@types/mocha": "10.0.10",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.0",
+    "babel-jest": "29.3.1",
+    "babel-loader": "9.1.0",
+    "cheerio": "<1.0.0",
+    "css-loader": "6.7.3",
+    "cypress": "14.5.0",
+    "esbuild": "0.21.5",
+    "esbuild-sass-plugin": "2.4.4",
+    "html-webpack-plugin": "5.5.0",
+    "husky": "9.1.7",
+    "jest": "29.3.1",
+    "jest-canvas-mock": "2.4.0",
+    "jest-environment-jsdom": "29.3.1",
+    "parcel": "2.8.2",
+    "react-test-renderer": "18.3.1",
+    "sass": "1.57.1",
+    "sass-loader": "13.2.0",
+    "style-loader": "3.3.1",
+    "svg-inline-loader": "0.8.2",
+    "typescript": "5.5.4",
+    "webpack": "5.75.0"
+  },
+  "peerDependencies": {
+    "@mui/material": "7.1.2",
+    "react": "19.1.1",
+    "react-dom": "19.1.1"
+  }
+}