asma-core-ui 1.6.6 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ import type { IBaseStyledDataGrid } from './types';
2
+ export declare const StyledDataGrid: import("@emotion/styled").StyledComponent<IBaseStyledDataGrid & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import type { GridApiCommunity } from '@mui/x-data-grid/internals';
3
+ export declare const ColumnFormControlItem: React.FC<{
4
+ apiRef: React.MutableRefObject<GridApiCommunity>;
5
+ columnField: string;
6
+ }>;
@@ -0,0 +1,6 @@
1
+ import type { GridApiCommunity } from '@mui/x-data-grid/internals';
2
+ import type { ReactNode } from 'react';
3
+ export declare const ColumnsMenu: React.FC<{
4
+ columnsMenuTitle: ReactNode;
5
+ apiRef: React.MutableRefObject<GridApiCommunity>;
6
+ }>;
@@ -0,0 +1,13 @@
1
+ import { type ReactNode, type JSXElementConstructor, type ReactElement } from 'react';
2
+ import { type GridActionsCellItemProps, type GridRowParams } from '@mui/x-data-grid';
3
+ import type { GridApiCommunity } from '@mui/x-data-grid/internals';
4
+ export declare const columnActions: (apiRef: React.MutableRefObject<GridApiCommunity>, rowActions: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[], columnsMenuTitle: ReactNode) => {
5
+ field: string;
6
+ headerName: string;
7
+ flex: number;
8
+ disableColumnMenu: boolean;
9
+ sortable: boolean;
10
+ type: string;
11
+ renderHeader: () => JSX.Element;
12
+ getActions: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[];
13
+ };
@@ -0,0 +1,6 @@
1
+ import type { DataGridProps, GridActionsCellItemProps, GridRowParams } from '@mui/x-data-grid';
2
+ import type { JSXElementConstructor, ReactElement, ReactNode } from 'react';
3
+ export interface IBaseStyledDataGrid extends DataGridProps {
4
+ columnsMenuTitle?: ReactNode;
5
+ rowActions?: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[];
6
+ }
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export * from './components/data-display';
2
- export * from './components/DataGrid';
2
+ export * from './components/data-grid';
3
3
  export * from './components/Dialog';
4
4
  export * from './components/feedback';
5
5
  export * from './components/inputs';
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.hidden{display:none!important}.h-\[30px\]{height:30px!important}.max-h-\[45px\]{max-height:45px!important}.min-h-\[30px\]{min-height:30px!important}.min-h-\[45px\]{min-height:45px!important}.w-full{width:100%!important}.items-baseline{align-items:baseline!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.rounded-none{border-radius:0!important}.border-0{border-width:0px!important}.border-b{border-bottom-width:1px!important}.border-b-0{border-bottom-width:0px!important}.border-r-0{border-right-width:0px!important}.border-t{border-top-width:1px!important}.border-\[\#bdc4cf\]{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-\[\#f9fafb\]{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity))!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#0b0c0f\]{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}.text-\[\#626e7e\]{--tw-text-opacity: 1 !important;color:rgb(98 110 126 / var(--tw-text-opacity))!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.focus-within\:outline-none:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}.hover\:cursor-pointer:hover{cursor:pointer!important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-50:hover{background-color:var(--colors-primary-50)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}
1
+ ._styled-data-grid_7tbfs_1{border-radius:0!important;border-width:0px!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}._styled-data-grid_7tbfs_1 svg{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._cell_7tbfs_8{min-height:50px!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._cell_7tbfs_8:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._cell_7tbfs_8:focus{outline:2px solid transparent!important;outline-offset:2px!important}._cellContent_7tbfs_12{font-size:var(--text-base)!important;--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._columnHeader_7tbfs_16{height:30px!important;border-right-width:0px!important}._columnHeader_7tbfs_16:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeader_7tbfs_16:focus{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeaderTitle_7tbfs_20{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;--tw-text-opacity: 1 !important;color:rgb(122 137 158 / var(--tw-text-opacity))!important}._columnHeaders_7tbfs_24{min-height:30px!important;border-radius:0!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(252 252 253 / var(--tw-bg-opacity))!important}._footerContainer_7tbfs_28{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._iconSeparator_7tbfs_32{display:none!important}._row_7tbfs_36{min-height:50px!important}._row_7tbfs_36:hover{cursor:pointer!important;background-color:var(--colors-primary-50)!important}._virtualScrollerContent_7tbfs_40{border-bottom-width:0px!important}._menuIconButton_7tbfs_44{visibility:visible!important;position:absolute!important;right:1.25rem!important;display:flex!important}:root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "1.6.6",
6
+ "version": "1.7.1",
7
7
  "type": "module",
8
8
  "files": [
9
9
  "dist/**/*",
@@ -47,6 +47,7 @@
47
47
  "clsx": "^1.2.1",
48
48
  "ctix": "^1.8.2",
49
49
  "lodash-es": "^4.17.21",
50
+ "notistack": "^3.0.1",
50
51
  "rollup-plugin-typescript2": "^0.34.1",
51
52
  "storybook": "^6.5.16"
52
53
  },
@@ -94,7 +95,7 @@
94
95
  "sass": "^1.57.1",
95
96
  "tailwind": "^4.0.0",
96
97
  "tailwindcss": "^3.1.8",
97
- "typescript": "^4.9.3",
98
+ "typescript": "5.0.2",
98
99
  "typescript-plugin-css-modules": "^3.4.0",
99
100
  "vite": "^4.3.5",
100
101
  "vite-plugin-dts": "^2.1.0",
@@ -1,3 +0,0 @@
1
- export declare const StyledDataGrid: import("@emotion/styled").StyledComponent<Omit<Partial<import("@mui/x-data-grid/internals").DataGridPropsWithDefaultValues> & import("@mui/x-data-grid/internals").DataGridPropsWithComplexDefaultValueBeforeProcessing & import("@mui/x-data-grid/internals").DataGridPropsWithoutDefaultValue<any>, import("@mui/x-data-grid/models/props/DataGridProps").DataGridForcedPropsKey> & {
2
- pagination?: true | undefined;
3
- } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;