@trsys-tech/matrix-library 0.6.3-canary-1 → 0.6.3-canary-3
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/data-grid/DataGrid.d.ts +2 -0
- package/dist/components/data-grid/DataGrid.d.ts.map +1 -1
- package/dist/components/date-picker/DesktopDatePicker.d.ts +3 -2
- package/dist/components/date-picker/DesktopDatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DesktopDateRangePicker.d.ts +3 -2
- package/dist/components/date-picker/DesktopDateRangePicker.d.ts.map +1 -1
- package/dist/components/date-picker/MobileDatePicker.d.ts +3 -2
- package/dist/components/date-picker/MobileDatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/MobileDateRangePicker.d.ts +3 -2
- package/dist/components/date-picker/MobileDateRangePicker.d.ts.map +1 -1
- package/dist/datagrid.es.js +169 -146
- package/dist/datagrid.es.js.map +1 -1
- package/dist/desktopdatepicker.es.js +27 -24
- package/dist/desktopdatepicker.es.js.map +1 -1
- package/dist/desktopdaterangepicker.es.js +20 -18
- package/dist/desktopdaterangepicker.es.js.map +1 -1
- package/dist/mobiledatepicker.es.js +22 -20
- package/dist/mobiledatepicker.es.js.map +1 -1
- package/dist/mobiledaterangepicker.es.js +24 -22
- package/dist/mobiledaterangepicker.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ import { GridApi, Theme, ThemeDefaultParams } from 'ag-grid-community';
|
|
|
4
4
|
import { ButtonProps } from '../button/Button';
|
|
5
5
|
import { IconButtonProps } from '../icon-botton/IconButton';
|
|
6
6
|
import { PopoverContentProps, PopoverProps, PopoverTriggerProps } from '../popover/Popover';
|
|
7
|
+
type ResolveRowId = (data: unknown) => string | undefined;
|
|
7
8
|
/**
|
|
8
9
|
* Default ag-Grid theme used by DataGrid.
|
|
9
10
|
*/
|
|
@@ -25,6 +26,7 @@ type DataGridContext = {
|
|
|
25
26
|
setActionbarHeight: (value: number) => void;
|
|
26
27
|
pinnedRowIds: Set<string>;
|
|
27
28
|
setPinnedRowIds: (value: Set<string>) => void;
|
|
29
|
+
resolveRowIdRef: React.MutableRefObject<ResolveRowId>;
|
|
28
30
|
};
|
|
29
31
|
declare const DataGridContext: React.Context<DataGridContext | null>;
|
|
30
32
|
declare const useDataGrid: () => DataGridContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/DataGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAW,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAmE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAMpH,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAc,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAA2B,mBAAmB,EAAE,YAAY,EAAkB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/DataGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropsBase, PropsSingle } from 'react-day-picker';
|
|
1
|
+
import { PropsBase, PropsSingle, Matcher } from 'react-day-picker';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
type DesktopDatePickerProps = PropsBase & Omit<PropsSingle, "mode"> & {
|
|
3
|
+
type DesktopDatePickerProps = Omit<PropsBase, "disabled"> & Omit<PropsSingle, "mode" | "disabled"> & {
|
|
4
4
|
formatStr?: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
calendarClassName?: string;
|
|
@@ -8,6 +8,7 @@ type DesktopDatePickerProps = PropsBase & Omit<PropsSingle, "mode"> & {
|
|
|
8
8
|
required?: boolean;
|
|
9
9
|
closeOnSelect?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
disabledDates?: Matcher | Matcher[];
|
|
11
12
|
};
|
|
12
13
|
declare const DesktopDatePicker: React.FC<DesktopDatePickerProps>;
|
|
13
14
|
export { DesktopDatePicker, type DesktopDatePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"DesktopDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAmB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOpF,KAAK,sBAAsB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GACvD,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACrC,CAAC;AAEJ,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsDvD,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropsBase, PropsRange, DateRange } from 'react-day-picker';
|
|
1
|
+
import { PropsBase, PropsRange, DateRange, Matcher } from 'react-day-picker';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
type DesktopDateRangePickerProps = PropsBase & Omit<PropsRange, "mode"> & {
|
|
3
|
+
type DesktopDateRangePickerProps = Omit<PropsBase, "disabled"> & Omit<PropsRange, "mode" | "disabled"> & {
|
|
4
4
|
formatStr?: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
calendarClassName?: string;
|
|
@@ -9,6 +9,7 @@ type DesktopDateRangePickerProps = PropsBase & Omit<PropsRange, "mode"> & {
|
|
|
9
9
|
fromText?: string;
|
|
10
10
|
toText?: string;
|
|
11
11
|
disabled?: boolean;
|
|
12
|
+
disabledDates?: Matcher | Matcher[];
|
|
12
13
|
};
|
|
13
14
|
declare const DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps>;
|
|
14
15
|
export { DesktopDateRangePicker, type DesktopDateRangePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DesktopDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO7E,KAAK,2BAA2B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAC5D,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACrC,CAAC;AAEJ,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmEjE,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropsBase, PropsSingle } from 'react-day-picker';
|
|
1
|
+
import { Matcher, PropsBase, PropsSingle } from 'react-day-picker';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
type MobileDatePickerProps = PropsBase & Omit<PropsSingle, "mode"> & {
|
|
3
|
+
type MobileDatePickerProps = Omit<PropsBase, "disabled"> & Omit<PropsSingle, "mode" | "disabled"> & {
|
|
4
4
|
formatStr?: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
calendarClassName?: string;
|
|
@@ -10,6 +10,7 @@ type MobileDatePickerProps = PropsBase & Omit<PropsSingle, "mode"> & {
|
|
|
10
10
|
applyText?: string;
|
|
11
11
|
onSelect?: (date: Date | undefined) => void;
|
|
12
12
|
disabled?: boolean;
|
|
13
|
+
disabledDates?: Matcher | Matcher[];
|
|
13
14
|
};
|
|
14
15
|
declare const MobileDatePicker: React.FC<MobileDatePickerProps>;
|
|
15
16
|
export { MobileDatePicker, type MobileDatePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQnE,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GACtD,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACrC,CAAC;AAEJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkFrD,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropsBase, PropsRange, DateRange } from 'react-day-picker';
|
|
1
|
+
import { PropsBase, PropsRange, DateRange, Matcher } from 'react-day-picker';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
type MobileDateRangePickerProps = PropsBase & Omit<PropsRange, "mode"> & {
|
|
3
|
+
type MobileDateRangePickerProps = Omit<PropsBase, "disabled"> & Omit<PropsRange, "mode" | "disabled"> & {
|
|
4
4
|
formatStr?: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
calendarClassName?: string;
|
|
@@ -12,6 +12,7 @@ type MobileDateRangePickerProps = PropsBase & Omit<PropsRange, "mode"> & {
|
|
|
12
12
|
fromText?: string;
|
|
13
13
|
toText?: string;
|
|
14
14
|
disabled?: boolean;
|
|
15
|
+
disabledDates?: Matcher | Matcher[];
|
|
15
16
|
};
|
|
16
17
|
declare const MobileDateRangePicker: React.FC<MobileDateRangePickerProps>;
|
|
17
18
|
export { MobileDateRangePicker, type MobileDateRangePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAmB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAmB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO9F,KAAK,0BAA0B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAC3D,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACrC,CAAC;AAEJ,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgI/D,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,CAAC"}
|
package/dist/datagrid.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import e, { forwardRef as
|
|
3
|
-
import { AgGridReact as
|
|
4
|
-
import { themeQuartz as
|
|
5
|
-
import { Trashcan as
|
|
1
|
+
import { jsx as i, jsxs as M } from "react/jsx-runtime";
|
|
2
|
+
import e, { forwardRef as L, useMemo as N } from "react";
|
|
3
|
+
import { AgGridReact as B } from "ag-grid-react";
|
|
4
|
+
import { themeQuartz as Q, ModuleRegistry as O, AllCommunityModule as q } from "ag-grid-community";
|
|
5
|
+
import { Trashcan as $, ElipsisVertical as j, Snowflake as _, Print as U, Refresh as V, CircleXmark as W, Magnifier as k } from "@trsys-tech/matrix-icons";
|
|
6
6
|
import { cn as C } from "./utils.es.js";
|
|
7
|
-
import { printHtml as
|
|
8
|
-
import { TextField as
|
|
9
|
-
import { Button as
|
|
10
|
-
import { IconButton as
|
|
11
|
-
import { Popover as
|
|
12
|
-
|
|
13
|
-
const
|
|
7
|
+
import { printHtml as X } from "./printhtml.es.js";
|
|
8
|
+
import { TextField as J } from "./textfield.es.js";
|
|
9
|
+
import { Button as P } from "./button.es.js";
|
|
10
|
+
import { IconButton as E } from "./iconbutton.es.js";
|
|
11
|
+
import { Popover as K, PopoverTrigger as Y, PopoverContent as Z } from "./popover.es.js";
|
|
12
|
+
O.registerModules([q]);
|
|
13
|
+
const ee = Q.withParams({
|
|
14
14
|
fontFamily: "DMSans",
|
|
15
15
|
fontSize: "12px",
|
|
16
16
|
headerFontSize: "12px",
|
|
@@ -20,69 +20,91 @@ const Y = M.withParams({
|
|
|
20
20
|
accentColor: "hsl(var(--primary-300))",
|
|
21
21
|
foregroundColor: "hsl(var(--text-500))",
|
|
22
22
|
cellTextColor: "hsl(var(--text-500))"
|
|
23
|
-
}),
|
|
24
|
-
const
|
|
25
|
-
|
|
23
|
+
}), T = (n) => {
|
|
24
|
+
const t = n?.id;
|
|
25
|
+
return t != null ? String(t) : void 0;
|
|
26
|
+
}, te = (n) => n ? (t) => {
|
|
27
|
+
const r = n({ data: t, level: 0 });
|
|
28
|
+
return r != null ? String(r) : T(t);
|
|
29
|
+
} : T, R = e.createContext(null), pe = () => {
|
|
30
|
+
const n = e.useContext(R);
|
|
31
|
+
if (!n)
|
|
26
32
|
throw new Error("useDataGrid should be used within <DataGrid>");
|
|
27
|
-
return
|
|
28
|
-
},
|
|
29
|
-
const
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
|
|
33
|
+
return n;
|
|
34
|
+
}, we = ({ children: n }) => {
|
|
35
|
+
const t = e.useId(), [r, a] = e.useState(null), [s, c] = e.useState([]), [l, u] = e.useState(0), [f, d] = e.useState(/* @__PURE__ */ new Set()), o = e.useRef(T), [h, p] = e.useState(""), [w, x] = e.useState(!1);
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
37
|
+
R.Provider,
|
|
32
38
|
{
|
|
33
39
|
value: {
|
|
34
|
-
api:
|
|
35
|
-
setApi:
|
|
36
|
-
rowData:
|
|
40
|
+
api: r,
|
|
41
|
+
setApi: a,
|
|
42
|
+
rowData: s,
|
|
37
43
|
setRowData: c,
|
|
38
|
-
gridId:
|
|
39
|
-
quickFilterText:
|
|
40
|
-
setQuickFilterText:
|
|
41
|
-
actionbarExists:
|
|
42
|
-
setActionbarExists:
|
|
44
|
+
gridId: t,
|
|
45
|
+
quickFilterText: h,
|
|
46
|
+
setQuickFilterText: p,
|
|
47
|
+
actionbarExists: w,
|
|
48
|
+
setActionbarExists: x,
|
|
43
49
|
actionbarHeight: l,
|
|
44
50
|
setActionbarHeight: u,
|
|
45
|
-
pinnedRowIds:
|
|
46
|
-
setPinnedRowIds: d
|
|
51
|
+
pinnedRowIds: f,
|
|
52
|
+
setPinnedRowIds: d,
|
|
53
|
+
resolveRowIdRef: o
|
|
47
54
|
},
|
|
48
|
-
children:
|
|
55
|
+
children: n
|
|
49
56
|
}
|
|
50
57
|
);
|
|
51
|
-
},
|
|
52
|
-
({ theme:
|
|
53
|
-
const
|
|
54
|
-
if (!
|
|
58
|
+
}, ne = L(
|
|
59
|
+
({ theme: n, onGridReady: t, quickFilterText: r, rowData: a, containerStyle: s, getRowId: c, ...l }, u) => {
|
|
60
|
+
const f = e.useContext(R);
|
|
61
|
+
if (!f)
|
|
55
62
|
throw new Error("DataGridContent should be used within <DataGrid>");
|
|
56
|
-
const {
|
|
63
|
+
const {
|
|
64
|
+
rowData: d,
|
|
65
|
+
setRowData: o,
|
|
66
|
+
actionbarExists: h,
|
|
67
|
+
setApi: p,
|
|
68
|
+
setQuickFilterText: w,
|
|
69
|
+
quickFilterText: x,
|
|
70
|
+
gridId: b,
|
|
71
|
+
actionbarHeight: D,
|
|
72
|
+
pinnedRowIds: m,
|
|
73
|
+
resolveRowIdRef: g
|
|
74
|
+
} = f, v = e.useMemo(() => te(c), [c]), y = N(() => ee.withParams({
|
|
57
75
|
headerHeight: 40,
|
|
58
76
|
wrapperBorderRadius: h ? "0px 0px 8px 8px" : "8px"
|
|
59
|
-
}), [h])
|
|
60
|
-
|
|
77
|
+
}), [h]);
|
|
78
|
+
e.useEffect(() => (g.current = v, () => {
|
|
79
|
+
g.current = T;
|
|
80
|
+
}), [v, g]);
|
|
81
|
+
const F = (S) => {
|
|
82
|
+
p(S.api), t?.(S);
|
|
61
83
|
};
|
|
62
84
|
e.useEffect(() => {
|
|
63
|
-
|
|
64
|
-
}, [
|
|
65
|
-
|
|
66
|
-
}, [
|
|
67
|
-
const { finalRowData:
|
|
68
|
-
if (!d ||
|
|
85
|
+
o(a);
|
|
86
|
+
}, [a, o]), e.useEffect(() => {
|
|
87
|
+
r !== void 0 && w(r ?? "");
|
|
88
|
+
}, [r, w]);
|
|
89
|
+
const { finalRowData: z, finalPinnedTopRowData: H } = N(() => {
|
|
90
|
+
if (!d || m.size === 0)
|
|
69
91
|
return { finalRowData: d, finalPinnedTopRowData: [] };
|
|
70
|
-
const
|
|
71
|
-
return d.forEach((
|
|
72
|
-
const
|
|
73
|
-
|
|
74
|
-
}), { finalRowData:
|
|
75
|
-
}, [d,
|
|
76
|
-
return /* @__PURE__ */
|
|
77
|
-
|
|
92
|
+
const S = [], G = [];
|
|
93
|
+
return d.forEach((A) => {
|
|
94
|
+
const I = v(A);
|
|
95
|
+
I !== void 0 && m.has(I) ? S.push(A) : G.push(A);
|
|
96
|
+
}), { finalRowData: G, finalPinnedTopRowData: S };
|
|
97
|
+
}, [d, m, v]);
|
|
98
|
+
return /* @__PURE__ */ i(
|
|
99
|
+
B,
|
|
78
100
|
{
|
|
79
101
|
gridId: b,
|
|
80
|
-
theme:
|
|
81
|
-
rowData:
|
|
82
|
-
pinnedTopRowData:
|
|
83
|
-
quickFilterText:
|
|
84
|
-
onGridReady:
|
|
85
|
-
containerStyle: { height: `calc(100% - ${
|
|
102
|
+
theme: n ?? y,
|
|
103
|
+
rowData: z,
|
|
104
|
+
pinnedTopRowData: H,
|
|
105
|
+
quickFilterText: x,
|
|
106
|
+
onGridReady: F,
|
|
107
|
+
containerStyle: { height: `calc(100% - ${D}px)`, ...s },
|
|
86
108
|
getRowId: c,
|
|
87
109
|
...l,
|
|
88
110
|
ref: u
|
|
@@ -90,142 +112,143 @@ const Y = M.withParams({
|
|
|
90
112
|
);
|
|
91
113
|
}
|
|
92
114
|
);
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
const
|
|
96
|
-
if (!
|
|
115
|
+
ne.displayName = "DataGridContent";
|
|
116
|
+
const me = ({ className: n, ...t }) => {
|
|
117
|
+
const r = e.useContext(R);
|
|
118
|
+
if (!r)
|
|
97
119
|
throw new Error("DataGridActionBar should be used within <DataGrid>");
|
|
98
|
-
const
|
|
99
|
-
return e.useEffect(() => (
|
|
100
|
-
|
|
101
|
-
}, [c]), /* @__PURE__ */
|
|
120
|
+
const a = e.useRef(null), { setActionbarExists: s, setActionbarHeight: c } = r, { children: l } = t;
|
|
121
|
+
return e.useEffect(() => (s(!0), () => s(!1)), [s]), e.useEffect(() => {
|
|
122
|
+
a.current && c(a.current.clientHeight);
|
|
123
|
+
}, [c]), /* @__PURE__ */ i(
|
|
102
124
|
"div",
|
|
103
125
|
{
|
|
104
126
|
className: C(
|
|
105
127
|
"relative flex items-center p-2 h-12 w-full bg-gray-0 border border-gray-200 border-b-0 -mb-[1px] z-10 rounded-t-[8px]",
|
|
106
|
-
|
|
128
|
+
n
|
|
107
129
|
),
|
|
108
|
-
ref:
|
|
130
|
+
ref: a,
|
|
109
131
|
children: l
|
|
110
132
|
}
|
|
111
133
|
);
|
|
112
|
-
},
|
|
113
|
-
const
|
|
114
|
-
if (!
|
|
134
|
+
}, Re = ({ defaultOpen: n = !1, defaultOpenAutoFocus: t = !0, className: r, ...a }) => {
|
|
135
|
+
const s = e.useContext(R);
|
|
136
|
+
if (!s)
|
|
115
137
|
throw new Error("SearchAction should be used within <DataGrid>");
|
|
116
|
-
const { quickFilterText: c, setQuickFilterText: l } =
|
|
117
|
-
|
|
118
|
-
},
|
|
119
|
-
|
|
138
|
+
const { quickFilterText: c, setQuickFilterText: l } = s, [u, f] = e.useState(n), [d, o] = e.useState(!1), h = e.useRef(null), p = e.useRef(!0), w = () => {
|
|
139
|
+
s.setQuickFilterText(""), h.current && h.current.focus();
|
|
140
|
+
}, x = () => {
|
|
141
|
+
f(!0);
|
|
120
142
|
};
|
|
121
143
|
e.useEffect(() => {
|
|
122
|
-
u && h?.current && (
|
|
123
|
-
}, [u,
|
|
144
|
+
u && h?.current && (t || !p.current) && h.current.focus(), p.current = !1;
|
|
145
|
+
}, [u, t]);
|
|
124
146
|
const b = () => {
|
|
125
|
-
|
|
126
|
-
|
|
147
|
+
o(!0), s.setQuickFilterText(""), setTimeout(() => {
|
|
148
|
+
f(!1), o(!1);
|
|
127
149
|
}, 200);
|
|
128
150
|
};
|
|
129
|
-
return /* @__PURE__ */
|
|
130
|
-
|
|
151
|
+
return /* @__PURE__ */ i("div", { className: C("max-w-60", r), ...a, children: u || d ? /* @__PURE__ */ i(
|
|
152
|
+
J,
|
|
131
153
|
{
|
|
132
154
|
ref: h,
|
|
133
155
|
className: C("relative h-7.5", u && !d ? "animate-input-open" : "", d && "animate-input-close"),
|
|
134
|
-
onChange: (
|
|
156
|
+
onChange: (D) => l(D.target.value),
|
|
135
157
|
value: c,
|
|
136
|
-
startAdornment: /* @__PURE__ */
|
|
137
|
-
endAdornment: c && /* @__PURE__ */
|
|
158
|
+
startAdornment: /* @__PURE__ */ i(E, { type: "button", variant: "toolbar", className: "p-0.5 h-6 w-6 border-none mx-1", onClick: b, children: /* @__PURE__ */ i(k, { className: "w-5 h-5" }) }),
|
|
159
|
+
endAdornment: c && /* @__PURE__ */ i(E, { type: "button", variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: w, children: /* @__PURE__ */ i(W, { className: "w-5 h-5" }) })
|
|
138
160
|
}
|
|
139
|
-
) : /* @__PURE__ */
|
|
140
|
-
},
|
|
141
|
-
const c = e.useContext(
|
|
161
|
+
) : /* @__PURE__ */ i(E, { type: "button", variant: "toolbar", className: "p-0.5 w-6 h-6 m-1", onClick: x, children: /* @__PURE__ */ i(k, { className: "w-5 h-5" }) }) });
|
|
162
|
+
}, xe = ({ freezeText: n, unFreezeText: t, onClick: r, disabled: a, ...s }) => {
|
|
163
|
+
const c = e.useContext(R);
|
|
142
164
|
if (!c)
|
|
143
165
|
throw new Error("FreezeAction should be used within <DataGrid>");
|
|
144
|
-
const [l, u] = e.useState(0), [
|
|
145
|
-
if (!
|
|
146
|
-
const
|
|
147
|
-
if (
|
|
166
|
+
const [l, u] = e.useState(0), [f, d] = e.useState(0), { api: o, pinnedRowIds: h, setPinnedRowIds: p, resolveRowIdRef: w } = c, x = () => {
|
|
167
|
+
if (!o) return;
|
|
168
|
+
const m = o.getSelectedRows();
|
|
169
|
+
if (m.length > 0) {
|
|
148
170
|
const g = new Set(h);
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
171
|
+
m.forEach((v) => {
|
|
172
|
+
const y = w.current(v);
|
|
173
|
+
y !== void 0 && g.add(y);
|
|
174
|
+
}), p(g), o.deselectAll();
|
|
152
175
|
}
|
|
153
|
-
},
|
|
154
|
-
|
|
155
|
-
},
|
|
156
|
-
|
|
176
|
+
}, b = () => {
|
|
177
|
+
p(/* @__PURE__ */ new Set());
|
|
178
|
+
}, D = (m) => {
|
|
179
|
+
o && (o.getPinnedTopRowCount() > 0 ? b() : x()), r?.(m);
|
|
157
180
|
};
|
|
158
|
-
return e.useEffect(() => (
|
|
159
|
-
u(
|
|
160
|
-
}),
|
|
161
|
-
d(
|
|
181
|
+
return e.useEffect(() => (o?.addEventListener("pinnedRowDataChanged", () => {
|
|
182
|
+
u(o.getPinnedTopRowCount());
|
|
183
|
+
}), o?.addEventListener("selectionChanged", () => {
|
|
184
|
+
d(o.getSelectedNodes().length);
|
|
162
185
|
}), () => {
|
|
163
|
-
|
|
164
|
-
u(
|
|
165
|
-
}),
|
|
166
|
-
d(
|
|
186
|
+
o?.isDestroyed() || (o?.removeEventListener("pinnedRowDataChanged", () => {
|
|
187
|
+
u(o.getPinnedTopRowCount());
|
|
188
|
+
}), o?.removeEventListener("selectionChanged", () => {
|
|
189
|
+
d(o.getSelectedNodes().length);
|
|
167
190
|
}));
|
|
168
|
-
}), [
|
|
169
|
-
|
|
191
|
+
}), [o]), /* @__PURE__ */ i(
|
|
192
|
+
P,
|
|
170
193
|
{
|
|
171
194
|
variant: "text",
|
|
172
195
|
type: "button",
|
|
173
|
-
onClick:
|
|
174
|
-
startIcon: /* @__PURE__ */
|
|
175
|
-
disabled: !l && !
|
|
176
|
-
...
|
|
177
|
-
children: l ?
|
|
196
|
+
onClick: D,
|
|
197
|
+
startIcon: /* @__PURE__ */ i(_, { className: "w-4.5 h-4.5" }),
|
|
198
|
+
disabled: !l && !f || a,
|
|
199
|
+
...s,
|
|
200
|
+
children: l ? t ?? "Unfreeze" : n ?? "Freeze"
|
|
178
201
|
}
|
|
179
202
|
);
|
|
180
|
-
},
|
|
181
|
-
const
|
|
182
|
-
if (!
|
|
203
|
+
}, ge = ({ children: n, className: t, onClick: r, ...a }) => {
|
|
204
|
+
const s = e.useContext(R);
|
|
205
|
+
if (!s)
|
|
183
206
|
throw new Error("PrintAction should be used within <DataGrid>");
|
|
184
207
|
const c = (l) => {
|
|
185
|
-
|
|
186
|
-
const u = document.querySelector("[grid-id='" +
|
|
208
|
+
s.api && (s.api.setGridOption("domLayout", "print"), setTimeout(() => {
|
|
209
|
+
const u = document.querySelector("[grid-id='" + s.gridId + "']"), d = `<html>
|
|
187
210
|
${document.head.innerHTML}
|
|
188
211
|
${u.outerHTML}
|
|
189
212
|
</html>`;
|
|
190
|
-
|
|
191
|
-
})),
|
|
213
|
+
X(d), s?.api?.setGridOption("domLayout", void 0);
|
|
214
|
+
})), r?.(l);
|
|
192
215
|
};
|
|
193
|
-
return /* @__PURE__ */
|
|
194
|
-
},
|
|
195
|
-
if (!e.useContext(
|
|
216
|
+
return /* @__PURE__ */ i(E, { type: "button", variant: "toolbar", className: C("p-0.5 w-6 h-6", t), onClick: c, ...a, children: n ?? /* @__PURE__ */ i(U, { className: "w-5 h-5" }) });
|
|
217
|
+
}, Ce = ({ className: n, onRefresh: t, children: r, loading: a, ...s }) => {
|
|
218
|
+
if (!e.useContext(R))
|
|
196
219
|
throw new Error("RefreshAction should be used within <DataGrid>");
|
|
197
220
|
const l = () => {
|
|
198
|
-
|
|
221
|
+
t();
|
|
199
222
|
};
|
|
200
|
-
return /* @__PURE__ */
|
|
201
|
-
|
|
223
|
+
return /* @__PURE__ */ i(
|
|
224
|
+
E,
|
|
202
225
|
{
|
|
203
226
|
type: "button",
|
|
204
|
-
className: C("p-0.5 w-6 h-6",
|
|
227
|
+
className: C("p-0.5 w-6 h-6", a && "disabled:bg-transparent", n),
|
|
205
228
|
variant: "toolbar",
|
|
206
229
|
onClick: l,
|
|
207
|
-
disabled:
|
|
208
|
-
...
|
|
209
|
-
children:
|
|
230
|
+
disabled: a,
|
|
231
|
+
...s,
|
|
232
|
+
children: r ?? /* @__PURE__ */ i(V, { className: C("w-4.5 h-4.5", a && "animate-spin") })
|
|
210
233
|
}
|
|
211
234
|
);
|
|
212
|
-
},
|
|
213
|
-
|
|
214
|
-
}, startIcon: /* @__PURE__ */
|
|
215
|
-
/* @__PURE__ */
|
|
216
|
-
/* @__PURE__ */
|
|
235
|
+
}, ve = ({ onDelete: n, children: t, ...r }) => /* @__PURE__ */ i(P, { variant: "danger", type: "button", onClick: () => {
|
|
236
|
+
n();
|
|
237
|
+
}, startIcon: /* @__PURE__ */ i($, { className: "w-4.5 h-4.5" }), ...r, children: t }), be = ({ children: n, slotProps: t, className: r, ...a }) => /* @__PURE__ */ M(K, { ...t?.popoverProps ?? {}, children: [
|
|
238
|
+
/* @__PURE__ */ i(Y, { ...t?.triggerProps ?? {}, children: /* @__PURE__ */ i(j, { className: "w-4.5 h-4.5 text-primary" }) }),
|
|
239
|
+
/* @__PURE__ */ i(Z, { align: "end", className: C("w-40", r), ...a, children: n })
|
|
217
240
|
] });
|
|
218
241
|
export {
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
242
|
+
we as DataGrid,
|
|
243
|
+
me as DataGridActionBar,
|
|
244
|
+
ne as DataGridContent,
|
|
245
|
+
ve as DeleteAction,
|
|
246
|
+
be as ExtraActions,
|
|
247
|
+
xe as FreezeAction,
|
|
248
|
+
ge as PrintAction,
|
|
249
|
+
Ce as RefreshAction,
|
|
250
|
+
Re as SearchAction,
|
|
251
|
+
ee as dataGridDefaultTheme,
|
|
252
|
+
pe as useDataGrid
|
|
230
253
|
};
|
|
231
254
|
//# sourceMappingURL=datagrid.es.js.map
|