@cashub/ui 0.26.10 → 0.27.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/Tab/TabList.js +16 -8
- package/Tab/TabPanel.js +16 -8
- package/Tab/TabTab.js +17 -9
- package/animate/Collapse.js +6 -4
- package/chart/BarChart.js +16 -9
- package/chart/DoughnutChart.js +15 -8
- package/chart/LineChart.js +16 -9
- package/datetimePicker/DatePicker.js +7 -3
- package/datetimePicker/DatePickerV2.js +7 -3
- package/datetimePicker/DatetimePicker.js +7 -3
- package/datetimePicker/DatetimePickerV2.js +7 -3
- package/datetimePicker/TimeInput.js +6 -3
- package/datetimePicker/TimePicker.js +10 -15
- package/datetimePicker/hooks/useChangeNumber.js +6 -3
- package/datetimePicker/hooks/useDecrease.js +6 -3
- package/datetimePicker/hooks/useIncrease.js +6 -3
- package/dropdown/DropdownContent.js +9 -4
- package/dropdown/DropdownToggle.js +15 -7
- package/dropzone/FileDropzone.js +6 -4
- package/form/Searchbox.js +14 -7
- package/form/Slider.js +6 -3
- package/jsoneditor/JsonEditor.js +12 -7
- package/link/LinkSpan.js +13 -6
- package/map/GoogleMap.js +7 -3
- package/map/GoogleReverseGeolocation.js +1 -1
- package/map/LeafletMap.js +1 -1
- package/map/subComponent/GoogleMapWrapper.js +15 -8
- package/map/subComponent/LeafletDrawControl.js +7 -9
- package/modal/StateModal.js +13 -6
- package/modal/TitleModal.js +17 -10
- package/package.json +2 -1
- package/popover/Popover.js +18 -11
- package/select/InputSelect.js +23 -16
- package/select/Select.js +17 -16
- package/select/subComponent/SearchBox.js +8 -4
- package/styles/theme/dark.theme.js +11 -12
- package/styles/theme/light.theme.js +11 -12
- package/styles/theme/white.theme.js +11 -12
- package/table/GridTable.js +21 -16
- package/table/Table.js +20 -15
- package/tagify/Tags.js +18 -11
- package/toast/show.js +3 -3
- package/tooltip/Tooltip.js +13 -10
- package/treeView/TreeViewV2.js +38 -0
- package/treeView/TreeflexStyle.js +14 -0
- package/treeView/index.js +20 -0
package/Tab/TabList.js
CHANGED
|
@@ -10,15 +10,23 @@ var _fa = require("react-icons/fa");
|
|
|
10
10
|
var _button = require("../button");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3;
|
|
13
|
+
const _excluded = ["children", "wrap"];
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
22
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
15
23
|
const MAX_MOVE_PIXEL = 300;
|
|
16
24
|
const TabList = _ref => {
|
|
17
25
|
let {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
26
|
+
children,
|
|
27
|
+
wrap = true
|
|
28
|
+
} = _ref,
|
|
29
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
30
|
const wrapperRef = (0, _react.useRef)(null);
|
|
23
31
|
const [exceedContainerWidth, setExceedContainerWidth] = (0, _react.useState)(false);
|
|
24
32
|
const [hasPrevious, setHasPrevious] = (0, _react.useState)(false);
|
|
@@ -103,10 +111,10 @@ const TabList = _ref => {
|
|
|
103
111
|
wrapperRef.current.addEventListener('transitionend', handleTransitionend);
|
|
104
112
|
}
|
|
105
113
|
}, [wrap]);
|
|
106
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
|
|
114
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
|
|
107
115
|
role: "tablist",
|
|
108
|
-
$wrap: wrap
|
|
109
|
-
|
|
116
|
+
$wrap: wrap
|
|
117
|
+
}, props), {}, {
|
|
110
118
|
children: wrap ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
111
119
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TabWrapper, {
|
|
112
120
|
ref: wrapperRef,
|
|
@@ -129,7 +137,7 @@ const TabList = _ref => {
|
|
|
129
137
|
})]
|
|
130
138
|
})]
|
|
131
139
|
})
|
|
132
|
-
});
|
|
140
|
+
}));
|
|
133
141
|
};
|
|
134
142
|
const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n border-bottom: var(--border-width) solid var(--border-color);\n margin-bottom: var(--spacing);\n overflow: hidden;\n\n ", "\n\n ", "\n"])), _ref2 => {
|
|
135
143
|
let {
|
package/Tab/TabPanel.js
CHANGED
|
@@ -9,14 +9,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
9
9
|
var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
var _templateObject;
|
|
12
|
+
const _excluded = ["children", "name"];
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
21
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
14
22
|
const TabPanel = _ref => {
|
|
15
23
|
let {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
24
|
+
children,
|
|
25
|
+
name
|
|
26
|
+
} = _ref,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
28
|
const {
|
|
21
29
|
selected
|
|
22
30
|
} = (0, _react.useContext)(_TabContext.default);
|
|
@@ -32,12 +40,12 @@ const TabPanel = _ref => {
|
|
|
32
40
|
setRendered(true);
|
|
33
41
|
}
|
|
34
42
|
}, [selected, name]);
|
|
35
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, {
|
|
43
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
|
|
36
44
|
role: "tabpanel",
|
|
37
|
-
$display: selected === name
|
|
38
|
-
|
|
45
|
+
$display: selected === name
|
|
46
|
+
}, props), {}, {
|
|
39
47
|
children: tabContent
|
|
40
|
-
});
|
|
48
|
+
}));
|
|
41
49
|
};
|
|
42
50
|
const Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: ", ";\n position: relative;\n"])), _ref2 => {
|
|
43
51
|
let {
|
package/Tab/TabTab.js
CHANGED
|
@@ -10,15 +10,23 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3;
|
|
13
|
+
const _excluded = ["children", "name", "title"];
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
22
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
15
23
|
const TabTab = _ref => {
|
|
16
24
|
let {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
25
|
+
children,
|
|
26
|
+
name,
|
|
27
|
+
title
|
|
28
|
+
} = _ref,
|
|
29
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
30
|
const {
|
|
23
31
|
selected,
|
|
24
32
|
onChange,
|
|
@@ -57,14 +65,14 @@ const TabTab = _ref => {
|
|
|
57
65
|
onBlur: handleBlur,
|
|
58
66
|
onKeyUp: handleKeyUp,
|
|
59
67
|
autoFocus: true
|
|
60
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonTab, {
|
|
68
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonTab, _objectSpread(_objectSpread({
|
|
61
69
|
role: "tab",
|
|
62
70
|
onClick: handleClick,
|
|
63
71
|
onDoubleClick: handleDoubleClick,
|
|
64
|
-
active: selected === name
|
|
65
|
-
|
|
72
|
+
active: selected === name
|
|
73
|
+
}, props), {}, {
|
|
66
74
|
children: children
|
|
67
|
-
});
|
|
75
|
+
}));
|
|
68
76
|
};
|
|
69
77
|
const Tab = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n padding: 10px var(--spacing-s);\n border: none;\n border-bottom: 4px solid transparent;\n"])));
|
|
70
78
|
const ButtonTab = (0, _styledComponents.default)(Tab).attrs({
|
package/animate/Collapse.js
CHANGED
|
@@ -7,6 +7,11 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactTransitionGroup = require("react-transition-group");
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
14
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
10
15
|
const Collapse = _ref => {
|
|
11
16
|
let {
|
|
12
17
|
in: inProp,
|
|
@@ -58,10 +63,7 @@ const Collapse = _ref => {
|
|
|
58
63
|
onExit: onExit,
|
|
59
64
|
onExited: onExited,
|
|
60
65
|
children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
61
|
-
style: {
|
|
62
|
-
...defaultStyle,
|
|
63
|
-
...transitionStyles[state]
|
|
64
|
-
},
|
|
66
|
+
style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]),
|
|
65
67
|
children: /*#__PURE__*/(0, _react.cloneElement)(children, {
|
|
66
68
|
ref: childRef
|
|
67
69
|
})
|
package/chart/BarChart.js
CHANGED
|
@@ -10,14 +10,22 @@ var _reactChartjs = require("react-chartjs-2");
|
|
|
10
10
|
var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
|
|
11
11
|
var _padEmptyChartBar = _interopRequireDefault(require("./utils/padEmptyChartBar"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
const _excluded = ["height", "data", "options"];
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
19
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
21
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
14
22
|
const BarChart = _ref => {
|
|
15
23
|
let {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
24
|
+
height = 300,
|
|
25
|
+
data,
|
|
26
|
+
options = {}
|
|
27
|
+
} = _ref,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
29
|
const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
|
|
22
30
|
|
|
23
31
|
// fix: read value from theme
|
|
@@ -114,12 +122,11 @@ const BarChart = _ref => {
|
|
|
114
122
|
}
|
|
115
123
|
};
|
|
116
124
|
}, [customOptions, theme.fontOnPrimary]);
|
|
117
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Bar, {
|
|
125
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Bar, _objectSpread({
|
|
118
126
|
height: height,
|
|
119
127
|
data: data,
|
|
120
128
|
options: defaultOptions,
|
|
121
|
-
plugins: [_padEmptyChartBar.default]
|
|
122
|
-
|
|
123
|
-
});
|
|
129
|
+
plugins: [_padEmptyChartBar.default]
|
|
130
|
+
}, props));
|
|
124
131
|
};
|
|
125
132
|
var _default = exports.default = BarChart;
|
package/chart/DoughnutChart.js
CHANGED
|
@@ -11,13 +11,21 @@ var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
|
|
|
11
11
|
var _htmlLegendPlugin = _interopRequireDefault(require("./utils/htmlLegendPlugin"));
|
|
12
12
|
var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const _excluded = ["height", "data"];
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
22
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
15
23
|
const DoughnutChart = _ref => {
|
|
16
24
|
let {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
height = 300,
|
|
26
|
+
data
|
|
27
|
+
} = _ref,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
29
|
const [legendContainerId] = (0, _react.useState)((0, _lodash.default)('legend-container-'));
|
|
22
30
|
const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
|
|
23
31
|
|
|
@@ -70,13 +78,12 @@ const DoughnutChart = _ref => {
|
|
|
70
78
|
}, [legendContainerId, theme.fontOnPrimary]);
|
|
71
79
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
72
80
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
73
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, {
|
|
81
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, _objectSpread({
|
|
74
82
|
height: height,
|
|
75
83
|
data: data,
|
|
76
84
|
options: defaultOptions,
|
|
77
|
-
plugins: [_htmlLegendPlugin.default]
|
|
78
|
-
|
|
79
|
-
})
|
|
85
|
+
plugins: [_htmlLegendPlugin.default]
|
|
86
|
+
}, props))
|
|
80
87
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
88
|
id: legendContainerId
|
|
82
89
|
})]
|
package/chart/LineChart.js
CHANGED
|
@@ -9,14 +9,22 @@ var _styledComponents = require("styled-components");
|
|
|
9
9
|
var _reactChartjs = require("react-chartjs-2");
|
|
10
10
|
var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const _excluded = ["height", "data", "options"];
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
13
21
|
const LineChart = _ref => {
|
|
14
22
|
let {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
height = 300,
|
|
24
|
+
data,
|
|
25
|
+
options = {}
|
|
26
|
+
} = _ref,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
28
|
const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
|
|
21
29
|
|
|
22
30
|
// fix: read value from theme
|
|
@@ -110,11 +118,10 @@ const LineChart = _ref => {
|
|
|
110
118
|
}
|
|
111
119
|
};
|
|
112
120
|
}, [customOptions, theme.fontOnPrimary]);
|
|
113
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Line, {
|
|
121
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Line, _objectSpread({
|
|
114
122
|
height: height,
|
|
115
123
|
data: data,
|
|
116
|
-
options: defaultOptions
|
|
117
|
-
|
|
118
|
-
});
|
|
124
|
+
options: defaultOptions
|
|
125
|
+
}, props));
|
|
119
126
|
};
|
|
120
127
|
var _default = exports.default = LineChart;
|
|
@@ -19,6 +19,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
21
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
27
|
const DatePicker = _ref => {
|
|
23
28
|
let {
|
|
24
29
|
onConfirm,
|
|
@@ -218,8 +223,7 @@ const DatePicker = _ref => {
|
|
|
218
223
|
onClick: handleToggle,
|
|
219
224
|
readOnly: true,
|
|
220
225
|
disabled: disabled
|
|
221
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
|
|
222
|
-
...attributes.popper,
|
|
226
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, attributes.popper), {}, {
|
|
223
227
|
style: styles.popper,
|
|
224
228
|
placement: state && state.placement,
|
|
225
229
|
ref: setContentElement,
|
|
@@ -266,7 +270,7 @@ const DatePicker = _ref => {
|
|
|
266
270
|
children: t('Confirm')
|
|
267
271
|
})
|
|
268
272
|
})]
|
|
269
|
-
})]
|
|
273
|
+
}))]
|
|
270
274
|
});
|
|
271
275
|
};
|
|
272
276
|
const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-bottom: var(--spacing-s);\n background: var(--color-background1);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--border-color);\n box-shadow: var(--box-shadow);\n overflow: hidden;\n width: 286px;\n z-index: 1;\n color: var(--font-on-background);\n\n display: ", ";\n"])), _ref2 => {
|
|
@@ -23,6 +23,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
23
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
25
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
26
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
29
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
30
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
31
|
const DEFAULT_TIME = '00:00:00';
|
|
27
32
|
const DatePickerV2 = _ref => {
|
|
28
33
|
let {
|
|
@@ -272,8 +277,7 @@ const DatePickerV2 = _ref => {
|
|
|
272
277
|
onConfirm('');
|
|
273
278
|
}
|
|
274
279
|
})]
|
|
275
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Picker, {
|
|
276
|
-
...attributes.popper,
|
|
280
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Picker, _objectSpread(_objectSpread({}, attributes.popper), {}, {
|
|
277
281
|
style: styles.popper,
|
|
278
282
|
placement: state && state.placement,
|
|
279
283
|
ref: setContentElement,
|
|
@@ -302,7 +306,7 @@ const DatePickerV2 = _ref => {
|
|
|
302
306
|
children: t('Confirm')
|
|
303
307
|
})
|
|
304
308
|
})]
|
|
305
|
-
})]
|
|
309
|
+
}))]
|
|
306
310
|
})
|
|
307
311
|
});
|
|
308
312
|
};
|
|
@@ -13,6 +13,11 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
13
|
var _templateObject;
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
21
|
const DatetimePicker = _ref => {
|
|
17
22
|
let {
|
|
18
23
|
selected = '',
|
|
@@ -54,10 +59,9 @@ const DatetimePicker = _ref => {
|
|
|
54
59
|
}, [readOnly]);
|
|
55
60
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
|
|
56
61
|
disabled: disabled,
|
|
57
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
|
|
58
|
-
...datePickerProps,
|
|
62
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, _objectSpread(_objectSpread({}, datePickerProps), {}, {
|
|
59
63
|
ref: datepickerRef
|
|
60
|
-
})
|
|
64
|
+
}))
|
|
61
65
|
});
|
|
62
66
|
};
|
|
63
67
|
const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n width: 100%;\n\n > input {\n width: 100%;\n height: 36px;\n color: var(--font-on-background);\n background: transparent;\n border-radius: var(--border-radius-l);\n border: var(--border-width) solid var(--border-color);\n padding: 0 var(--spacing-s);\n outline: none;\n\n ", "\n }\n }\n\n .react-datepicker-popper {\n z-index: 2;\n }\n\n .react-datepicker-popper[data-placement^='top'] {\n padding-bottom: var(--spacing-xs);\n }\n\n .react-datepicker-popper[data-placement^='bottom'] {\n padding-top: var(--spacing-xs);\n }\n\n .react-datepicker {\n box-shadow: var(--box-shadow);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--border-color);\n padding: var(--spacing-s);\n font-size: var(--font-body1);\n color: var(--font-on-background);\n background: var(--color-background1);\n\n .react-datepicker__triangle {\n &::before,\n &::after {\n display: none;\n }\n }\n\n .react-datepicker__header {\n border: none;\n padding: 0;\n background: var(--color-background1);\n }\n\n .react-datepicker__current-month {\n line-height: 36px;\n color: var(--font-on-background);\n font-size: var(--font-body1);\n font-weight: var(--font-normal);\n }\n\n .react-datepicker__day-names {\n margin: 0;\n }\n\n .react-datepicker__day-name,\n .react-datepicker__day {\n width: 36px;\n height: 36px;\n line-height: 36px;\n color: var(--font-on-background);\n font-weight: var(--font-normal);\n margin: 0;\n border-radius: 4px;\n }\n\n .react-datepicker__day:hover {\n background: var(--color-hover);\n }\n\n .react-datepicker__day--disabled {\n color: var(--font-on-mute);\n background: none !important;\n }\n }\n\n .react-datepicker__month {\n margin: 0;\n }\n\n .react-datepicker__navigation {\n top: 0;\n width: 36px;\n height: 36px;\n margin: var(--spacing-s) var(--spacing-s) 0 var(--spacing-s);\n border-radius: 4px;\n\n &.react-datepicker__navigation--previous {\n left: 0;\n }\n\n &.react-datepicker__navigation--next {\n right: 0;\n }\n\n &:hover {\n background: var(--color-hover);\n }\n\n .react-datepicker__navigation-icon::before {\n border-color: var(--font-on-background);\n }\n\n .react-datepicker__navigation-icon--previous::before {\n right: -4px;\n }\n\n .react-datepicker__navigation-icon--next::before {\n left: -4px;\n }\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--selected,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--selected,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--selected,\n .react-datepicker__year-text--in-selecting-range,\n .react-datepicker__year-text--in-range {\n background: var(--color-primary) !important;\n }\n\n .react-datepicker__day--keyboard-selected,\n .react-datepicker__month-text--keyboard-selected,\n .react-datepicker__quarter-text--keyboard-selected,\n .react-datepicker__year-text--keyboard-selected {\n background: none;\n }\n\n .react-datepicker__input-time-container {\n margin: 0;\n margin-top: var(--spacing-s);\n margin-left: var(--spacing-xs);\n\n .react-datepicker-time__input input {\n height: 36px;\n padding: 0 var(--spacing-xs);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--border-color);\n background: transparent;\n color: var(--font-on-background);\n outline: none;\n }\n }\n"])), _ref2 => {
|
|
@@ -23,6 +23,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
23
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
25
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
26
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
29
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
30
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
31
|
const DatetimePickerV2 = _ref => {
|
|
27
32
|
let {
|
|
28
33
|
selected,
|
|
@@ -264,8 +269,7 @@ const DatetimePickerV2 = _ref => {
|
|
|
264
269
|
onClick: handleToggle,
|
|
265
270
|
readOnly: true,
|
|
266
271
|
disabled: disabled
|
|
267
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
|
|
268
|
-
...attributes.popper,
|
|
272
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, attributes.popper), {}, {
|
|
269
273
|
style: styles.popper,
|
|
270
274
|
placement: state && state.placement,
|
|
271
275
|
ref: setContentElement,
|
|
@@ -297,7 +301,7 @@ const DatetimePickerV2 = _ref => {
|
|
|
297
301
|
children: t('Confirm')
|
|
298
302
|
})
|
|
299
303
|
})]
|
|
300
|
-
})]
|
|
304
|
+
}))]
|
|
301
305
|
})
|
|
302
306
|
});
|
|
303
307
|
};
|
|
@@ -11,12 +11,15 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
11
11
|
var _templateObject;
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
14
19
|
const TimeInput = props => {
|
|
15
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
|
|
16
21
|
disabled: props.disabled,
|
|
17
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcTimePicker.default, {
|
|
18
|
-
...props
|
|
19
|
-
})
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcTimePicker.default, _objectSpread({}, props))
|
|
20
23
|
});
|
|
21
24
|
};
|
|
22
25
|
const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .rc-time-picker {\n width: 100%;\n\n .rc-time-picker-input {\n height: 36px;\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--border-color);\n padding: 10px var(--spacing-s);\n color: var(--font-on-background);\n background: transparent;\n font-size: var(--font-body1);\n\n ", "\n\n &:focus {\n border: var(--border-width) solid var(--color-primary);\n outline: none;\n }\n }\n\n .rc-time-picker-clear {\n top: 6px;\n right: 8px;\n\n i:after {\n font-size: var(--font-body1);\n }\n }\n }\n"])), _ref => {
|
|
@@ -16,6 +16,11 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
24
|
const LENGTH = 2;
|
|
20
25
|
const PAD_STRING = '0';
|
|
21
26
|
const TimePicker = _ref => {
|
|
@@ -94,9 +99,7 @@ const Hour = _ref2 => {
|
|
|
94
99
|
onKeyUp: handleKeyUp,
|
|
95
100
|
onBlur: event => {
|
|
96
101
|
setTime(previous => {
|
|
97
|
-
const newState = {
|
|
98
|
-
...previous
|
|
99
|
-
};
|
|
102
|
+
const newState = _objectSpread({}, previous);
|
|
100
103
|
newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
|
|
101
104
|
return newState;
|
|
102
105
|
});
|
|
@@ -148,9 +151,7 @@ const Minute = _ref3 => {
|
|
|
148
151
|
onKeyUp: handleKeyUp,
|
|
149
152
|
onBlur: event => {
|
|
150
153
|
setTime(previous => {
|
|
151
|
-
const newState = {
|
|
152
|
-
...previous
|
|
153
|
-
};
|
|
154
|
+
const newState = _objectSpread({}, previous);
|
|
154
155
|
newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
|
|
155
156
|
return newState;
|
|
156
157
|
});
|
|
@@ -203,9 +204,7 @@ const Second = _ref4 => {
|
|
|
203
204
|
onKeyUp: handleKeyUp,
|
|
204
205
|
onBlur: event => {
|
|
205
206
|
setTime(previous => {
|
|
206
|
-
const newState = {
|
|
207
|
-
...previous
|
|
208
|
-
};
|
|
207
|
+
const newState = _objectSpread({}, previous);
|
|
209
208
|
newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
|
|
210
209
|
return newState;
|
|
211
210
|
});
|
|
@@ -234,18 +233,14 @@ const useKeyUp = (increase, decrease, min, max, setState, name) => {
|
|
|
234
233
|
break;
|
|
235
234
|
case _utils.KEY_CODE.HOME:
|
|
236
235
|
setState(previous => {
|
|
237
|
-
const newState = {
|
|
238
|
-
...previous
|
|
239
|
-
};
|
|
236
|
+
const newState = _objectSpread({}, previous);
|
|
240
237
|
newState[name] = (0, _pad.default)(min, LENGTH, PAD_STRING);
|
|
241
238
|
return newState;
|
|
242
239
|
});
|
|
243
240
|
break;
|
|
244
241
|
case _utils.KEY_CODE.END:
|
|
245
242
|
setState(previous => {
|
|
246
|
-
const newState = {
|
|
247
|
-
...previous
|
|
248
|
-
};
|
|
243
|
+
const newState = _objectSpread({}, previous);
|
|
249
244
|
newState[name] = (0, _pad.default)(max, LENGTH, PAD_STRING);
|
|
250
245
|
return newState;
|
|
251
246
|
});
|
|
@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _utils = require("@cashub/utils");
|
|
9
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
12
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
13
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
14
|
const useChangeNumber = (min, max, setState, name) => {
|
|
10
15
|
return (0, _react.useCallback)(number => {
|
|
11
16
|
let value = String(number);
|
|
@@ -29,9 +34,7 @@ const useChangeNumber = (min, max, setState, name) => {
|
|
|
29
34
|
}
|
|
30
35
|
setState(previous => {
|
|
31
36
|
if (name && typeof previous === 'object') {
|
|
32
|
-
const newState = {
|
|
33
|
-
...previous
|
|
34
|
-
};
|
|
37
|
+
const newState = _objectSpread({}, previous);
|
|
35
38
|
newState[name] = value;
|
|
36
39
|
return newState;
|
|
37
40
|
}
|
|
@@ -7,6 +7,11 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _pad = _interopRequireDefault(require("../utils/pad"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
14
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
10
15
|
const useDecrease = function (min, max, setState) {
|
|
11
16
|
let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
12
17
|
const {
|
|
@@ -21,9 +26,7 @@ const useDecrease = function (min, max, setState) {
|
|
|
21
26
|
if (value < min) {
|
|
22
27
|
value = max;
|
|
23
28
|
}
|
|
24
|
-
const newState = {
|
|
25
|
-
...previous
|
|
26
|
-
};
|
|
29
|
+
const newState = _objectSpread({}, previous);
|
|
27
30
|
newState[name] = (0, _pad.default)(value, length, padString);
|
|
28
31
|
return newState;
|
|
29
32
|
}
|
|
@@ -7,6 +7,11 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _pad = _interopRequireDefault(require("../utils/pad"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
14
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
10
15
|
const useIncrease = function (min, max, setState) {
|
|
11
16
|
let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
12
17
|
const {
|
|
@@ -21,9 +26,7 @@ const useIncrease = function (min, max, setState) {
|
|
|
21
26
|
if (value > max) {
|
|
22
27
|
value = min;
|
|
23
28
|
}
|
|
24
|
-
const newState = {
|
|
25
|
-
...previous
|
|
26
|
-
};
|
|
29
|
+
const newState = _objectSpread({}, previous);
|
|
27
30
|
newState[name] = (0, _pad.default)(value, length, padString);
|
|
28
31
|
return newState;
|
|
29
32
|
}
|