sti-antd-package 0.0.26 → 0.0.28
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.
- package/dist/components/DropdownButton/types.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +34 -22
- package/dist/index.js +34 -22
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -467,7 +467,7 @@ interface DateRangePickerComponentProps {
|
|
|
467
467
|
|
|
468
468
|
declare const DateRangePickerComponent: React$1.FC<DateRangePickerComponentProps>;
|
|
469
469
|
|
|
470
|
-
interface DropdownButtonMenuItem<T> {
|
|
470
|
+
interface DropdownButtonMenuItem<T = undefined> {
|
|
471
471
|
key: string;
|
|
472
472
|
label: string;
|
|
473
473
|
icon?: React.ReactNode;
|
package/dist/index.esm.js
CHANGED
|
@@ -34,9 +34,9 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
37
|
+
var css_248z$d = ".style-module_w-100__s3GaI {\n width: 100%;\n}\n";
|
|
38
38
|
var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
|
|
39
|
-
styleInject(css_248z$
|
|
39
|
+
styleInject(css_248z$d);
|
|
40
40
|
|
|
41
41
|
const styleCSS = style$1;
|
|
42
42
|
|
|
@@ -1861,9 +1861,9 @@ const selectAsync = ({ format, request, initData, }) => {
|
|
|
1861
1861
|
return [fetchList, initOptions, formatOptions];
|
|
1862
1862
|
};
|
|
1863
1863
|
|
|
1864
|
-
var css_248z$
|
|
1864
|
+
var css_248z$c = ".style-module_button-save__CGfus {\n background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n from {\n width: 0;\n opacity: 0;\n }\n\n to {\n display: inline-flex;\n transform: scaleX(100%) scaleY(100%);\n opacity: 1;\n }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n from {\n display: inline-flex;\n }\n\n to {\n transform: scaleX(0) scaleY(0);\n width: 0;\n opacity: 0;\n }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n animation: style-module_zoom-out__PqWZu .5s;\n display: none;\n}";
|
|
1865
1865
|
var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
|
|
1866
|
-
styleInject(css_248z$
|
|
1866
|
+
styleInject(css_248z$c);
|
|
1867
1867
|
|
|
1868
1868
|
const IconContext$1 = /*#__PURE__*/createContext({});
|
|
1869
1869
|
|
|
@@ -4055,15 +4055,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
|
|
|
4055
4055
|
return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
|
|
4056
4056
|
};
|
|
4057
4057
|
|
|
4058
|
-
var css_248z$
|
|
4059
|
-
styleInject(css_248z$
|
|
4058
|
+
var css_248z$b = "html {\n --success-default: #28a745;\n --danger-default: #dc3545;\n\n --color-light-a0-default: #ffffff;\n --color-light-a10-default: #e9e9e9;\n --color-light-a20-default: #d2d2d2;\n --color-light-a30-default: #bababa;\n --color-light-a40-default: #a0a0a0;\n --color-light-a50-default: #868686;\n\n --color-dark-a0-default: #121212;\n --color-dark-a10-default: #282828;\n --color-dark-a20-default: #3f3f3f;\n --color-dark-a30-default: #575757;\n --color-dark-a40-default: #717171;\n --color-dark-a50-default: #8b8b8b;\n\n --color-primary-a0-default: #3dc2ec;\n --color-primary-a10-default: #5fc9ee;\n --color-primary-a20-default: #79d0f0;\n --color-primary-a30-default: #90d6f3;\n --color-primary-a40-default: #a4ddf5;\n --color-primary-a50-default: #b8e4f7;\n\n --color-primary-dark-a0-default: #213137;\n --color-primary-dark-a10-default: #36454a;\n --color-primary-dark-a20-default: #4d5a5f;\n --color-primary-dark-a30-default: #646f74;\n --color-primary-dark-a40-default: #7c8689;\n --color-primary-dark-a50-default: #959da0;\n\n --color-secondary-a0-default: #ad49e1;\n --color-secondary-a10-default: #b860e5;\n --color-secondary-a20-default: #c274e9;\n --color-secondary-a30-default: #cc89ec;\n --color-secondary-a40-default: #d69df0;\n --color-secondary-a50-default: #dfb0f3;\n\n --color-secondary-dark-a0-default: #2e1f36;\n --color-secondary-dark-a10-default: #42344a;\n --color-secondary-dark-a20-default: #584a5e;\n --color-secondary-dark-a30-default: #6e6273;\n --color-secondary-dark-a40-default: #847a89;\n --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
|
|
4059
|
+
styleInject(css_248z$b);
|
|
4060
4060
|
|
|
4061
4061
|
const FeedbackContext = createContext({});
|
|
4062
4062
|
const useFeedback = () => useContext(FeedbackContext);
|
|
4063
4063
|
|
|
4064
|
-
var css_248z$
|
|
4064
|
+
var css_248z$a = ".style-module_z-10000__WIix6 {\n z-index: 10000;\n}";
|
|
4065
4065
|
var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
|
|
4066
|
-
styleInject(css_248z$
|
|
4066
|
+
styleInject(css_248z$a);
|
|
4067
4067
|
|
|
4068
4068
|
const FeedbackProvider = ({ children }) => {
|
|
4069
4069
|
const [messageApi, messageContext] = message.useMessage({ duration: 10 });
|
|
@@ -5328,9 +5328,9 @@ const TableRowProvider = (props) => {
|
|
|
5328
5328
|
return (jsxRuntimeExports.jsx(Form$2, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
|
|
5329
5329
|
};
|
|
5330
5330
|
|
|
5331
|
-
var css_248z$
|
|
5331
|
+
var css_248z$9 = ".style-module_number-format-align-right__qOFmQ {\n text-align: right;\n}";
|
|
5332
5332
|
var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
|
|
5333
|
-
styleInject(css_248z$
|
|
5333
|
+
styleInject(css_248z$9);
|
|
5334
5334
|
|
|
5335
5335
|
const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
|
|
5336
5336
|
const { trailing } = useConfig$1();
|
|
@@ -5363,12 +5363,12 @@ const NumberFormatComponent = props => {
|
|
|
5363
5363
|
: numberFormat }));
|
|
5364
5364
|
};
|
|
5365
5365
|
|
|
5366
|
-
var css_248z$
|
|
5366
|
+
var css_248z$8 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n line-height: 35px;\n padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n padding-block: 0;\n padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n border-block-end: 1px solid var(--rdg-border-color);\n}";
|
|
5367
5367
|
var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
|
|
5368
|
-
styleInject(css_248z$
|
|
5368
|
+
styleInject(css_248z$8);
|
|
5369
5369
|
|
|
5370
|
-
var css_248z$6 = "@layer rdg {\n @layer Defaults,\n FocusSink,\n CheckboxInput,\n CheckboxIcon,\n CheckboxLabel,\n Cell,\n HeaderCell,\n SummaryCell,\n EditCell,\n Row,\n HeaderRow,\n SummaryRow,\n GroupedRow,\n Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n @layer rdg.MeasuringCell {\n contain: strict;\n grid-row: 1;\n visibility: hidden;\n }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n @layer rdg.Cell {\n /* max-content does not work with size containment\n * dynamically switching between different containment styles incurs a heavy relayout penalty\n * Chromium bug: at odd zoom levels or subpixel positioning,\n * layout/paint/style containment can make cell borders disappear\n * https://issues.chromium.org/issues/40840864\n */\n position: relative; /* needed for absolute positioning to work */\n padding-block: 0;\n padding-inline: 8px;\n border-inline-end: 1px solid var(--rdg-border-color);\n border-block-end: 1px solid var(--rdg-border-color);\n grid-row-start: var(--rdg-grid-row-start);\n align-content: center;\n background-color: inherit;\n\n white-space: nowrap;\n overflow: clip;\n text-overflow: ellipsis;\n outline: none;\n\n &[aria-selected='true'] {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n @layer rdg.Cell {\n position: sticky;\n /* Should have a higher value than 0 to show up above unfrozen cells */\n z-index: 1;\n\n /* Add box-shadow on the last frozen cell */\n &:nth-last-child(1 of &) {\n box-shadow: var(--rdg-cell-frozen-box-shadow);\n }\n }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n @layer rdg.CheckboxInput {\n display: block;\n margin: auto;\n inline-size: 20px;\n block-size: 20px;\n\n &:focus-visible {\n outline: 2px solid var(--rdg-checkbox-focus-color);\n outline-offset: -3px;\n }\n\n &:enabled {\n cursor: pointer;\n }\n }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n @layer rdg.GroupCellContent {\n outline: none;\n }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n @layer rdg.GroupCellCaret {\n margin-inline-start: 4px;\n stroke: currentColor;\n stroke-width: 1.5px;\n fill: transparent;\n vertical-align: middle;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n @layer rdg.SortableHeaderCell {\n display: flex;\n }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n @layer rdg.SortableHeaderCellName {\n flex-grow: 1;\n overflow: clip;\n text-overflow: ellipsis;\n }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n @layer rdg.Cell {\n background-color: #ccccff;\n }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n @layer rdg.Cell {\n background-color: #ccccff;\n\n &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n background-color: #9999ff;\n }\n }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n @layer rdg.DragHandle {\n --rdg-drag-handle-size: 8px;\n z-index: 0;\n cursor: move;\n inline-size: var(--rdg-drag-handle-size);\n block-size: var(--rdg-drag-handle-size);\n background-color: var(--rdg-selection-color);\n place-self: end;\n\n &:hover {\n --rdg-drag-handle-size: 16px;\n border: 2px solid var(--rdg-selection-color);\n background-color: var(--rdg-background-color);\n }\n }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n @layer rdg.DragHandle {\n z-index: 1;\n position: sticky;\n }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n @layer rdg.EditCell {\n padding: 0;\n }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n @layer rdg.HeaderCell {\n cursor: pointer;\n }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n @layer rdg.HeaderCell {\n touch-action: none;\n }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n @layer rdg.HeaderCell {\n cursor: col-resize;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inset-block-end: 0;\n inline-size: 10px;\n }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n @layer rdg.Row {\n display: contents;\n background-color: var(--rdg-background-color);\n\n &:hover {\n background-color: var(--rdg-row-hover-background-color);\n }\n\n &[aria-selected='true'] {\n background-color: var(--rdg-row-selected-background-color);\n\n &:hover {\n background-color: var(--rdg-row-selected-hover-background-color);\n }\n }\n }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n @layer rdg.FocusSink {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n @layer rdg.FocusSink {\n &::before {\n content: '';\n display: inline-block;\n block-size: 100%;\n position: sticky;\n inset-inline-start: 0;\n border-inline-start: 2px solid var(--rdg-selection-color);\n }\n }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n @layer rdg.HeaderRow {\n display: contents;\n background-color: var(--rdg-header-background-color);\n font-weight: bold;\n\n & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n z-index: 2;\n position: sticky;\n }\n\n & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n @layer rdg.SortIcon {\n fill: currentColor;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n @layer rdg.Defaults {\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n }\n\n @layer rdg.Root {\n --rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n --rdg-selection-color: #66afe9;\n --rdg-font-size: 14px;\n --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n &:dir(rtl) {\n --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n }\n\n display: grid;\n\n color-scheme: var(--rdg-color-scheme, light dark);\n accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n /* We set a stacking context so internal elements don't render on top of external elements. */\n /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n contain: content;\n content-visibility: auto;\n block-size: 350px;\n border: 1px solid var(--rdg-border-color);\n box-sizing: border-box;\n overflow: auto;\n background-color: var(--rdg-background-color);\n color: var(--rdg-color);\n font-size: var(--rdg-font-size);\n\n /* needed on Firefox to fix scrollbars */\n &::before {\n content: '';\n grid-column: 1/-1;\n grid-row: 1/-1;\n }\n\n &.styles_rdg-dark__Db5Xw {\n --rdg-color-scheme: dark;\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n\n &.styles_rdg-light__xQW0A {\n --rdg-color-scheme: light;\n }\n\n @media (prefers-color-scheme: dark) {\n &:not(.styles_rdg-light__xQW0A) {\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n }\n\n > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-end: 2px solid var(--rdg-summary-border-color);\n }\n }\n\n > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-start: 2px solid var(--rdg-summary-border-color);\n }\n }\n }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n @layer rdg.Root {\n user-select: none;\n\n & .styles_r1upfr807-0-0-beta-51__bKLx- {\n cursor: move;\n }\n }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n @layer rdg.FocusSink {\n grid-column: 1/-1;\n pointer-events: none;\n /* Should have a higher value than 1 to show up above regular frozen cells */\n z-index: 1;\n }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n @layer rdg.FocusSink {\n /* Should have a higher value than 3 to show up above header and summary rows */\n z-index: 3;\n }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n @layer rdg.SummaryCell {\n inset-block-start: var(--rdg-summary-row-top);\n inset-block-end: var(--rdg-summary-row-bottom);\n }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n position: sticky;\n }\n }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n z-index: 2;\n }\n\n > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n @layer rdg.GroupedRow {\n &:not([aria-selected='true']) {\n background-color: var(--rdg-header-background-color);\n }\n\n > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n border-inline-end: none;\n }\n }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n @layer rdg.TextEditor {\n appearance: none;\n\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n padding-block: 0;\n padding-inline: 6px;\n border: 2px solid #ccc;\n vertical-align: top;\n color: var(--rdg-color);\n background-color: var(--rdg-background-color);\n\n font-family: inherit;\n font-size: var(--rdg-font-size);\n\n &:focus {\n border-color: var(--rdg-selection-color);\n outline: none;\n }\n\n &::placeholder {\n color: #999;\n opacity: 1;\n }\n }\n}";
|
|
5371
|
-
styleInject(css_248z$
|
|
5370
|
+
var css_248z$7 = "@layer rdg {\n @layer Defaults,\n FocusSink,\n CheckboxInput,\n CheckboxIcon,\n CheckboxLabel,\n Cell,\n HeaderCell,\n SummaryCell,\n EditCell,\n Row,\n HeaderRow,\n SummaryRow,\n GroupedRow,\n Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n @layer rdg.MeasuringCell {\n contain: strict;\n grid-row: 1;\n visibility: hidden;\n }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n @layer rdg.Cell {\n /* max-content does not work with size containment\n * dynamically switching between different containment styles incurs a heavy relayout penalty\n * Chromium bug: at odd zoom levels or subpixel positioning,\n * layout/paint/style containment can make cell borders disappear\n * https://issues.chromium.org/issues/40840864\n */\n position: relative; /* needed for absolute positioning to work */\n padding-block: 0;\n padding-inline: 8px;\n border-inline-end: 1px solid var(--rdg-border-color);\n border-block-end: 1px solid var(--rdg-border-color);\n grid-row-start: var(--rdg-grid-row-start);\n align-content: center;\n background-color: inherit;\n\n white-space: nowrap;\n overflow: clip;\n text-overflow: ellipsis;\n outline: none;\n\n &[aria-selected='true'] {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n @layer rdg.Cell {\n position: sticky;\n /* Should have a higher value than 0 to show up above unfrozen cells */\n z-index: 1;\n\n /* Add box-shadow on the last frozen cell */\n &:nth-last-child(1 of &) {\n box-shadow: var(--rdg-cell-frozen-box-shadow);\n }\n }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n @layer rdg.CheckboxInput {\n display: block;\n margin: auto;\n inline-size: 20px;\n block-size: 20px;\n\n &:focus-visible {\n outline: 2px solid var(--rdg-checkbox-focus-color);\n outline-offset: -3px;\n }\n\n &:enabled {\n cursor: pointer;\n }\n }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n @layer rdg.GroupCellContent {\n outline: none;\n }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n @layer rdg.GroupCellCaret {\n margin-inline-start: 4px;\n stroke: currentColor;\n stroke-width: 1.5px;\n fill: transparent;\n vertical-align: middle;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n @layer rdg.SortableHeaderCell {\n display: flex;\n }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n @layer rdg.SortableHeaderCellName {\n flex-grow: 1;\n overflow: clip;\n text-overflow: ellipsis;\n }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n @layer rdg.Cell {\n background-color: #ccccff;\n }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n @layer rdg.Cell {\n background-color: #ccccff;\n\n &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n background-color: #9999ff;\n }\n }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n @layer rdg.DragHandle {\n --rdg-drag-handle-size: 8px;\n z-index: 0;\n cursor: move;\n inline-size: var(--rdg-drag-handle-size);\n block-size: var(--rdg-drag-handle-size);\n background-color: var(--rdg-selection-color);\n place-self: end;\n\n &:hover {\n --rdg-drag-handle-size: 16px;\n border: 2px solid var(--rdg-selection-color);\n background-color: var(--rdg-background-color);\n }\n }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n @layer rdg.DragHandle {\n z-index: 1;\n position: sticky;\n }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n @layer rdg.EditCell {\n padding: 0;\n }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n @layer rdg.HeaderCell {\n cursor: pointer;\n }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n @layer rdg.HeaderCell {\n touch-action: none;\n }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n @layer rdg.HeaderCell {\n cursor: col-resize;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inset-block-end: 0;\n inline-size: 10px;\n }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n @layer rdg.Row {\n display: contents;\n background-color: var(--rdg-background-color);\n\n &:hover {\n background-color: var(--rdg-row-hover-background-color);\n }\n\n &[aria-selected='true'] {\n background-color: var(--rdg-row-selected-background-color);\n\n &:hover {\n background-color: var(--rdg-row-selected-hover-background-color);\n }\n }\n }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n @layer rdg.FocusSink {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n @layer rdg.FocusSink {\n &::before {\n content: '';\n display: inline-block;\n block-size: 100%;\n position: sticky;\n inset-inline-start: 0;\n border-inline-start: 2px solid var(--rdg-selection-color);\n }\n }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n @layer rdg.HeaderRow {\n display: contents;\n background-color: var(--rdg-header-background-color);\n font-weight: bold;\n\n & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n z-index: 2;\n position: sticky;\n }\n\n & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n @layer rdg.SortIcon {\n fill: currentColor;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n @layer rdg.Defaults {\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n }\n\n @layer rdg.Root {\n --rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n --rdg-selection-color: #66afe9;\n --rdg-font-size: 14px;\n --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n &:dir(rtl) {\n --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n }\n\n display: grid;\n\n color-scheme: var(--rdg-color-scheme, light dark);\n accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n /* We set a stacking context so internal elements don't render on top of external elements. */\n /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n contain: content;\n content-visibility: auto;\n block-size: 350px;\n border: 1px solid var(--rdg-border-color);\n box-sizing: border-box;\n overflow: auto;\n background-color: var(--rdg-background-color);\n color: var(--rdg-color);\n font-size: var(--rdg-font-size);\n\n /* needed on Firefox to fix scrollbars */\n &::before {\n content: '';\n grid-column: 1/-1;\n grid-row: 1/-1;\n }\n\n &.styles_rdg-dark__Db5Xw {\n --rdg-color-scheme: dark;\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n\n &.styles_rdg-light__xQW0A {\n --rdg-color-scheme: light;\n }\n\n @media (prefers-color-scheme: dark) {\n &:not(.styles_rdg-light__xQW0A) {\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n }\n\n > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-end: 2px solid var(--rdg-summary-border-color);\n }\n }\n\n > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-start: 2px solid var(--rdg-summary-border-color);\n }\n }\n }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n @layer rdg.Root {\n user-select: none;\n\n & .styles_r1upfr807-0-0-beta-51__bKLx- {\n cursor: move;\n }\n }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n @layer rdg.FocusSink {\n grid-column: 1/-1;\n pointer-events: none;\n /* Should have a higher value than 1 to show up above regular frozen cells */\n z-index: 1;\n }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n @layer rdg.FocusSink {\n /* Should have a higher value than 3 to show up above header and summary rows */\n z-index: 3;\n }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n @layer rdg.SummaryCell {\n inset-block-start: var(--rdg-summary-row-top);\n inset-block-end: var(--rdg-summary-row-bottom);\n }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n position: sticky;\n }\n }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n z-index: 2;\n }\n\n > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n @layer rdg.GroupedRow {\n &:not([aria-selected='true']) {\n background-color: var(--rdg-header-background-color);\n }\n\n > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n border-inline-end: none;\n }\n }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n @layer rdg.TextEditor {\n appearance: none;\n\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n padding-block: 0;\n padding-inline: 6px;\n border: 2px solid #ccc;\n vertical-align: top;\n color: var(--rdg-color);\n background-color: var(--rdg-background-color);\n\n font-family: inherit;\n font-size: var(--rdg-font-size);\n\n &:focus {\n border-color: var(--rdg-selection-color);\n outline: none;\n }\n\n &::placeholder {\n color: #999;\n opacity: 1;\n }\n }\n}";
|
|
5371
|
+
styleInject(css_248z$7);
|
|
5372
5372
|
|
|
5373
5373
|
const filterColumnClassName = styleDataGrid['filter-cell'];
|
|
5374
5374
|
const colAddRow = {
|
|
@@ -5451,6 +5451,10 @@ const DataGridComponent = (_a) => {
|
|
|
5451
5451
|
columns, children: jsxRuntimeExports.jsx(DataGrid, Object.assign({}, props)) }));
|
|
5452
5452
|
};
|
|
5453
5453
|
|
|
5454
|
+
var css_248z$6 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n background-color: inherit !important;\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
5455
|
+
var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
|
|
5456
|
+
styleInject(css_248z$6);
|
|
5457
|
+
|
|
5454
5458
|
const datePickerFormat = {
|
|
5455
5459
|
default: 'DD-MM-YYYY',
|
|
5456
5460
|
month: 'MM-YYYY',
|
|
@@ -5504,9 +5508,13 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
|
|
|
5504
5508
|
value: () => valueDate,
|
|
5505
5509
|
setValue: setValueDate,
|
|
5506
5510
|
}));
|
|
5507
|
-
const classDate =
|
|
5508
|
-
|
|
5509
|
-
|
|
5511
|
+
const classDate = useMemo$1(() => {
|
|
5512
|
+
const className = [styleCSS['w-100']];
|
|
5513
|
+
readOnly && className.push(styleDatePicker['readonly']);
|
|
5514
|
+
classNames && className.push(...classNames);
|
|
5515
|
+
return className;
|
|
5516
|
+
}, [readOnly]);
|
|
5517
|
+
const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
|
|
5510
5518
|
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
|
|
5511
5519
|
: datePicker }));
|
|
5512
5520
|
};
|
|
@@ -5524,9 +5532,13 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
|
|
|
5524
5532
|
value: () => valueDateRange,
|
|
5525
5533
|
setValue: setValueDateRange,
|
|
5526
5534
|
}));
|
|
5527
|
-
const classDateRange =
|
|
5528
|
-
|
|
5529
|
-
|
|
5535
|
+
const classDateRange = useMemo$1(() => {
|
|
5536
|
+
const className = [styleCSS['w-100']];
|
|
5537
|
+
readOnly && className.push(styleDatePicker['readonly']);
|
|
5538
|
+
classNames && className.push(...classNames);
|
|
5539
|
+
return className;
|
|
5540
|
+
}, [readOnly]);
|
|
5541
|
+
const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
|
|
5530
5542
|
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
|
|
5531
5543
|
: datePicker }));
|
|
5532
5544
|
};
|
|
@@ -7574,7 +7586,7 @@ const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, lo
|
|
|
7574
7586
|
: radio }));
|
|
7575
7587
|
};
|
|
7576
7588
|
|
|
7577
|
-
var css_248z$4 = ".style-module_select__vcvBg {\n width: 100%;\n max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
7589
|
+
var css_248z$4 = ".style-module_select__vcvBg {\n width: 100%;\n max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n background-color: inherit !important;\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
7578
7590
|
var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu","readonly":"style-module_readonly__1gDhg"};
|
|
7579
7591
|
styleInject(css_248z$4);
|
|
7580
7592
|
|
|
@@ -7583,8 +7595,8 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
|
|
|
7583
7595
|
const [addItemValue, setAddItemValue] = useState('');
|
|
7584
7596
|
const classNameSelect = useMemo$1(() => {
|
|
7585
7597
|
const className = [styleSelect['select']];
|
|
7586
|
-
classNames && className.push(...classNames);
|
|
7587
7598
|
readOnly && className.push(styleSelect['readonly']);
|
|
7599
|
+
classNames && className.push(...classNames);
|
|
7588
7600
|
return className;
|
|
7589
7601
|
}, [classNames, readOnly]);
|
|
7590
7602
|
const handleAddItem = (_) => {
|
package/dist/index.js
CHANGED
|
@@ -53,9 +53,9 @@ function styleInject(css, ref) {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var css_248z$
|
|
56
|
+
var css_248z$d = ".style-module_w-100__s3GaI {\n width: 100%;\n}\n";
|
|
57
57
|
var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
|
|
58
|
-
styleInject(css_248z$
|
|
58
|
+
styleInject(css_248z$d);
|
|
59
59
|
|
|
60
60
|
const styleCSS = style$1;
|
|
61
61
|
|
|
@@ -1880,9 +1880,9 @@ const selectAsync = ({ format, request, initData, }) => {
|
|
|
1880
1880
|
return [fetchList, initOptions, formatOptions];
|
|
1881
1881
|
};
|
|
1882
1882
|
|
|
1883
|
-
var css_248z$
|
|
1883
|
+
var css_248z$c = ".style-module_button-save__CGfus {\n background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n from {\n width: 0;\n opacity: 0;\n }\n\n to {\n display: inline-flex;\n transform: scaleX(100%) scaleY(100%);\n opacity: 1;\n }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n from {\n display: inline-flex;\n }\n\n to {\n transform: scaleX(0) scaleY(0);\n width: 0;\n opacity: 0;\n }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n animation: style-module_zoom-out__PqWZu .5s;\n display: none;\n}";
|
|
1884
1884
|
var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
|
|
1885
|
-
styleInject(css_248z$
|
|
1885
|
+
styleInject(css_248z$c);
|
|
1886
1886
|
|
|
1887
1887
|
const IconContext$1 = /*#__PURE__*/React.createContext({});
|
|
1888
1888
|
|
|
@@ -4074,15 +4074,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
|
|
|
4074
4074
|
return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
|
|
4075
4075
|
};
|
|
4076
4076
|
|
|
4077
|
-
var css_248z$
|
|
4078
|
-
styleInject(css_248z$
|
|
4077
|
+
var css_248z$b = "html {\n --success-default: #28a745;\n --danger-default: #dc3545;\n\n --color-light-a0-default: #ffffff;\n --color-light-a10-default: #e9e9e9;\n --color-light-a20-default: #d2d2d2;\n --color-light-a30-default: #bababa;\n --color-light-a40-default: #a0a0a0;\n --color-light-a50-default: #868686;\n\n --color-dark-a0-default: #121212;\n --color-dark-a10-default: #282828;\n --color-dark-a20-default: #3f3f3f;\n --color-dark-a30-default: #575757;\n --color-dark-a40-default: #717171;\n --color-dark-a50-default: #8b8b8b;\n\n --color-primary-a0-default: #3dc2ec;\n --color-primary-a10-default: #5fc9ee;\n --color-primary-a20-default: #79d0f0;\n --color-primary-a30-default: #90d6f3;\n --color-primary-a40-default: #a4ddf5;\n --color-primary-a50-default: #b8e4f7;\n\n --color-primary-dark-a0-default: #213137;\n --color-primary-dark-a10-default: #36454a;\n --color-primary-dark-a20-default: #4d5a5f;\n --color-primary-dark-a30-default: #646f74;\n --color-primary-dark-a40-default: #7c8689;\n --color-primary-dark-a50-default: #959da0;\n\n --color-secondary-a0-default: #ad49e1;\n --color-secondary-a10-default: #b860e5;\n --color-secondary-a20-default: #c274e9;\n --color-secondary-a30-default: #cc89ec;\n --color-secondary-a40-default: #d69df0;\n --color-secondary-a50-default: #dfb0f3;\n\n --color-secondary-dark-a0-default: #2e1f36;\n --color-secondary-dark-a10-default: #42344a;\n --color-secondary-dark-a20-default: #584a5e;\n --color-secondary-dark-a30-default: #6e6273;\n --color-secondary-dark-a40-default: #847a89;\n --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
|
|
4078
|
+
styleInject(css_248z$b);
|
|
4079
4079
|
|
|
4080
4080
|
const FeedbackContext = React.createContext({});
|
|
4081
4081
|
const useFeedback = () => React.useContext(FeedbackContext);
|
|
4082
4082
|
|
|
4083
|
-
var css_248z$
|
|
4083
|
+
var css_248z$a = ".style-module_z-10000__WIix6 {\n z-index: 10000;\n}";
|
|
4084
4084
|
var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
|
|
4085
|
-
styleInject(css_248z$
|
|
4085
|
+
styleInject(css_248z$a);
|
|
4086
4086
|
|
|
4087
4087
|
const FeedbackProvider = ({ children }) => {
|
|
4088
4088
|
const [messageApi, messageContext] = antd.message.useMessage({ duration: 10 });
|
|
@@ -5347,9 +5347,9 @@ const TableRowProvider = (props) => {
|
|
|
5347
5347
|
return (jsxRuntimeExports.jsx(antd.Form, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
|
|
5348
5348
|
};
|
|
5349
5349
|
|
|
5350
|
-
var css_248z$
|
|
5350
|
+
var css_248z$9 = ".style-module_number-format-align-right__qOFmQ {\n text-align: right;\n}";
|
|
5351
5351
|
var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
|
|
5352
|
-
styleInject(css_248z$
|
|
5352
|
+
styleInject(css_248z$9);
|
|
5353
5353
|
|
|
5354
5354
|
const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
|
|
5355
5355
|
const { trailing } = useConfig$1();
|
|
@@ -5382,12 +5382,12 @@ const NumberFormatComponent = props => {
|
|
|
5382
5382
|
: numberFormat }));
|
|
5383
5383
|
};
|
|
5384
5384
|
|
|
5385
|
-
var css_248z$
|
|
5385
|
+
var css_248z$8 = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n line-height: 35px;\n padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n padding-block: 0;\n padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n border-block-end: 1px solid var(--rdg-border-color);\n}";
|
|
5386
5386
|
var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
|
|
5387
|
-
styleInject(css_248z$
|
|
5387
|
+
styleInject(css_248z$8);
|
|
5388
5388
|
|
|
5389
|
-
var css_248z$6 = "@layer rdg {\n @layer Defaults,\n FocusSink,\n CheckboxInput,\n CheckboxIcon,\n CheckboxLabel,\n Cell,\n HeaderCell,\n SummaryCell,\n EditCell,\n Row,\n HeaderRow,\n SummaryRow,\n GroupedRow,\n Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n @layer rdg.MeasuringCell {\n contain: strict;\n grid-row: 1;\n visibility: hidden;\n }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n @layer rdg.Cell {\n /* max-content does not work with size containment\n * dynamically switching between different containment styles incurs a heavy relayout penalty\n * Chromium bug: at odd zoom levels or subpixel positioning,\n * layout/paint/style containment can make cell borders disappear\n * https://issues.chromium.org/issues/40840864\n */\n position: relative; /* needed for absolute positioning to work */\n padding-block: 0;\n padding-inline: 8px;\n border-inline-end: 1px solid var(--rdg-border-color);\n border-block-end: 1px solid var(--rdg-border-color);\n grid-row-start: var(--rdg-grid-row-start);\n align-content: center;\n background-color: inherit;\n\n white-space: nowrap;\n overflow: clip;\n text-overflow: ellipsis;\n outline: none;\n\n &[aria-selected='true'] {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n @layer rdg.Cell {\n position: sticky;\n /* Should have a higher value than 0 to show up above unfrozen cells */\n z-index: 1;\n\n /* Add box-shadow on the last frozen cell */\n &:nth-last-child(1 of &) {\n box-shadow: var(--rdg-cell-frozen-box-shadow);\n }\n }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n @layer rdg.CheckboxInput {\n display: block;\n margin: auto;\n inline-size: 20px;\n block-size: 20px;\n\n &:focus-visible {\n outline: 2px solid var(--rdg-checkbox-focus-color);\n outline-offset: -3px;\n }\n\n &:enabled {\n cursor: pointer;\n }\n }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n @layer rdg.GroupCellContent {\n outline: none;\n }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n @layer rdg.GroupCellCaret {\n margin-inline-start: 4px;\n stroke: currentColor;\n stroke-width: 1.5px;\n fill: transparent;\n vertical-align: middle;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n @layer rdg.SortableHeaderCell {\n display: flex;\n }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n @layer rdg.SortableHeaderCellName {\n flex-grow: 1;\n overflow: clip;\n text-overflow: ellipsis;\n }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n @layer rdg.Cell {\n background-color: #ccccff;\n }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n @layer rdg.Cell {\n background-color: #ccccff;\n\n &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n background-color: #9999ff;\n }\n }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n @layer rdg.DragHandle {\n --rdg-drag-handle-size: 8px;\n z-index: 0;\n cursor: move;\n inline-size: var(--rdg-drag-handle-size);\n block-size: var(--rdg-drag-handle-size);\n background-color: var(--rdg-selection-color);\n place-self: end;\n\n &:hover {\n --rdg-drag-handle-size: 16px;\n border: 2px solid var(--rdg-selection-color);\n background-color: var(--rdg-background-color);\n }\n }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n @layer rdg.DragHandle {\n z-index: 1;\n position: sticky;\n }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n @layer rdg.EditCell {\n padding: 0;\n }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n @layer rdg.HeaderCell {\n cursor: pointer;\n }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n @layer rdg.HeaderCell {\n touch-action: none;\n }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n @layer rdg.HeaderCell {\n cursor: col-resize;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inset-block-end: 0;\n inline-size: 10px;\n }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n @layer rdg.Row {\n display: contents;\n background-color: var(--rdg-background-color);\n\n &:hover {\n background-color: var(--rdg-row-hover-background-color);\n }\n\n &[aria-selected='true'] {\n background-color: var(--rdg-row-selected-background-color);\n\n &:hover {\n background-color: var(--rdg-row-selected-hover-background-color);\n }\n }\n }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n @layer rdg.FocusSink {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n @layer rdg.FocusSink {\n &::before {\n content: '';\n display: inline-block;\n block-size: 100%;\n position: sticky;\n inset-inline-start: 0;\n border-inline-start: 2px solid var(--rdg-selection-color);\n }\n }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n @layer rdg.HeaderRow {\n display: contents;\n background-color: var(--rdg-header-background-color);\n font-weight: bold;\n\n & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n z-index: 2;\n position: sticky;\n }\n\n & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n @layer rdg.SortIcon {\n fill: currentColor;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n @layer rdg.Defaults {\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n }\n\n @layer rdg.Root {\n --rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n --rdg-selection-color: #66afe9;\n --rdg-font-size: 14px;\n --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n &:dir(rtl) {\n --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n }\n\n display: grid;\n\n color-scheme: var(--rdg-color-scheme, light dark);\n accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n /* We set a stacking context so internal elements don't render on top of external elements. */\n /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n contain: content;\n content-visibility: auto;\n block-size: 350px;\n border: 1px solid var(--rdg-border-color);\n box-sizing: border-box;\n overflow: auto;\n background-color: var(--rdg-background-color);\n color: var(--rdg-color);\n font-size: var(--rdg-font-size);\n\n /* needed on Firefox to fix scrollbars */\n &::before {\n content: '';\n grid-column: 1/-1;\n grid-row: 1/-1;\n }\n\n &.styles_rdg-dark__Db5Xw {\n --rdg-color-scheme: dark;\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n\n &.styles_rdg-light__xQW0A {\n --rdg-color-scheme: light;\n }\n\n @media (prefers-color-scheme: dark) {\n &:not(.styles_rdg-light__xQW0A) {\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n }\n\n > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-end: 2px solid var(--rdg-summary-border-color);\n }\n }\n\n > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-start: 2px solid var(--rdg-summary-border-color);\n }\n }\n }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n @layer rdg.Root {\n user-select: none;\n\n & .styles_r1upfr807-0-0-beta-51__bKLx- {\n cursor: move;\n }\n }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n @layer rdg.FocusSink {\n grid-column: 1/-1;\n pointer-events: none;\n /* Should have a higher value than 1 to show up above regular frozen cells */\n z-index: 1;\n }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n @layer rdg.FocusSink {\n /* Should have a higher value than 3 to show up above header and summary rows */\n z-index: 3;\n }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n @layer rdg.SummaryCell {\n inset-block-start: var(--rdg-summary-row-top);\n inset-block-end: var(--rdg-summary-row-bottom);\n }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n position: sticky;\n }\n }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n z-index: 2;\n }\n\n > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n @layer rdg.GroupedRow {\n &:not([aria-selected='true']) {\n background-color: var(--rdg-header-background-color);\n }\n\n > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n border-inline-end: none;\n }\n }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n @layer rdg.TextEditor {\n appearance: none;\n\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n padding-block: 0;\n padding-inline: 6px;\n border: 2px solid #ccc;\n vertical-align: top;\n color: var(--rdg-color);\n background-color: var(--rdg-background-color);\n\n font-family: inherit;\n font-size: var(--rdg-font-size);\n\n &:focus {\n border-color: var(--rdg-selection-color);\n outline: none;\n }\n\n &::placeholder {\n color: #999;\n opacity: 1;\n }\n }\n}";
|
|
5390
|
-
styleInject(css_248z$
|
|
5389
|
+
var css_248z$7 = "@layer rdg {\n @layer Defaults,\n FocusSink,\n CheckboxInput,\n CheckboxIcon,\n CheckboxLabel,\n Cell,\n HeaderCell,\n SummaryCell,\n EditCell,\n Row,\n HeaderRow,\n SummaryRow,\n GroupedRow,\n Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n @layer rdg.MeasuringCell {\n contain: strict;\n grid-row: 1;\n visibility: hidden;\n }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n @layer rdg.Cell {\n /* max-content does not work with size containment\n * dynamically switching between different containment styles incurs a heavy relayout penalty\n * Chromium bug: at odd zoom levels or subpixel positioning,\n * layout/paint/style containment can make cell borders disappear\n * https://issues.chromium.org/issues/40840864\n */\n position: relative; /* needed for absolute positioning to work */\n padding-block: 0;\n padding-inline: 8px;\n border-inline-end: 1px solid var(--rdg-border-color);\n border-block-end: 1px solid var(--rdg-border-color);\n grid-row-start: var(--rdg-grid-row-start);\n align-content: center;\n background-color: inherit;\n\n white-space: nowrap;\n overflow: clip;\n text-overflow: ellipsis;\n outline: none;\n\n &[aria-selected='true'] {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n @layer rdg.Cell {\n position: sticky;\n /* Should have a higher value than 0 to show up above unfrozen cells */\n z-index: 1;\n\n /* Add box-shadow on the last frozen cell */\n &:nth-last-child(1 of &) {\n box-shadow: var(--rdg-cell-frozen-box-shadow);\n }\n }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n @layer rdg.CheckboxInput {\n display: block;\n margin: auto;\n inline-size: 20px;\n block-size: 20px;\n\n &:focus-visible {\n outline: 2px solid var(--rdg-checkbox-focus-color);\n outline-offset: -3px;\n }\n\n &:enabled {\n cursor: pointer;\n }\n }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n @layer rdg.GroupCellContent {\n outline: none;\n }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n @layer rdg.GroupCellCaret {\n margin-inline-start: 4px;\n stroke: currentColor;\n stroke-width: 1.5px;\n fill: transparent;\n vertical-align: middle;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n @layer rdg.SortableHeaderCell {\n display: flex;\n }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n @layer rdg.SortableHeaderCellName {\n flex-grow: 1;\n overflow: clip;\n text-overflow: ellipsis;\n }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n @layer rdg.Cell {\n background-color: #ccccff;\n }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n @layer rdg.Cell {\n background-color: #ccccff;\n\n &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n background-color: #9999ff;\n }\n }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n @layer rdg.DragHandle {\n --rdg-drag-handle-size: 8px;\n z-index: 0;\n cursor: move;\n inline-size: var(--rdg-drag-handle-size);\n block-size: var(--rdg-drag-handle-size);\n background-color: var(--rdg-selection-color);\n place-self: end;\n\n &:hover {\n --rdg-drag-handle-size: 16px;\n border: 2px solid var(--rdg-selection-color);\n background-color: var(--rdg-background-color);\n }\n }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n @layer rdg.DragHandle {\n z-index: 1;\n position: sticky;\n }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n @layer rdg.EditCell {\n padding: 0;\n }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n @layer rdg.HeaderCell {\n cursor: pointer;\n }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n @layer rdg.HeaderCell {\n touch-action: none;\n }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n @layer rdg.HeaderCell {\n cursor: col-resize;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inset-block-end: 0;\n inline-size: 10px;\n }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n @layer rdg.Row {\n display: contents;\n background-color: var(--rdg-background-color);\n\n &:hover {\n background-color: var(--rdg-row-hover-background-color);\n }\n\n &[aria-selected='true'] {\n background-color: var(--rdg-row-selected-background-color);\n\n &:hover {\n background-color: var(--rdg-row-selected-hover-background-color);\n }\n }\n }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n @layer rdg.FocusSink {\n outline: 2px solid var(--rdg-selection-color);\n outline-offset: -2px;\n }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n @layer rdg.FocusSink {\n &::before {\n content: '';\n display: inline-block;\n block-size: 100%;\n position: sticky;\n inset-inline-start: 0;\n border-inline-start: 2px solid var(--rdg-selection-color);\n }\n }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n @layer rdg.HeaderRow {\n display: contents;\n background-color: var(--rdg-header-background-color);\n font-weight: bold;\n\n & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n z-index: 2;\n position: sticky;\n }\n\n & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n @layer rdg.SortIcon {\n fill: currentColor;\n\n > path {\n transition: d 0.1s;\n }\n }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n @layer rdg.Defaults {\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n }\n\n @layer rdg.Root {\n --rdg-color: #000; --rdg-border-color: #ddd; --rdg-summary-border-color: #aaa; --rdg-background-color: hsl(0deg 0% 100%); --rdg-header-background-color: hsl(0deg 0% 97.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%); --rdg-row-hover-background-color: hsl(0deg 0% 96%); --rdg-row-selected-background-color: hsl(207deg 76% 92%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%); --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n --rdg-selection-color: #66afe9;\n --rdg-font-size: 14px;\n --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n &:dir(rtl) {\n --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n }\n\n display: grid;\n\n color-scheme: var(--rdg-color-scheme, light dark);\n accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n /* We set a stacking context so internal elements don't render on top of external elements. */\n /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n contain: content;\n content-visibility: auto;\n block-size: 350px;\n border: 1px solid var(--rdg-border-color);\n box-sizing: border-box;\n overflow: auto;\n background-color: var(--rdg-background-color);\n color: var(--rdg-color);\n font-size: var(--rdg-font-size);\n\n /* needed on Firefox to fix scrollbars */\n &::before {\n content: '';\n grid-column: 1/-1;\n grid-row: 1/-1;\n }\n\n &.styles_rdg-dark__Db5Xw {\n --rdg-color-scheme: dark;\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n\n &.styles_rdg-light__xQW0A {\n --rdg-color-scheme: light;\n }\n\n @media (prefers-color-scheme: dark) {\n &:not(.styles_rdg-light__xQW0A) {\n --rdg-color: #ddd; --rdg-border-color: #444; --rdg-summary-border-color: #555; --rdg-background-color: hsl(0deg 0% 13%); --rdg-header-background-color: hsl(0deg 0% 10.5%); --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%); --rdg-row-hover-background-color: hsl(0deg 0% 9%); --rdg-row-selected-background-color: hsl(207deg 76% 42%); --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%); --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n }\n }\n\n > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-end: 2px solid var(--rdg-summary-border-color);\n }\n }\n\n > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n border-block-start: 2px solid var(--rdg-summary-border-color);\n }\n }\n }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n @layer rdg.Root {\n user-select: none;\n\n & .styles_r1upfr807-0-0-beta-51__bKLx- {\n cursor: move;\n }\n }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n @layer rdg.FocusSink {\n grid-column: 1/-1;\n pointer-events: none;\n /* Should have a higher value than 1 to show up above regular frozen cells */\n z-index: 1;\n }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n @layer rdg.FocusSink {\n /* Should have a higher value than 3 to show up above header and summary rows */\n z-index: 3;\n }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n @layer rdg.SummaryCell {\n inset-block-start: var(--rdg-summary-row-top);\n inset-block-end: var(--rdg-summary-row-bottom);\n }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n position: sticky;\n }\n }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n @layer rdg.SummaryRow {\n > .styles_cj343x07-0-0-beta-51__Ox6zn {\n z-index: 2;\n }\n\n > .styles_csofj7r7-0-0-beta-51__cSFNo {\n z-index: 3;\n }\n }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n @layer rdg.GroupedRow {\n &:not([aria-selected='true']) {\n background-color: var(--rdg-header-background-color);\n }\n\n > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n border-inline-end: none;\n }\n }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n @layer rdg.TextEditor {\n appearance: none;\n\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n padding-block: 0;\n padding-inline: 6px;\n border: 2px solid #ccc;\n vertical-align: top;\n color: var(--rdg-color);\n background-color: var(--rdg-background-color);\n\n font-family: inherit;\n font-size: var(--rdg-font-size);\n\n &:focus {\n border-color: var(--rdg-selection-color);\n outline: none;\n }\n\n &::placeholder {\n color: #999;\n opacity: 1;\n }\n }\n}";
|
|
5390
|
+
styleInject(css_248z$7);
|
|
5391
5391
|
|
|
5392
5392
|
const filterColumnClassName = styleDataGrid['filter-cell'];
|
|
5393
5393
|
const colAddRow = {
|
|
@@ -5470,6 +5470,10 @@ const DataGridComponent = (_a) => {
|
|
|
5470
5470
|
columns, children: jsxRuntimeExports.jsx(DataGrid, Object.assign({}, props)) }));
|
|
5471
5471
|
};
|
|
5472
5472
|
|
|
5473
|
+
var css_248z$6 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n background-color: inherit !important;\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
5474
|
+
var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
|
|
5475
|
+
styleInject(css_248z$6);
|
|
5476
|
+
|
|
5473
5477
|
const datePickerFormat = {
|
|
5474
5478
|
default: 'DD-MM-YYYY',
|
|
5475
5479
|
month: 'MM-YYYY',
|
|
@@ -5523,9 +5527,13 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
|
|
|
5523
5527
|
value: () => valueDate,
|
|
5524
5528
|
setValue: setValueDate,
|
|
5525
5529
|
}));
|
|
5526
|
-
const classDate =
|
|
5527
|
-
|
|
5528
|
-
|
|
5530
|
+
const classDate = React.useMemo(() => {
|
|
5531
|
+
const className = [styleCSS['w-100']];
|
|
5532
|
+
readOnly && className.push(styleDatePicker['readonly']);
|
|
5533
|
+
classNames && className.push(...classNames);
|
|
5534
|
+
return className;
|
|
5535
|
+
}, [readOnly]);
|
|
5536
|
+
const datePicker = !loading ? (jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
|
|
5529
5537
|
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
|
|
5530
5538
|
: datePicker }));
|
|
5531
5539
|
};
|
|
@@ -5543,9 +5551,13 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
|
|
|
5543
5551
|
value: () => valueDateRange,
|
|
5544
5552
|
setValue: setValueDateRange,
|
|
5545
5553
|
}));
|
|
5546
|
-
const classDateRange =
|
|
5547
|
-
|
|
5548
|
-
|
|
5554
|
+
const classDateRange = React.useMemo(() => {
|
|
5555
|
+
const className = [styleCSS['w-100']];
|
|
5556
|
+
readOnly && className.push(styleDatePicker['readonly']);
|
|
5557
|
+
classNames && className.push(...classNames);
|
|
5558
|
+
return className;
|
|
5559
|
+
}, [readOnly]);
|
|
5560
|
+
const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
|
|
5549
5561
|
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
|
|
5550
5562
|
: datePicker }));
|
|
5551
5563
|
};
|
|
@@ -7593,7 +7605,7 @@ const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, lo
|
|
|
7593
7605
|
: radio }));
|
|
7594
7606
|
};
|
|
7595
7607
|
|
|
7596
|
-
var css_248z$4 = ".style-module_select__vcvBg {\n width: 100%;\n max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
7608
|
+
var css_248z$4 = ".style-module_select__vcvBg {\n width: 100%;\n max-width: 100%;\n}\n\n.style-module_add-item-divider__mnSq1 {\n margin: 8px 0;\n}\n\n.style-module_add-item-space__yOxDs {\n padding: 0 8px 4px;\n}\n\n.style-module_add-item-link__lmjLu {\n white-space: nowrap;\n}\n\n.style-module_select__vcvBg.style-module_readonly__1gDhg>div {\n background-color: inherit !important;\n cursor: auto !important;\n color: inherit !important;\n}";
|
|
7597
7609
|
var styleSelect = {"select":"style-module_select__vcvBg","add-item-divider":"style-module_add-item-divider__mnSq1","add-item-space":"style-module_add-item-space__yOxDs","add-item-link":"style-module_add-item-link__lmjLu","readonly":"style-module_readonly__1gDhg"};
|
|
7598
7610
|
styleInject(css_248z$4);
|
|
7599
7611
|
|
|
@@ -7602,8 +7614,8 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
|
|
|
7602
7614
|
const [addItemValue, setAddItemValue] = React.useState('');
|
|
7603
7615
|
const classNameSelect = React.useMemo(() => {
|
|
7604
7616
|
const className = [styleSelect['select']];
|
|
7605
|
-
classNames && className.push(...classNames);
|
|
7606
7617
|
readOnly && className.push(styleSelect['readonly']);
|
|
7618
|
+
classNames && className.push(...classNames);
|
|
7607
7619
|
return className;
|
|
7608
7620
|
}, [classNames, readOnly]);
|
|
7609
7621
|
const handleAddItem = (_) => {
|