@trsys-tech/matrix-library 1.0.0-canary.9 → 1.0.1-canary-2
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/DesktopTimePicker.d.ts +1 -0
- package/dist/components/date-picker/DesktopTimePicker.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/components/date-picker/MobileTimePicker.d.ts +1 -0
- package/dist/components/date-picker/MobileTimePicker.d.ts.map +1 -1
- package/dist/components/date-picker/TimePickerContent.d.ts +2 -1
- package/dist/components/date-picker/TimePickerContent.d.ts.map +1 -1
- package/dist/datagrid.es.js +175 -152
- package/dist/datagrid.es.js.map +1 -1
- package/dist/desktopdatepicker.es.js +28 -25
- package/dist/desktopdatepicker.es.js.map +1 -1
- package/dist/desktopdaterangepicker.es.js +19 -17
- package/dist/desktopdaterangepicker.es.js.map +1 -1
- package/dist/desktoptimepicker.es.js +28 -21
- package/dist/desktoptimepicker.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/dist/mobiletimepicker.es.js +33 -26
- package/dist/mobiletimepicker.es.js.map +1 -1
- package/dist/timepickercontent.es.js +65 -42
- package/dist/timepickercontent.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
|
/**
|
|
@@ -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":"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;AAUrI,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;AAE1D;;GAEG;AACH,QAAA,MAAM,oBAAoB,uDAUxB,CAAC;AAoBH;;GAEG;AACH,KAAK,eAAe,GAAG;IACrB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;CACvD,CAAC;AAEF,QAAA,MAAM,eAAe,uCAAoD,CAAC;AAE1E;;GAEG;AACH,QAAA,MAAM,WAAW,uBAQhB,CAAC;AAEF;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgCrC,CAAC;AAEF;;GAEG;AACH,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IAC5D,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe;IAjBnB,oDAAoD;YAC5C,KAAK;0CAwGd,CAAC;AAIF;;GAEG;AACH,KAAK,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;AAElE;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgCvD,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8E7C,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuF7C,CAAC;AAEF;;GAEG;AACH,KAAK,gBAAgB,GAAG,eAAe,GAAG,EAAE,CAAC;AAE7C;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8B3C,CAAC;AAEF;;GAEG;AACH,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAAG;IAC3D,2DAA2D;IAC3D,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuB/C,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IACtD,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAU7C,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,mBAAmB,GAAG;IAC7C,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,mBAAmB,CAAC;QACnC,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,WAAW,EACX,oBAAoB,GACrB,CAAC"}
|
|
@@ -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"}
|
|
@@ -3,6 +3,7 @@ import { Time } from './TimePickerContent';
|
|
|
3
3
|
type DesktopTimePickerProps = HTMLAttributes<HTMLButtonElement> & {
|
|
4
4
|
time: Time | undefined;
|
|
5
5
|
onTimeChange: (time: Time | undefined) => void;
|
|
6
|
+
is24HourMode?: boolean;
|
|
6
7
|
placeholder?: string;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
slotsProps?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DesktopTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DesktopTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,IAAI,EAAqB,MAAM,qBAAqB,CAAC;AAiB9D,KAAK,sBAAsB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAChE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiCvD,CAAC;AACF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,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"}
|
|
@@ -3,6 +3,7 @@ import { Time } from './TimePickerContent';
|
|
|
3
3
|
type MobileTimePickerProps = HTMLAttributes<HTMLButtonElement> & {
|
|
4
4
|
time: Time | undefined;
|
|
5
5
|
onTimeChange: (time: Time | undefined) => void;
|
|
6
|
+
is24HourMode?: boolean;
|
|
6
7
|
placeholder?: string;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
slotsProps?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,IAAI,EAAqB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MobileTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,IAAI,EAAqB,MAAM,qBAAqB,CAAC;AAwB9D,KAAK,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsCrD,CAAC;AACF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}
|
|
@@ -2,11 +2,12 @@ import { HTMLAttributes } from 'react';
|
|
|
2
2
|
type Time = {
|
|
3
3
|
hour: number;
|
|
4
4
|
minute: number;
|
|
5
|
-
ampm
|
|
5
|
+
ampm?: "AM" | "PM";
|
|
6
6
|
};
|
|
7
7
|
type TimePickerContentProps = {
|
|
8
8
|
time: Time | undefined;
|
|
9
9
|
isOpen: boolean;
|
|
10
|
+
is24HourMode?: boolean;
|
|
10
11
|
onTimeChange: (time: Time | undefined) => void;
|
|
11
12
|
slotsProps?: {
|
|
12
13
|
content?: HTMLAttributes<HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerContent.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/TimePickerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"TimePickerContent.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/TimePickerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAC;AAEjE,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAC;CACH,CAAC;AAoCF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8HvD,CAAC;AACF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,IAAI,EAAE,CAAC"}
|
package/dist/datagrid.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import t, { 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 t, { forwardRef as L, useMemo as I } 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 N } 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 tt = Q.withParams({
|
|
14
14
|
fontFamily: "DMSans",
|
|
15
15
|
fontSize: "12px",
|
|
16
16
|
headerFontSize: "12px",
|
|
@@ -20,227 +20,250 @@ const Y = M.withParams({
|
|
|
20
20
|
accentColor: "oklch(var(--mtx-primary-300))",
|
|
21
21
|
foregroundColor: "oklch(var(--mtx-text-500))",
|
|
22
22
|
cellTextColor: "oklch(var(--mtx-text-500))"
|
|
23
|
-
}),
|
|
24
|
-
const
|
|
25
|
-
|
|
23
|
+
}), y = (n) => {
|
|
24
|
+
const e = n?.id;
|
|
25
|
+
return e != null ? String(e) : void 0;
|
|
26
|
+
}, et = (n) => n ? (e) => {
|
|
27
|
+
const o = n({ data: e, level: 0 });
|
|
28
|
+
return o != null ? String(o) : y(e);
|
|
29
|
+
} : y, w = t.createContext(null), ht = () => {
|
|
30
|
+
const n = t.useContext(w);
|
|
31
|
+
if (!n)
|
|
26
32
|
throw new Error("useDataGrid should be used within <DataGrid>");
|
|
27
|
-
return
|
|
28
|
-
},
|
|
29
|
-
const
|
|
30
|
-
return /* @__PURE__ */
|
|
33
|
+
return n;
|
|
34
|
+
}, ft = ({ children: n }) => {
|
|
35
|
+
const e = t.useId(), [o, a] = t.useState(null), [s, c] = t.useState([]), [l, u] = t.useState(0), [x, d] = t.useState(/* @__PURE__ */ new Set()), r = t.useRef(y), [m, h] = t.useState(""), [f, R] = t.useState(!1);
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
31
37
|
w.Provider,
|
|
32
38
|
{
|
|
33
39
|
value: {
|
|
34
|
-
api:
|
|
35
|
-
setApi:
|
|
36
|
-
rowData:
|
|
40
|
+
api: o,
|
|
41
|
+
setApi: a,
|
|
42
|
+
rowData: s,
|
|
37
43
|
setRowData: c,
|
|
38
|
-
gridId:
|
|
39
|
-
quickFilterText:
|
|
40
|
-
setQuickFilterText:
|
|
41
|
-
actionbarExists:
|
|
42
|
-
setActionbarExists:
|
|
44
|
+
gridId: e,
|
|
45
|
+
quickFilterText: m,
|
|
46
|
+
setQuickFilterText: h,
|
|
47
|
+
actionbarExists: f,
|
|
48
|
+
setActionbarExists: R,
|
|
43
49
|
actionbarHeight: l,
|
|
44
|
-
setActionbarHeight:
|
|
50
|
+
setActionbarHeight: u,
|
|
45
51
|
pinnedRowIds: x,
|
|
46
|
-
setPinnedRowIds: d
|
|
52
|
+
setPinnedRowIds: d,
|
|
53
|
+
resolveRowIdRef: r
|
|
47
54
|
},
|
|
48
|
-
children:
|
|
55
|
+
children: n
|
|
49
56
|
}
|
|
50
57
|
);
|
|
51
|
-
},
|
|
52
|
-
({ theme:
|
|
58
|
+
}, nt = L(
|
|
59
|
+
({ theme: n, onGridReady: e, quickFilterText: o, rowData: a, containerStyle: s, getRowId: c, ...l }, u) => {
|
|
53
60
|
const x = t.useContext(w);
|
|
54
61
|
if (!x)
|
|
55
62
|
throw new Error("DataGridContent should be used within <DataGrid>");
|
|
56
|
-
const {
|
|
63
|
+
const {
|
|
64
|
+
rowData: d,
|
|
65
|
+
setRowData: r,
|
|
66
|
+
actionbarExists: m,
|
|
67
|
+
setApi: h,
|
|
68
|
+
setQuickFilterText: f,
|
|
69
|
+
quickFilterText: R,
|
|
70
|
+
gridId: b,
|
|
71
|
+
actionbarHeight: D,
|
|
72
|
+
pinnedRowIds: p,
|
|
73
|
+
resolveRowIdRef: g
|
|
74
|
+
} = x, v = t.useMemo(() => et(c), [c]), k = I(() => tt.withParams({
|
|
57
75
|
headerHeight: 40,
|
|
58
|
-
wrapperBorderRadius:
|
|
59
|
-
}), [
|
|
60
|
-
|
|
76
|
+
wrapperBorderRadius: m ? "0px 0px 8px 8px" : "8px"
|
|
77
|
+
}), [m]);
|
|
78
|
+
t.useEffect(() => (g.current = v, () => {
|
|
79
|
+
g.current = y;
|
|
80
|
+
}), [v, g]);
|
|
81
|
+
const F = (S) => {
|
|
82
|
+
h(S.api), e?.(S);
|
|
61
83
|
};
|
|
62
84
|
t.useEffect(() => {
|
|
63
|
-
|
|
64
|
-
}, [
|
|
65
|
-
|
|
66
|
-
}, [
|
|
67
|
-
const { finalRowData:
|
|
68
|
-
if (!d ||
|
|
85
|
+
r(a);
|
|
86
|
+
}, [a, r]), t.useEffect(() => {
|
|
87
|
+
o !== void 0 && f(o ?? "");
|
|
88
|
+
}, [o, f]);
|
|
89
|
+
const { finalRowData: z, finalPinnedTopRowData: H } = I(() => {
|
|
90
|
+
if (!d || p.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 = [], A = [];
|
|
93
|
+
return d.forEach((T) => {
|
|
94
|
+
const G = v(T);
|
|
95
|
+
G !== void 0 && p.has(G) ? S.push(T) : A.push(T);
|
|
96
|
+
}), { finalRowData: A, finalPinnedTopRowData: S };
|
|
97
|
+
}, [d, p, v]);
|
|
98
|
+
return /* @__PURE__ */ i(
|
|
99
|
+
B,
|
|
78
100
|
{
|
|
79
101
|
gridId: b,
|
|
80
|
-
theme:
|
|
81
|
-
rowData:
|
|
82
|
-
pinnedTopRowData:
|
|
102
|
+
theme: n ?? k,
|
|
103
|
+
rowData: z,
|
|
104
|
+
pinnedTopRowData: H,
|
|
83
105
|
quickFilterText: R,
|
|
84
|
-
onGridReady:
|
|
85
|
-
containerStyle: { height: `calc(100% - ${
|
|
106
|
+
onGridReady: F,
|
|
107
|
+
containerStyle: { height: `calc(100% - ${D}px)`, ...s },
|
|
86
108
|
getRowId: c,
|
|
87
109
|
...l,
|
|
88
|
-
ref:
|
|
110
|
+
ref: u
|
|
89
111
|
}
|
|
90
112
|
);
|
|
91
113
|
}
|
|
92
114
|
);
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
const
|
|
96
|
-
if (!
|
|
115
|
+
nt.displayName = "DataGridContent";
|
|
116
|
+
const pt = ({ className: n, ...e }) => {
|
|
117
|
+
const o = t.useContext(w);
|
|
118
|
+
if (!o)
|
|
97
119
|
throw new Error("DataGridActionBar should be used within <DataGrid>");
|
|
98
|
-
const
|
|
99
|
-
return t.useEffect(() => (
|
|
100
|
-
|
|
101
|
-
}, [c]), /* @__PURE__ */
|
|
120
|
+
const a = t.useRef(null), { setActionbarExists: s, setActionbarHeight: c } = o, { children: l } = e;
|
|
121
|
+
return t.useEffect(() => (s(!0), () => s(!1)), [s]), t.useEffect(() => {
|
|
122
|
+
a.current && c(a.current.clientHeight);
|
|
123
|
+
}, [c]), /* @__PURE__ */ i(
|
|
102
124
|
"div",
|
|
103
125
|
{
|
|
104
126
|
className: C(
|
|
105
127
|
"mtx-relative mtx-flex mtx-items-center mtx-p-2 mtx-h-12 mtx-w-full mtx-bg-gray-0 mtx-border mtx-border-gray-200 mtx-border-b-0 -mtx-mb-[1px] mtx-z-10 mtx-rounded-t-[8px]",
|
|
106
|
-
|
|
128
|
+
n
|
|
107
129
|
),
|
|
108
|
-
ref:
|
|
130
|
+
ref: a,
|
|
109
131
|
children: l
|
|
110
132
|
}
|
|
111
133
|
);
|
|
112
|
-
},
|
|
113
|
-
defaultOpen:
|
|
114
|
-
defaultOpenAutoFocus:
|
|
115
|
-
className:
|
|
116
|
-
...
|
|
134
|
+
}, wt = ({
|
|
135
|
+
defaultOpen: n = !1,
|
|
136
|
+
defaultOpenAutoFocus: e = !0,
|
|
137
|
+
className: o,
|
|
138
|
+
...a
|
|
117
139
|
}) => {
|
|
118
|
-
const
|
|
119
|
-
if (!
|
|
140
|
+
const s = t.useContext(w);
|
|
141
|
+
if (!s)
|
|
120
142
|
throw new Error("SearchAction should be used within <DataGrid>");
|
|
121
|
-
const { quickFilterText: c, setQuickFilterText: l } =
|
|
122
|
-
|
|
143
|
+
const { quickFilterText: c, setQuickFilterText: l } = s, [u, x] = t.useState(n), [d, r] = t.useState(!1), m = t.useRef(null), h = t.useRef(!0), f = () => {
|
|
144
|
+
s.setQuickFilterText(""), m.current && m.current.focus();
|
|
123
145
|
}, R = () => {
|
|
124
146
|
x(!0);
|
|
125
147
|
};
|
|
126
148
|
t.useEffect(() => {
|
|
127
|
-
|
|
128
|
-
}, [
|
|
149
|
+
u && m?.current && (e || !h.current) && m.current.focus(), h.current = !1;
|
|
150
|
+
}, [u, e]);
|
|
129
151
|
const b = () => {
|
|
130
|
-
|
|
131
|
-
x(!1),
|
|
152
|
+
r(!0), s.setQuickFilterText(""), setTimeout(() => {
|
|
153
|
+
x(!1), r(!1);
|
|
132
154
|
}, 200);
|
|
133
155
|
};
|
|
134
|
-
return /* @__PURE__ */
|
|
135
|
-
|
|
156
|
+
return /* @__PURE__ */ i("div", { className: C("mtx-max-w-60", o), ...a, children: u || d ? /* @__PURE__ */ i(
|
|
157
|
+
J,
|
|
136
158
|
{
|
|
137
|
-
ref:
|
|
159
|
+
ref: m,
|
|
138
160
|
className: C(
|
|
139
161
|
"mtx-relative mtx-h-7.5",
|
|
140
|
-
|
|
162
|
+
u && !d ? "mtx-animate-input-open" : "",
|
|
141
163
|
d && "mtx-animate-input-close"
|
|
142
164
|
),
|
|
143
|
-
onChange: (
|
|
165
|
+
onChange: (D) => l(D.target.value),
|
|
144
166
|
value: c,
|
|
145
|
-
startAdornment: /* @__PURE__ */
|
|
146
|
-
endAdornment: c && /* @__PURE__ */
|
|
167
|
+
startAdornment: /* @__PURE__ */ i(E, { variant: "toolbar", type: "button", className: "mtx-p-0.5 mtx-h-6 mtx-w-6 mtx-border-none mtx-mx-1", onClick: b, children: /* @__PURE__ */ i(N, { className: "mtx-w-5 mtx-h-5" }) }),
|
|
168
|
+
endAdornment: c && /* @__PURE__ */ i(E, { variant: "toolbar", type: "button", className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-border-none mtx-mx-1", onClick: f, children: /* @__PURE__ */ i(W, { className: "mtx-w-5 mtx-h-5" }) })
|
|
147
169
|
}
|
|
148
|
-
) : /* @__PURE__ */
|
|
149
|
-
},
|
|
150
|
-
freezeText:
|
|
151
|
-
unFreezeText:
|
|
152
|
-
onClick:
|
|
153
|
-
disabled:
|
|
154
|
-
...
|
|
170
|
+
) : /* @__PURE__ */ i(E, { variant: "toolbar", type: "button", className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-m-1", onClick: R, children: /* @__PURE__ */ i(N, { className: "mtx-w-5 mtx-h-5" }) }) });
|
|
171
|
+
}, Rt = ({
|
|
172
|
+
freezeText: n,
|
|
173
|
+
unFreezeText: e,
|
|
174
|
+
onClick: o,
|
|
175
|
+
disabled: a,
|
|
176
|
+
...s
|
|
155
177
|
}) => {
|
|
156
178
|
const c = t.useContext(w);
|
|
157
179
|
if (!c)
|
|
158
180
|
throw new Error("FreezeAction should be used within <DataGrid>");
|
|
159
|
-
const [l,
|
|
160
|
-
if (!
|
|
161
|
-
const
|
|
162
|
-
if (
|
|
163
|
-
const g = new Set(
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
181
|
+
const [l, u] = t.useState(0), [x, d] = t.useState(0), { api: r, pinnedRowIds: m, setPinnedRowIds: h, resolveRowIdRef: f } = c, R = () => {
|
|
182
|
+
if (!r) return;
|
|
183
|
+
const p = r.getSelectedRows();
|
|
184
|
+
if (p.length > 0) {
|
|
185
|
+
const g = new Set(m);
|
|
186
|
+
p.forEach((v) => {
|
|
187
|
+
const k = f.current(v);
|
|
188
|
+
k !== void 0 && g.add(k);
|
|
189
|
+
}), h(g), r.deselectAll();
|
|
167
190
|
}
|
|
168
|
-
},
|
|
191
|
+
}, b = () => {
|
|
169
192
|
h(/* @__PURE__ */ new Set());
|
|
170
|
-
},
|
|
171
|
-
|
|
193
|
+
}, D = (p) => {
|
|
194
|
+
r && (r.getPinnedTopRowCount() > 0 ? b() : R()), o?.(p);
|
|
172
195
|
};
|
|
173
|
-
return t.useEffect(() => (
|
|
174
|
-
|
|
175
|
-
}),
|
|
176
|
-
d(
|
|
196
|
+
return t.useEffect(() => (r?.addEventListener("pinnedRowDataChanged", () => {
|
|
197
|
+
u(r.getPinnedTopRowCount());
|
|
198
|
+
}), r?.addEventListener("selectionChanged", () => {
|
|
199
|
+
d(r.getSelectedNodes().length);
|
|
177
200
|
}), () => {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}),
|
|
181
|
-
d(
|
|
201
|
+
r?.isDestroyed() || (r?.removeEventListener("pinnedRowDataChanged", () => {
|
|
202
|
+
u(r.getPinnedTopRowCount());
|
|
203
|
+
}), r?.removeEventListener("selectionChanged", () => {
|
|
204
|
+
d(r.getSelectedNodes().length);
|
|
182
205
|
}));
|
|
183
|
-
}), [
|
|
184
|
-
|
|
206
|
+
}), [r]), /* @__PURE__ */ i(
|
|
207
|
+
P,
|
|
185
208
|
{
|
|
186
209
|
variant: "text",
|
|
187
|
-
onClick:
|
|
188
|
-
startIcon: /* @__PURE__ */
|
|
189
|
-
disabled: !l && !x ||
|
|
210
|
+
onClick: D,
|
|
211
|
+
startIcon: /* @__PURE__ */ i(_, { className: "mtx-w-4.5 mtx-h-4.5" }),
|
|
212
|
+
disabled: !l && !x || a,
|
|
190
213
|
type: "button",
|
|
191
|
-
...
|
|
192
|
-
children: l ?
|
|
214
|
+
...s,
|
|
215
|
+
children: l ? e ?? "Unfreeze" : n ?? "Freeze"
|
|
193
216
|
}
|
|
194
217
|
);
|
|
195
|
-
},
|
|
196
|
-
const
|
|
197
|
-
if (!
|
|
218
|
+
}, gt = ({ children: n, className: e, onClick: o, ...a }) => {
|
|
219
|
+
const s = t.useContext(w);
|
|
220
|
+
if (!s)
|
|
198
221
|
throw new Error("PrintAction should be used within <DataGrid>");
|
|
199
222
|
const c = (l) => {
|
|
200
|
-
|
|
201
|
-
const
|
|
223
|
+
s.api && (s.api.setGridOption("domLayout", "print"), setTimeout(() => {
|
|
224
|
+
const u = document.querySelector("[grid-id='" + s.gridId + "']"), d = `<html>
|
|
202
225
|
${document.head.innerHTML}
|
|
203
|
-
${
|
|
226
|
+
${u.outerHTML}
|
|
204
227
|
</html>`;
|
|
205
|
-
|
|
206
|
-
})),
|
|
228
|
+
X(d), s?.api?.setGridOption("domLayout", void 0);
|
|
229
|
+
})), o?.(l);
|
|
207
230
|
};
|
|
208
|
-
return /* @__PURE__ */
|
|
209
|
-
},
|
|
231
|
+
return /* @__PURE__ */ i(E, { variant: "toolbar", type: "button", className: C("mtx-p-0.5 mtx-w-6 mtx-h-6", e), onClick: c, ...a, children: n ?? /* @__PURE__ */ i(U, { className: "mtx-w-5 mtx-h-5" }) });
|
|
232
|
+
}, Ct = ({ className: n, onRefresh: e, children: o, loading: a, ...s }) => {
|
|
210
233
|
if (!t.useContext(w))
|
|
211
234
|
throw new Error("RefreshAction should be used within <DataGrid>");
|
|
212
235
|
const l = () => {
|
|
213
|
-
|
|
236
|
+
e();
|
|
214
237
|
};
|
|
215
|
-
return /* @__PURE__ */
|
|
216
|
-
|
|
238
|
+
return /* @__PURE__ */ i(
|
|
239
|
+
E,
|
|
217
240
|
{
|
|
218
|
-
className: C("mtx-p-0.5 mtx-w-6 mtx-h-6",
|
|
241
|
+
className: C("mtx-p-0.5 mtx-w-6 mtx-h-6", a && "disabled:mtx-bg-transparent", n),
|
|
219
242
|
variant: "toolbar",
|
|
220
243
|
type: "button",
|
|
221
244
|
onClick: l,
|
|
222
|
-
disabled:
|
|
223
|
-
...
|
|
224
|
-
children:
|
|
245
|
+
disabled: a,
|
|
246
|
+
...s,
|
|
247
|
+
children: o ?? /* @__PURE__ */ i(V, { className: C("mtx-w-4.5 mtx-h-4.5", a && "mtx-animate-spin") })
|
|
225
248
|
}
|
|
226
249
|
);
|
|
227
|
-
},
|
|
228
|
-
|
|
229
|
-
}, startIcon: /* @__PURE__ */
|
|
230
|
-
/* @__PURE__ */
|
|
231
|
-
/* @__PURE__ */
|
|
250
|
+
}, vt = ({ onDelete: n, children: e, ...o }) => /* @__PURE__ */ i(P, { variant: "danger", type: "button", onClick: () => {
|
|
251
|
+
n();
|
|
252
|
+
}, startIcon: /* @__PURE__ */ i($, { className: "mtx-w-4.5 mtx-h-4.5" }), ...o, children: e }), bt = ({ children: n, slotProps: e, className: o, ...a }) => /* @__PURE__ */ M(K, { ...e?.popoverProps ?? {}, children: [
|
|
253
|
+
/* @__PURE__ */ i(Y, { ...e?.triggerProps ?? {}, children: /* @__PURE__ */ i(j, { className: "mtx-w-4.5 mtx-h-4.5 mtx-text-primary" }) }),
|
|
254
|
+
/* @__PURE__ */ i(Z, { align: "end", className: C("mtx-w-40", o), ...a, children: n })
|
|
232
255
|
] });
|
|
233
256
|
export {
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
257
|
+
ft as DataGrid,
|
|
258
|
+
pt as DataGridActionBar,
|
|
259
|
+
nt as DataGridContent,
|
|
260
|
+
vt as DeleteAction,
|
|
261
|
+
bt as ExtraActions,
|
|
262
|
+
Rt as FreezeAction,
|
|
263
|
+
gt as PrintAction,
|
|
264
|
+
Ct as RefreshAction,
|
|
265
|
+
wt as SearchAction,
|
|
266
|
+
tt as dataGridDefaultTheme,
|
|
267
|
+
ht as useDataGrid
|
|
245
268
|
};
|
|
246
269
|
//# sourceMappingURL=datagrid.es.js.map
|