@hitachivantara/uikit-react-core 3.63.0 → 3.66.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/AssetInventory/ListView/ListView.js +1 -1
- package/dist/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/Chart/Plot/Plot.d.ts +3 -3
- package/dist/SimpleGrid/SimpleGrid.d.ts +17 -0
- package/dist/SimpleGrid/SimpleGrid.js +73 -0
- package/dist/SimpleGrid/SimpleGrid.js.map +1 -0
- package/dist/SimpleGrid/index.d.ts +2 -0
- package/dist/SimpleGrid/index.js +16 -0
- package/dist/SimpleGrid/index.js.map +1 -0
- package/dist/SimpleGrid/styles.js +99 -0
- package/dist/SimpleGrid/styles.js.map +1 -0
- package/dist/Stack/Stack.d.ts +46 -0
- package/dist/Stack/Stack.js +195 -0
- package/dist/Stack/Stack.js.map +1 -0
- package/dist/Stack/index.d.ts +2 -0
- package/dist/Stack/index.js +16 -0
- package/dist/Stack/index.js.map +1 -0
- package/dist/Stack/styles.js +39 -0
- package/dist/Stack/styles.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js +112 -0
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/index.js +21 -0
- package/dist/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/styles.js +32 -0
- package/dist/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/TimePicker/TimePicker.d.ts +140 -0
- package/dist/TimePicker/TimePicker.js +748 -0
- package/dist/TimePicker/TimePicker.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js +243 -0
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/index.js +21 -0
- package/dist/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/styles.js +75 -0
- package/dist/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/TimePicker/enums.js +43 -0
- package/dist/TimePicker/enums.js.map +1 -0
- package/dist/TimePicker/index.d.ts +2 -0
- package/dist/TimePicker/index.js +16 -0
- package/dist/TimePicker/index.js.map +1 -0
- package/dist/TimePicker/styles.js +134 -0
- package/dist/TimePicker/styles.js.map +1 -0
- package/dist/TimePicker/timePickerConverter.js +90 -0
- package/dist/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/TimePicker/timePickerFormatter.js +81 -0
- package/dist/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/TimePicker/timePickerUtils.js +36 -0
- package/dist/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/legacy/AssetInventory/ListView/ListView.js +1 -1
- package/dist/legacy/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/legacy/Chart/Plot/Plot.d.ts +3 -3
- package/dist/legacy/SimpleGrid/SimpleGrid.d.ts +17 -0
- package/dist/legacy/SimpleGrid/SimpleGrid.js +59 -0
- package/dist/legacy/SimpleGrid/SimpleGrid.js.map +1 -0
- package/dist/legacy/SimpleGrid/index.d.ts +2 -0
- package/dist/legacy/SimpleGrid/index.js +2 -0
- package/dist/legacy/SimpleGrid/index.js.map +1 -0
- package/dist/legacy/SimpleGrid/styles.js +81 -0
- package/dist/legacy/SimpleGrid/styles.js.map +1 -0
- package/dist/legacy/Stack/Stack.d.ts +46 -0
- package/dist/legacy/Stack/Stack.js +156 -0
- package/dist/legacy/Stack/Stack.js.map +1 -0
- package/dist/legacy/Stack/index.d.ts +2 -0
- package/dist/legacy/Stack/index.js +2 -0
- package/dist/legacy/Stack/index.js.map +1 -0
- package/dist/legacy/Stack/styles.js +31 -0
- package/dist/legacy/Stack/styles.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js +78 -0
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/index.js +7 -0
- package/dist/legacy/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/styles.js +24 -0
- package/dist/legacy/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/TimePicker.d.ts +140 -0
- package/dist/legacy/TimePicker/TimePicker.js +696 -0
- package/dist/legacy/TimePicker/TimePicker.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js +206 -0
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/index.js +7 -0
- package/dist/legacy/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/styles.js +58 -0
- package/dist/legacy/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/enums.js +33 -0
- package/dist/legacy/TimePicker/enums.js.map +1 -0
- package/dist/legacy/TimePicker/index.d.ts +2 -0
- package/dist/legacy/TimePicker/index.js +2 -0
- package/dist/legacy/TimePicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/styles.js +117 -0
- package/dist/legacy/TimePicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerConverter.js +71 -0
- package/dist/legacy/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerFormatter.js +66 -0
- package/dist/legacy/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerUtils.js +27 -0
- package/dist/legacy/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/legacy/index.d.ts +3 -0
- package/dist/legacy/index.js +1 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/AssetInventory/AssetInventory.js +1 -0
- package/dist/modern/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/modern/AssetInventory/ListView/ListView.js +2 -1
- package/dist/modern/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/modern/AssetInventory/Search/Search.js +1 -0
- package/dist/modern/AssetInventory/Search/Search.js.map +1 -1
- package/dist/modern/BaseDropdown/BaseDropdown.js +1 -0
- package/dist/modern/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/modern/BreadCrumb/utils.js +1 -0
- package/dist/modern/BreadCrumb/utils.js.map +1 -1
- package/dist/modern/Chart/Plot/Plot.d.ts +3 -3
- package/dist/modern/FilterGroup/RightPanel/RightPanel.js +1 -0
- package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/modern/Focus/Focus.js +1 -0
- package/dist/modern/Focus/Focus.js.map +1 -1
- package/dist/modern/List/List.js +5 -2
- package/dist/modern/List/List.js.map +1 -1
- package/dist/modern/SimpleGrid/SimpleGrid.d.ts +17 -0
- package/dist/modern/SimpleGrid/SimpleGrid.js +60 -0
- package/dist/modern/SimpleGrid/SimpleGrid.js.map +1 -0
- package/dist/modern/SimpleGrid/index.d.ts +2 -0
- package/dist/modern/SimpleGrid/index.js +2 -0
- package/dist/modern/SimpleGrid/index.js.map +1 -0
- package/dist/modern/SimpleGrid/styles.js +68 -0
- package/dist/modern/SimpleGrid/styles.js.map +1 -0
- package/dist/modern/Stack/Stack.d.ts +46 -0
- package/dist/modern/Stack/Stack.js +145 -0
- package/dist/modern/Stack/Stack.js.map +1 -0
- package/dist/modern/Stack/index.d.ts +2 -0
- package/dist/modern/Stack/index.js +2 -0
- package/dist/modern/Stack/index.js.map +1 -0
- package/dist/modern/Stack/styles.js +29 -0
- package/dist/modern/Stack/styles.js.map +1 -0
- package/dist/modern/Table/Table.js +1 -0
- package/dist/modern/Table/Table.js.map +1 -1
- package/dist/modern/Table/checkBoxUtils.js +1 -0
- package/dist/modern/Table/checkBoxUtils.js.map +1 -1
- package/dist/modern/TagsInput/TagsInput.js +1 -0
- package/dist/modern/TagsInput/TagsInput.js.map +1 -1
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js +75 -0
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/modern/TimePicker/PeriodPicker/index.js +7 -0
- package/dist/modern/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/modern/TimePicker/PeriodPicker/styles.js +22 -0
- package/dist/modern/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/TimePicker.d.ts +140 -0
- package/dist/modern/TimePicker/TimePicker.js +659 -0
- package/dist/modern/TimePicker/TimePicker.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js +191 -0
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/index.js +7 -0
- package/dist/modern/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/styles.js +49 -0
- package/dist/modern/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/enums.js +32 -0
- package/dist/modern/TimePicker/enums.js.map +1 -0
- package/dist/modern/TimePicker/index.d.ts +2 -0
- package/dist/modern/TimePicker/index.js +2 -0
- package/dist/modern/TimePicker/index.js.map +1 -0
- package/dist/modern/TimePicker/styles.js +108 -0
- package/dist/modern/TimePicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/timePickerConverter.js +66 -0
- package/dist/modern/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/modern/TimePicker/timePickerFormatter.js +65 -0
- package/dist/modern/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/modern/TimePicker/timePickerUtils.js +26 -0
- package/dist/modern/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/modern/index.d.ts +3 -0
- package/dist/modern/index.js +1 -0
- package/dist/modern/index.js.map +1 -1
- package/package.json +19 -20
- package/CHANGELOG.md +0 -4480
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.keys.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.symbol.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.array.filter.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.object.to-string.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
12
|
+
|
|
13
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
14
|
+
|
|
15
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
16
|
+
|
|
17
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.default = void 0;
|
|
23
|
+
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
+
|
|
30
|
+
var icon = {
|
|
31
|
+
position: "absolute",
|
|
32
|
+
right: 0,
|
|
33
|
+
bottom: 0,
|
|
34
|
+
width: "30px",
|
|
35
|
+
height: "30px"
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var styles = function styles(theme) {
|
|
39
|
+
return {
|
|
40
|
+
input: _objectSpread(_objectSpread({
|
|
41
|
+
border: "none",
|
|
42
|
+
height: "30px",
|
|
43
|
+
width: "100%",
|
|
44
|
+
background: "white",
|
|
45
|
+
fontFamily: theme.hv.typography.fontFamily
|
|
46
|
+
}, theme.hv.typography.normalText), {}, {
|
|
47
|
+
"&:focus": {
|
|
48
|
+
outline: "none"
|
|
49
|
+
},
|
|
50
|
+
"&::placeholder": _objectSpread({}, theme.hv.typography.placeholderText)
|
|
51
|
+
}),
|
|
52
|
+
inputPopperOpenedBelow: {
|
|
53
|
+
boxShadow: "0 10px 12px #fff"
|
|
54
|
+
},
|
|
55
|
+
inputPopperOpenedAbove: {
|
|
56
|
+
boxShadow: "0 -10px 12px #fff"
|
|
57
|
+
},
|
|
58
|
+
inputPopperClosed: {
|
|
59
|
+
border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6)
|
|
60
|
+
},
|
|
61
|
+
inputContainer: {
|
|
62
|
+
position: "relative",
|
|
63
|
+
background: theme.hv.palette.atmosphere.atmo1,
|
|
64
|
+
height: "32px",
|
|
65
|
+
paddingLeft: "".concat(theme.hv.spacing.xs, "px"),
|
|
66
|
+
paddingRight: "".concat(theme.hv.spacing.md, "px")
|
|
67
|
+
},
|
|
68
|
+
labelContainer: {
|
|
69
|
+
display: "flex",
|
|
70
|
+
alignItems: "flex-start"
|
|
71
|
+
},
|
|
72
|
+
icon: _objectSpread(_objectSpread({}, icon), {}, {
|
|
73
|
+
cursor: "pointer"
|
|
74
|
+
}),
|
|
75
|
+
timePickerContainer: {
|
|
76
|
+
position: "relative",
|
|
77
|
+
minWidth: "175px"
|
|
78
|
+
},
|
|
79
|
+
label: {
|
|
80
|
+
marginBottom: 6,
|
|
81
|
+
display: "block"
|
|
82
|
+
},
|
|
83
|
+
timePopperContainer: {
|
|
84
|
+
backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo1),
|
|
85
|
+
zIndex: "10",
|
|
86
|
+
display: "flex",
|
|
87
|
+
flexDirection: "row",
|
|
88
|
+
justifyContent: "center",
|
|
89
|
+
alignItems: "center",
|
|
90
|
+
padding: "".concat(theme.hv.spacing.sm, "px"),
|
|
91
|
+
userSelect: "none",
|
|
92
|
+
minWidth: "175px"
|
|
93
|
+
},
|
|
94
|
+
separator: _objectSpread(_objectSpread({}, theme.hv.typography.sTitle), {}, {
|
|
95
|
+
width: 8,
|
|
96
|
+
position: "relative",
|
|
97
|
+
top: -8,
|
|
98
|
+
paddingLeft: 2
|
|
99
|
+
}),
|
|
100
|
+
formElementRoot: {
|
|
101
|
+
position: "relative"
|
|
102
|
+
},
|
|
103
|
+
iconBaseRoot: {
|
|
104
|
+
position: "absolute",
|
|
105
|
+
top: "-1px",
|
|
106
|
+
right: "-1px"
|
|
107
|
+
},
|
|
108
|
+
dropdownInputRootFocused: {
|
|
109
|
+
boxShadow: "none"
|
|
110
|
+
},
|
|
111
|
+
dropdownPlaceholder: {
|
|
112
|
+
color: theme.hv.palette.accent.acce1
|
|
113
|
+
},
|
|
114
|
+
dropdownPlaceholderDisabled: {
|
|
115
|
+
color: theme.hv.palette.atmosphere.atmo5
|
|
116
|
+
},
|
|
117
|
+
dropdownHeaderInvalid: {
|
|
118
|
+
border: "1px solid ".concat(theme.hv.palette.semantic.sema4),
|
|
119
|
+
"&:hover": {
|
|
120
|
+
border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
dropdownHeaderOpen: {
|
|
124
|
+
border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
|
|
125
|
+
"&:hover": {
|
|
126
|
+
border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1)
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
var _default = styles;
|
|
133
|
+
exports.default = _default;
|
|
134
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TimePicker/styles.js"],"names":["icon","position","right","bottom","width","height","styles","theme","input","border","background","fontFamily","hv","typography","normalText","outline","placeholderText","inputPopperOpenedBelow","boxShadow","inputPopperOpenedAbove","inputPopperClosed","palette","atmosphere","atmo6","inputContainer","atmo1","paddingLeft","spacing","xs","paddingRight","md","labelContainer","display","alignItems","cursor","timePickerContainer","minWidth","label","marginBottom","timePopperContainer","backgroundColor","zIndex","flexDirection","justifyContent","padding","sm","userSelect","separator","sTitle","top","formElementRoot","iconBaseRoot","dropdownInputRootFocused","dropdownPlaceholder","color","accent","acce1","dropdownPlaceholderDisabled","atmo5","dropdownHeaderInvalid","semantic","sema4","dropdownHeaderOpen"],"mappings":"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","sourcesContent":["const icon = {\n position: \"absolute\",\n right: 0,\n bottom: 0,\n width: \"30px\",\n height: \"30px\",\n};\n\nconst styles = (theme) => ({\n input: {\n border: \"none\",\n height: \"30px\",\n width: \"100%\",\n background: \"white\",\n fontFamily: theme.hv.typography.fontFamily,\n ...theme.hv.typography.normalText,\n \"&:focus\": {\n outline: \"none\",\n },\n \"&::placeholder\": {\n ...theme.hv.typography.placeholderText,\n },\n },\n inputPopperOpenedBelow: {\n boxShadow: \"0 10px 12px #fff\",\n },\n inputPopperOpenedAbove: {\n boxShadow: \"0 -10px 12px #fff\",\n },\n inputPopperClosed: {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n },\n inputContainer: {\n position: \"relative\",\n background: theme.hv.palette.atmosphere.atmo1,\n height: \"32px\",\n paddingLeft: `${theme.hv.spacing.xs}px`,\n paddingRight: `${theme.hv.spacing.md}px`,\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n icon: {\n ...icon,\n cursor: \"pointer\",\n },\n timePickerContainer: {\n position: \"relative\",\n minWidth: \"175px\",\n },\n label: {\n marginBottom: 6,\n display: \"block\",\n },\n timePopperContainer: {\n backgroundColor: `${theme.hv.palette.atmosphere.atmo1}`,\n zIndex: \"10\",\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: `${theme.hv.spacing.sm}px`,\n userSelect: \"none\",\n minWidth: \"175px\",\n },\n separator: {\n ...theme.hv.typography.sTitle,\n width: 8,\n position: \"relative\",\n top: -8,\n paddingLeft: 2,\n },\n\n formElementRoot: {\n position: \"relative\",\n },\n\n iconBaseRoot: {\n position: \"absolute\",\n top: \"-1px\",\n right: \"-1px\",\n },\n\n dropdownInputRootFocused: {\n boxShadow: \"none\",\n },\n dropdownPlaceholder: {\n color: theme.hv.palette.accent.acce1,\n },\n dropdownPlaceholderDisabled: {\n color: theme.hv.palette.atmosphere.atmo5,\n },\n dropdownHeaderInvalid: {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n \"&:hover\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n\n dropdownHeaderOpen: {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n \"&:hover\": {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n },\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.keys.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.symbol.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.array.filter.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.object.to-string.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
12
|
+
|
|
13
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
14
|
+
|
|
15
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
16
|
+
|
|
17
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.getTimeWithFormat24 = exports.getHoursForTimeFormat = void 0;
|
|
23
|
+
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
|
|
26
|
+
var _timePickerUtils = require("./timePickerUtils");
|
|
27
|
+
|
|
28
|
+
var _enums = require("./enums");
|
|
29
|
+
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Gets hours for the passed time format.
|
|
36
|
+
* e.g. 20hours in 12h format is set to 8
|
|
37
|
+
* @param {Number} hours - current hours
|
|
38
|
+
* @param {String} timeFormat - AM/PM
|
|
39
|
+
*
|
|
40
|
+
* @returns {Number} - hours in the correct format
|
|
41
|
+
*/
|
|
42
|
+
var getHoursForTimeFormat = function getHoursForTimeFormat(hours, timeFormat) {
|
|
43
|
+
if (timeFormat === _enums.TimeFormat.H12) {
|
|
44
|
+
if (hours == null || hours === 0) {
|
|
45
|
+
return _enums.TimePickerUnits.HOUR_12.max;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
if ((0, _timePickerUtils.isUnitTimeInValidRange)(hours, _enums.TimePickerUnits.HOUR_12.type)) {
|
|
49
|
+
return hours;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
if ((0, _timePickerUtils.isUnitTimeInValidRange)(hours, _enums.TimePickerUnits.HOUR_24.type)) {
|
|
53
|
+
return hours - _enums.TimePickerUnits.HOUR_12.max;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
return hours;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* Gets the time in 24h format
|
|
61
|
+
* e.g. 08:00:00:PM in 12h format is set to 20:00:00
|
|
62
|
+
* @param {Object} time - object with hours, minutes, seconds and period
|
|
63
|
+
* @param {String} timeFormat - AM/PM
|
|
64
|
+
*
|
|
65
|
+
* @returns {Object} - time object (hours, minutes, seconds and period) with the hours set
|
|
66
|
+
* into the correct format
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
exports.getHoursForTimeFormat = getHoursForTimeFormat;
|
|
71
|
+
|
|
72
|
+
var getTimeWithFormat24 = function getTimeWithFormat24(time, timeFormat) {
|
|
73
|
+
var hours = time.hours,
|
|
74
|
+
period = time.period;
|
|
75
|
+
|
|
76
|
+
var timeIn24Format = _objectSpread({}, time);
|
|
77
|
+
|
|
78
|
+
if (timeFormat === _enums.TimeFormat.H12) {
|
|
79
|
+
if (period === _enums.PeriodPickerOptions.AM && hours === _enums.TimePickerUnits.HOUR_12.max) {
|
|
80
|
+
timeIn24Format.hours = _enums.TimePickerUnits.HOUR_24.min;
|
|
81
|
+
} else if (period === _enums.PeriodPickerOptions.PM && hours < _enums.TimePickerUnits.HOUR_12.max) {
|
|
82
|
+
timeIn24Format.hours = hours + _enums.TimePickerUnits.HOUR_12.max;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return timeIn24Format;
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
exports.getTimeWithFormat24 = getTimeWithFormat24;
|
|
90
|
+
//# sourceMappingURL=timePickerConverter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TimePicker/timePickerConverter.js"],"names":["getHoursForTimeFormat","hours","timeFormat","TimeFormat","H12","TimePickerUnits","HOUR_12","max","type","HOUR_24","getTimeWithFormat24","time","period","timeIn24Format","PeriodPickerOptions","AM","min","PM"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAQC,UAAR,EAAuB;AACnD,MAAIA,UAAU,KAAKC,kBAAWC,GAA9B,EAAmC;AACjC,QAAIH,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,CAA/B,EAAkC;AAChC,aAAOI,uBAAgBC,OAAhB,CAAwBC,GAA/B;AACD;;AACD,QAAI,6CAAuBN,KAAvB,EAA8BI,uBAAgBC,OAAhB,CAAwBE,IAAtD,CAAJ,EAAiE;AAC/D,aAAOP,KAAP;AACD;;AACD,QAAI,6CAAuBA,KAAvB,EAA8BI,uBAAgBI,OAAhB,CAAwBD,IAAtD,CAAJ,EAAiE;AAC/D,aAAOP,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAvC;AACD;AACF;;AACD,SAAON,KAAP;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAAOT,UAAP,EAAsB;AAChD,MAAQD,KAAR,GAA0BU,IAA1B,CAAQV,KAAR;AAAA,MAAeW,MAAf,GAA0BD,IAA1B,CAAeC,MAAf;;AACA,MAAMC,cAAc,qBAAQF,IAAR,CAApB;;AACA,MAAIT,UAAU,KAAKC,kBAAWC,GAA9B,EAAmC;AACjC,QAAIQ,MAAM,KAAKE,2BAAoBC,EAA/B,IAAqCd,KAAK,KAAKI,uBAAgBC,OAAhB,CAAwBC,GAA3E,EAAgF;AAC9EM,MAAAA,cAAc,CAACZ,KAAf,GAAuBI,uBAAgBI,OAAhB,CAAwBO,GAA/C;AACD,KAFD,MAEO,IAAIJ,MAAM,KAAKE,2BAAoBG,EAA/B,IAAqChB,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAzE,EAA8E;AACnFM,MAAAA,cAAc,CAACZ,KAAf,GAAuBA,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAvD;AACD;AACF;;AACD,SAAOM,cAAP;AACD,CAXD","sourcesContent":["import { isUnitTimeInValidRange } from \"./timePickerUtils\";\nimport { TimeFormat, PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets hours for the passed time format.\n * e.g. 20hours in 12h format is set to 8\n * @param {Number} hours - current hours\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Number} - hours in the correct format\n */\nconst getHoursForTimeFormat = (hours, timeFormat) => {\n if (timeFormat === TimeFormat.H12) {\n if (hours == null || hours === 0) {\n return TimePickerUnits.HOUR_12.max;\n }\n if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_12.type)) {\n return hours;\n }\n if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_24.type)) {\n return hours - TimePickerUnits.HOUR_12.max;\n }\n }\n return hours;\n};\n\n/**\n * Gets the time in 24h format\n * e.g. 08:00:00:PM in 12h format is set to 20:00:00\n * @param {Object} time - object with hours, minutes, seconds and period\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Object} - time object (hours, minutes, seconds and period) with the hours set\n * into the correct format\n */\nconst getTimeWithFormat24 = (time, timeFormat) => {\n const { hours, period } = time;\n const timeIn24Format = { ...time };\n if (timeFormat === TimeFormat.H12) {\n if (period === PeriodPickerOptions.AM && hours === TimePickerUnits.HOUR_12.max) {\n timeIn24Format.hours = TimePickerUnits.HOUR_24.min;\n } else if (period === PeriodPickerOptions.PM && hours < TimePickerUnits.HOUR_12.max) {\n timeIn24Format.hours = hours + TimePickerUnits.HOUR_12.max;\n }\n }\n return timeIn24Format;\n};\n\nexport { getHoursForTimeFormat, getTimeWithFormat24 };\n"],"file":"timePickerConverter.js"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.padTime = exports.getTimeFormatForLocale = exports.getFormattedTime = void 0;
|
|
7
|
+
|
|
8
|
+
require("core-js/modules/es.object.to-string.js");
|
|
9
|
+
|
|
10
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
11
|
+
|
|
12
|
+
require("core-js/modules/es.array.concat.js");
|
|
13
|
+
|
|
14
|
+
var _enums = require("./enums");
|
|
15
|
+
|
|
16
|
+
var _timePickerConverter = require("./timePickerConverter");
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Pads the unit time values so that they always have two digits
|
|
20
|
+
* @param {Number} value - unit time value
|
|
21
|
+
* @returns The unit time value with two digits
|
|
22
|
+
*/
|
|
23
|
+
var padTime = function padTime(value) {
|
|
24
|
+
if (value == null || value === "" || value < 0) {
|
|
25
|
+
return value === null || value === void 0 ? void 0 : value.toString();
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
if (value < 10 && value.toString().length === 1) {
|
|
29
|
+
return "0".concat(value.toString());
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return value.toString();
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Gets the time format for a given locale
|
|
36
|
+
* @param {String} locale - locale
|
|
37
|
+
* @returns {TimeFormat} the time format for the given locale (12 or 24)
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
exports.padTime = padTime;
|
|
42
|
+
|
|
43
|
+
var getTimeFormatForLocale = function getTimeFormatForLocale(locale) {
|
|
44
|
+
var options = {
|
|
45
|
+
hour: "numeric"
|
|
46
|
+
};
|
|
47
|
+
var dateTimeFormat = new Intl.DateTimeFormat(locale, options);
|
|
48
|
+
var isInHour12Format = dateTimeFormat.resolvedOptions().hour12;
|
|
49
|
+
return isInHour12Format ? _enums.TimeFormat.H12 : _enums.TimeFormat.H24;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Formats the time to be rendered
|
|
53
|
+
* @param {Object} time - time object to be rendered
|
|
54
|
+
* @param {Number} time.hours - hours
|
|
55
|
+
* @param {Number} time.minutes - minutes
|
|
56
|
+
* @param {Number} time.seconds - seconds
|
|
57
|
+
* @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format
|
|
58
|
+
*
|
|
59
|
+
* @returns {String} formatted time
|
|
60
|
+
*/
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
exports.getTimeFormatForLocale = getTimeFormatForLocale;
|
|
64
|
+
|
|
65
|
+
var getFormattedTime = function getFormattedTime(time, timeFormat) {
|
|
66
|
+
var hours = time.hours,
|
|
67
|
+
minutes = time.minutes,
|
|
68
|
+
seconds = time.seconds,
|
|
69
|
+
period = time.period;
|
|
70
|
+
var isInHour12Format = timeFormat === _enums.TimeFormat.H12 || timeFormat == null && period != null;
|
|
71
|
+
|
|
72
|
+
if (isInHour12Format) {
|
|
73
|
+
var p = period !== null && period !== void 0 ? period : hours > 12 ? _enums.PeriodPickerOptions.PM : _enums.PeriodPickerOptions.AM;
|
|
74
|
+
return "".concat(padTime((0, _timePickerConverter.getHoursForTimeFormat)(hours, _enums.TimeFormat.H12)), ":").concat(padTime(minutes), ":").concat(padTime(seconds), " ").concat(p);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
return "".concat(padTime(hours), ":").concat(padTime(minutes), ":").concat(padTime(seconds));
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
exports.getFormattedTime = getFormattedTime;
|
|
81
|
+
//# sourceMappingURL=timePickerFormatter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TimePicker/timePickerFormatter.js"],"names":["padTime","value","toString","length","getTimeFormatForLocale","locale","options","hour","dateTimeFormat","Intl","DateTimeFormat","isInHour12Format","resolvedOptions","hour12","TimeFormat","H12","H24","getFormattedTime","time","timeFormat","hours","minutes","seconds","period","p","PeriodPickerOptions","PM","AM"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAIA,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA3B,IAAiCA,KAAK,GAAG,CAA7C,EAAgD;AAC9C,WAAOA,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,QAAP,EAAP;AACD;;AACD,MAAID,KAAK,GAAG,EAAR,IAAcA,KAAK,CAACC,QAAN,GAAiBC,MAAjB,KAA4B,CAA9C,EAAiD;AAC/C,sBAAWF,KAAK,CAACC,QAAN,EAAX;AACD;;AACD,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CARD;AAUA;AACA;AACA;AACA;AACA;;;;;AACA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAY;AACzC,MAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AADQ,GAAhB;AAGA,MAAMC,cAAc,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBL,MAAxB,EAAgCC,OAAhC,CAAvB;AACA,MAAMK,gBAAgB,GAAGH,cAAc,CAACI,eAAf,GAAiCC,MAA1D;AACA,SAAOF,gBAAgB,GAAGG,kBAAWC,GAAd,GAAoBD,kBAAWE,GAAtD;AACD,CAPD;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAAsB;AAC7C,MAAQC,KAAR,GAA4CF,IAA5C,CAAQE,KAAR;AAAA,MAAeC,OAAf,GAA4CH,IAA5C,CAAeG,OAAf;AAAA,MAAwBC,OAAxB,GAA4CJ,IAA5C,CAAwBI,OAAxB;AAAA,MAAiCC,MAAjC,GAA4CL,IAA5C,CAAiCK,MAAjC;AAEA,MAAMZ,gBAAgB,GAAGQ,UAAU,KAAKL,kBAAWC,GAA1B,IAAkCI,UAAU,IAAI,IAAd,IAAsBI,MAAM,IAAI,IAA3F;;AAEA,MAAIZ,gBAAJ,EAAsB;AACpB,QAAMa,CAAC,GAAGD,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAcH,KAAK,GAAG,EAAR,GAAaK,2BAAoBC,EAAjC,GAAsCD,2BAAoBE,EAA/E;AACA,qBAAU3B,OAAO,CAAC,gDAAsBoB,KAAtB,EAA6BN,kBAAWC,GAAxC,CAAD,CAAjB,cAAmEf,OAAO,CAACqB,OAAD,CAA1E,cAAuFrB,OAAO,CAC5FsB,OAD4F,CAA9F,cAEKE,CAFL;AAGD;;AAED,mBAAUxB,OAAO,CAACoB,KAAD,CAAjB,cAA4BpB,OAAO,CAACqB,OAAD,CAAnC,cAAgDrB,OAAO,CAACsB,OAAD,CAAvD;AACD,CAbD","sourcesContent":["import { TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getHoursForTimeFormat } from \"./timePickerConverter\";\n\n/**\n * Pads the unit time values so that they always have two digits\n * @param {Number} value - unit time value\n * @returns The unit time value with two digits\n */\nconst padTime = (value) => {\n if (value == null || value === \"\" || value < 0) {\n return value?.toString();\n }\n if (value < 10 && value.toString().length === 1) {\n return `0${value.toString()}`;\n }\n return value.toString();\n};\n\n/**\n * Gets the time format for a given locale\n * @param {String} locale - locale\n * @returns {TimeFormat} the time format for the given locale (12 or 24)\n */\nconst getTimeFormatForLocale = (locale) => {\n const options = {\n hour: \"numeric\",\n };\n const dateTimeFormat = new Intl.DateTimeFormat(locale, options);\n const isInHour12Format = dateTimeFormat.resolvedOptions().hour12;\n return isInHour12Format ? TimeFormat.H12 : TimeFormat.H24;\n};\n\n/**\n * Formats the time to be rendered\n * @param {Object} time - time object to be rendered\n * @param {Number} time.hours - hours\n * @param {Number} time.minutes - minutes\n * @param {Number} time.seconds - seconds\n * @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format\n *\n * @returns {String} formatted time\n */\nconst getFormattedTime = (time, timeFormat) => {\n const { hours, minutes, seconds, period } = time;\n\n const isInHour12Format = timeFormat === TimeFormat.H12 || (timeFormat == null && period != null);\n\n if (isInHour12Format) {\n const p = period ?? (hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM);\n return `${padTime(getHoursForTimeFormat(hours, TimeFormat.H12))}:${padTime(minutes)}:${padTime(\n seconds\n )} ${p}`;\n }\n\n return `${padTime(hours)}:${padTime(minutes)}:${padTime(seconds)}`;\n};\n\nexport { padTime, getFormattedTime, getTimeFormatForLocale };\n"],"file":"timePickerFormatter.js"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.isUnitTimeInValidRange = exports.getPeriodForDate = void 0;
|
|
7
|
+
|
|
8
|
+
var _enums = require("./enums");
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Gets the period(am/pm) for a given time
|
|
12
|
+
* @param {Date} date - Date to get the period from. The default date is the current one.
|
|
13
|
+
* @returns {String} - AM or PM
|
|
14
|
+
*/
|
|
15
|
+
var getPeriodForDate = function getPeriodForDate() {
|
|
16
|
+
var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
|
|
17
|
+
var hours = date.getHours();
|
|
18
|
+
return hours < 12 ? _enums.PeriodPickerOptions.AM : _enums.PeriodPickerOptions.PM;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Checks if the unit time value is inside the acceptable range
|
|
22
|
+
*
|
|
23
|
+
* @param {Number} value - unit time value
|
|
24
|
+
* @param {String} type - unit time type. One of the TimePickerUnits types.
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
exports.getPeriodForDate = getPeriodForDate;
|
|
29
|
+
|
|
30
|
+
var isUnitTimeInValidRange = function isUnitTimeInValidRange(value, type) {
|
|
31
|
+
var timeUnit = _enums.TimePickerUnits[type];
|
|
32
|
+
return value !== "" && value >= timeUnit.min && value <= timeUnit.max;
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
exports.isUnitTimeInValidRange = isUnitTimeInValidRange;
|
|
36
|
+
//# sourceMappingURL=timePickerUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TimePicker/timePickerUtils.js"],"names":["getPeriodForDate","date","Date","hours","getHours","PeriodPickerOptions","AM","PM","isUnitTimeInValidRange","value","type","timeUnit","TimePickerUnits","min","max"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAuB;AAAA,MAAtBC,IAAsB,uEAAf,IAAIC,IAAJ,EAAe;AAC9C,MAAMC,KAAK,GAAGF,IAAI,CAACG,QAAL,EAAd;AACA,SAAOD,KAAK,GAAG,EAAR,GAAaE,2BAAoBC,EAAjC,GAAsCD,2BAAoBE,EAAjE;AACD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AAC9C,MAAMC,QAAQ,GAAGC,uBAAgBF,IAAhB,CAAjB;AACA,SAAOD,KAAK,KAAK,EAAV,IAAgBA,KAAK,IAAIE,QAAQ,CAACE,GAAlC,IAAyCJ,KAAK,IAAIE,QAAQ,CAACG,GAAlE;AACD,CAHD","sourcesContent":["import { PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets the period(am/pm) for a given time\n * @param {Date} date - Date to get the period from. The default date is the current one.\n * @returns {String} - AM or PM\n */\nconst getPeriodForDate = (date = new Date()) => {\n const hours = date.getHours();\n return hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM;\n};\n\n/**\n * Checks if the unit time value is inside the acceptable range\n *\n * @param {Number} value - unit time value\n * @param {String} type - unit time type. One of the TimePickerUnits types.\n */\nconst isUnitTimeInValidRange = (value, type) => {\n const timeUnit = TimePickerUnits[type];\n return value !== \"\" && value >= timeUnit.min && value <= timeUnit.max;\n};\n\nexport { getPeriodForDate, isUnitTimeInValidRange };\n"],"file":"timePickerUtils.js"}
|
package/dist/index.d.ts
CHANGED
|
@@ -157,6 +157,9 @@ export * from "./Snackbar/SnackbarContentWrapper";
|
|
|
157
157
|
|
|
158
158
|
export { default as HvSnackbarProvider, useHvSnackbar } from "./Snackbar/SnackbarProvider";
|
|
159
159
|
|
|
160
|
+
export { default as HvStack } from "./Stack";
|
|
161
|
+
export * from "./Stack";
|
|
162
|
+
|
|
160
163
|
export { default as HvTab } from "./Tab";
|
|
161
164
|
export * from "./Tab";
|
|
162
165
|
|
package/dist/index.js
CHANGED
|
@@ -75,6 +75,7 @@ var _exportNames = {
|
|
|
75
75
|
HvSnackbarContent: true,
|
|
76
76
|
HvSnackbarProvider: true,
|
|
77
77
|
useHvSnackbar: true,
|
|
78
|
+
HvStack: true,
|
|
78
79
|
HvTab: true,
|
|
79
80
|
HvTag: true,
|
|
80
81
|
HvTable: true,
|
|
@@ -434,6 +435,12 @@ Object.defineProperty(exports, "HvSnackbarProvider", {
|
|
|
434
435
|
return _SnackbarProvider.default;
|
|
435
436
|
}
|
|
436
437
|
});
|
|
438
|
+
Object.defineProperty(exports, "HvStack", {
|
|
439
|
+
enumerable: true,
|
|
440
|
+
get: function get() {
|
|
441
|
+
return _Stack.default;
|
|
442
|
+
}
|
|
443
|
+
});
|
|
437
444
|
Object.defineProperty(exports, "HvSwitch", {
|
|
438
445
|
enumerable: true,
|
|
439
446
|
get: function get() {
|
|
@@ -833,6 +840,8 @@ var _SnackbarContentWrapper = _interopRequireDefault(require("./Snackbar/Snackba
|
|
|
833
840
|
|
|
834
841
|
var _SnackbarProvider = _interopRequireWildcard(require("./Snackbar/SnackbarProvider"));
|
|
835
842
|
|
|
843
|
+
var _Stack = _interopRequireDefault(require("./Stack"));
|
|
844
|
+
|
|
836
845
|
var _Tab = _interopRequireDefault(require("./Tab"));
|
|
837
846
|
|
|
838
847
|
var _Tag = _interopRequireDefault(require("./Tag"));
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAIA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"file":"index.js"}
|
|
@@ -139,7 +139,7 @@ process.env.NODE_ENV !== "production" ? ListView.propTypes = {
|
|
|
139
139
|
* List column configuration.
|
|
140
140
|
*/
|
|
141
141
|
columnConfiguration: PropTypes.arrayOf(PropTypes.shape({
|
|
142
|
-
title: PropTypes.
|
|
142
|
+
title: PropTypes.string,
|
|
143
143
|
style: PropTypes.instanceOf(Object)
|
|
144
144
|
})),
|
|
145
145
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/AssetInventory/ListView/ListView.js"],"names":["React","useRef","PropTypes","clsx","withStyles","ListViewContextProvider","ListViewHeaderRow","Grid","styles","Rows","renderer","values","selectedValues","viewConfiguration","metadata","map","value","index","checked","includes","id","ListView","className","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","string","node","shape","onSelection","func","isSelectable","bool","arrayOf","title","String","style","instanceOf","Object","actions","isRequired","label","icon","oneOfType","disabled","actionsCallback","maxVisibleActions","number","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextProvider } from \"./ListViewContext/ListViewContext\";\nimport ListViewHeaderRow from \"./ListViewHeaderRow\";\nimport Grid from \"../../Grid\";\nimport styles from \"./styles\";\n\nconst Rows = ({ renderer, values, selectedValues, viewConfiguration, metadata }) =>\n values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = selectedValues && selectedValues.includes(value.id);\n return renderer(value, index, viewConfiguration, metadata);\n });\n\nconst ListView = ({\n className,\n id,\n viewConfiguration,\n classes,\n renderer,\n values,\n selectedValues,\n metadata,\n emptyComponent,\n ...others\n}) => {\n const hasValues = values.length > 0;\n\n const renderGridDisplay = (containerRef) => {\n const enhancedViewConfiguration = {\n containerRef,\n ...viewConfiguration,\n };\n\n return (\n <Grid container justifyContent=\"center\" alignContent=\"stretch\">\n <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n <div\n id={id}\n aria-rowcount={values.length}\n className={clsx(className, classes.root)}\n {...others}\n >\n {viewConfiguration?.columnConfiguration?.length > 0 && hasValues && (\n <div className={classes.tableHead}>\n <ListViewHeaderRow viewConfiguration={enhancedViewConfiguration} />\n </div>\n )}\n <ul className={classes.tableBody}>\n <ListViewContextProvider value={enhancedViewConfiguration}>\n <Rows\n classes={classes}\n renderer={renderer}\n values={values}\n selectedValues={selectedValues}\n metadata={metadata}\n viewConfiguration={enhancedViewConfiguration}\n containerRef={containerRef}\n />\n </ListViewContextProvider>\n </ul>\n </div>\n </Grid>\n </Grid>\n );\n };\n const containerRef = useRef(null);\n return (\n <>\n {!hasValues && emptyComponent}\n {hasValues && (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>{renderGridDisplay(containerRef)}</div>\n </div>\n )}\n </>\n );\n};\n\nListView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List column configuration.\n */\n columnConfiguration: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.String,\n style: PropTypes.instanceOf(Object),\n })\n ),\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n }),\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n /**\n * Styles applied to the table header.\n */\n tableHead: PropTypes.string,\n /**\n * Styles applied to the table body.\n */\n tableBody: PropTypes.string,\n }).isRequired,\n /**\n * The function that will be used to render the list,\n * it receives the values one bye one, is recommended to use\n * the list View cell and list view Row to construct the renderer\n */\n renderer: PropTypes.func.isRequired,\n /**\n * The values that will be passed to the renderer one by one\n */\n values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n};\n\nexport default withStyles(styles, { name: \"HvListView\" })(ListView);\n"],"file":"ListView.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/AssetInventory/ListView/ListView.js"],"names":["React","useRef","PropTypes","clsx","withStyles","ListViewContextProvider","ListViewHeaderRow","Grid","styles","Rows","renderer","values","selectedValues","viewConfiguration","metadata","map","value","index","checked","includes","id","ListView","className","classes","emptyComponent","others","hasValues","length","renderGridDisplay","containerRef","enhancedViewConfiguration","root","columnConfiguration","tableHead","tableBody","elements","propTypes","string","node","shape","onSelection","func","isSelectable","bool","arrayOf","title","style","instanceOf","Object","actions","isRequired","label","icon","oneOfType","disabled","actionsCallback","maxVisibleActions","number","accessor","cellType","oneOf","sortable","sortFunction","searchable","searchFunction","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { ListViewContextProvider } from \"./ListViewContext/ListViewContext\";\nimport ListViewHeaderRow from \"./ListViewHeaderRow\";\nimport Grid from \"../../Grid\";\nimport styles from \"./styles\";\n\nconst Rows = ({ renderer, values, selectedValues, viewConfiguration, metadata }) =>\n values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = selectedValues && selectedValues.includes(value.id);\n return renderer(value, index, viewConfiguration, metadata);\n });\n\nconst ListView = ({\n className,\n id,\n viewConfiguration,\n classes,\n renderer,\n values,\n selectedValues,\n metadata,\n emptyComponent,\n ...others\n}) => {\n const hasValues = values.length > 0;\n\n const renderGridDisplay = (containerRef) => {\n const enhancedViewConfiguration = {\n containerRef,\n ...viewConfiguration,\n };\n\n return (\n <Grid container justifyContent=\"center\" alignContent=\"stretch\">\n <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>\n <div\n id={id}\n aria-rowcount={values.length}\n className={clsx(className, classes.root)}\n {...others}\n >\n {viewConfiguration?.columnConfiguration?.length > 0 && hasValues && (\n <div className={classes.tableHead}>\n <ListViewHeaderRow viewConfiguration={enhancedViewConfiguration} />\n </div>\n )}\n <ul className={classes.tableBody}>\n <ListViewContextProvider value={enhancedViewConfiguration}>\n <Rows\n classes={classes}\n renderer={renderer}\n values={values}\n selectedValues={selectedValues}\n metadata={metadata}\n viewConfiguration={enhancedViewConfiguration}\n containerRef={containerRef}\n />\n </ListViewContextProvider>\n </ul>\n </div>\n </Grid>\n </Grid>\n );\n };\n const containerRef = useRef(null);\n return (\n <>\n {!hasValues && emptyComponent}\n {hasValues && (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>{renderGridDisplay(containerRef)}</div>\n </div>\n )}\n </>\n );\n};\n\nListView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List column configuration.\n */\n columnConfiguration: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n style: PropTypes.instanceOf(Object),\n })\n ),\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n }),\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n /**\n * Styles applied to the table header.\n */\n tableHead: PropTypes.string,\n /**\n * Styles applied to the table body.\n */\n tableBody: PropTypes.string,\n }).isRequired,\n /**\n * The function that will be used to render the list,\n * it receives the values one bye one, is recommended to use\n * the list View cell and list view Row to construct the renderer\n */\n renderer: PropTypes.func.isRequired,\n /**\n * The values that will be passed to the renderer one by one\n */\n values: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n};\n\nexport default withStyles(styles, { name: \"HvListView\" })(ListView);\n"],"file":"ListView.js"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StandardProps } from "@material-ui/core";
|
|
3
|
-
import type { Config, Layout,
|
|
3
|
+
import type { Config, Layout, Data as PlotlyPlotData } from "plotly.js";
|
|
4
4
|
|
|
5
5
|
export type PlotData = PlotlyPlotData;
|
|
6
6
|
export type PlotLayout = Layout;
|
|
@@ -17,11 +17,11 @@ export interface HvPlotProps
|
|
|
17
17
|
/**
|
|
18
18
|
* Plotly layout object.
|
|
19
19
|
*/
|
|
20
|
-
layout?: PlotLayout
|
|
20
|
+
layout?: Partial<PlotLayout>;
|
|
21
21
|
/**
|
|
22
22
|
* Plotly config object.
|
|
23
23
|
*/
|
|
24
|
-
config?: PlotConfig
|
|
24
|
+
config?: Partial<PlotConfig>;
|
|
25
25
|
/**
|
|
26
26
|
* OnHover function.
|
|
27
27
|
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FunctionComponent } from "react";
|
|
2
|
+
|
|
3
|
+
export type Spacing = "xs" | "sm" | "md" | "lg";
|
|
4
|
+
export type Breakpoints = {
|
|
5
|
+
cols?: number;
|
|
6
|
+
maxWidth?: number;
|
|
7
|
+
minWidth?: number;
|
|
8
|
+
spacing?: Spacing;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export interface SimpleGridProps extends FunctionComponent {
|
|
12
|
+
spacing?: Spacing;
|
|
13
|
+
cols?: number;
|
|
14
|
+
breakpoints?: Breakpoints;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["children", "breakpoints", "spacing", "cols"];
|
|
4
|
+
import React from "react";
|
|
5
|
+
import PropTypes from "prop-types";
|
|
6
|
+
import useStyles from "./styles";
|
|
7
|
+
|
|
8
|
+
var SimpleGrid = function SimpleGrid(_ref) {
|
|
9
|
+
var children = _ref.children,
|
|
10
|
+
breakpoints = _ref.breakpoints,
|
|
11
|
+
_ref$spacing = _ref.spacing,
|
|
12
|
+
spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
|
|
13
|
+
cols = _ref.cols,
|
|
14
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
|
|
16
|
+
var classes = useStyles({
|
|
17
|
+
breakpoints: breakpoints,
|
|
18
|
+
cols: cols,
|
|
19
|
+
spacing: spacing
|
|
20
|
+
})();
|
|
21
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
22
|
+
className: classes.container
|
|
23
|
+
}, others), children);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
process.env.NODE_ENV !== "production" ? SimpleGrid.propTypes = {
|
|
27
|
+
/**
|
|
28
|
+
* -
|
|
29
|
+
*/
|
|
30
|
+
children: PropTypes.node,
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Spacing with pre-defined values according the values defined in the theme
|
|
34
|
+
*/
|
|
35
|
+
spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Provide an array to define responsive behavior:
|
|
39
|
+
*
|
|
40
|
+
* maxWidth or minWidth: max-width or min-width at which media query will work
|
|
41
|
+
*
|
|
42
|
+
* cols: number of columns per row at given max-width
|
|
43
|
+
*
|
|
44
|
+
* spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
|
|
45
|
+
*/
|
|
46
|
+
breakpoints: PropTypes.arrayOf(PropTypes.shape({
|
|
47
|
+
maxWidth: PropTypes.number,
|
|
48
|
+
minWidth: PropTypes.number,
|
|
49
|
+
cols: PropTypes.number,
|
|
50
|
+
spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
|
|
51
|
+
})),
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Number of how many columns the content will be displayed
|
|
55
|
+
*/
|
|
56
|
+
cols: PropTypes.number
|
|
57
|
+
} : void 0;
|
|
58
|
+
export default SimpleGrid;
|
|
59
|
+
//# sourceMappingURL=SimpleGrid.js.map
|