@sima-land/ui-nucleons 41.2.0 → 41.2.1

package/carousel/draggable.js

@@ -238,7 +238,9 @@ class Draggable extends react_1.Component {
     render() {
         const { children, containerProps = {}, transitionDuration: duration = 320 } = this.props;
         const { x, y } = this.currentOffset;
-        return (react_1.default.createElement("div", Object.assign({}, containerProps, { className: cx('draggable-container', containerProps.className), onClick: this.handleClick, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
+        return (react_1.default.createElement("div", Object.assign({}, containerProps, { className: cx('draggable-container', containerProps.className), 
+            // обрабатываем захват чтобы при обработке клика на дочернем элементе defaultPrevented уже был true
+            onClickCapture: this.handleClick, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
             react_1.default.createElement("div", { ref: this.draggableRef, style: {
                     transform: (0, styles_1.getTranslateStyle)(x, y),
                     transition: this.hasTransition ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '',

package/carousel/index.d.ts

@@ -77,7 +77,7 @@ export declare class Carousel extends Component<CarouselProps, State> {
      * @param index Индекс.
      * @return Элемент списка.
      */
-    static defaultRenderItem(item: any, index: React.Key): JSX.Element;
+    static defaultRenderItem(item: any, index: number): JSX.Element;
     /**
      * Возвращает кнопку управления.
      * @param data Данные для вывода кнопки.
@@ -179,7 +179,7 @@ export declare class Carousel extends Component<CarouselProps, State> {
      */
     moveBackwardFinite(step: number): void;
     /**
-     * Выполняет прокрутка в бесконечном режиме.
+     * Выполняет прокрутку в бесконечном режиме.
      * @param step Количество элементов для прокрутки.
      * @param forward Нужно выполнить прокрутку вперед?
      */

package/carousel/index.js

@@ -276,7 +276,7 @@ class Carousel extends react_1.Component {
         this.setCurrentIndex(newIndex !== -1 && newIndex - step >= 0 ? newIndex - step : 0);
     }
     /**
-     * Выполняет прокрутка в бесконечном режиме.
+     * Выполняет прокрутку в бесконечном режиме.
      * @param step Количество элементов для прокрутки.
      * @param forward Нужно выполнить прокрутку вперед?
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/ui-nucleons",
-  "version": "41.2.0",
+  "version": "41.2.1",
   "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -22,21 +22,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
-    "@babel/plugin-proposal-class-properties": "^7.16.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.16.0",
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.5",
     "@rushstack/eslint-patch": "^1.1.0",
     "@sima-land/linters": "^2.1.1",
-    "@storybook/addon-actions": "^6.3.12",
-    "@storybook/addon-backgrounds": "^6.3.12",
-    "@storybook/addon-docs": "^6.3.12",
-    "@storybook/addon-storysource": "^6.3.12",
-    "@storybook/addons": "^6.3.12",
-    "@storybook/builder-webpack5": "^6.3.12",
-    "@storybook/manager-webpack5": "^6.3.12",
-    "@storybook/react": "^6.3.12",
-    "@storybook/theming": "^6.3.12",
+    "@storybook/addon-actions": "^6.4.13",
+    "@storybook/addon-backgrounds": "^6.4.13",
+    "@storybook/addon-docs": "^6.4.13",
+    "@storybook/addon-storysource": "^6.4.13",
+    "@storybook/addons": "^6.4.13",
+    "@storybook/builder-webpack5": "^6.4.13",
+    "@storybook/manager-webpack5": "^6.4.13",
+    "@storybook/react": "^6.4.13",
+    "@storybook/theming": "^6.4.13",
     "@svgr/core": "^5.5.0",
     "@svgr/plugin-svgo": "^5.5.0",
     "@svgr/webpack": "^5.5.0",
@@ -51,6 +50,7 @@
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
+    "babel-jest": "^27.4.6",
     "babel-loader": "^8.2.3",
     "babel-preset-jest": "^27.2.0",
     "copyfiles": "^2.4.1",
@@ -60,7 +60,6 @@
     "eslint": "^7.31.0",
     "file-loader": "^6.2.0",
     "husky": "^7.0.4",
-    "identity-obj-proxy": "^3.0.0",
     "jest": "^27.3.1",
     "jest-css-modules-transform": "^4.3.0",
     "lint-staged": "^12.1.2",
@@ -74,7 +73,6 @@
     "sass-loader": "^10.1.0",
     "style-loader": "^2.0.0",
     "stylelint": "^14.1.0",
-    "ts-jest": "^27.0.7",
     "typescript": "^4.5.2",
     "typescript-plugin-css-modules": "^3.4.0",
     "webpack": "^5.64.2"
@@ -89,13 +87,13 @@
     "build:main": "tsc --project tsconfig.build.json",
     "build:after": "node dist.js",
     "build": "npm run build:before && npm run build:main && npm run build:after",
-    "test": "jest",
+    "test": "BROWSERSLIST_ENV=\"test\" npx jest",
+    "coverage": "jest --clearCache && BROWSERSLIST_ENV=\"test\" npx jest --coverage",
     "type-check": "tsc -p . --noEmit",
-    "coverage": "jest --clearCache && jest --coverage",
     "lint:scripts": "eslint --cache src/ --ext .js,.jsx,.ts,.tsx",
     "lint:styles": "stylelint 'src/**/*.{css,scss}'",
-    "storybook": "start-storybook -p 9009 -c .storybook",
-    "storybook:build": "build-storybook --quiet --loglevel error -o build-storybook",
+    "storybook": "BROWSERSLIST_ENV=\"storybook\" npx start-storybook -p 9009 -c .storybook",
+    "storybook:build": "BROWSERSLIST_ENV=\"storybook\" npx build-storybook --quiet --loglevel error -o build-storybook",
     "prettier": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error",
     "prettier:check": "prettier --check \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error"
   }

package/rating/index.js

@@ -27,7 +27,7 @@ const cx = bind_1.default.bind(rating_module_scss_1.default);
  * @return Элемент.
  */
 const Rating = (_a) => {
-    var { size, value, className, 'data-testid': testId = 'rating' } = _a, restProps = __rest(_a, ["size", "value", "className", 'data-testid']);
+    var { size = 's', value, className, 'data-testid': testId = 'rating' } = _a, restProps = __rest(_a, ["size", "value", "className", 'data-testid']);
     return (react_1.default.createElement("div", Object.assign({}, restProps, { className: cx('root', className), "data-testid": testId, "data-rating": value }), (0, utils_1.getStars)(Math.min(5, value), 5).map((type, index) => (react_1.default.createElement(Star, { key: index, type: type, size: size })))));
 };
 exports.Rating = Rating;
@@ -36,7 +36,7 @@ exports.Rating = Rating;
  * @param props Свойства.
  * @return Элемент.
  */
-const Star = ({ type, size = 's' }) => (react_1.default.createElement("div", { className: cx('star', `size-${size}`) },
+const Star = ({ type, size }) => (react_1.default.createElement("div", { className: cx('star', `size-${size}`) },
     type === 'empty' && react_1.default.createElement(star_svg_1.default, { className: cx('svg') }),
     type === 'half' && (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(star_svg_1.default, { className: cx('svg') }),

package/text-field/index.js

@@ -77,7 +77,7 @@ exports.TextField = (0, react_1.forwardRef)(function TextField({ autoFocus, capt
             } },
             !multiline && Boolean(startAdornment) && (react_1.default.createElement(box_1.Box, { display: 'flex', alignItems: 'center', marginRight: 4 }, startAdornment)),
             react_1.default.createElement("div", { className: cx('main-column') },
-                withLabel && (react_1.default.createElement("label", { className: cx('label', commonModifyClasses, hasValue && 'filled', labelAsPlaceholder && 'as-placeholder'), children: label })),
+                withLabel && (react_1.default.createElement("label", { className: cx('label', commonModifyClasses, hasValue && 'filled', labelAsPlaceholder && 'as-placeholder'), children: label, "data-testid": 'text-field:label' })),
                 react_1.default.createElement("div", { className: cx('input-wrapper') },
                     react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { "data-testid": 'text-field:field', multiline: multiline, ref: baseInputRef, placeholder: withLabel && labelAsPlaceholder ? undefined : placeholder, restPlaceholder: withLabel && labelAsPlaceholder ? undefined : restPlaceholder, autoFocus: autoFocus, className: cx('base-input', commonModifyClasses, classes.baseInput, size && `size-${size}`), defaultValue: defaultValue, value: value, readOnly: readOnly, disabled: disabled, onFocus: (event) => {
                             (0, lodash_1.isFunction)(onFocus) && onFocus(event);