@salutejs/plasma-new-hope 0.146.0-canary.1421.10850820002.0 → 0.146.0-canary.1436.10882554984.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -14
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -3
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +2 -37
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -7
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_z62207.css → RangeDate.styles_ww61h9.css} +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -25
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -7
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/SingleDate.styles_1ecqwdo.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css} +0 -1
- package/cjs/components/Slider/Slider.css +10 -12
- package/cjs/components/Slider/Slider.js +6 -19
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +5 -6
- package/cjs/components/Slider/components/Double/Double.js +2 -36
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +1 -7
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/Double/{Double.styles_1n0bups.css → Double.styles_1jhda4u.css} +0 -1
- package/cjs/components/Slider/components/Single/Single.css +5 -6
- package/cjs/components/Slider/components/Single/Single.js +12 -35
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -7
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{es/components/Slider/components/Single/Single.styles_7gcb47.css → cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
- package/cjs/components/Slider/utils/index.js +0 -6
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/index.css +14 -18
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -14
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +2 -37
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +10 -22
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -25
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +10 -23
- package/emotion/cjs/components/Slider/Slider.js +6 -15
- package/emotion/cjs/components/Slider/components/Double/Double.js +2 -36
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +15 -28
- package/emotion/cjs/components/Slider/components/Single/Single.js +7 -30
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +13 -26
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Slider/utils/index.js +1 -6
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +13 -14
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -38
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +9 -21
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -26
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +9 -22
- package/emotion/es/components/Slider/Slider.js +6 -16
- package/emotion/es/components/Slider/components/Double/Double.js +4 -38
- package/emotion/es/components/Slider/components/Double/Double.styles.js +14 -27
- package/emotion/es/components/Slider/components/Single/Single.js +9 -32
- package/emotion/es/components/Slider/components/Single/Single.styles.js +12 -25
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Slider/utils/index.js +0 -5
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -15
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js +3 -38
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -7
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{RangeDate.styles_z62207.css → RangeDate.styles_ww61h9.css} +0 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -3
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js +3 -26
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +2 -7
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_1ecqwdo.css → es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css} +0 -1
- package/es/components/Slider/Slider.css +10 -12
- package/es/components/Slider/Slider.js +7 -20
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +5 -6
- package/es/components/Slider/components/Double/Double.js +4 -38
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +2 -7
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/Double/{Double.styles_1n0bups.css → Double.styles_1jhda4u.css} +0 -1
- package/es/components/Slider/components/Single/Single.css +5 -6
- package/es/components/Slider/components/Single/Single.js +9 -32
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +2 -7
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{cjs/components/Slider/components/Single/Single.styles_7gcb47.css → es/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
- package/es/components/Slider/utils/index.js +1 -6
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +2 -3
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/index.css +14 -18
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -14
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +2 -37
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +2 -5
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -25
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +2 -5
- package/styled-components/cjs/components/Slider/Slider.js +6 -15
- package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -36
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +2 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +7 -30
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +2 -5
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Slider/utils/index.js +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +13 -14
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -38
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -26
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -4
- package/styled-components/es/components/Slider/Slider.js +6 -16
- package/styled-components/es/components/Slider/components/Double/Double.js +4 -38
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +1 -4
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -32
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -4
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Slider/utils/index.js +0 -5
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -4
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +0 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +1 -3
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +0 -1
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -3
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -3
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/DatePicker/utils/setInitValue.js +0 -12
- package/cjs/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -56
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/hooks/useForm.js +0 -124
- package/cjs/hooks/useForm.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -28
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -195
- package/emotion/cjs/hooks/useForm.js +0 -130
- package/emotion/cjs/utils/setRefList.js +0 -27
- package/emotion/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -195
- package/emotion/es/hooks/useForm.js +0 -121
- package/emotion/es/utils/setRefList.js +0 -20
- package/es/components/DatePicker/utils/setInitValue.js +0 -8
- package/es/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -52
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/hooks/useForm.js +0 -120
- package/es/hooks/useForm.js.map +0 -1
- package/es/utils/setRefList.js +0 -23
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -195
- package/styled-components/cjs/hooks/useForm.js +0 -130
- package/styled-components/cjs/utils/setRefList.js +0 -27
- package/styled-components/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -195
- package/styled-components/es/hooks/useForm.js +0 -121
- package/styled-components/es/utils/setRefList.js +0 -20
- package/types/components/DatePicker/utils/setInitValue.d.ts +0 -2
- package/types/components/DatePicker/utils/setInitValue.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -5
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/hooks/useForm.d.ts +0 -10
- package/types/hooks/useForm.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
@@ -39,7 +39,7 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
|
39
39
|
*/
|
40
40
|
var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
41
41
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
42
|
-
var _valueToItemMap$get, _getItemByFocused;
|
42
|
+
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
|
43
43
|
var multiple = props.multiple,
|
44
44
|
outerValue = props.value,
|
45
45
|
outerOnChange = props.onChange,
|
@@ -72,7 +72,15 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
72
72
|
filter = props.filter,
|
73
73
|
outerCloseAfterSelect = props.closeAfterSelect,
|
74
74
|
rest = _objectWithoutProperties(props, _excluded);
|
75
|
-
|
75
|
+
// Создаем структуры для быстрой работы с деревом
|
76
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
77
|
+
return (0, _getPathMaps.getTreeMaps)(items);
|
78
|
+
}, [items]),
|
79
|
+
_useMemo2 = _slicedToArray(_useMemo, 3),
|
80
|
+
valueToCheckedMap = _useMemo2[0],
|
81
|
+
valueToItemMap = _useMemo2[1],
|
82
|
+
labelToItemMap = _useMemo2[2];
|
83
|
+
var _useState = (0, _react.useState)(((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || ''),
|
76
84
|
_useState2 = _slicedToArray(_useState, 2),
|
77
85
|
textValue = _useState2[0],
|
78
86
|
setTextValue = _useState2[1];
|
@@ -88,16 +96,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
88
96
|
var transformedItems = (0, _react.useMemo)(function () {
|
89
97
|
return (0, _utils3.initialItemsTransform)(items || []);
|
90
98
|
}, [items]);
|
91
|
-
|
92
|
-
// Создаем структуры для быстрой работы с деревом
|
93
|
-
var _useMemo = (0, _react.useMemo)(function () {
|
94
|
-
return (0, _getPathMaps.getTreeMaps)(items);
|
95
|
-
}, [items]),
|
96
|
-
_useMemo2 = _slicedToArray(_useMemo, 3),
|
97
|
-
valueToCheckedMap = _useMemo2[0],
|
98
|
-
valueToItemMap = _useMemo2[1],
|
99
|
-
labelToItemMap = _useMemo2[2];
|
100
|
-
var filteredItems = (0, _utils3.filterItems)(transformedItems, textValue, (_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label, filter);
|
99
|
+
var filteredItems = (0, _utils3.filterItems)(transformedItems, textValue, (_valueToItemMap$get2 = valueToItemMap.get(value)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label, filter);
|
101
100
|
var _useMemo3 = (0, _react.useMemo)(function () {
|
102
101
|
return (0, _getPathMaps.getPathMap)(filteredItems);
|
103
102
|
}, [filteredItems, textValue]),
|
@@ -142,8 +141,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
142
141
|
if ((0, _utils.isEmpty)(value)) {
|
143
142
|
setTextValue('');
|
144
143
|
} else {
|
145
|
-
var _valueToItemMap$
|
146
|
-
setTextValue(((_valueToItemMap$
|
144
|
+
var _valueToItemMap$get3;
|
145
|
+
setTextValue(((_valueToItemMap$get3 = valueToItemMap.get(value)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label) || '');
|
147
146
|
}
|
148
147
|
}
|
149
148
|
}, floatingPopoverRef);
|
@@ -11,14 +11,13 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
|
11
11
|
var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
14
|
-
var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
|
15
14
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
15
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
17
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
19
18
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
20
19
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
21
|
-
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "
|
20
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
22
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
23
22
|
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
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -48,7 +47,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
48
47
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
49
48
|
_ref$disabled = _ref.disabled,
|
50
49
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
51
|
-
name = _ref.name,
|
52
50
|
_ref$dividerVariant = _ref.dividerVariant,
|
53
51
|
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
54
52
|
dividerIcon = _ref.dividerIcon,
|
@@ -108,8 +106,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
108
106
|
rest = _objectWithoutProperties(_ref, _excluded);
|
109
107
|
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
|
110
108
|
var rootRef = (0, _react.useRef)(null);
|
111
|
-
var innerRefFirst = (0, _react.useRef)(null);
|
112
|
-
var innerRefSecond = (0, _react.useRef)(null);
|
113
109
|
var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
114
110
|
_useState2 = _slicedToArray(_useState, 2),
|
115
111
|
firstInputRef = _useState2[0],
|
@@ -195,22 +191,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
195
191
|
onToggle: handleToggle
|
196
192
|
}),
|
197
193
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
198
|
-
(0, _react.useEffect)(function () {
|
199
|
-
if (innerRefSecond.current) {
|
200
|
-
innerRefSecond.current.addEventListener('setInitValue', function (e) {
|
201
|
-
var firstElement = innerRefFirst.current;
|
202
|
-
var firstValueInit = String(firstElement.getAttribute('defaultValue'));
|
203
|
-
var secondValueInit = (0, _setInitValue.setInitValue)(e);
|
204
|
-
handleCommitFirstDate(firstValueInit, true, false);
|
205
|
-
handleCommitSecondDate(secondValueInit, true, false);
|
206
|
-
});
|
207
|
-
}
|
208
|
-
return function () {
|
209
|
-
if (innerRefSecond.current) {
|
210
|
-
innerRefSecond.current.addEventListener('setInitValue', function () {});
|
211
|
-
}
|
212
|
-
};
|
213
|
-
}, [innerRefSecond]);
|
214
194
|
var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
|
215
195
|
ref: rangeRef,
|
216
196
|
dividerIcon: dividerIcon,
|
@@ -237,7 +217,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
237
217
|
secondValueSuccess: secondValueSuccess,
|
238
218
|
onChangeFirstValue: handleChangeFirstValue,
|
239
219
|
onChangeSecondValue: handleChangeSecondValue,
|
240
|
-
name: name,
|
241
220
|
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
242
221
|
handleCommitFirstDate(String(date), true, false);
|
243
222
|
if (!calendarSecondValue || secondValueError) {
|
@@ -325,21 +304,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
325
304
|
setIsInnerOpen(false);
|
326
305
|
}
|
327
306
|
}
|
328
|
-
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper)
|
329
|
-
name: name,
|
330
|
-
type: "hidden",
|
331
|
-
datatype: "datepicker-double",
|
332
|
-
"data-datepicker": "from",
|
333
|
-
value: inputFirstValue,
|
334
|
-
ref: innerRefFirst
|
335
|
-
}), /*#__PURE__*/_react["default"].createElement(_RangeDate.InputHidden, {
|
336
|
-
name: name,
|
337
|
-
type: "hidden",
|
338
|
-
datatype: "datepicker-double",
|
339
|
-
"data-datepicker": "to",
|
340
|
-
value: inputSecondValue,
|
341
|
-
ref: innerRefSecond
|
342
|
-
}));
|
307
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper));
|
343
308
|
});
|
344
309
|
};
|
345
310
|
var datePickerRangeConfig = exports.datePickerRangeConfig = {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper =
|
7
|
+
exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../../engines");
|
10
10
|
var _Range = /*#__PURE__*/require("../../Range");
|
@@ -30,7 +30,4 @@ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"
|
|
30
30
|
})([""]);
|
31
31
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-14j95rs-3"
|
33
|
-
})([""]);
|
34
|
-
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-14j95rs-4"
|
36
|
-
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
33
|
+
})([""]);
|
@@ -12,13 +12,12 @@ var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
|
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
|
14
14
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
15
|
-
var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
|
16
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
17
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
18
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
20
19
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
21
|
-
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "
|
20
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
|
22
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
23
22
|
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
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -50,7 +49,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
50
49
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
51
50
|
_ref$disabled = _ref.disabled,
|
52
51
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
53
|
-
name = _ref.name,
|
54
52
|
_ref$defaultDate = _ref.defaultDate,
|
55
53
|
defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
|
56
54
|
valueError = _ref.valueError,
|
@@ -86,7 +84,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
86
84
|
onBlur = _ref.onBlur,
|
87
85
|
rest = _objectWithoutProperties(_ref, _excluded);
|
88
86
|
var inputRef = (0, _react.useRef)(null);
|
89
|
-
var innerRef = (0, _react.useRef)(null);
|
90
87
|
var _useState = (0, _react.useState)(opened),
|
91
88
|
_useState2 = _slicedToArray(_useState, 2),
|
92
89
|
isInnerOpen = _useState2[0],
|
@@ -167,20 +164,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
167
164
|
setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
|
168
165
|
setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
|
169
166
|
}, [format, lang]);
|
170
|
-
(0, _react.useEffect)(function () {
|
171
|
-
if (innerRef.current) {
|
172
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
173
|
-
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
174
|
-
});
|
175
|
-
}
|
176
|
-
return function () {
|
177
|
-
if (innerRef.current) {
|
178
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
179
|
-
return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
|
180
|
-
});
|
181
|
-
}
|
182
|
-
};
|
183
|
-
}, [innerRef]);
|
184
167
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
185
168
|
view: view,
|
186
169
|
size: size,
|
@@ -218,13 +201,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
218
201
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
219
202
|
return handleCommitDate(date, false, true, dateInfo);
|
220
203
|
}
|
221
|
-
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper)
|
222
|
-
type: "hidden",
|
223
|
-
datatype: "datepicker-single",
|
224
|
-
name: name,
|
225
|
-
value: inputValue,
|
226
|
-
ref: innerRef
|
227
|
-
}));
|
204
|
+
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper));
|
228
205
|
});
|
229
206
|
};
|
230
207
|
var datePickerConfig = exports.datePickerConfig = {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.StyledPopover = exports.StyledLabel = exports.StyledInput = exports.LeftHelper =
|
7
|
+
exports.base = exports.StyledPopover = exports.StyledLabel = exports.StyledInput = exports.LeftHelper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../../engines");
|
10
10
|
var _TextField = /*#__PURE__*/require("../../TextField");
|
@@ -30,7 +30,4 @@ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"
|
|
30
30
|
})([""]);
|
31
31
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
32
|
componentId: "plasma-new-hope__sc-1ye0xbz-3"
|
33
|
-
})([""]);
|
34
|
-
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-1ye0xbz-4"
|
36
|
-
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
33
|
+
})([""]);
|
@@ -1,5 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
@@ -9,27 +10,17 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
9
10
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
10
11
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
11
12
|
var _components = /*#__PURE__*/require("./components");
|
12
|
-
var _excluded = ["type"];
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
14
|
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; }
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
16
|
-
|
17
|
-
|
18
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
19
|
-
var isSingleValueProps = function isSingleValueProps(props, type) {
|
20
|
-
return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
|
21
|
-
};
|
22
|
-
var isDoubleValueProps = function isDoubleValueProps(props, type) {
|
23
|
-
return _typeof(props.value) === 'object' || type === 'double';
|
16
|
+
var isSingleValueProps = function isSingleValueProps(props) {
|
17
|
+
return typeof props.value === 'number';
|
24
18
|
};
|
25
19
|
var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
|
26
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (
|
27
|
-
|
28
|
-
type = _ref$type === void 0 ? 'single' : _ref$type,
|
29
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
30
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
20
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
31
22
|
ref: ref
|
32
|
-
}), isSingleValueProps(props
|
23
|
+
}, props), isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.DoubleSlider, props));
|
33
24
|
});
|
34
25
|
};
|
35
26
|
var sliderConfig = exports.sliderConfig = {
|
@@ -12,7 +12,7 @@ var _utils = /*#__PURE__*/require("../../utils");
|
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
14
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
15
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"
|
15
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
17
17
|
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; }
|
18
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -53,7 +53,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
53
53
|
ariaLabel = _ref.ariaLabel,
|
54
54
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
55
55
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
56
|
-
name = _ref.name,
|
57
56
|
rest = _objectWithoutProperties(_ref, _excluded);
|
58
57
|
var _useState = (0, _react.useState)({
|
59
58
|
stepSize: 0,
|
@@ -89,8 +88,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
89
88
|
var secondHandleRef = (0, _react.useRef)(null);
|
90
89
|
var firstHandleValue = (0, _react.useRef)(value[0]);
|
91
90
|
var secondHandleValue = (0, _react.useRef)(value[1]);
|
92
|
-
var innerRefFirst = (0, _react.useRef)(null);
|
93
|
-
var innerRefSecond = (0, _react.useRef)(null);
|
94
91
|
var stepSize = state.stepSize;
|
95
92
|
var hasLabelContent = label || labelContentLeft;
|
96
93
|
var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
@@ -109,23 +106,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
109
106
|
});
|
110
107
|
});
|
111
108
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
112
|
-
(0, _react.useEffect)(function () {
|
113
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
114
|
-
innerRefSecond.current.addEventListener('setInitValue', function (e) {
|
115
|
-
var firstElement = innerRefFirst.current;
|
116
|
-
var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
|
117
|
-
var secondValueInit = (0, _utils.setInitValue)(e);
|
118
|
-
onChangeCommitted([firstValueInit, secondValueInit]);
|
119
|
-
setFirstValue(firstValueInit);
|
120
|
-
setSecondValue(secondValueInit);
|
121
|
-
});
|
122
|
-
}
|
123
|
-
return function () {
|
124
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
125
|
-
innerRefSecond.current.addEventListener('setInitValue', function () {});
|
126
|
-
}
|
127
|
-
};
|
128
|
-
}, [innerRefSecond]);
|
129
109
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
130
110
|
setState(function (prevState) {
|
131
111
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -334,19 +314,5 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
334
314
|
onChange: onSecondTextfieldChange,
|
335
315
|
onBlur: onSecondTextfieldBlur,
|
336
316
|
onKeyDown: onTextfieldKeyDown
|
337
|
-
})))
|
338
|
-
name: name,
|
339
|
-
type: "number",
|
340
|
-
datatype: "slider-double",
|
341
|
-
"data-slidertype": "min",
|
342
|
-
value: firstValue,
|
343
|
-
ref: innerRefFirst
|
344
|
-
}), /*#__PURE__*/_react["default"].createElement(_Double.InputHidden, {
|
345
|
-
name: name,
|
346
|
-
type: "number",
|
347
|
-
datatype: "slider-double",
|
348
|
-
"data-slidertype": "max",
|
349
|
-
value: secondValue,
|
350
|
-
ref: innerRefSecond
|
351
|
-
}));
|
317
|
+
}))));
|
352
318
|
};
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledInput = exports.SliderWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = exports.InputsWrapper = exports.
|
6
|
+
exports.StyledInput = exports.SliderWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = exports.InputsWrapper = exports.DoubleWrapper = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
9
9
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
@@ -33,7 +33,4 @@ var DoubleWrapper = exports.DoubleWrapper = /*#__PURE__*/_styledComponents["defa
|
|
33
33
|
})(["opacity:var(", ");"], _Slider.tokens.disabledOpacity);
|
34
34
|
var SliderWrapper = exports.SliderWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
35
|
componentId: "plasma-new-hope__sc-97pdfk-6"
|
36
|
-
})([""]);
|
37
|
-
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
38
|
-
componentId: "plasma-new-hope__sc-97pdfk-7"
|
39
|
-
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
36
|
+
})([""]);
|
@@ -12,7 +12,7 @@ var _utils = /*#__PURE__*/require("../../utils");
|
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
14
|
var _Single = /*#__PURE__*/require("./Single.styles");
|
15
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"
|
15
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
17
17
|
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; }
|
18
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -32,8 +32,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
32
32
|
var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
33
33
|
var min = _ref.min,
|
34
34
|
max = _ref.max,
|
35
|
-
|
36
|
-
value = _ref$value === void 0 ? min : _ref$value,
|
35
|
+
value = _ref.value,
|
37
36
|
disabled = _ref.disabled,
|
38
37
|
onChangeCommitted = _ref.onChangeCommitted,
|
39
38
|
onChange = _ref.onChange,
|
@@ -52,7 +51,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
52
51
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
53
52
|
_ref$size = _ref.size,
|
54
53
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
55
|
-
name = _ref.name,
|
56
54
|
rest = _objectWithoutProperties(_ref, _excluded);
|
57
55
|
var _useState = (0, _react.useState)({
|
58
56
|
xHandle: 0,
|
@@ -62,7 +60,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
62
60
|
_useState2 = _slicedToArray(_useState, 2),
|
63
61
|
state = _useState2[0],
|
64
62
|
setState = _useState2[1];
|
65
|
-
var innerRef = (0, _react.useRef)(null);
|
66
63
|
var _useState3 = (0, _react.useState)(0),
|
67
64
|
_useState4 = _slicedToArray(_useState3, 2),
|
68
65
|
startOffset = _useState4[0],
|
@@ -79,14 +76,14 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
79
76
|
var hasLabelContent = label || labelContentLeft;
|
80
77
|
var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
|
81
78
|
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
|
82
|
-
var hideMinValueDiffClass = hideMinValueDiff &&
|
83
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
79
|
+
var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
|
80
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
|
84
81
|
var startLabelRef = (0, _react.useRef)(null);
|
85
82
|
var endLabelRef = (0, _react.useRef)(null);
|
86
83
|
var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
|
87
84
|
var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
|
88
85
|
(0, _react.useEffect)(function () {
|
89
|
-
var localValue = Math.min(Math.max(
|
86
|
+
var localValue = Math.min(Math.max(value, min), max) - min;
|
90
87
|
if (rangeValuesPlacement === 'outer') {
|
91
88
|
var _startLabelRef$curren, _endLabelRef$current;
|
92
89
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
@@ -107,21 +104,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
107
104
|
railFillWidth: stepSize * localValue
|
108
105
|
});
|
109
106
|
});
|
110
|
-
}, [
|
111
|
-
(0, _react.useEffect)(function () {
|
112
|
-
if (innerRef.current) {
|
113
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
114
|
-
return setDragValue((0, _utils.setInitValue)(e));
|
115
|
-
});
|
116
|
-
}
|
117
|
-
return function () {
|
118
|
-
if (innerRef.current) {
|
119
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
120
|
-
return setDragValue((0, _utils.setInitValue)(e));
|
121
|
-
});
|
122
|
-
}
|
123
|
-
};
|
124
|
-
}, [innerRef]);
|
107
|
+
}, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
125
108
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
126
109
|
setState(function (prevState) {
|
127
110
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -189,11 +172,5 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
189
172
|
})), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
|
190
173
|
ref: endLabelRef,
|
191
174
|
className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
192
|
-
}, max))
|
193
|
-
name: name,
|
194
|
-
type: "number",
|
195
|
-
datatype: "slider-single",
|
196
|
-
value: dragValue,
|
197
|
-
ref: innerRef
|
198
|
-
}));
|
175
|
+
}, max)));
|
199
176
|
};
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label =
|
6
|
+
exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
@@ -24,7 +24,4 @@ var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponen
|
|
24
24
|
})(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:var(", ");left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, StyledRangeValue, _Slider.tokens.rangeValueBottomOffset, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeMinValueMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeMaxValueMargin);
|
25
25
|
var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
26
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
27
|
-
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
|
28
|
-
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-1qm4elt-6"
|
30
|
-
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
27
|
+
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
|
@@ -24,15 +24,4 @@ Object.keys(_Double).forEach(function (key) {
|
|
24
24
|
return _Double[key];
|
25
25
|
}
|
26
26
|
});
|
27
|
-
});
|
28
|
-
var _DoubleUncontrolled = /*#__PURE__*/require("./DoubleUncontrolled/DoubleUncontrolled");
|
29
|
-
Object.keys(_DoubleUncontrolled).forEach(function (key) {
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
31
|
-
if (key in exports && exports[key] === _DoubleUncontrolled[key]) return;
|
32
|
-
Object.defineProperty(exports, key, {
|
33
|
-
enumerable: true,
|
34
|
-
get: function get() {
|
35
|
-
return _DoubleUncontrolled[key];
|
36
|
-
}
|
37
|
-
});
|
38
27
|
});
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.getOffsets = getOffsets;
|
7
7
|
exports.getSliderThumbValue = getSliderThumbValue;
|
8
|
-
exports.sizeData =
|
8
|
+
exports.sizeData = void 0;
|
9
9
|
/**
|
10
10
|
* Расчитать значение слайдера с учетом его координат и шага изменений.
|
11
11
|
* @param {number} handleCenterXRelative
|
@@ -52,9 +52,4 @@ var sizeData = exports.sizeData = {
|
|
52
52
|
indent: 0.75,
|
53
53
|
fontSizeMultiplier: 16
|
54
54
|
}
|
55
|
-
};
|
56
|
-
var setInitValue = exports.setInitValue = function setInitValue(e) {
|
57
|
-
var item = e.target;
|
58
|
-
var defaultValue = Number(item.getAttribute('defaultValue'));
|
59
|
-
return defaultValue;
|
60
55
|
};
|
@@ -126,7 +126,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
126
126
|
_useState6 = _slicedToArray(_useState5, 2),
|
127
127
|
uncontrolledValue = _useState6[0],
|
128
128
|
setUncontrolledValue = _useState6[1];
|
129
|
-
var outerRef = /*#__PURE__*/(0, _react.createRef)();
|
129
|
+
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
|
130
130
|
var innerOptional = required ? false : optional;
|
131
131
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
132
132
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -198,7 +198,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
198
198
|
hasContentRight: Boolean(contentRight),
|
199
199
|
hasHelper: hasHelper,
|
200
200
|
applyCustomWidth: applyCustomWidth,
|
201
|
-
ref:
|
201
|
+
ref: outerRef,
|
202
202
|
disabled: disabled,
|
203
203
|
height: autoResize ? minAuto : height,
|
204
204
|
width: width,
|
@@ -21,12 +21,6 @@ Object.defineProperty(exports, "useForceUpdate", {
|
|
21
21
|
return _useForceUpdate.useForceUpdate;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
Object.defineProperty(exports, "useFormPlasma", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _useForm.useFormPlasma;
|
28
|
-
}
|
29
|
-
});
|
30
24
|
Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
31
25
|
enumerable: true,
|
32
26
|
get: function get() {
|
@@ -57,5 +51,4 @@ var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
|
|
57
51
|
var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
|
58
52
|
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
59
53
|
var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
|
60
|
-
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
61
|
-
var _useForm = /*#__PURE__*/require("./useForm");
|
54
|
+
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
@@ -13,8 +13,6 @@ var _exportNames = {
|
|
13
13
|
IS_REACT_18: true,
|
14
14
|
safeUseId: true,
|
15
15
|
isNumber: true,
|
16
|
-
mergeRefs: true,
|
17
|
-
setRefList: true,
|
18
16
|
isEmpty: true,
|
19
17
|
constants: true
|
20
18
|
};
|
@@ -55,30 +53,17 @@ Object.defineProperty(exports, "isNumber", {
|
|
55
53
|
return _isNumber.isNumber;
|
56
54
|
}
|
57
55
|
});
|
58
|
-
Object.defineProperty(exports, "mergeRefs", {
|
59
|
-
enumerable: true,
|
60
|
-
get: function get() {
|
61
|
-
return _setRefList.mergeRefs;
|
62
|
-
}
|
63
|
-
});
|
64
56
|
Object.defineProperty(exports, "safeUseId", {
|
65
57
|
enumerable: true,
|
66
58
|
get: function get() {
|
67
59
|
return _react.safeUseId;
|
68
60
|
}
|
69
61
|
});
|
70
|
-
Object.defineProperty(exports, "setRefList", {
|
71
|
-
enumerable: true,
|
72
|
-
get: function get() {
|
73
|
-
return _setRefList.setRefList;
|
74
|
-
}
|
75
|
-
});
|
76
62
|
var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
|
77
63
|
var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
|
78
64
|
var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
|
79
65
|
var _react = /*#__PURE__*/require("./react");
|
80
66
|
var _isNumber = /*#__PURE__*/require("./isNumber");
|
81
|
-
var _setRefList = /*#__PURE__*/require("./setRefList");
|
82
67
|
var _isEmpty = /*#__PURE__*/require("./isEmpty");
|
83
68
|
var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
|
84
69
|
exports.constants = _constants;
|