kui-complex 0.0.23 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +6 -8
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -8
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -235,14 +235,12 @@ var getFormError = function (name, form) {
|
|
|
235
235
|
|
|
236
236
|
var InputSelect = React.forwardRef(function (props, ref) {
|
|
237
237
|
var _a, _b, _c;
|
|
238
|
-
var options = props.options, name = props.name, handleChange = props.handleChange, form = props.form, iconProps = props.iconProps, other = __rest(props, ["options", "name", "handleChange", "form", "iconProps"]);
|
|
238
|
+
var options = props.options, name = props.name, handleChange = props.handleChange, form = props.form, iconProps = props.iconProps, defaultValue = props.value, other = __rest(props, ["options", "name", "handleChange", "form", "iconProps", "value"]);
|
|
239
239
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropDown = _d[1];
|
|
240
|
-
var _e = React.useState(getFormValue(name, form)), value = _e[0], setValue = _e[1];
|
|
240
|
+
var _e = React.useState(defaultValue || getFormValue(name, form)), value = _e[0], setValue = _e[1];
|
|
241
241
|
var error = getFormError(name, form);
|
|
242
242
|
var inputRef = React.useRef(null);
|
|
243
|
-
var selectedLabel = (_a = options === null || options === void 0 ? void 0 : options.find(function (option) {
|
|
244
|
-
return String(option.value) === String(other.value || value);
|
|
245
|
-
})) === null || _a === void 0 ? void 0 : _a.label;
|
|
243
|
+
var selectedLabel = (_a = options === null || options === void 0 ? void 0 : options.find(function (option) { return String(option.value) === String(value); })) === null || _a === void 0 ? void 0 : _a.label;
|
|
246
244
|
var register = form === null || form === void 0 ? void 0 : form.register(name);
|
|
247
245
|
var handleOpenDropdown = function () {
|
|
248
246
|
var _a, _b, _c, _d;
|
|
@@ -282,11 +280,11 @@ var InputSelect = React.forwardRef(function (props, ref) {
|
|
|
282
280
|
isOpenDropdown && { transform: "rotate(180deg)" },
|
|
283
281
|
] }, iconProps)) })) }, register, { ref: forwardedRef })), options && options.length > 0 && !props.disabled && (jsxRuntime$1.jsx(InputSelectDropdown, { options: options, inputRef: {
|
|
284
282
|
current: (_c = (_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement,
|
|
285
|
-
}, isOpenDropdown: isOpenDropdown, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue:
|
|
283
|
+
}, isOpenDropdown: isOpenDropdown, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: value }))] }));
|
|
286
284
|
});
|
|
287
285
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: relative;\n text-align: left;\n width: fit-content;\n"], ["\n position: relative;\n text-align: left;\n width: fit-content;\n"])));
|
|
288
286
|
var StyledInput = styled__default["default"](kuiBasic.InputWithAdornments)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n"], ["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n"])));
|
|
289
|
-
var StyledIconWrapper = styled__default["default"].div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding-right: 8px;\n"], ["\n padding-right: 8px;\n"])));
|
|
287
|
+
var StyledIconWrapper = styled__default["default"].div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding-right: 8px;\n padding-bottom: 4px;\n"], ["\n padding-right: 8px;\n padding-bottom: 4px;\n"])));
|
|
290
288
|
var templateObject_1$n, templateObject_2$a, templateObject_3$4;
|
|
291
289
|
|
|
292
290
|
var SelectYear = function (_a) {
|
|
@@ -962,7 +960,7 @@ var ButtonSelect = React.forwardRef(function (props, ref) {
|
|
|
962
960
|
var options = props.options, otherProps = __rest(props, ["options"]);
|
|
963
961
|
return (jsxRuntime.jsx(StyledInputSelect, __assign({ value: options === null || options === void 0 ? void 0 : options[0].value, options: options, iconProps: { width: 9, height: 5 } }, otherProps, { ref: ref })));
|
|
964
962
|
});
|
|
965
|
-
var StyledInputSelect = styled__default["default"](InputSelect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.KUI-Input_container {\n height:
|
|
963
|
+
var StyledInputSelect = styled__default["default"](InputSelect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n }\n & + div {\n top: 48px;\n }\n"], ["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n }\n & + div {\n top: 48px;\n }\n"])));
|
|
966
964
|
var templateObject_1;
|
|
967
965
|
|
|
968
966
|
exports.Avatar = Avatar;
|