@salutejs/plasma-new-hope 0.156.0-canary.1421.11096434145.0 → 0.156.0-canary.1421.11105397584.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Range/Range.css +16 -15
- package/cjs/components/Slider/Slider.css +17 -16
- package/cjs/components/Slider/Slider.js +0 -1
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +17 -16
- package/cjs/components/Slider/components/Double/Double.js +3 -3
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -9
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +17 -0
- package/cjs/components/Slider/components/Single/Single.js +2 -2
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/cjs/hooks/{useFormState.js → useForm.js} +3 -3
- package/cjs/hooks/useForm.js.map +1 -0
- package/cjs/index.css +16 -15
- package/cjs/index.js +2 -2
- package/cjs/utils/setRefList.js +2 -1
- package/cjs/utils/setRefList.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
- package/emotion/cjs/components/Slider/components/Double/Double.js +3 -3
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -8
- package/emotion/cjs/components/Slider/components/Single/Single.js +2 -2
- package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
- package/emotion/cjs/hooks/index.js +3 -3
- package/{styled-components/cjs/hooks/useFormState.js → emotion/cjs/hooks/useForm.js} +2 -2
- package/emotion/cjs/utils/setRefList.js +2 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
- package/emotion/es/components/Slider/components/Double/Double.js +1 -1
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -9
- package/emotion/es/components/Slider/components/Single/Single.js +1 -1
- package/emotion/es/components/TextField/TextField.styles.js +42 -30
- package/emotion/es/hooks/index.js +1 -1
- package/{styled-components/es/hooks/useFormState.js → emotion/es/hooks/useForm.js} +1 -1
- package/emotion/es/utils/setRefList.js +2 -1
- package/es/components/Autocomplete/Autocomplete.css +16 -15
- package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/es/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/es/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Range/Range.css +16 -15
- package/es/components/Slider/Slider.css +17 -16
- package/es/components/Slider/Slider.js +0 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +17 -16
- package/es/components/Slider/components/Double/Double.js +1 -1
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -10
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +17 -0
- package/es/components/Slider/components/Single/Single.js +1 -1
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/es/hooks/{useFormState.js → useForm.js} +3 -3
- package/es/hooks/useForm.js.map +1 -0
- package/es/index.css +16 -15
- package/es/index.js +1 -1
- package/es/utils/setRefList.js +2 -1
- package/es/utils/setRefList.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
- package/styled-components/cjs/components/Slider/components/Double/Double.js +3 -3
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -8
- package/styled-components/cjs/components/Slider/components/Single/Single.js +2 -2
- package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
- package/styled-components/cjs/hooks/index.js +3 -3
- package/{emotion/cjs/hooks/useFormState.js → styled-components/cjs/hooks/useForm.js} +2 -2
- package/styled-components/cjs/utils/setRefList.js +2 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
- package/styled-components/es/components/Slider/components/Double/Double.js +1 -1
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -9
- package/styled-components/es/components/Slider/components/Single/Single.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +4 -1
- package/styled-components/es/hooks/index.js +1 -1
- package/{emotion/es/hooks/useFormState.js → styled-components/es/hooks/useForm.js} +1 -1
- package/styled-components/es/utils/setRefList.js +2 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/{useFormState.d.ts → useForm.d.ts} +2 -2
- package/types/hooks/useForm.d.ts.map +1 -0
- package/types/utils/setRefList.d.ts.map +1 -1
- package/cjs/hooks/useFormState.js.map +0 -1
- package/cjs/utils/inputHidden.js +0 -12
- package/cjs/utils/inputHidden.js.map +0 -1
- package/emotion/cjs/utils/inputHidden.js +0 -11
- package/emotion/es/utils/inputHidden.js +0 -4
- package/es/hooks/useFormState.js.map +0 -1
- package/es/utils/inputHidden.js +0 -8
- package/es/utils/inputHidden.js.map +0 -1
- package/styled-components/cjs/utils/inputHidden.js +0 -11
- package/styled-components/es/utils/inputHidden.js +0 -4
- package/types/hooks/useFormState.d.ts.map +0 -1
- package/types/utils/inputHidden.d.ts +0 -2
- package/types/utils/inputHidden.d.ts.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n }
|
1
|
+
{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n }\n\n if (ref != null && typeof ref !== 'function') {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIO,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.156.0-canary.1421.
|
3
|
+
"version": "0.156.0-canary.1421.11105397584.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"react-popper": "2.3.0",
|
124
124
|
"storeon": "3.1.5"
|
125
125
|
},
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "81fd4393a1599ed102f482ec16ade076097ea61e"
|
127
127
|
}
|
@@ -12,7 +12,7 @@ var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
14
14
|
var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
|
15
|
-
var
|
15
|
+
var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
|
16
16
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
17
17
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
@@ -150,21 +150,25 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
150
150
|
setInputSecondValue = _useState14[1];
|
151
151
|
var setFirstInputValue = function setFirstInputValue(value) {
|
152
152
|
setInputFirstValue(value);
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
153
|
+
if (onChange) {
|
154
|
+
onChange({
|
155
|
+
target: {
|
156
|
+
value: "".concat(value, " - ").concat(inputSecondValue),
|
157
|
+
name: name
|
158
|
+
}
|
159
|
+
});
|
160
|
+
}
|
159
161
|
};
|
160
162
|
var setSecondInputValue = function setSecondInputValue(value) {
|
161
163
|
setInputSecondValue(value);
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
164
|
+
if (onChange) {
|
165
|
+
onChange({
|
166
|
+
target: {
|
167
|
+
value: "".concat(inputFirstValue, " - ").concat(value),
|
168
|
+
name: name
|
169
|
+
}
|
170
|
+
});
|
171
|
+
}
|
168
172
|
};
|
169
173
|
var dateFormatDelimiter = (0, _react.useCallback)(function () {
|
170
174
|
return (0, _dateHelper.getDateFormatDelimiter)(format);
|
@@ -372,7 +376,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
372
376
|
setIsInnerOpen(false);
|
373
377
|
}
|
374
378
|
}
|
375
|
-
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(
|
379
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
376
380
|
name: name,
|
377
381
|
type: "hidden",
|
378
382
|
datatype: "datepicker-double",
|
@@ -380,7 +384,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
380
384
|
value: inputFirstValue,
|
381
385
|
ref: innerRefFirst,
|
382
386
|
onChange: function onChange() {}
|
383
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
387
|
+
}), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
384
388
|
name: name,
|
385
389
|
type: "hidden",
|
386
390
|
datatype: "datepicker-double",
|
@@ -13,7 +13,7 @@ var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
|
13
13
|
var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
|
14
14
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
15
15
|
var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
|
16
|
-
var
|
16
|
+
var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
19
19
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
@@ -235,7 +235,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
235
235
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
236
236
|
return handleCommitDate(date, false, true, dateInfo);
|
237
237
|
}
|
238
|
-
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(
|
238
|
+
})), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
239
239
|
type: "hidden",
|
240
240
|
datatype: "datepicker-single",
|
241
241
|
name: name,
|
@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
|
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
|
-
var
|
14
|
+
var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
|
15
15
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
16
16
|
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
|
17
17
|
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); }
|
@@ -336,7 +336,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
336
336
|
onChange: onSecondTextfieldChange,
|
337
337
|
onBlur: onSecondTextfieldBlur,
|
338
338
|
onKeyDown: onTextfieldKeyDown
|
339
|
-
}))), /*#__PURE__*/_react["default"].createElement(
|
339
|
+
}))), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
340
340
|
name: name,
|
341
341
|
type: "number",
|
342
342
|
datatype: "slider-double",
|
@@ -344,7 +344,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
344
344
|
value: firstValue,
|
345
345
|
ref: innerRefFirst,
|
346
346
|
onChange: function onChange() {}
|
347
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
347
|
+
}), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
348
348
|
name: name,
|
349
349
|
type: "number",
|
350
350
|
datatype: "slider-double",
|
package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js
CHANGED
@@ -40,7 +40,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
40
40
|
return a - b;
|
41
41
|
});
|
42
42
|
};
|
43
|
-
var onChangeHandle = function
|
43
|
+
var onChangeHandle = (0, _react.useCallback)(function (values) {
|
44
44
|
var sortValue = sortValues(values);
|
45
45
|
if (onChange && !value && name) {
|
46
46
|
onChange({
|
@@ -51,8 +51,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
51
51
|
});
|
52
52
|
}
|
53
53
|
setSliderValue(sortValue);
|
54
|
-
};
|
55
|
-
var onChangeCommitedHandle = function
|
54
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
55
|
+
var onChangeCommitedHandle = (0, _react.useCallback)(function (values) {
|
56
56
|
var sortValue = sortValues(values);
|
57
57
|
if (onChange && !value && name) {
|
58
58
|
onChange({
|
@@ -63,8 +63,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
63
63
|
});
|
64
64
|
}
|
65
65
|
setSliderValue(sortValue);
|
66
|
-
};
|
67
|
-
var onBlurTextField = function
|
66
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
67
|
+
var onBlurTextField = (0, _react.useCallback)(function (values) {
|
68
68
|
var sortValue = sortValues(values);
|
69
69
|
if (onChange && !value && name) {
|
70
70
|
onChange({
|
@@ -75,8 +75,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
75
75
|
});
|
76
76
|
}
|
77
77
|
setSliderValue(sortValue);
|
78
|
-
};
|
79
|
-
var onKeyDownTextField = function
|
78
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
79
|
+
var onKeyDownTextField = (0, _react.useCallback)(function (values, e) {
|
80
80
|
if (e.key === 'Enter') {
|
81
81
|
var sortValue = sortValues(values);
|
82
82
|
if (onChange && !value && name) {
|
@@ -89,7 +89,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
89
89
|
}
|
90
90
|
setSliderValue(sortValue);
|
91
91
|
}
|
92
|
-
};
|
92
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
93
93
|
return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
|
94
94
|
value: value,
|
95
95
|
onChange: onChange
|
@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
|
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
|
-
var
|
14
|
+
var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
|
15
15
|
var _Single = /*#__PURE__*/require("./Single.styles");
|
16
16
|
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
|
17
17
|
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); }
|
@@ -201,7 +201,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
201
201
|
})), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
|
202
202
|
ref: endLabelRef,
|
203
203
|
className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
204
|
-
}, max)), /*#__PURE__*/_react["default"].createElement(
|
204
|
+
}, max)), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
205
205
|
name: name,
|
206
206
|
type: "number",
|
207
207
|
datatype: "slider-single",
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledTextBefore = exports.StyledTextAfter = exports.StyledOptionalText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledChips = exports.LeftHelper = exports.Label = exports.InputWrapper = exports.InputPlaceholder = exports.InputLabelWrapper = exports.InputContainer = exports.Input = void 0;
|
6
|
+
exports.StyledTextBefore = exports.StyledTextAfter = exports.StyledOptionalText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledChips = exports.LeftHelper = exports.Label = exports.InputWrapper = exports.InputPlaceholder = exports.InputLabelWrapper = exports.InputHidden = exports.InputContainer = exports.Input = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _TextField = /*#__PURE__*/require("./TextField.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
@@ -51,4 +51,7 @@ var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledCompon
|
|
51
51
|
})(["color:var(", ");"], _TextField.tokens.optionalColor);
|
52
52
|
var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
53
53
|
componentId: "plasma-new-hope__sc-g4vxbb-14"
|
54
|
-
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], _TextField.tokens.indicatorColor, _TextField.classes.outerLabelPlacement, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorLabelPlacementOuter, _TextField.tokens.indicatorLabelPlacementOuterRight, _TextField.classes.innerLabelPlacement, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorLabelPlacementInner, _TextField.tokens.indicatorLabelPlacementInnerRight);
|
54
|
+
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], _TextField.tokens.indicatorColor, _TextField.classes.outerLabelPlacement, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorLabelPlacementOuter, _TextField.tokens.indicatorLabelPlacementOuterRight, _TextField.classes.innerLabelPlacement, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorLabelPlacementInner, _TextField.tokens.indicatorLabelPlacementInnerRight);
|
55
|
+
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
56
|
+
componentId: "plasma-new-hope__sc-g4vxbb-15"
|
57
|
+
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
@@ -21,10 +21,10 @@ Object.defineProperty(exports, "useForceUpdate", {
|
|
21
21
|
return _useForceUpdate.useForceUpdate;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
Object.defineProperty(exports, "
|
24
|
+
Object.defineProperty(exports, "useForm", {
|
25
25
|
enumerable: true,
|
26
26
|
get: function get() {
|
27
|
-
return
|
27
|
+
return _useForm.useForm;
|
28
28
|
}
|
29
29
|
});
|
30
30
|
Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
@@ -58,4 +58,4 @@ var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
|
|
58
58
|
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
59
59
|
var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
|
60
60
|
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
61
|
-
var
|
61
|
+
var _useForm = /*#__PURE__*/require("./useForm");
|
@@ -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.
|
7
|
+
exports.useForm = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
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); }
|
10
10
|
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; }
|
@@ -69,7 +69,7 @@ var initData = function initData(ref, defaultValues) {
|
|
69
69
|
var valideParams = function valideParams(name) {
|
70
70
|
return name && name !== '';
|
71
71
|
};
|
72
|
-
var
|
72
|
+
var useForm = exports.useForm = function useForm(onSubmit, defaultValues) {
|
73
73
|
var formRef = /*#__PURE__*/_react["default"].createRef();
|
74
74
|
(0, _react.useEffect)(function () {
|
75
75
|
initData(formRef, defaultValues);
|
@@ -15,7 +15,7 @@ import { useDatePicker } from '../hooks/useDatePicker';
|
|
15
15
|
import { classes } from '../DatePicker.tokens';
|
16
16
|
import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
|
17
17
|
import { setInitialValue } from '../utils/setInitialValue';
|
18
|
-
import { InputHidden } from '
|
18
|
+
import { InputHidden } from '../../TextField/TextField.styles';
|
19
19
|
import { base as sizeCSS } from './variations/_size/base';
|
20
20
|
import { base as viewCSS } from './variations/_view/base';
|
21
21
|
import { base as disabledCSS } from './variations/_disabled/base';
|
@@ -141,21 +141,25 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
141
141
|
setInputSecondValue = _useState14[1];
|
142
142
|
var setFirstInputValue = function setFirstInputValue(value) {
|
143
143
|
setInputFirstValue(value);
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
144
|
+
if (onChange) {
|
145
|
+
onChange({
|
146
|
+
target: {
|
147
|
+
value: "".concat(value, " - ").concat(inputSecondValue),
|
148
|
+
name: name
|
149
|
+
}
|
150
|
+
});
|
151
|
+
}
|
150
152
|
};
|
151
153
|
var setSecondInputValue = function setSecondInputValue(value) {
|
152
154
|
setInputSecondValue(value);
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
155
|
+
if (onChange) {
|
156
|
+
onChange({
|
157
|
+
target: {
|
158
|
+
value: "".concat(inputFirstValue, " - ").concat(value),
|
159
|
+
name: name
|
160
|
+
}
|
161
|
+
});
|
162
|
+
}
|
159
163
|
};
|
160
164
|
var dateFormatDelimiter = useCallback(function () {
|
161
165
|
return getDateFormatDelimiter(format);
|
@@ -16,7 +16,7 @@ import { classes } from '../DatePicker.tokens';
|
|
16
16
|
import { StyledCalendar } from '../DatePickerBase.styles';
|
17
17
|
import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
|
18
18
|
import { setInitialValue } from '../utils/setInitialValue';
|
19
|
-
import { InputHidden } from '
|
19
|
+
import { InputHidden } from '../../TextField/TextField.styles';
|
20
20
|
import { base as sizeCSS } from './variations/_size/base';
|
21
21
|
import { base as viewCSS } from './variations/_view/base';
|
22
22
|
import { base as disabledCSS } from './variations/_disabled/base';
|
@@ -20,7 +20,7 @@ import { Handler } from '../../ui';
|
|
20
20
|
import { sizeData, setInitialValue } from '../../utils';
|
21
21
|
import { cx, isNumber } from '../../../../utils';
|
22
22
|
import { classes } from '../../Slider.tokens';
|
23
|
-
import { InputHidden } from '
|
23
|
+
import { InputHidden } from '../../../TextField/TextField.styles';
|
24
24
|
import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
|
25
25
|
function getXCenterHandle(handle) {
|
26
26
|
var _handle$parentElement;
|
package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js
CHANGED
@@ -5,7 +5,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
5
5
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
6
6
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
7
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
8
|
-
import React, { useState } from 'react';
|
8
|
+
import React, { useState, useCallback } from 'react';
|
9
9
|
import { DoubleSlider } from '../index';
|
10
10
|
export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
11
11
|
var defaultValue = props.defaultValue,
|
@@ -31,7 +31,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
31
31
|
return a - b;
|
32
32
|
});
|
33
33
|
};
|
34
|
-
var onChangeHandle = function
|
34
|
+
var onChangeHandle = useCallback(function (values) {
|
35
35
|
var sortValue = sortValues(values);
|
36
36
|
if (onChange && !value && name) {
|
37
37
|
onChange({
|
@@ -42,8 +42,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
42
42
|
});
|
43
43
|
}
|
44
44
|
setSliderValue(sortValue);
|
45
|
-
};
|
46
|
-
var onChangeCommitedHandle = function
|
45
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
46
|
+
var onChangeCommitedHandle = useCallback(function (values) {
|
47
47
|
var sortValue = sortValues(values);
|
48
48
|
if (onChange && !value && name) {
|
49
49
|
onChange({
|
@@ -54,8 +54,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
54
54
|
});
|
55
55
|
}
|
56
56
|
setSliderValue(sortValue);
|
57
|
-
};
|
58
|
-
var onBlurTextField = function
|
57
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
58
|
+
var onBlurTextField = useCallback(function (values) {
|
59
59
|
var sortValue = sortValues(values);
|
60
60
|
if (onChange && !value && name) {
|
61
61
|
onChange({
|
@@ -66,8 +66,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
66
66
|
});
|
67
67
|
}
|
68
68
|
setSliderValue(sortValue);
|
69
|
-
};
|
70
|
-
var onKeyDownTextField = function
|
69
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
70
|
+
var onKeyDownTextField = useCallback(function (values, e) {
|
71
71
|
if (e.key === 'Enter') {
|
72
72
|
var sortValue = sortValues(values);
|
73
73
|
if (onChange && !value && name) {
|
@@ -80,7 +80,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
80
80
|
}
|
81
81
|
setSliderValue(sortValue);
|
82
82
|
}
|
83
|
-
};
|
83
|
+
}, [name, value, onChange, sortValues, setSliderValue]);
|
84
84
|
return value ? /*#__PURE__*/React.createElement(DoubleSlider, _extends({}, props, {
|
85
85
|
value: value,
|
86
86
|
onChange: onChange
|
@@ -20,7 +20,7 @@ import { Handler } from '../../ui';
|
|
20
20
|
import { setInitialValue, sizeData } from '../../utils';
|
21
21
|
import { cx, isNumber } from '../../../../utils';
|
22
22
|
import { classes } from '../../Slider.tokens';
|
23
|
-
import { InputHidden } from '
|
23
|
+
import { InputHidden } from '../../../TextField/TextField.styles';
|
24
24
|
import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
|
25
25
|
export var SingleSlider = function SingleSlider(_ref) {
|
26
26
|
var _ref2;
|
@@ -44,4 +44,7 @@ export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
|
|
44
44
|
})(["color:var(", ");"], tokens.optionalColor);
|
45
45
|
export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
|
46
46
|
componentId: "plasma-new-hope__sc-g4vxbb-14"
|
47
|
-
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);
|
47
|
+
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);
|
48
|
+
export var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
49
|
+
componentId: "plasma-new-hope__sc-g4vxbb-15"
|
50
|
+
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
@@ -5,4 +5,4 @@ export { useForceUpdate } from './useForceUpdate';
|
|
5
5
|
export { useDidMountEffect } from './useDidMountEffect';
|
6
6
|
export { useOutsideClick } from './useOutsideClick';
|
7
7
|
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
8
|
-
export {
|
8
|
+
export { useForm } from './useForm';
|
@@ -60,7 +60,7 @@ var initData = function initData(ref, defaultValues) {
|
|
60
60
|
var valideParams = function valideParams(name) {
|
61
61
|
return name && name !== '';
|
62
62
|
};
|
63
|
-
export var
|
63
|
+
export var useForm = function useForm(onSubmit, defaultValues) {
|
64
64
|
var formRef = /*#__PURE__*/React.createRef();
|
65
65
|
useEffect(function () {
|
66
66
|
initData(formRef, defaultValues);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+
|
1
|
+
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAmXvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBArXxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Y3G,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DoubleUncontrolled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,EAAE,
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,EAAE,EAAyB,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwG1D,CAAC"}
|
@@ -17,4 +17,5 @@ export declare const StyledTextBefore: import("@linaria/react").StyledComponent<
|
|
17
17
|
export declare const StyledTextAfter: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
18
18
|
export declare const StyledOptionalText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
19
19
|
export declare const StyledIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
20
|
+
export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
20
21
|
//# sourceMappingURL=TextField.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAajB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAgB5B,CAAC;AAEF,eAAO,MAAM,KAAK,8KAGjB,CAAC;AAOF,eAAO,MAAM,iBAAiB;;EAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;EAa9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAyB3B,CAAC"}
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAajB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAgB5B,CAAC;AAEF,eAAO,MAAM,KAAK,8KAGjB,CAAC;AAOF,eAAO,MAAM,iBAAiB;;EAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;EAa9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAyB3B,CAAC;AAEF,eAAO,MAAM,WAAW,8KAQvB,CAAC"}
|
package/types/hooks/index.d.ts
CHANGED
@@ -5,5 +5,5 @@ export { useForceUpdate } from './useForceUpdate';
|
|
5
5
|
export { useDidMountEffect } from './useDidMountEffect';
|
6
6
|
export { useOutsideClick } from './useOutsideClick';
|
7
7
|
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
8
|
-
export {
|
8
|
+
export { useForm } from './useForm';
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
2
2
|
declare type DataType = {
|
3
3
|
[name: string]: string | boolean | null | number | number[] | Date | string[];
|
4
4
|
};
|
5
|
-
export declare const
|
5
|
+
export declare const useForm: (onSubmit: (data: DataType) => void, defaultValues: DataType) => {
|
6
6
|
formRef: React.RefObject<HTMLFormElement>;
|
7
7
|
formData: (event: React.FormEvent<HTMLFormElement>) => void;
|
8
8
|
};
|
9
9
|
export {};
|
10
|
-
//# sourceMappingURL=
|
10
|
+
//# sourceMappingURL=useForm.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,aAAK,QAAQ,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC;AAsElG,eAAO,MAAM,OAAO,oBAAqB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ;;sBAOtD,MAAM,SAAS,CAAC,eAAe,CAAC;CAuE5D,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,
|
1
|
+
{"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAUtE"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useFormState.js","sources":["../../src/hooks/useFormState.ts"],"sourcesContent":["import React, { RefObject, useEffect } from 'react';\n\ntype DataType = { [name: string]: string | boolean | null | number | number[] | Date | string[] };\n\nconst initData = (ref: RefObject<HTMLFormElement>, defaultValues: DataType) => {\n if (!ref.current) {\n return;\n }\n\n const form = ref.current as HTMLFormElement;\n const items = form.elements;\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i] as HTMLInputElement;\n const { name, value, type } = item;\n\n if ((type === 'text' || type === 'textarea') && defaultValues[name]) {\n item.value = String(defaultValues[name]);\n }\n\n if (type === 'checkbox' && defaultValues[name]) {\n item.checked = Boolean(defaultValues[name]);\n }\n\n if (type === 'radio' && defaultValues[name]) {\n item.checked = defaultValues[name] === value;\n }\n\n if (type === 'number' && defaultValues[name]) {\n const sliderType = item.getAttribute('datatype');\n\n if (sliderType === 'slider-single') {\n item.setAttribute('defaultValue', String(defaultValues[name]));\n const event = new Event('setInitialValue');\n item.dispatchEvent(event);\n }\n\n if (sliderType === 'slider-double') {\n const isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;\n const data = defaultValues[name] as number[];\n\n item.setAttribute('defaultValue', String(data[isMax]));\n const event = new Event('setInitialValue');\n item.dispatchEvent(event);\n }\n }\n\n if (type === 'hidden') {\n const datepickerType = item.getAttribute('datatype');\n\n if (datepickerType === 'datepicker-single') {\n item.setAttribute('defaultValue', String(defaultValues[name]));\n const event = new Event('setInitialValue');\n item.dispatchEvent(event);\n }\n\n if (datepickerType === 'datepicker-double') {\n const isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;\n const data = defaultValues[name] as number[];\n\n item.setAttribute('defaultValue', String(data[isTo]));\n const event = new Event('setInitialValue');\n item.dispatchEvent(event);\n }\n }\n }\n};\n\nconst valideParams = (name: string) => {\n return name && name !== '';\n};\n\nexport const useFormState = (onSubmit: (data: DataType) => void, defaultValues: DataType) => {\n const formRef = React.createRef<HTMLFormElement>();\n\n useEffect(() => {\n initData(formRef, defaultValues);\n }, []);\n\n const formData = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n\n const result: DataType = {};\n\n const form = event.target as HTMLFormElement;\n const items = form.elements;\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i] as HTMLInputElement;\n const { name, value, type } = item;\n\n if ((type === 'text' || type === 'textarea') && valideParams(name)) {\n result[name] = value;\n }\n\n if (type === 'checkbox' && valideParams(name)) {\n result[name] = item.checked;\n }\n\n if (type === 'radio' && valideParams(name)) {\n if (item.checked) {\n result[name] = value;\n } else if (!(name in result)) {\n result[name] = null;\n }\n }\n\n if (type === 'number' && valideParams(name)) {\n const sliderType = item.getAttribute('datatype');\n\n if (sliderType === 'slider-single') {\n result[name] = value;\n }\n\n if (sliderType === 'slider-double') {\n const isMin = item.getAttribute('data-slidertype') === 'min';\n if (isMin) {\n result[name] = [Number(value)];\n }\n\n if (!isMin && Array.isArray(result[name])) {\n result[name] = [...(result[name] as number[]), Number(value)];\n }\n }\n }\n\n if (type === 'hidden' && valideParams(name)) {\n const sliderType = item.getAttribute('datatype');\n\n if (sliderType === 'datepicker-single') {\n result[name] = value;\n }\n\n if (sliderType === 'datepicker-double') {\n const isMin = item.getAttribute('data-datepicker') === 'from';\n if (isMin) {\n result[name] = [String(value)];\n }\n\n if (!isMin && Array.isArray(result[name])) {\n result[name] = [...(result[name] as string[]), String(value)];\n }\n }\n }\n }\n\n onSubmit(result);\n };\n\n return { formRef, formData };\n};\n"],"names":["initData","ref","defaultValues","current","form","items","elements","i","length","item","name","value","type","String","checked","Boolean","sliderType","getAttribute","setAttribute","event","Event","dispatchEvent","isMax","data","datepickerType","isTo","valideParams","useFormState","onSubmit","formRef","React","createRef","useEffect","formData","preventDefault","result","target","isMin","Number","Array","isArray","concat","_toConsumableArray"],"mappings":"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"}
|
package/cjs/utils/inputHidden.js
DELETED
@@ -1,12 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var styled = require('styled-components');
|
6
|
-
|
7
|
-
var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-xgsin8-0"
|
9
|
-
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|
10
|
-
|
11
|
-
exports.InputHidden = InputHidden;
|
12
|
-
//# sourceMappingURL=inputHidden.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"inputHidden.js","sources":["../../src/utils/inputHidden.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const InputHidden = styled.input`\n visibility: hidden;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n`;\n"],"names":["InputHidden","styled","input","withConfig","componentId"],"mappings":";;;;;;IAEaA,WAAW,gBAAGC,MAAM,CAACC,KAAK,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAQtC,CAAA,CAAA,CAAA,8EAAA,CAAA;;;;"}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.InputHidden = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _templateObject;
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11
|
-
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n visibility: hidden;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n"])));
|
@@ -1,4 +0,0 @@
|
|
1
|
-
var _templateObject;
|
2
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
-
import styled from 'styled-components';
|
4
|
-
export var InputHidden = /*#__PURE__*/styled.input(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n visibility: hidden;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n"])));
|