cx 25.2.0 → 25.3.1
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/manifest.js +606 -606
- package/dist/widgets.js +15 -4
- package/package.json +32 -32
- package/src/charts/Legend.js +167 -167
- package/src/charts/Legend.scss +40 -40
- package/src/charts/LegendEntry.js +128 -128
- package/src/charts/LegendEntry.scss +27 -27
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/PieChart.js +529 -529
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +280 -280
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/CategoryAxis.js +241 -241
- package/src/charts/axis/NumericAxis.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.d.ts +28 -28
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/PointReducer.js +47 -47
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/core.d.ts +40 -1
- package/src/data/Binding.spec.js +69 -69
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredSelector.js +132 -132
- package/src/data/View.d.ts +36 -12
- package/src/data/getAccessor.spec.js +11 -11
- package/src/data/getSelector.js +49 -49
- package/src/hooks/createLocalStorageRef.d.ts +3 -3
- package/src/hooks/createLocalStorageRef.js +20 -20
- package/src/index.scss +6 -6
- package/src/ui/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Instance.d.ts +72 -72
- package/src/ui/Instance.js +614 -614
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/ResizeManager.d.ts +4 -3
- package/src/ui/index.d.ts +42 -42
- package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
- package/src/ui/layout/ContentPlaceholder.js +105 -105
- package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
- package/src/ui/layout/LabelsTopLayout.js +134 -134
- package/src/util/date/encodeDate.d.ts +1 -1
- package/src/util/date/encodeDate.js +8 -8
- package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
- package/src/util/date/index.d.ts +11 -11
- package/src/util/date/index.js +11 -11
- package/src/util/date/parseDateInvariant.d.ts +3 -3
- package/src/util/date/parseDateInvariant.js +20 -20
- package/src/util/debounce.d.ts +3 -4
- package/src/util/getSearchQueryPredicate.js +59 -59
- package/src/util/index.d.ts +51 -51
- package/src/util/index.js +54 -54
- package/src/util/isValidIdentifierName.d.ts +1 -1
- package/src/util/isValidIdentifierName.js +5 -5
- package/src/util/isValidIdentifierName.spec.js +33 -33
- package/src/util/scss/add-rules.scss +38 -38
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/HtmlElement.d.ts +4 -0
- package/src/widgets/List.scss +91 -91
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.js +618 -618
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/Checkbox.scss +127 -127
- package/src/widgets/form/ColorField.js +397 -397
- package/src/widgets/form/ColorField.scss +96 -96
- package/src/widgets/form/ColorPicker.js +485 -480
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/DateTimeField.js +576 -576
- package/src/widgets/form/DateTimePicker.js +392 -392
- package/src/widgets/form/LookupField.d.ts +179 -179
- package/src/widgets/form/LookupField.scss +219 -219
- package/src/widgets/form/MonthField.d.ts +99 -99
- package/src/widgets/form/MonthField.js +523 -523
- package/src/widgets/form/MonthPicker.d.ts +76 -76
- package/src/widgets/form/MonthPicker.js +641 -641
- package/src/widgets/form/MonthPicker.scss +118 -118
- package/src/widgets/form/NumberField.js +459 -459
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +121 -121
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +290 -290
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/form/variables.scss +353 -353
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/Grid.js +3414 -3414
- package/src/widgets/grid/GridRow.js +228 -228
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +133 -133
- package/src/widgets/nav/LinkButton.js +3 -3
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Tooltip.js +308 -303
- package/src/widgets/overlay/Window.js +202 -202
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.js +11 -11
- package/src/widgets/variables.scss +144 -144
|
@@ -1,135 +1,135 @@
|
|
|
1
|
-
import {VDOM, getContent, contentAppend} from '../Widget';
|
|
2
|
-
import {Container} from '../Container';
|
|
3
|
-
import {PureContainer} from '../PureContainer';
|
|
4
|
-
import {isArray} from '../../util/isArray';
|
|
5
|
-
import {isUndefined} from '../../util/isUndefined';
|
|
6
|
-
import {isNumber} from "../../util/isNumber";
|
|
7
|
-
|
|
8
|
-
function validContent(r) {
|
|
9
|
-
let content = [];
|
|
10
|
-
for (let key in r)
|
|
11
|
-
if (key != "label")
|
|
12
|
-
contentAppend(content, r[key]);
|
|
13
|
-
return content;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export class LabelsTopLayout extends Container {
|
|
17
|
-
|
|
18
|
-
init() {
|
|
19
|
-
if (this.vertical && isUndefined(this.columns))
|
|
20
|
-
this.columns = 1;
|
|
21
|
-
|
|
22
|
-
super.init();
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
render(context, instance, key) {
|
|
26
|
-
let {children, data} = instance;
|
|
27
|
-
|
|
28
|
-
let state = {
|
|
29
|
-
rows: [],
|
|
30
|
-
currentRow: 0,
|
|
31
|
-
labelCells: [],
|
|
32
|
-
fieldCells: [],
|
|
33
|
-
rowCapacities: [this.columns]
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const processContent = (r) => {
|
|
37
|
-
if (!r)
|
|
38
|
-
return;
|
|
39
|
-
if (isArray(r.content) && r.useParentLayout)
|
|
40
|
-
r.content.forEach((x) => processContent(x));
|
|
41
|
-
else if (r.atomic && r.type == "layout-cell")
|
|
42
|
-
this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
|
|
43
|
-
else
|
|
44
|
-
this.addItem(state, r, {});
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
children.forEach(item => processContent(item.vdom));
|
|
48
|
-
|
|
49
|
-
this.addRow(state);
|
|
50
|
-
|
|
51
|
-
return <table key={key} className={data.classNames} style={data.style}>
|
|
52
|
-
<tbody>
|
|
53
|
-
{state.rows}
|
|
54
|
-
</tbody>
|
|
55
|
-
</table>;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
addRow(state) {
|
|
59
|
-
if (state.labelCells.length > 0)
|
|
60
|
-
state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
|
|
61
|
-
|
|
62
|
-
if (state.fieldCells.length > 0)
|
|
63
|
-
state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
|
|
64
|
-
|
|
65
|
-
state.labelCells = [];
|
|
66
|
-
state.fieldCells = [];
|
|
67
|
-
state.currentRow++;
|
|
68
|
-
if (state.currentRow == state.rowCapacities.length)
|
|
69
|
-
state.rowCapacities.push(this.columns);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
addItem(state, item, data) {
|
|
74
|
-
|
|
75
|
-
while (state.labelCells.length == state.rowCapacities[state.currentRow])
|
|
76
|
-
this.addRow(state);
|
|
77
|
-
|
|
78
|
-
if (data.rowSpan > 1) {
|
|
79
|
-
for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
|
|
80
|
-
if (row == state.rowCapacities.length)
|
|
81
|
-
state.rowCapacities.push(this.columns);
|
|
82
|
-
state.rowCapacities[row] -= data.colSpan || 1;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
if (data.colSpan > 1)
|
|
87
|
-
state.rowCapacities[state.currentRow] -= data.colSpan - 1;
|
|
88
|
-
|
|
89
|
-
state.labelCells.push(
|
|
90
|
-
<td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
|
|
91
|
-
{getContent(item.label)}
|
|
92
|
-
</td>
|
|
93
|
-
);
|
|
94
|
-
state.fieldCells.push(
|
|
95
|
-
<td className={this.CSS.element(this.baseClass, "field")}
|
|
96
|
-
key={state.fieldCells.length}
|
|
97
|
-
colSpan={data.colSpan}
|
|
98
|
-
rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
|
|
99
|
-
style={data.style}
|
|
100
|
-
>
|
|
101
|
-
{validContent(item)}
|
|
102
|
-
</td>
|
|
103
|
-
);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
|
|
108
|
-
LabelsTopLayout.prototype.vertical = false;
|
|
109
|
-
LabelsTopLayout.prototype.columns = undefined;
|
|
110
|
-
LabelsTopLayout.prototype.styled = true;
|
|
111
|
-
|
|
112
|
-
export class LabelsTopLayoutCell extends PureContainer {
|
|
113
|
-
|
|
114
|
-
declareData(...args) {
|
|
115
|
-
super.declareData(...args, {
|
|
116
|
-
colSpan: undefined,
|
|
117
|
-
rowSpan: undefined
|
|
118
|
-
})
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
render(context, instance, key) {
|
|
122
|
-
|
|
123
|
-
let { content } = this.renderChildren(context, instance);
|
|
124
|
-
|
|
125
|
-
return {
|
|
126
|
-
atomic: true,
|
|
127
|
-
type: 'layout-cell',
|
|
128
|
-
data: instance.data,
|
|
129
|
-
content
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
LabelsTopLayoutCell.prototype.styled = true;
|
|
1
|
+
import {VDOM, getContent, contentAppend} from '../Widget';
|
|
2
|
+
import {Container} from '../Container';
|
|
3
|
+
import {PureContainer} from '../PureContainer';
|
|
4
|
+
import {isArray} from '../../util/isArray';
|
|
5
|
+
import {isUndefined} from '../../util/isUndefined';
|
|
6
|
+
import {isNumber} from "../../util/isNumber";
|
|
7
|
+
|
|
8
|
+
function validContent(r) {
|
|
9
|
+
let content = [];
|
|
10
|
+
for (let key in r)
|
|
11
|
+
if (key != "label")
|
|
12
|
+
contentAppend(content, r[key]);
|
|
13
|
+
return content;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export class LabelsTopLayout extends Container {
|
|
17
|
+
|
|
18
|
+
init() {
|
|
19
|
+
if (this.vertical && isUndefined(this.columns))
|
|
20
|
+
this.columns = 1;
|
|
21
|
+
|
|
22
|
+
super.init();
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
render(context, instance, key) {
|
|
26
|
+
let {children, data} = instance;
|
|
27
|
+
|
|
28
|
+
let state = {
|
|
29
|
+
rows: [],
|
|
30
|
+
currentRow: 0,
|
|
31
|
+
labelCells: [],
|
|
32
|
+
fieldCells: [],
|
|
33
|
+
rowCapacities: [this.columns]
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const processContent = (r) => {
|
|
37
|
+
if (!r)
|
|
38
|
+
return;
|
|
39
|
+
if (isArray(r.content) && r.useParentLayout)
|
|
40
|
+
r.content.forEach((x) => processContent(x));
|
|
41
|
+
else if (r.atomic && r.type == "layout-cell")
|
|
42
|
+
this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
|
|
43
|
+
else
|
|
44
|
+
this.addItem(state, r, {});
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
children.forEach(item => processContent(item.vdom));
|
|
48
|
+
|
|
49
|
+
this.addRow(state);
|
|
50
|
+
|
|
51
|
+
return <table key={key} className={data.classNames} style={data.style}>
|
|
52
|
+
<tbody>
|
|
53
|
+
{state.rows}
|
|
54
|
+
</tbody>
|
|
55
|
+
</table>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
addRow(state) {
|
|
59
|
+
if (state.labelCells.length > 0)
|
|
60
|
+
state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
|
|
61
|
+
|
|
62
|
+
if (state.fieldCells.length > 0)
|
|
63
|
+
state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
|
|
64
|
+
|
|
65
|
+
state.labelCells = [];
|
|
66
|
+
state.fieldCells = [];
|
|
67
|
+
state.currentRow++;
|
|
68
|
+
if (state.currentRow == state.rowCapacities.length)
|
|
69
|
+
state.rowCapacities.push(this.columns);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
addItem(state, item, data) {
|
|
74
|
+
|
|
75
|
+
while (state.labelCells.length == state.rowCapacities[state.currentRow])
|
|
76
|
+
this.addRow(state);
|
|
77
|
+
|
|
78
|
+
if (data.rowSpan > 1) {
|
|
79
|
+
for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
|
|
80
|
+
if (row == state.rowCapacities.length)
|
|
81
|
+
state.rowCapacities.push(this.columns);
|
|
82
|
+
state.rowCapacities[row] -= data.colSpan || 1;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
if (data.colSpan > 1)
|
|
87
|
+
state.rowCapacities[state.currentRow] -= data.colSpan - 1;
|
|
88
|
+
|
|
89
|
+
state.labelCells.push(
|
|
90
|
+
<td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
|
|
91
|
+
{getContent(item.label)}
|
|
92
|
+
</td>
|
|
93
|
+
);
|
|
94
|
+
state.fieldCells.push(
|
|
95
|
+
<td className={this.CSS.element(this.baseClass, "field")}
|
|
96
|
+
key={state.fieldCells.length}
|
|
97
|
+
colSpan={data.colSpan}
|
|
98
|
+
rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
|
|
99
|
+
style={data.style}
|
|
100
|
+
>
|
|
101
|
+
{validContent(item)}
|
|
102
|
+
</td>
|
|
103
|
+
);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
|
|
108
|
+
LabelsTopLayout.prototype.vertical = false;
|
|
109
|
+
LabelsTopLayout.prototype.columns = undefined;
|
|
110
|
+
LabelsTopLayout.prototype.styled = true;
|
|
111
|
+
|
|
112
|
+
export class LabelsTopLayoutCell extends PureContainer {
|
|
113
|
+
|
|
114
|
+
declareData(...args) {
|
|
115
|
+
super.declareData(...args, {
|
|
116
|
+
colSpan: undefined,
|
|
117
|
+
rowSpan: undefined
|
|
118
|
+
})
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
render(context, instance, key) {
|
|
122
|
+
|
|
123
|
+
let { content } = this.renderChildren(context, instance);
|
|
124
|
+
|
|
125
|
+
return {
|
|
126
|
+
atomic: true,
|
|
127
|
+
type: 'layout-cell',
|
|
128
|
+
data: instance.data,
|
|
129
|
+
content
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
LabelsTopLayoutCell.prototype.styled = true;
|
|
135
135
|
LabelsTopLayoutCell.prototype.useParentLayout = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function encodeDate(date: Date): string;
|
|
1
|
+
export function encodeDate(date: Date): string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
function pad(num) {
|
|
2
|
-
const norm = Math.floor(Math.abs(num));
|
|
3
|
-
return (norm < 10 ? "0" : "") + norm;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export function encodeDate(date) {
|
|
7
|
-
return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate());
|
|
8
|
-
}
|
|
1
|
+
function pad(num) {
|
|
2
|
+
const norm = Math.floor(Math.abs(num));
|
|
3
|
+
return (norm < 10 ? "0" : "") + norm;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export function encodeDate(date) {
|
|
7
|
+
return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate());
|
|
8
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function encodeDateWithTimezoneOffset(date: Date): string;
|
|
1
|
+
export function encodeDateWithTimezoneOffset(date: Date): string;
|
package/src/util/date/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from "./dateDiff";
|
|
2
|
-
export * from "./zeroTime";
|
|
3
|
-
export * from "./monthStart";
|
|
4
|
-
export * from "./lowerBoundCheck";
|
|
5
|
-
export * from "./upperBoundCheck";
|
|
6
|
-
export * from "./maxDate";
|
|
7
|
-
export * from "./minDate";
|
|
8
|
-
export * from "./sameDate";
|
|
9
|
-
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
-
export * from "./encodeDate";
|
|
11
|
-
export * from "./parseDateInvariant";
|
|
1
|
+
export * from "./dateDiff";
|
|
2
|
+
export * from "./zeroTime";
|
|
3
|
+
export * from "./monthStart";
|
|
4
|
+
export * from "./lowerBoundCheck";
|
|
5
|
+
export * from "./upperBoundCheck";
|
|
6
|
+
export * from "./maxDate";
|
|
7
|
+
export * from "./minDate";
|
|
8
|
+
export * from "./sameDate";
|
|
9
|
+
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
+
export * from "./encodeDate";
|
|
11
|
+
export * from "./parseDateInvariant";
|
package/src/util/date/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from "./dateDiff";
|
|
2
|
-
export * from "./zeroTime";
|
|
3
|
-
export * from "./monthStart";
|
|
4
|
-
export * from "./lowerBoundCheck";
|
|
5
|
-
export * from "./upperBoundCheck";
|
|
6
|
-
export * from "./maxDate";
|
|
7
|
-
export * from "./minDate";
|
|
8
|
-
export * from "./sameDate";
|
|
9
|
-
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
-
export * from "./encodeDate";
|
|
11
|
-
export * from "./parseDateInvariant";
|
|
1
|
+
export * from "./dateDiff";
|
|
2
|
+
export * from "./zeroTime";
|
|
3
|
+
export * from "./monthStart";
|
|
4
|
+
export * from "./lowerBoundCheck";
|
|
5
|
+
export * from "./upperBoundCheck";
|
|
6
|
+
export * from "./maxDate";
|
|
7
|
+
export * from "./minDate";
|
|
8
|
+
export * from "./sameDate";
|
|
9
|
+
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
+
export * from "./encodeDate";
|
|
11
|
+
export * from "./parseDateInvariant";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export function parseDateInvariant(input: string | number | Date): Date;
|
|
2
|
-
|
|
3
|
-
export function overrideParseDateInvariant(newImpl: (input: string | number | Date) => Date): void;
|
|
1
|
+
export function parseDateInvariant(input: string | number | Date): Date;
|
|
2
|
+
|
|
3
|
+
export function overrideParseDateInvariant(newImpl: (input: string | number | Date) => Date): void;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
// This module addresses a common issue when handling date strings in the format "yyyy-MM-dd" usually returned by backends.
|
|
2
|
-
// In time zones earlier than UTC, creating a Date object from such a string can result in the date being shifted one day earlier.
|
|
3
|
-
// This happens because "yyyy-MM-dd" is interpreted as a UTC date at 00:00, and when the browser displays it in local time, it adjusts backward.
|
|
4
|
-
// To resolve this, the default implementation (`defaultInvariantParseDate`) appends " 00:00" to the date string,
|
|
5
|
-
// explicitly indicating local time. Custom parsing logic can also be registered dynamically using `registerInvariantParseDateImpl`
|
|
6
|
-
// to accommodate other formats or requirements.
|
|
7
|
-
function defaultParseDateInvariant(input) {
|
|
8
|
-
if (typeof input == "string" && input.length == 10 && input[4] == "-" && input[7] == "-")
|
|
9
|
-
return new Date(`${input} 00:00`);
|
|
10
|
-
return new Date(input);
|
|
11
|
-
}
|
|
12
|
-
let impl = defaultParseDateInvariant;
|
|
13
|
-
|
|
14
|
-
export function parseDateInvariant(input) {
|
|
15
|
-
return impl(input);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export function overrideParseDateInvariant(newImpl) {
|
|
19
|
-
impl = newImpl;
|
|
20
|
-
}
|
|
1
|
+
// This module addresses a common issue when handling date strings in the format "yyyy-MM-dd" usually returned by backends.
|
|
2
|
+
// In time zones earlier than UTC, creating a Date object from such a string can result in the date being shifted one day earlier.
|
|
3
|
+
// This happens because "yyyy-MM-dd" is interpreted as a UTC date at 00:00, and when the browser displays it in local time, it adjusts backward.
|
|
4
|
+
// To resolve this, the default implementation (`defaultInvariantParseDate`) appends " 00:00" to the date string,
|
|
5
|
+
// explicitly indicating local time. Custom parsing logic can also be registered dynamically using `registerInvariantParseDateImpl`
|
|
6
|
+
// to accommodate other formats or requirements.
|
|
7
|
+
function defaultParseDateInvariant(input) {
|
|
8
|
+
if (typeof input == "string" && input.length == 10 && input[4] == "-" && input[7] == "-")
|
|
9
|
+
return new Date(`${input} 00:00`);
|
|
10
|
+
return new Date(input);
|
|
11
|
+
}
|
|
12
|
+
let impl = defaultParseDateInvariant;
|
|
13
|
+
|
|
14
|
+
export function parseDateInvariant(input) {
|
|
15
|
+
return impl(input);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export function overrideParseDateInvariant(newImpl) {
|
|
19
|
+
impl = newImpl;
|
|
20
|
+
}
|
package/src/util/debounce.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
2
|
* Returns a function, that, as long as it continues to be invoked, will not
|
|
4
|
-
* trigger the `callback` function, until the `delay` amount of milliseconds has passed since the last call.
|
|
3
|
+
* trigger the `callback` function, until the `delay` amount of milliseconds has passed since the last call.
|
|
5
4
|
* All arguments are passed to the `callback` function.
|
|
6
5
|
* @param callback
|
|
7
|
-
* @param delay - Delay in milliseconds.
|
|
6
|
+
* @param delay - Delay in milliseconds.
|
|
8
7
|
* @returns {Function}
|
|
9
8
|
*/
|
|
10
|
-
export function debounce
|
|
9
|
+
export function debounce<T extends (...args: any[]) => void>(callback: T, delay: number): T;
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
|
|
2
|
-
|
|
3
|
-
function getTermsAndRegularExpressions(query) {
|
|
4
|
-
if (!query) return [[], []];
|
|
5
|
-
let terms = query.split(" ").filter(Boolean);
|
|
6
|
-
let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
|
|
7
|
-
return [terms, regexes];
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export function getSearchQueryPredicate(query, options) {
|
|
11
|
-
let [terms, regexes] = getTermsAndRegularExpressions(query);
|
|
12
|
-
if (terms.length == 0) return () => true;
|
|
13
|
-
if (regexes.length == 1) {
|
|
14
|
-
let regex = regexes[0];
|
|
15
|
-
return (text) => text && text.match(regex);
|
|
16
|
-
}
|
|
17
|
-
return (text) => text && regexes.every((re) => text.match(re));
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
var highlighterCache = {};
|
|
21
|
-
|
|
22
|
-
export function getSearchQueryHighlighter(query, options) {
|
|
23
|
-
let [terms, regexes] = getTermsAndRegularExpressions(query);
|
|
24
|
-
if (terms.length == 0) return (text) => [text];
|
|
25
|
-
|
|
26
|
-
if (highlighterCache[query]) return highlighterCache[query];
|
|
27
|
-
|
|
28
|
-
let result = (query) => {
|
|
29
|
-
query = new String(query);
|
|
30
|
-
let chunks = [query];
|
|
31
|
-
for (let i = 0; i < regexes.length; i++) {
|
|
32
|
-
let newChunks = [];
|
|
33
|
-
for (let j = 0; j < chunks.length; j++) {
|
|
34
|
-
let at = 0;
|
|
35
|
-
let chunk = chunks[j];
|
|
36
|
-
let parts = chunk.split(regexes[i]);
|
|
37
|
-
for (let k = 0; k < parts.length; k++) {
|
|
38
|
-
newChunks.push(parts[k]);
|
|
39
|
-
at += parts[k].length;
|
|
40
|
-
if (k < parts.length - 1) {
|
|
41
|
-
newChunks.push(chunk.substr(at, terms[i].length));
|
|
42
|
-
at += terms[i].length;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
chunks = newChunks;
|
|
47
|
-
}
|
|
48
|
-
return chunks;
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
if (options?.cache) {
|
|
52
|
-
highlighterCache[query] = result;
|
|
53
|
-
setTimeout(() => {
|
|
54
|
-
delete highlighterCache[query];
|
|
55
|
-
}, options?.cachePeriod || 5000);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
return result;
|
|
59
|
-
}
|
|
1
|
+
import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
|
|
2
|
+
|
|
3
|
+
function getTermsAndRegularExpressions(query) {
|
|
4
|
+
if (!query) return [[], []];
|
|
5
|
+
let terms = query.split(" ").filter(Boolean);
|
|
6
|
+
let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
|
|
7
|
+
return [terms, regexes];
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export function getSearchQueryPredicate(query, options) {
|
|
11
|
+
let [terms, regexes] = getTermsAndRegularExpressions(query);
|
|
12
|
+
if (terms.length == 0) return () => true;
|
|
13
|
+
if (regexes.length == 1) {
|
|
14
|
+
let regex = regexes[0];
|
|
15
|
+
return (text) => text && text.match(regex);
|
|
16
|
+
}
|
|
17
|
+
return (text) => text && regexes.every((re) => text.match(re));
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
var highlighterCache = {};
|
|
21
|
+
|
|
22
|
+
export function getSearchQueryHighlighter(query, options) {
|
|
23
|
+
let [terms, regexes] = getTermsAndRegularExpressions(query);
|
|
24
|
+
if (terms.length == 0) return (text) => [text];
|
|
25
|
+
|
|
26
|
+
if (highlighterCache[query]) return highlighterCache[query];
|
|
27
|
+
|
|
28
|
+
let result = (query) => {
|
|
29
|
+
query = new String(query);
|
|
30
|
+
let chunks = [query];
|
|
31
|
+
for (let i = 0; i < regexes.length; i++) {
|
|
32
|
+
let newChunks = [];
|
|
33
|
+
for (let j = 0; j < chunks.length; j++) {
|
|
34
|
+
let at = 0;
|
|
35
|
+
let chunk = chunks[j];
|
|
36
|
+
let parts = chunk.split(regexes[i]);
|
|
37
|
+
for (let k = 0; k < parts.length; k++) {
|
|
38
|
+
newChunks.push(parts[k]);
|
|
39
|
+
at += parts[k].length;
|
|
40
|
+
if (k < parts.length - 1) {
|
|
41
|
+
newChunks.push(chunk.substr(at, terms[i].length));
|
|
42
|
+
at += terms[i].length;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
chunks = newChunks;
|
|
47
|
+
}
|
|
48
|
+
return chunks;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
if (options?.cache) {
|
|
52
|
+
highlighterCache[query] = result;
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
delete highlighterCache[query];
|
|
55
|
+
}, options?.cachePeriod || 5000);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return result;
|
|
59
|
+
}
|
package/src/util/index.d.ts
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
export * from "./Console";
|
|
2
|
-
export * from "./Debug";
|
|
3
|
-
export * from "./DOM";
|
|
4
|
-
export * from "./Format";
|
|
5
|
-
export * from "./expandFatArrows";
|
|
6
|
-
export * from "./GlobalCacheIdentifier";
|
|
7
|
-
export * from "./innerTextTrim";
|
|
8
|
-
export * from "./isDigit";
|
|
9
|
-
export * from "./isPromise";
|
|
10
|
-
export * from "./isTouchDevice";
|
|
11
|
-
export * from "./KeyCode";
|
|
12
|
-
export * from "./parseStyle";
|
|
13
|
-
export * from "./quote";
|
|
14
|
-
export * from "./scrollElementIntoView";
|
|
15
|
-
export * from "./shallowEquals";
|
|
16
|
-
export * from "./Timing";
|
|
17
|
-
export * from "./date/index";
|
|
18
|
-
export * from "./color/index";
|
|
19
|
-
export * from "./getVendorPrefix";
|
|
20
|
-
export * from "./eventCallbacks";
|
|
21
|
-
export * from "./getSearchQueryPredicate";
|
|
22
|
-
export * from "./escapeSpecialRegexCharacters";
|
|
23
|
-
export * from "./browserSupportsPassiveEventHandlers";
|
|
24
|
-
export * from "./isTouchEvent";
|
|
25
|
-
export * from "./debounce";
|
|
26
|
-
export * from "./throttle";
|
|
27
|
-
export * from "./SubscriberList";
|
|
28
|
-
export * from "./findScrollableParent";
|
|
29
|
-
export * from "./getScrollerBoundingClientRect";
|
|
30
|
-
export * from "./isNonEmptyArray";
|
|
31
|
-
export * from "./isArray";
|
|
32
|
-
export * from "./isObject";
|
|
33
|
-
export * from "./isNumber";
|
|
34
|
-
export * from "./isFunction";
|
|
35
|
-
export * from "./isString";
|
|
36
|
-
export * from "./isUndefined";
|
|
37
|
-
export * from "./isDefined";
|
|
38
|
-
export * from "./routeAppend";
|
|
39
|
-
export * from "./reverseSlice";
|
|
40
|
-
export * from "./getTopLevelBoundingClientRect";
|
|
41
|
-
export * from "./getParentFrameBoundingClientRect";
|
|
42
|
-
export * from "./getActiveElement";
|
|
43
|
-
export * from "./Component";
|
|
44
|
-
export * from "./onIdleCallback";
|
|
45
|
-
export * from "./validatedDebounce";
|
|
46
|
-
export * from "./addEventListenerWithOptions";
|
|
47
|
-
export * from "./coalesce";
|
|
48
|
-
export * from "./dummyCallback";
|
|
49
|
-
export * from "./calculateNaturalElementHeight";
|
|
50
|
-
export * from "./isTextInputElement";
|
|
51
|
-
export * from "./isValidIdentifierName";
|
|
1
|
+
export * from "./Console";
|
|
2
|
+
export * from "./Debug";
|
|
3
|
+
export * from "./DOM";
|
|
4
|
+
export * from "./Format";
|
|
5
|
+
export * from "./expandFatArrows";
|
|
6
|
+
export * from "./GlobalCacheIdentifier";
|
|
7
|
+
export * from "./innerTextTrim";
|
|
8
|
+
export * from "./isDigit";
|
|
9
|
+
export * from "./isPromise";
|
|
10
|
+
export * from "./isTouchDevice";
|
|
11
|
+
export * from "./KeyCode";
|
|
12
|
+
export * from "./parseStyle";
|
|
13
|
+
export * from "./quote";
|
|
14
|
+
export * from "./scrollElementIntoView";
|
|
15
|
+
export * from "./shallowEquals";
|
|
16
|
+
export * from "./Timing";
|
|
17
|
+
export * from "./date/index";
|
|
18
|
+
export * from "./color/index";
|
|
19
|
+
export * from "./getVendorPrefix";
|
|
20
|
+
export * from "./eventCallbacks";
|
|
21
|
+
export * from "./getSearchQueryPredicate";
|
|
22
|
+
export * from "./escapeSpecialRegexCharacters";
|
|
23
|
+
export * from "./browserSupportsPassiveEventHandlers";
|
|
24
|
+
export * from "./isTouchEvent";
|
|
25
|
+
export * from "./debounce";
|
|
26
|
+
export * from "./throttle";
|
|
27
|
+
export * from "./SubscriberList";
|
|
28
|
+
export * from "./findScrollableParent";
|
|
29
|
+
export * from "./getScrollerBoundingClientRect";
|
|
30
|
+
export * from "./isNonEmptyArray";
|
|
31
|
+
export * from "./isArray";
|
|
32
|
+
export * from "./isObject";
|
|
33
|
+
export * from "./isNumber";
|
|
34
|
+
export * from "./isFunction";
|
|
35
|
+
export * from "./isString";
|
|
36
|
+
export * from "./isUndefined";
|
|
37
|
+
export * from "./isDefined";
|
|
38
|
+
export * from "./routeAppend";
|
|
39
|
+
export * from "./reverseSlice";
|
|
40
|
+
export * from "./getTopLevelBoundingClientRect";
|
|
41
|
+
export * from "./getParentFrameBoundingClientRect";
|
|
42
|
+
export * from "./getActiveElement";
|
|
43
|
+
export * from "./Component";
|
|
44
|
+
export * from "./onIdleCallback";
|
|
45
|
+
export * from "./validatedDebounce";
|
|
46
|
+
export * from "./addEventListenerWithOptions";
|
|
47
|
+
export * from "./coalesce";
|
|
48
|
+
export * from "./dummyCallback";
|
|
49
|
+
export * from "./calculateNaturalElementHeight";
|
|
50
|
+
export * from "./isTextInputElement";
|
|
51
|
+
export * from "./isValidIdentifierName";
|