@devtable/dashboard 14.47.0 → 14.48.0
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/filter/filter-date-range/filter-date-range-for-editor-field.d.ts +13 -0
- package/dist/components/filter/filter-merico-date-range/editor.d.ts +8 -0
- package/dist/components/filter/filter-merico-date-range/filter-merico-date-range-for-editor-field.d.ts +11 -0
- package/dist/components/filter/filter-merico-date-range/render.d.ts +13 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/calendar.d.ts +8 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/day-picker.d.ts +7 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/index.d.ts +1 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/month-picker.d.ts +7 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/quarter-picker.d.ts +7 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/use-get-day-props.d.ts +11 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/utils.d.ts +3 -0
- package/dist/components/filter/filter-merico-date-range/widget/calendar/week-picker.d.ts +8 -0
- package/dist/components/filter/filter-merico-date-range/widget/count-days.d.ts +5 -0
- package/dist/components/filter/filter-merico-date-range/widget/index.d.ts +11 -0
- package/dist/components/filter/filter-merico-date-range/widget/select-step.d.ts +10 -0
- package/dist/components/filter/filter-merico-date-range/widget/shortcuts/index.d.ts +7 -0
- package/dist/components/filter/filter-merico-date-range/widget/shortcuts/shortcuts.d.ts +14 -0
- package/dist/components/filter/filter-merico-date-range/widget/utils.d.ts +4 -0
- package/dist/components/filter/filter-settings/filter-setting.d.ts +1 -0
- package/dist/dashboard-editor/model/filters/filter-model.d.ts +7 -0
- package/dist/dashboard-editor/model/filters/index.d.ts +63 -0
- package/dist/dashboard.es.js +7034 -6261
- package/dist/dashboard.umd.js +71 -71
- package/dist/i18n/en.d.ts +12 -0
- package/dist/i18n/zh.d.ts +12 -0
- package/dist/model/meta-model/dashboard/content/filter/filter.d.ts +9 -2
- package/dist/model/meta-model/dashboard/content/filter/types.d.ts +2 -1
- package/dist/model/meta-model/dashboard/content/filter/widgets/date-range.d.ts +1 -1
- package/dist/model/meta-model/dashboard/content/filter/widgets/index.d.ts +1 -0
- package/dist/model/meta-model/dashboard/content/filter/widgets/merico-date-range.d.ts +129 -0
- package/dist/model/render-model/dashboard/content/filters/filters.d.ts +49 -0
- package/dist/stats.html +1 -1
- package/dist/style.css +1 -1
- package/dist/version.json +2 -2
- package/package.json +10 -10
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DateRangeValue } from '../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: DateRangeValue;
|
|
5
|
+
onChange: (v: DateRangeValue) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
inputFormat: string;
|
|
8
|
+
required: boolean;
|
|
9
|
+
max_days: number;
|
|
10
|
+
};
|
|
11
|
+
export declare const formatDateRangeValue: (value: DateRangeValue) => DateRangeValue;
|
|
12
|
+
export declare const FilterDateRangeForEditorField: ({ label, value, onChange, disabled, inputFormat, required, max_days, }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FilterMetaInstance } from '../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
filter: FilterMetaInstance;
|
|
4
|
+
};
|
|
5
|
+
export declare const FilterEditorMericoDateRange: (({ filter }: Props) => import('./react/jsx-runtime').JSX.Element) & {
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MericoDateRangeValue } from '../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: MericoDateRangeValue;
|
|
5
|
+
onChange: (v: MericoDateRangeValue) => void;
|
|
6
|
+
inputFormat: string;
|
|
7
|
+
required: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const formatDateRangeValue: (value: MericoDateRangeValue) => MericoDateRangeValue;
|
|
10
|
+
export declare const FilterMericoDateRangeForEditorField: ({ label, value, onChange, inputFormat, required, }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FilterMericoDateRangeConfigInstance, MericoDateRangeValue } from '../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
label: string;
|
|
4
|
+
config: FilterMericoDateRangeConfigInstance;
|
|
5
|
+
value: MericoDateRangeValue;
|
|
6
|
+
onChange: (v: MericoDateRangeValue) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const formatMericoDateRangeValue: (value: MericoDateRangeValue) => MericoDateRangeValue;
|
|
10
|
+
export declare const FilterMericoDateRange: (({ label, config, value, onChange, disabled }: Props) => import('./react/jsx-runtime').JSX.Element) & {
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
onChange: (v: DateRangeValue_Value) => void;
|
|
5
|
+
close: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const Calendar: ({ value, onChange, close }: Props) => string | import('./react/jsx-runtime').JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
handleRangeChange: (value: DateRangeValue_Value) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const DayPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './calendar';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
handleRangeChange: (value: DateRangeValue_Value) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const MonthPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
handleRangeChange: (value: DateRangeValue_Value) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const QuarterPicker: ({ value, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
7
|
+
export {};
|
package/dist/components/filter/filter-merico-date-range/widget/calendar/use-get-day-props.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type HandleCalendarChange = (value: MericoDateRangeValue['value']) => void;
|
|
3
|
+
export declare const useGetDayProps: (value: MericoDateRangeValue, handleChange: HandleCalendarChange, readonly: boolean) => {
|
|
4
|
+
getDayProps: (date: Date) => {
|
|
5
|
+
inRange: boolean;
|
|
6
|
+
firstInRange: boolean;
|
|
7
|
+
lastInRange: boolean;
|
|
8
|
+
selected: boolean;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DateRangeValue_Value, MericoDateRangeValue } from '../../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
onChange: (v: DateRangeValue_Value) => void;
|
|
5
|
+
handleRangeChange: (v: DateRangeValue_Value) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const WeekPicker: ({ value, onChange, handleRangeChange }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MericoDateRangeValue } from '../../../../model';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: MericoDateRangeValue;
|
|
4
|
+
onChange: (v: MericoDateRangeValue) => void;
|
|
5
|
+
label: string;
|
|
6
|
+
required: boolean;
|
|
7
|
+
inputFormat: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const MericoDateRangeWidget: ({ label, required, value, onChange, inputFormat, disabled }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from './react';
|
|
2
|
+
import { MericoDateRangeValue } from '../../../../model';
|
|
3
|
+
type Props = {
|
|
4
|
+
label: ReactNode | null;
|
|
5
|
+
value: MericoDateRangeValue['step'];
|
|
6
|
+
onChange: (v: MericoDateRangeValue['step']) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const SelectStep: ({ label, value, onChange, className }: Props) => import('./react/jsx-runtime').JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import _ from 'lodash';
|
|
2
|
+
import { MericoDateRangeValue } from '../../../../../model';
|
|
3
|
+
export type GetRange = (step: string) => MericoDateRangeValue;
|
|
4
|
+
type Shrotcut = {
|
|
5
|
+
key: string;
|
|
6
|
+
value: string;
|
|
7
|
+
group: 'last' | 'recent' | 'this' | 'this_so_far';
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
getRange: GetRange;
|
|
10
|
+
};
|
|
11
|
+
export declare const getMericoDateRangeShortcuts: (step: string) => Shrotcut[];
|
|
12
|
+
export declare function getMericoDateRangeShortcutValue(shortcutValue: string | null, step: string): MericoDateRangeValue | null;
|
|
13
|
+
export declare function getMericoShortcutsInGroups(step: string): _.Dictionary<Shrotcut[]>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
import { DateRangeValue_Value } from '../../../../model';
|
|
3
|
+
export declare function formatDatesWithStep(begin: Date | null, end: Date | null, step: string): DateRangeValue_Value;
|
|
4
|
+
export declare function formatWithStep(begin: Dayjs | null, end: Dayjs | null, step: string): DateRangeValue_Value;
|
|
@@ -37,6 +37,13 @@ export declare const FilterModel: import("mobx-state-tree").IModelType<{
|
|
|
37
37
|
default_shortcut: string;
|
|
38
38
|
max_days: number;
|
|
39
39
|
allowSingleDateInRange: boolean;
|
|
40
|
+
} | {
|
|
41
|
+
default_value: (string | null)[];
|
|
42
|
+
required: boolean;
|
|
43
|
+
_name: "merico-date-range";
|
|
44
|
+
inputFormat: "YYYY/MM/DD";
|
|
45
|
+
default_shortcut: string;
|
|
46
|
+
default_step: string;
|
|
40
47
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
41
48
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
42
49
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -20,6 +20,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
20
20
|
default_shortcut: string;
|
|
21
21
|
max_days: number;
|
|
22
22
|
allowSingleDateInRange: boolean;
|
|
23
|
+
} | {
|
|
24
|
+
default_value: (string | null)[];
|
|
25
|
+
required: boolean;
|
|
26
|
+
_name: "merico-date-range";
|
|
27
|
+
inputFormat: "YYYY/MM/DD";
|
|
28
|
+
default_shortcut: string;
|
|
29
|
+
default_step: string;
|
|
23
30
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
24
31
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
25
32
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -150,6 +157,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
150
157
|
default_shortcut: string;
|
|
151
158
|
max_days: number;
|
|
152
159
|
allowSingleDateInRange: boolean;
|
|
160
|
+
} | {
|
|
161
|
+
default_value: (string | null)[];
|
|
162
|
+
required: boolean;
|
|
163
|
+
_name: "merico-date-range";
|
|
164
|
+
inputFormat: "YYYY/MM/DD";
|
|
165
|
+
default_shortcut: string;
|
|
166
|
+
default_step: string;
|
|
153
167
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
154
168
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
155
169
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -346,6 +360,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
346
360
|
default_shortcut: string;
|
|
347
361
|
max_days: number;
|
|
348
362
|
allowSingleDateInRange: boolean;
|
|
363
|
+
} | {
|
|
364
|
+
default_value: (string | null)[];
|
|
365
|
+
required: boolean;
|
|
366
|
+
_name: "merico-date-range";
|
|
367
|
+
inputFormat: "YYYY/MM/DD";
|
|
368
|
+
default_shortcut: string;
|
|
369
|
+
default_step: string;
|
|
349
370
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
350
371
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
351
372
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -517,6 +538,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
517
538
|
default_shortcut: string;
|
|
518
539
|
max_days: number;
|
|
519
540
|
allowSingleDateInRange: boolean;
|
|
541
|
+
} | {
|
|
542
|
+
default_value: (string | null)[];
|
|
543
|
+
required: boolean;
|
|
544
|
+
_name: "merico-date-range";
|
|
545
|
+
inputFormat: "YYYY/MM/DD";
|
|
546
|
+
default_shortcut: string;
|
|
547
|
+
default_step: string;
|
|
520
548
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
521
549
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
522
550
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -688,6 +716,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
688
716
|
default_shortcut: string;
|
|
689
717
|
max_days: number;
|
|
690
718
|
allowSingleDateInRange: boolean;
|
|
719
|
+
} | {
|
|
720
|
+
default_value: (string | null)[];
|
|
721
|
+
required: boolean;
|
|
722
|
+
_name: "merico-date-range";
|
|
723
|
+
inputFormat: "YYYY/MM/DD";
|
|
724
|
+
default_shortcut: string;
|
|
725
|
+
default_step: string;
|
|
691
726
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
692
727
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
693
728
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -859,6 +894,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
859
894
|
default_shortcut: string;
|
|
860
895
|
max_days: number;
|
|
861
896
|
allowSingleDateInRange: boolean;
|
|
897
|
+
} | {
|
|
898
|
+
default_value: (string | null)[];
|
|
899
|
+
required: boolean;
|
|
900
|
+
_name: "merico-date-range";
|
|
901
|
+
inputFormat: "YYYY/MM/DD";
|
|
902
|
+
default_shortcut: string;
|
|
903
|
+
default_step: string;
|
|
862
904
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
863
905
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
864
906
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -1031,6 +1073,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
1031
1073
|
default_shortcut: string;
|
|
1032
1074
|
max_days: number;
|
|
1033
1075
|
allowSingleDateInRange: boolean;
|
|
1076
|
+
} | {
|
|
1077
|
+
default_value: (string | null)[];
|
|
1078
|
+
required: boolean;
|
|
1079
|
+
_name: "merico-date-range";
|
|
1080
|
+
inputFormat: "YYYY/MM/DD";
|
|
1081
|
+
default_shortcut: string;
|
|
1082
|
+
default_step: string;
|
|
1034
1083
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
1035
1084
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
1036
1085
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -1235,6 +1284,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
1235
1284
|
default_shortcut: string;
|
|
1236
1285
|
max_days: number;
|
|
1237
1286
|
allowSingleDateInRange: boolean;
|
|
1287
|
+
} | {
|
|
1288
|
+
default_value: (string | null)[];
|
|
1289
|
+
required: boolean;
|
|
1290
|
+
_name: "merico-date-range";
|
|
1291
|
+
inputFormat: "YYYY/MM/DD";
|
|
1292
|
+
default_shortcut: string;
|
|
1293
|
+
default_step: string;
|
|
1238
1294
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
1239
1295
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
1240
1296
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
@@ -1364,6 +1420,13 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
|
|
|
1364
1420
|
default_shortcut: string;
|
|
1365
1421
|
max_days: number;
|
|
1366
1422
|
allowSingleDateInRange: boolean;
|
|
1423
|
+
} | {
|
|
1424
|
+
default_value: (string | null)[];
|
|
1425
|
+
required: boolean;
|
|
1426
|
+
_name: "merico-date-range";
|
|
1427
|
+
inputFormat: "YYYY/MM/DD";
|
|
1428
|
+
default_shortcut: string;
|
|
1429
|
+
default_step: string;
|
|
1367
1430
|
} | import("mobx-state-tree").ModelSnapshotType<{
|
|
1368
1431
|
_name: import("mobx-state-tree").ISimpleType<"multi-select">;
|
|
1369
1432
|
min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|