@ozen-ui/kit 0.40.0 → 0.42.0

package/__inner__/esm/components/Textarea/Textarea.js

@@ -12,10 +12,10 @@ export var Textarea = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'Textarea',
     });
-    var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, disabled = props.disabled, textareaProps = props.textareaProps, labelProps = props.labelProps, labelRef = props.labelRef, textareaRef = props.textareaRef, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "disabled", "textareaProps", "labelProps", "labelRef", "textareaRef"]);
+    var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, disabled = props.disabled, textareaProps = props.textareaProps, labelProps = props.labelProps, hintProps = props.hintProps, labelRef = props.labelRef, textareaRef = props.textareaRef, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "disabled", "textareaProps", "labelProps", "hintProps", "labelRef", "textareaRef"]);
     return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: cnTextarea({
             expand: expand,
         }, [className]), ref: ref }),
-        React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
+        React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps, hintProps: hintProps })));
 });
 Textarea.displayName = 'Textarea';

package/__inner__/esm/components/Textarea/components/TextareaConsumer.js

@@ -9,7 +9,7 @@ import { Fieldset } from '../../Fieldset';
 import { cnTextarea } from '../../Textarea';
 import { TextareaCounter } from './index';
 export var TextareaConsumer = function (_a) {
-    var labelProps = _a.labelProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
+    var labelProps = _a.labelProps, hintProps = _a.hintProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
     var fieldRef = useRef(null);
     var context = useFieldControl();
     var _b = __read(context, 1), value = _b[0].value;
@@ -26,7 +26,7 @@ export var TextareaConsumer = function (_a) {
             React.createElement(FieldLabel, __assign({}, labelProps, { className: cnTextarea('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref) }), label),
             React.createElement(FieldInput, __assign({ as: "textarea", id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus, onChange: onChange }, textareaProps, { className: cnTextarea('Field', {}, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className]), ref: useMultiRef([textareaRef || (textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.ref), fieldRef]) })),
             React.createElement(Fieldset, null)),
-        React.createElement(FieldHint, null,
+        React.createElement(FieldHint, __assign({}, hintProps),
             hint,
             maxLength && React.createElement(TextareaCounter, { maxLength: maxLength }))));
 };

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

@@ -1,6 +1,7 @@
-import type { Ref, ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
+import type { FieldHintProps } from '../FieldHint';
 import type { FieldLabelProps } from '../FieldLabel';
 export type TextareaSizeVariant = FormElementSizeVariant;
 export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
@@ -61,6 +62,8 @@ export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFA
     };
     /** Свойства FieldLabel */
     labelProps?: FieldLabelProps;
+    /** Cвойства FieldHint */
+    hintProps?: Omit<FieldHintProps, 'children'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & TextareaPropsDeprecated;

package/__inner__/esm/locale/locale.js

@@ -1,3 +1,4 @@
+import { NEXT, PAGE, PREVIOUS } from '../components/Pagination/constants';
 export var ruRU = {
     defaultProps: {
         Autocomplete: {
@@ -28,6 +29,25 @@ export var ruRU = {
             incrementButtonText: 'Увеличить',
             decrementButtonText: 'Уменьшить',
         },
+        Pagination: {
+            'aria-label': 'Навигация по страницам',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Перейти на следующую страницу';
+                }
+                if (type === PREVIOUS) {
+                    return 'Перейти на предыдущую страницу';
+                }
+                if (selected) {
+                    return "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 ".concat(page);
+                }
+                if (type === PAGE) {
+                    return "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 ".concat(page);
+                }
+                return '';
+            },
+        },
     },
 };
 export var kkKZ = {
@@ -60,6 +80,25 @@ export var kkKZ = {
             incrementButtonText: 'Үлкейту',
             decrementButtonText: 'Азайту',
         },
+        Pagination: {
+            'aria-label': 'Беттерді шарлау',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Келесі бетке өтіңіз';
+                }
+                if (type === PREVIOUS) {
+                    return 'Алдыңғы бетке өтіңіз';
+                }
+                if (selected) {
+                    return "".concat(page, " \u0431\u0435\u0442");
+                }
+                if (type === PAGE) {
+                    return "".concat(page, "-\u0431\u0435\u0442\u043A\u0435 \u04E9\u0442\u0456\u04A3\u0456\u0437");
+                }
+                return '';
+            },
+        },
     },
 };
 export var enUS = {
@@ -92,5 +131,24 @@ export var enUS = {
             incrementButtonText: 'Increment',
             decrementButtonText: 'Decrement',
         },
+        Pagination: {
+            'aria-label': 'Pagination navigation',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Go to next page';
+                }
+                if (type === PREVIOUS) {
+                    return 'Go to previous page';
+                }
+                if (selected) {
+                    return "Page ".concat(page);
+                }
+                if (type === PAGE) {
+                    return "Go to page ".concat(page);
+                }
+                return '';
+            },
+        },
     },
 };

package/package.json

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