@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.
Files changed (35) hide show
  1. package/dist/components/filter/filter-date-range/filter-date-range-for-editor-field.d.ts +13 -0
  2. package/dist/components/filter/filter-merico-date-range/editor.d.ts +8 -0
  3. package/dist/components/filter/filter-merico-date-range/filter-merico-date-range-for-editor-field.d.ts +11 -0
  4. package/dist/components/filter/filter-merico-date-range/render.d.ts +13 -0
  5. package/dist/components/filter/filter-merico-date-range/widget/calendar/calendar.d.ts +8 -0
  6. package/dist/components/filter/filter-merico-date-range/widget/calendar/day-picker.d.ts +7 -0
  7. package/dist/components/filter/filter-merico-date-range/widget/calendar/index.d.ts +1 -0
  8. package/dist/components/filter/filter-merico-date-range/widget/calendar/month-picker.d.ts +7 -0
  9. package/dist/components/filter/filter-merico-date-range/widget/calendar/quarter-picker.d.ts +7 -0
  10. package/dist/components/filter/filter-merico-date-range/widget/calendar/use-get-day-props.d.ts +11 -0
  11. package/dist/components/filter/filter-merico-date-range/widget/calendar/utils.d.ts +3 -0
  12. package/dist/components/filter/filter-merico-date-range/widget/calendar/week-picker.d.ts +8 -0
  13. package/dist/components/filter/filter-merico-date-range/widget/count-days.d.ts +5 -0
  14. package/dist/components/filter/filter-merico-date-range/widget/index.d.ts +11 -0
  15. package/dist/components/filter/filter-merico-date-range/widget/select-step.d.ts +10 -0
  16. package/dist/components/filter/filter-merico-date-range/widget/shortcuts/index.d.ts +7 -0
  17. package/dist/components/filter/filter-merico-date-range/widget/shortcuts/shortcuts.d.ts +14 -0
  18. package/dist/components/filter/filter-merico-date-range/widget/utils.d.ts +4 -0
  19. package/dist/components/filter/filter-settings/filter-setting.d.ts +1 -0
  20. package/dist/dashboard-editor/model/filters/filter-model.d.ts +7 -0
  21. package/dist/dashboard-editor/model/filters/index.d.ts +63 -0
  22. package/dist/dashboard.es.js +7034 -6261
  23. package/dist/dashboard.umd.js +71 -71
  24. package/dist/i18n/en.d.ts +12 -0
  25. package/dist/i18n/zh.d.ts +12 -0
  26. package/dist/model/meta-model/dashboard/content/filter/filter.d.ts +9 -2
  27. package/dist/model/meta-model/dashboard/content/filter/types.d.ts +2 -1
  28. package/dist/model/meta-model/dashboard/content/filter/widgets/date-range.d.ts +1 -1
  29. package/dist/model/meta-model/dashboard/content/filter/widgets/index.d.ts +1 -0
  30. package/dist/model/meta-model/dashboard/content/filter/widgets/merico-date-range.d.ts +129 -0
  31. package/dist/model/render-model/dashboard/content/filters/filters.d.ts +49 -0
  32. package/dist/stats.html +1 -1
  33. package/dist/style.css +1 -1
  34. package/dist/version.json +2 -2
  35. 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 {};
@@ -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,3 @@
1
+ import dayjs from 'dayjs';
2
+ export declare function getStartOf(date: Date | null, step: string): dayjs.Dayjs | null;
3
+ export declare function getEndOf(date: Date | null, step: string): dayjs.Dayjs | null;
@@ -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,5 @@
1
+ import { DateValue } from '@mantine/dates';
2
+ export declare const CountDays: ({ begin, end }: {
3
+ begin: DateValue;
4
+ end: DateValue;
5
+ }) => import('./react/jsx-runtime').JSX.Element;
@@ -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,7 @@
1
+ import { MericoDateRangeValue } from '../../../../../model';
2
+ type Props = {
3
+ step: string;
4
+ onChange: (v: MericoDateRangeValue) => void;
5
+ };
6
+ export declare const Shortcuts: ({ onChange, step }: Props) => import('./react/jsx-runtime').JSX.Element;
7
+ 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;
@@ -7,6 +7,7 @@ export declare const filterTypeNames: {
7
7
  "text-input": string;
8
8
  checkbox: string;
9
9
  "date-range": string;
10
+ "merico-date-range": string;
10
11
  };
11
12
  type Props = {
12
13
  filter: FilterModelInstance;
@@ -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]>;