@salutejs/plasma-new-hope 0.156.0-canary.1421.11096434145.0 → 0.156.0-canary.1421.11105922905.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/Drawer/Drawer.js +6 -4
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +11 -14
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.tokens.js +5 -1
- package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +11 -4
- package/cjs/components/Drawer/hooks/useDrawer.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/TextArea/TextArea.js +21 -4
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/utils/index.js +13 -0
- package/cjs/components/TextArea/utils/index.js.map +1 -0
- package/cjs/components/TextField/TextField.js +16 -0
- package/cjs/components/TextField/TextField.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} +14 -11
- 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/Drawer/Drawer.js +2 -0
- package/emotion/cjs/components/Drawer/Drawer.styles.js +11 -14
- package/emotion/cjs/components/Drawer/Drawer.tokens.js +5 -1
- package/emotion/cjs/components/Drawer/hooks/useDrawer.js +11 -4
- 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/TextArea/TextArea.js +18 -1
- package/emotion/cjs/components/TextArea/utils/index.js +12 -0
- package/emotion/cjs/components/TextField/TextField.js +17 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +3 -1
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +3 -1
- package/emotion/cjs/hooks/index.js +3 -3
- package/emotion/cjs/hooks/{useFormState.js → useForm.js} +13 -10
- 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/Drawer/Drawer.js +3 -1
- package/emotion/es/components/Drawer/Drawer.styles.js +11 -14
- package/emotion/es/components/Drawer/Drawer.tokens.js +5 -1
- package/emotion/es/components/Drawer/hooks/useDrawer.js +11 -4
- 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/TextArea/TextArea.js +19 -2
- package/emotion/es/components/TextArea/utils/index.js +6 -0
- package/emotion/es/components/TextField/TextField.js +17 -1
- package/emotion/es/components/TextField/TextField.styles.js +42 -30
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +3 -1
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +3 -1
- package/emotion/es/hooks/index.js +1 -1
- package/{styled-components/es/hooks/useFormState.js → emotion/es/hooks/useForm.js} +12 -9
- 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/Drawer/Drawer.js +4 -2
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/Drawer.styles.js +11 -14
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.tokens.js +5 -1
- package/es/components/Drawer/Drawer.tokens.js.map +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +11 -4
- package/es/components/Drawer/hooks/useDrawer.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/TextArea/TextArea.js +18 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/utils/index.js +9 -0
- package/es/components/TextArea/utils/index.js.map +1 -0
- package/es/components/TextField/TextField.js +16 -0
- package/es/components/TextField/TextField.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} +14 -11
- 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/Drawer/Drawer.js +2 -0
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +11 -14
- package/styled-components/cjs/components/Drawer/Drawer.tokens.js +5 -1
- package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +11 -4
- 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/TextArea/TextArea.js +17 -0
- package/styled-components/cjs/components/TextArea/utils/index.js +12 -0
- package/styled-components/cjs/components/TextField/TextField.js +16 -0
- package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +3 -1
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +3 -1
- package/styled-components/cjs/hooks/index.js +3 -3
- package/styled-components/cjs/hooks/{useFormState.js → useForm.js} +13 -10
- 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/Drawer/Drawer.js +3 -1
- package/styled-components/es/components/Drawer/Drawer.styles.js +11 -14
- package/styled-components/es/components/Drawer/Drawer.tokens.js +5 -1
- package/styled-components/es/components/Drawer/hooks/useDrawer.js +11 -4
- 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/TextArea/TextArea.js +18 -1
- package/styled-components/es/components/TextArea/utils/index.js +6 -0
- package/styled-components/es/components/TextField/TextField.js +16 -0
- package/styled-components/es/components/TextField/TextField.styles.js +4 -1
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +3 -1
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +3 -1
- package/styled-components/es/hooks/index.js +1 -1
- package/{emotion/es/hooks/useFormState.js → styled-components/es/hooks/useForm.js} +12 -9
- package/styled-components/es/utils/setRefList.js +2 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.tokens.d.ts +4 -0
- package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
- package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/utils/index.d.ts +2 -0
- package/types/components/TextArea/utils/index.d.ts.map +1 -0
- package/types/components/TextField/TextField.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
@@ -174,6 +174,22 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
174
174
|
})) || [];
|
175
175
|
setChips(newChips);
|
176
176
|
}, [isChipEnumeration, values]);
|
177
|
+
(0, _react.useEffect)(function () {
|
178
|
+
console.log(inputRef);
|
179
|
+
if (inputRef.current) {
|
180
|
+
console.log(inputRef, 'current');
|
181
|
+
inputRef.current.addEventListener('setInitialValue', function () {
|
182
|
+
return setHasValue(true);
|
183
|
+
});
|
184
|
+
}
|
185
|
+
return function () {
|
186
|
+
if (inputRef.current) {
|
187
|
+
inputRef.current.removeEventListener('setInitialValue', function () {
|
188
|
+
return setHasValue(true);
|
189
|
+
});
|
190
|
+
}
|
191
|
+
};
|
192
|
+
}, []);
|
177
193
|
(0, _react.useEffect)(function () {
|
178
194
|
setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
|
179
195
|
}, [rest.defaultValue]);
|
@@ -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;"]);
|
@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
|
|
136
136
|
showHeader,
|
137
137
|
showFooter,
|
138
138
|
showActions,
|
139
|
+
hasClose,
|
139
140
|
closePlacement,
|
140
141
|
offsetX,
|
141
142
|
offsetY,
|
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
|
|
159
160
|
{...rest}
|
160
161
|
>
|
161
162
|
<DrawerHeader
|
163
|
+
hasClose={hasClose}
|
162
164
|
closePlacement={closePlacement as ClosePlacementType}
|
163
165
|
actions={
|
164
166
|
showActions && (
|
165
167
|
<StyledIconButton size="s" view="clear">
|
166
|
-
<IconDone size="s" />
|
168
|
+
<IconDone size="s" color="inherit" />
|
167
169
|
</StyledIconButton>
|
168
170
|
)
|
169
171
|
}
|
@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
|
|
136
136
|
showHeader,
|
137
137
|
showFooter,
|
138
138
|
showActions,
|
139
|
+
hasClose,
|
139
140
|
closePlacement,
|
140
141
|
offsetX,
|
141
142
|
offsetY,
|
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
|
|
159
160
|
{...rest}
|
160
161
|
>
|
161
162
|
<DrawerHeader
|
163
|
+
hasClose={hasClose}
|
162
164
|
closePlacement={closePlacement as ClosePlacementType}
|
163
165
|
actions={
|
164
166
|
showActions && (
|
165
167
|
<StyledIconButton size="s" view="clear">
|
166
|
-
<IconDone size="s" />
|
168
|
+
<IconDone size="s" color="inherit" />
|
167
169
|
</StyledIconButton>
|
168
170
|
)
|
169
171
|
}
|
@@ -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; }
|
@@ -27,6 +27,9 @@ var initData = function initData(ref, defaultValues) {
|
|
27
27
|
type = item.type;
|
28
28
|
if ((type === 'text' || type === 'textarea') && defaultValues[_name]) {
|
29
29
|
item.value = String(defaultValues[_name]);
|
30
|
+
item.setAttribute('defaultValue', String(defaultValues[_name]));
|
31
|
+
var event = new Event('setInitialValue');
|
32
|
+
item.dispatchEvent(event);
|
30
33
|
}
|
31
34
|
if (type === 'checkbox' && defaultValues[_name]) {
|
32
35
|
item.checked = Boolean(defaultValues[_name]);
|
@@ -38,30 +41,30 @@ var initData = function initData(ref, defaultValues) {
|
|
38
41
|
var sliderType = item.getAttribute('datatype');
|
39
42
|
if (sliderType === 'slider-single') {
|
40
43
|
item.setAttribute('defaultValue', String(defaultValues[_name]));
|
41
|
-
var
|
42
|
-
item.dispatchEvent(
|
44
|
+
var _event = new Event('setInitialValue');
|
45
|
+
item.dispatchEvent(_event);
|
43
46
|
}
|
44
47
|
if (sliderType === 'slider-double') {
|
45
48
|
var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
|
46
49
|
var _data = defaultValues[_name];
|
47
50
|
item.setAttribute('defaultValue', String(_data[isMax]));
|
48
|
-
var
|
49
|
-
item.dispatchEvent(
|
51
|
+
var _event2 = new Event('setInitialValue');
|
52
|
+
item.dispatchEvent(_event2);
|
50
53
|
}
|
51
54
|
}
|
52
55
|
if (type === 'hidden') {
|
53
56
|
var datepickerType = item.getAttribute('datatype');
|
54
57
|
if (datepickerType === 'datepicker-single') {
|
55
58
|
item.setAttribute('defaultValue', String(defaultValues[_name]));
|
56
|
-
var
|
57
|
-
item.dispatchEvent(
|
59
|
+
var _event3 = new Event('setInitialValue');
|
60
|
+
item.dispatchEvent(_event3);
|
58
61
|
}
|
59
62
|
if (datepickerType === 'datepicker-double') {
|
60
63
|
var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
|
61
64
|
var _data2 = defaultValues[_name];
|
62
65
|
item.setAttribute('defaultValue', String(_data2[isTo]));
|
63
|
-
var
|
64
|
-
item.dispatchEvent(
|
66
|
+
var _event4 = new Event('setInitialValue');
|
67
|
+
item.dispatchEvent(_event4);
|
65
68
|
}
|
66
69
|
}
|
67
70
|
}
|
@@ -69,7 +72,7 @@ var initData = function initData(ref, defaultValues) {
|
|
69
72
|
var valideParams = function valideParams(name) {
|
70
73
|
return name && name !== '';
|
71
74
|
};
|
72
|
-
var
|
75
|
+
var useForm = exports.useForm = function useForm(onSubmit, defaultValues) {
|
73
76
|
var formRef = /*#__PURE__*/_react["default"].createRef();
|
74
77
|
(0, _react.useEffect)(function () {
|
75
78
|
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';
|
@@ -9,7 +9,7 @@ import { usePopupContext } from '../Popup';
|
|
9
9
|
import { Overlay } from '../Overlay';
|
10
10
|
import { DEFAULT_Z_INDEX } from '../Popup/utils';
|
11
11
|
import { panelConfig } from '../Panel';
|
12
|
-
import { getSizeValueFromProp } from '../../utils';
|
12
|
+
import { cx, getSizeValueFromProp } from '../../utils';
|
13
13
|
import { classes, tokens } from './Drawer.tokens';
|
14
14
|
import { base as viewCSS } from './variations/_view/base';
|
15
15
|
import { base as sizeCSS } from './variations/_size/base';
|
@@ -62,6 +62,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
62
62
|
var overlayBackgroundToken = withBlur ? "var(".concat(tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(tokens.drawerOverlayColor, ")");
|
63
63
|
var innerWidth = width ? getSizeValueFromProp(width) : '100%';
|
64
64
|
var innerHeight = height ? getSizeValueFromProp(height) : '100%';
|
65
|
+
var placementClass = placement ? classes["".concat(placement, "Placement")] : undefined;
|
65
66
|
var _useDrawer = useDrawer({
|
66
67
|
id: innerId,
|
67
68
|
isOpen: innerIsOpen,
|
@@ -87,6 +88,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
87
88
|
return /*#__PURE__*/React.createElement(StyledPopup, _extends({
|
88
89
|
id: innerId,
|
89
90
|
ref: asModal ? innerRef : outerRef,
|
91
|
+
className: cx(placementClass),
|
90
92
|
opened: innerIsOpen,
|
91
93
|
zIndex: zIndex,
|
92
94
|
placement: placement,
|
@@ -45,24 +45,21 @@ var animationVariants = {
|
|
45
45
|
}
|
46
46
|
}
|
47
47
|
};
|
48
|
+
var templateAnimationStyle = function templateAnimationStyle(placement) {
|
49
|
+
return "\n &.".concat(classes["".concat(placement, "Placement")], " {\n && .").concat(popupClasses.root, " {\n animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n }\n\n &&.").concat(popupClasses.endAnimation, " .").concat(popupClasses.root, " {\n animation: ").concat(placement, "HideAnimation 0.2s forwards;\n }\n\n @keyframes ").concat(placement, "ShowAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].show.start, ";\n opacity: 0;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].show.end, ";\n opacity: 1;\n }\n }\n\n @keyframes ").concat(placement, "HideAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].hide.start, ";\n opacity: 1;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].hide.end, ";\n opacity: 0;\n }\n } \n }\n ");
|
50
|
+
};
|
51
|
+
var getAnimationStyles = function getAnimationStyles() {
|
52
|
+
return Object.keys(animationVariants).reduce(function (acc, placement) {
|
53
|
+
acc += templateAnimationStyle(placement);
|
54
|
+
return acc;
|
55
|
+
}, '');
|
56
|
+
};
|
48
57
|
export var StyledPopup = /*#__PURE__*/styled(Popup).withConfig({
|
49
58
|
componentId: "plasma-new-hope__sc-cup208-0"
|
50
|
-
})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}
|
59
|
+
})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}", ""], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function (_ref) {
|
51
60
|
var width = _ref.width;
|
52
61
|
return width;
|
53
62
|
}, function (_ref2) {
|
54
63
|
var height = _ref2.height;
|
55
64
|
return height;
|
56
|
-
},
|
57
|
-
var placement = _ref3.placement;
|
58
|
-
return animationVariants[placement].show.start;
|
59
|
-
}, function (_ref4) {
|
60
|
-
var placement = _ref4.placement;
|
61
|
-
return animationVariants[placement].show.end;
|
62
|
-
}, function (_ref5) {
|
63
|
-
var placement = _ref5.placement;
|
64
|
-
return animationVariants[placement].hide.start;
|
65
|
-
}, function (_ref6) {
|
66
|
-
var placement = _ref6.placement;
|
67
|
-
return animationVariants[placement].hide.end;
|
68
|
-
});
|
65
|
+
}, /*#__PURE__*/getAnimationStyles());
|
@@ -5,7 +5,11 @@ export var classes = {
|
|
5
5
|
overlay: 'drawer-overlay',
|
6
6
|
horizontal: 'drawer-horizontal',
|
7
7
|
hasHeader: 'drawer-has-header',
|
8
|
-
isRightClose: 'drawer-right-close-button'
|
8
|
+
isRightClose: 'drawer-right-close-button',
|
9
|
+
topPlacement: 'drawer-top-placement',
|
10
|
+
bottomPlacement: 'drawer-bottom-placement',
|
11
|
+
rightPlacement: 'drawer-right-placement',
|
12
|
+
leftPlacement: 'drawer-left-placement'
|
9
13
|
};
|
10
14
|
export var tokens = {
|
11
15
|
drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
|
@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
7
7
|
import { useCallback, useEffect, useRef } from 'react';
|
8
8
|
import { getIdLastDrawer, hasDrawers } from '../DrawerContext';
|
9
9
|
import { usePopupContext } from '../../Popup';
|
10
|
+
import { canUseDOM } from '../../../utils';
|
10
11
|
var ESCAPE_KEYCODE = 27;
|
11
12
|
export var useDrawer = function useDrawer(_ref) {
|
12
13
|
var id = _ref.id,
|
@@ -19,7 +20,7 @@ export var useDrawer = function useDrawer(_ref) {
|
|
19
20
|
_ref$disableScroll = _ref.disableScroll,
|
20
21
|
disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
|
21
22
|
var popupController = usePopupContext();
|
22
|
-
var overflow = useRef(document.body.style.
|
23
|
+
var overflow = useRef(canUseDOM ? document.body.style.overflow : 'initial');
|
23
24
|
|
24
25
|
// При ESC закрывает текущее окно, если это возможно
|
25
26
|
var onKeyDown = useCallback(function (event) {
|
@@ -45,14 +46,20 @@ export var useDrawer = function useDrawer(_ref) {
|
|
45
46
|
|
46
47
|
// linaria не поддерживает динамический global
|
47
48
|
useEffect(function () {
|
49
|
+
if (!canUseDOM) {
|
50
|
+
return;
|
51
|
+
}
|
48
52
|
if (isOpen && disableScroll) {
|
49
|
-
overflow.current = document.body.style.
|
50
|
-
document.body.style.
|
53
|
+
overflow.current = document.body.style.overflow;
|
54
|
+
document.body.style.overflow = 'hidden';
|
51
55
|
}
|
52
56
|
}, [isOpen, disableScroll]);
|
53
57
|
useEffect(function () {
|
58
|
+
if (!canUseDOM) {
|
59
|
+
return;
|
60
|
+
}
|
54
61
|
if (!isOpen && !hasDrawers(popupController.items)) {
|
55
|
-
document.body.style.
|
62
|
+
document.body.style.overflow = overflow.current;
|
56
63
|
}
|
57
64
|
}, [isOpen, popupController.items]);
|
58
65
|
var drawerInfo = _objectSpread({
|
@@ -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;
|
@@ -18,7 +18,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
18
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
19
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
20
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
21
|
-
import React, { forwardRef, useState, createRef, useCallback } from 'react';
|
21
|
+
import React, { forwardRef, useState, createRef, useCallback, useEffect } from 'react';
|
22
22
|
import { css } from 'styled-components';
|
23
23
|
import { useResizeObserver } from '@salutejs/plasma-core';
|
24
24
|
import { cx, mergeRefs } from '../../utils';
|
@@ -29,6 +29,7 @@ import { classes } from './TextArea.tokens';
|
|
29
29
|
import { base as viewCSS } from './variations/_view/base';
|
30
30
|
import { base as sizeCSS } from './variations/_size/base';
|
31
31
|
import { base as disabledCSS } from './variations/_disabled/base';
|
32
|
+
import { setInitialValue } from './utils';
|
32
33
|
var innerPlaceholderUp = classes.innerPlaceholderUp,
|
33
34
|
focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
|
34
35
|
hidePlaceHolder = classes.hidePlaceHolder,
|
@@ -151,6 +152,22 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
151
152
|
}
|
152
153
|
onChange === null || onChange === void 0 || onChange(event);
|
153
154
|
}, [value, onChange]);
|
155
|
+
useEffect(function () {
|
156
|
+
console.log(outerRef);
|
157
|
+
if (outerRef.current) {
|
158
|
+
console.log(outerRef, 'outer');
|
159
|
+
outerRef.current.addEventListener('setInitialValue', function (e) {
|
160
|
+
return setUncontrolledValue(setInitialValue(e));
|
161
|
+
});
|
162
|
+
}
|
163
|
+
return function () {
|
164
|
+
if (outerRef.current) {
|
165
|
+
outerRef.current.removeEventListener('setInitialValue', function (e) {
|
166
|
+
return setUncontrolledValue(setInitialValue(e));
|
167
|
+
});
|
168
|
+
}
|
169
|
+
};
|
170
|
+
}, []);
|
154
171
|
var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
|
155
172
|
size: size,
|
156
173
|
readOnly: readOnly,
|
@@ -165,6 +165,22 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
165
165
|
})) || [];
|
166
166
|
setChips(newChips);
|
167
167
|
}, [isChipEnumeration, values]);
|
168
|
+
useEffect(function () {
|
169
|
+
console.log(inputRef);
|
170
|
+
if (inputRef.current) {
|
171
|
+
console.log(inputRef, 'current');
|
172
|
+
inputRef.current.addEventListener('setInitialValue', function () {
|
173
|
+
return setHasValue(true);
|
174
|
+
});
|
175
|
+
}
|
176
|
+
return function () {
|
177
|
+
if (inputRef.current) {
|
178
|
+
inputRef.current.removeEventListener('setInitialValue', function () {
|
179
|
+
return setHasValue(true);
|
180
|
+
});
|
181
|
+
}
|
182
|
+
};
|
183
|
+
}, []);
|
168
184
|
useEffect(function () {
|
169
185
|
setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
|
170
186
|
}, [rest.defaultValue]);
|
@@ -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;"]);
|
@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
|
|
136
136
|
showHeader,
|
137
137
|
showFooter,
|
138
138
|
showActions,
|
139
|
+
hasClose,
|
139
140
|
closePlacement,
|
140
141
|
offsetX,
|
141
142
|
offsetY,
|
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
|
|
159
160
|
{...rest}
|
160
161
|
>
|
161
162
|
<DrawerHeader
|
163
|
+
hasClose={hasClose}
|
162
164
|
closePlacement={closePlacement as ClosePlacementType}
|
163
165
|
actions={
|
164
166
|
showActions && (
|
165
167
|
<StyledIconButton size="s" view="clear">
|
166
|
-
<IconDone size="s" />
|
168
|
+
<IconDone size="s" color="inherit" />
|
167
169
|
</StyledIconButton>
|
168
170
|
)
|
169
171
|
}
|
@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
|
|
136
136
|
showHeader,
|
137
137
|
showFooter,
|
138
138
|
showActions,
|
139
|
+
hasClose,
|
139
140
|
closePlacement,
|
140
141
|
offsetX,
|
141
142
|
offsetY,
|
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
|
|
159
160
|
{...rest}
|
160
161
|
>
|
161
162
|
<DrawerHeader
|
163
|
+
hasClose={hasClose}
|
162
164
|
closePlacement={closePlacement as ClosePlacementType}
|
163
165
|
actions={
|
164
166
|
showActions && (
|
165
167
|
<StyledIconButton size="s" view="clear">
|
166
|
-
<IconDone size="s" />
|
168
|
+
<IconDone size="s" color="inherit" />
|
167
169
|
</StyledIconButton>
|
168
170
|
)
|
169
171
|
}
|
@@ -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';
|