@ozen-ui/kit 0.49.1 → 0.50.1

package/__inner__/cjs/components/Autocomplete/Autocomplete.js

@@ -171,7 +171,7 @@ function AutocompleteRender(inProps, ref) {
             handleClose();
     };
     /** Отображение текстового поля */
-    var input = renderInput(tslib_1.__assign(tslib_1.__assign({ size: size, hint: hint, disabled: disabled, label: label, required: required, error: error, fullWidth: fullWidth, placeholder: placeholder, renderLeft: renderLeft }, other), { renderRight: (react_1.default.createElement(components_1.AutocompleteRenderRight, { open: open, size: size, disabled: disabled, clearText: clearText, closeText: closeText, openText: openText, hasValue: !!inputValue, onClear: handleClear, onOpen: handleToggle, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), onChange: handleChangeInput, onKeyDown: handleKeyDown, value: inputValue || '', inputProps: tslib_1.__assign(tslib_1.__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: tslib_1.__assign(tslib_1.__assign({ 'aria-expanded': open }, bodyProps), { ref: inputBodyRef }), className: (0, exports.cnAutocomplete)({ size: size, hasChevron: !disableShowChevron }, [
+    var input = renderInput(tslib_1.__assign(tslib_1.__assign({ size: size, hint: hint, disabled: disabled, label: label, required: required, error: error, fullWidth: fullWidth, placeholder: placeholder, renderLeft: renderLeft }, other), { renderRight: (react_1.default.createElement(components_1.AutocompleteRenderRight, { open: open, size: size, disabled: disabled, clearText: clearText, closeText: closeText, openText: openText, hasValue: !!inputValue, onClear: handleClear, onOpen: handleToggle, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), onChange: handleChangeInput, onKeyDown: handleKeyDown, value: inputValue || '', inputProps: tslib_1.__assign(tslib_1.__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: tslib_1.__assign(tslib_1.__assign({ 'aria-expanded': open }, bodyProps), { ref: inputBodyRef }), className: (0, exports.cnAutocomplete)({ size: size, hasChevron: !disableShowChevron }, [
             className,
         ]), ref: ref }));
     /** Отображение опций */

package/__inner__/cjs/components/DatePicker/DatePicker.js

@@ -153,7 +153,7 @@ exports.DatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
         e.preventDefault();
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(components_1.DateInput, tslib_1.__assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: react_1.default.createElement(components_1.DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!inputValue, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: tslib_1.__assign(tslib_1.__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: (0, exports.cnDatePicker)('', [className]), onKeyDown: handleKeyDown, ref: ref })),
+        react_1.default.createElement(components_1.DateInput, tslib_1.__assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: react_1.default.createElement(components_1.DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!inputValue, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: tslib_1.__assign(tslib_1.__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: (0, exports.cnDatePicker)('', [className]), onKeyDown: handleKeyDown, ref: ref })),
         react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: Paper_1.Paper, open: open, offset: [0, 4], radius: radius, anchorRef: anchorRef, onClose: handleClose, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true }, popoverProps),
             react_1.default.createElement(Calendar_1.Calendar, tslib_1.__assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize, offsetDate: offsetDate, onMouseDown: handleMouseDownCalendar }, calendarProps, { value: value || null, onChange: handleChangeCalendar })))));
 });

package/__inner__/cjs/components/Popover/Popover.css

@@ -8,7 +8,7 @@
   .Popover-Arrow {
     --popover-arrow-inset: calc(-1 * (var(--popover-arrow-size) / 2));
     display: flex;
-    align-items: start;
+    align-items: flex-start;
     flex-direction: column;
     inline-size: var(--popover-arrow-size);
     block-size: var(--popover-arrow-size);

package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.js

@@ -11,7 +11,7 @@ var SelectInputConsumer = function (_a) {
     var _c = tslib_1.__read(context, 1), fieldControl = _c[0];
     var disabled = fieldControl.disabled, required = fieldControl.required, filled = fieldControl.filled, focused = fieldControl.focused, label = fieldControl.label;
     var hasLabel = !!label;
-    var placeholder = (focused || !hasLabel) && !valueProp && placeholderProp;
+    var placeholder = (focused || !hasLabel) && !valueProp && (react_1.default.createElement("span", null, placeholderProp));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", tslib_1.__assign({}, fieldProps, { className: (0, index_1.cnSelect)('Field', { filled: filled, asPlaceholder: !!placeholder }, [
                 fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className,

package/__inner__/cjs/components/Select/types.d.ts

@@ -5,7 +5,6 @@ import type { SelectInputProps } from './components';
 export type SelectSizeVariant = FormElementSizeVariant;
 export type SelectLabel = string | number | undefined;
 export type SelectPropLabel<MULTIPLE extends boolean> = (MULTIPLE extends true ? SelectLabel[] : SelectLabel) | undefined;
-export type SelectValue = string | number | undefined;
 export type SelectPropValue<MULTIPLE extends boolean> = DataListSelected<MULTIPLE>;
 export type SelectedOptionProp<MULTIPLE extends boolean> = {
     label?: SelectPropLabel<MULTIPLE>;

package/__inner__/cjs/utils/getScrollBarSize/getScrollbarSize.js

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScrollbarSize = void 0;
 var getScrollbarSize = function (el) {
-    if (el === void 0) { el = document.body; }
-    if (el === document.body) {
-        return window.innerWidth - el.offsetWidth;
+    if (!el || el === document.body) {
+        return window.innerWidth - document.documentElement.clientWidth;
     }
-    return el.offsetWidth - el.scrollWidth;
+    return el.offsetWidth - el.clientWidth;
 };
 exports.getScrollbarSize = getScrollbarSize;

package/__inner__/esm/components/Autocomplete/Autocomplete.js

@@ -168,7 +168,7 @@ function AutocompleteRender(inProps, ref) {
             handleClose();
     };
     /** Отображение текстового поля */
-    var input = renderInput(__assign(__assign({ size: size, hint: hint, disabled: disabled, label: label, required: required, error: error, fullWidth: fullWidth, placeholder: placeholder, renderLeft: renderLeft }, other), { renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, disabled: disabled, clearText: clearText, closeText: closeText, openText: openText, hasValue: !!inputValue, onClear: handleClear, onOpen: handleToggle, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), onChange: handleChangeInput, onKeyDown: handleKeyDown, value: inputValue || '', inputProps: __assign(__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: __assign(__assign({ 'aria-expanded': open }, bodyProps), { ref: inputBodyRef }), className: cnAutocomplete({ size: size, hasChevron: !disableShowChevron }, [
+    var input = renderInput(__assign(__assign({ size: size, hint: hint, disabled: disabled, label: label, required: required, error: error, fullWidth: fullWidth, placeholder: placeholder, renderLeft: renderLeft }, other), { renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, disabled: disabled, clearText: clearText, closeText: closeText, openText: openText, hasValue: !!inputValue, onClear: handleClear, onOpen: handleToggle, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), onChange: handleChangeInput, onKeyDown: handleKeyDown, value: inputValue || '', inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: __assign(__assign({ 'aria-expanded': open }, bodyProps), { ref: inputBodyRef }), className: cnAutocomplete({ size: size, hasChevron: !disableShowChevron }, [
             className,
         ]), ref: ref }));
     /** Отображение опций */

package/__inner__/esm/components/DatePicker/DatePicker.js

@@ -150,7 +150,7 @@ export var DatePicker = forwardRef(function (inProps, ref) {
         e.preventDefault();
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(DateInput, __assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!inputValue, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: __assign(__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: cnDatePicker('', [className]), onKeyDown: handleKeyDown, ref: ref })),
+        React.createElement(DateInput, __assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!inputValue, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: cnDatePicker('', [className]), onKeyDown: handleKeyDown, ref: ref })),
         React.createElement(Popover, __assign({ as: Paper, open: open, offset: [0, 4], radius: radius, anchorRef: anchorRef, onClose: handleClose, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true }, popoverProps),
             React.createElement(Calendar, __assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize, offsetDate: offsetDate, onMouseDown: handleMouseDownCalendar }, calendarProps, { value: value || null, onChange: handleChangeCalendar })))));
 });

package/__inner__/esm/components/Popover/Popover.css

@@ -8,7 +8,7 @@
   .Popover-Arrow {
     --popover-arrow-inset: calc(-1 * (var(--popover-arrow-size) / 2));
     display: flex;
-    align-items: start;
+    align-items: flex-start;
     flex-direction: column;
     inline-size: var(--popover-arrow-size);
     block-size: var(--popover-arrow-size);

package/__inner__/esm/components/Select/components/SelectConsumer/SelectInputConsumer.js

@@ -8,7 +8,7 @@ export var SelectInputConsumer = function (_a) {
     var _c = __read(context, 1), fieldControl = _c[0];
     var disabled = fieldControl.disabled, required = fieldControl.required, filled = fieldControl.filled, focused = fieldControl.focused, label = fieldControl.label;
     var hasLabel = !!label;
-    var placeholder = (focused || !hasLabel) && !valueProp && placeholderProp;
+    var placeholder = (focused || !hasLabel) && !valueProp && (React.createElement("span", null, placeholderProp));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", __assign({}, fieldProps, { className: cnSelect('Field', { filled: filled, asPlaceholder: !!placeholder }, [
                 fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className,

package/__inner__/esm/components/Select/types.d.ts

@@ -5,7 +5,6 @@ import type { SelectInputProps } from './components';
 export type SelectSizeVariant = FormElementSizeVariant;
 export type SelectLabel = string | number | undefined;
 export type SelectPropLabel<MULTIPLE extends boolean> = (MULTIPLE extends true ? SelectLabel[] : SelectLabel) | undefined;
-export type SelectValue = string | number | undefined;
 export type SelectPropValue<MULTIPLE extends boolean> = DataListSelected<MULTIPLE>;
 export type SelectedOptionProp<MULTIPLE extends boolean> = {
     label?: SelectPropLabel<MULTIPLE>;

package/__inner__/esm/utils/getScrollBarSize/getScrollbarSize.js

@@ -1,7 +1,6 @@
 export var getScrollbarSize = function (el) {
-    if (el === void 0) { el = document.body; }
-    if (el === document.body) {
-        return window.innerWidth - el.offsetWidth;
+    if (!el || el === document.body) {
+        return window.innerWidth - document.documentElement.clientWidth;
     }
-    return el.offsetWidth - el.scrollWidth;
+    return el.offsetWidth - el.clientWidth;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.49.1",
+  "version": "0.50.1",
   "description": "React component library",
   "files": [
     "*"
@@ -28,9 +28,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.2",
-    "@ozen-ui/logger": "0.49.1",
-    "@ozen-ui/fonts": "0.49.1",
-    "@ozen-ui/icons": "0.49.1"
+    "@ozen-ui/fonts": "0.50.1",
+    "@ozen-ui/icons": "0.50.1",
+    "@ozen-ui/logger": "0.50.1"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",