@vkontakte/vkui 7.0.1 → 7.1.0

package/dist/components/CarouselBase/CarouselViewPort.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Touch } from "../Touch/Touch.js";
+export const CarouselViewPort = ({ slideTestId, slideWidth, onStart, onMoveX, onEnd, getRootRef, layerRef, children, setSlideRef })=>{
+    return /*#__PURE__*/ _jsx(Touch, {
+        className: "vkuiCarouselBase__viewport",
+        onStartX: onStart,
+        onMoveX: onMoveX,
+        onEnd: onEnd,
+        style: {
+            width: slideWidth === 'custom' ? '100%' : slideWidth
+        },
+        noSlideClick: true,
+        getRootRef: getRootRef,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "vkuiCarouselBase__layer",
+            ref: layerRef,
+            children: React.Children.map(children, (item, i)=>/*#__PURE__*/ _jsx("div", {
+                    className: "vkuiCarouselBase__slide",
+                    "data-testid": slideTestId === null || slideTestId === void 0 ? void 0 : slideTestId(i),
+                    ref: (el)=>setSlideRef(el, i),
+                    children: item
+                }, `slide-${i}`))
+        })
+    });
+};
+
+//# sourceMappingURL=CarouselViewPort.js.map

package/dist/components/CarouselBase/CarouselViewPort.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/CarouselViewPort.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type HasChildren, type HasRootRef } from '../../types';\nimport { type CustomTouchEvent, Touch } from '../Touch/Touch';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\ntype GalleryViewPortProps = Pick<BaseGalleryProps, 'slideWidth' | 'slideTestId'> &\n  HasRootRef<HTMLElement> &\n  HasChildren & {\n    onStart: (e: CustomTouchEvent) => void;\n    onMoveX: (e: CustomTouchEvent) => void;\n    onEnd: (e: CustomTouchEvent) => void;\n    setSlideRef: (slideRef: HTMLDivElement | null, slideIndex: number) => void;\n    layerRef?: React.Ref<HTMLDivElement>;\n  };\n\nexport const CarouselViewPort: React.FC<GalleryViewPortProps> = ({\n  slideTestId,\n  slideWidth,\n  onStart,\n  onMoveX,\n  onEnd,\n  getRootRef,\n  layerRef,\n  children,\n  setSlideRef,\n}) => {\n  return (\n    <Touch\n      className={styles.viewport}\n      onStartX={onStart}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n      style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n      noSlideClick\n      getRootRef={getRootRef}\n    >\n      <div className={styles.layer} ref={layerRef}>\n        {React.Children.map(children, (item: React.ReactNode, i: number) => (\n          <div\n            className={styles.slide}\n            key={`slide-${i}`}\n            data-testid={slideTestId?.(i)}\n            ref={(el) => setSlideRef(el, i)}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    </Touch>\n  );\n};\n"],"names":["React","Touch","CarouselViewPort","slideTestId","slideWidth","onStart","onMoveX","onEnd","getRootRef","layerRef","children","setSlideRef","className","onStartX","style","width","noSlideClick","div","ref","Children","map","item","i","data-testid","el"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAAgCC,KAAK,QAAQ,oBAAiB;AAc9D,OAAO,MAAMC,mBAAmD,CAAC,EAC/DC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,OAAO,EACPC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,EACZ;IACC,qBACE,KAACV;QACCW,SAAS;QACTC,UAAUR;QACVC,SAASA;QACTC,OAAOA;QACPO,OAAO;YAAEC,OAAOX,eAAe,WAAW,SAASA;QAAW;QAC9DY,YAAY;QACZR,YAAYA;kBAEZ,cAAA,KAACS;YAAIL,SAAS;YAAgBM,KAAKT;sBAChCT,MAAMmB,QAAQ,CAACC,GAAG,CAACV,UAAU,CAACW,MAAuBC,kBACpD,KAACL;oBACCL,SAAS;oBAETW,aAAW,EAAEpB,wBAAAA,kCAAAA,YAAcmB;oBAC3BJ,KAAK,CAACM,KAAOb,YAAYa,IAAIF;8BAE5BD;mBAJI,CAAC,MAAM,EAAEC,GAAG;;;AAU7B,EAAE"}

package/dist/components/CarouselBase/ScrollArrows.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type BaseGalleryProps } from './types';
+export declare const getArrowClassName: (side: "start" | "end", arrowAreaHeight: Exclude<BaseGalleryProps["arrowAreaHeight"], undefined>) => string;
+export interface ScrollArrowsTestIds {
+    /**
+     * Передает атрибут `data-testid` для кнопки перехода к следующему слайду
+     */
+    nextArrowTestId?: string;
+    /**
+     * Передает атрибут `data-testid` для кнопки перехода к предыдущему слайду
+     */
+    prevArrowTestId?: string;
+}
+interface ScrollArrowsProps extends Pick<BaseGalleryProps, 'showArrows' | 'arrowSize' | 'arrowAreaHeight'>, ScrollArrowsTestIds {
+    hasPointer?: boolean;
+    canSlideLeft: boolean;
+    canSlideRight: boolean;
+    onSlideLeft: (e: React.MouseEvent) => void;
+    onSlideRight: (e: React.MouseEvent) => void;
+}
+export declare const ScrollArrows: React.FC<ScrollArrowsProps>;
+export {};
+//# sourceMappingURL=ScrollArrows.d.ts.map

package/dist/components/CarouselBase/ScrollArrows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArrows.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/ScrollArrows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQhD,eAAO,MAAM,iBAAiB,SACtB,OAAO,GAAG,KAAK,mBACJ,OAAO,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAOzE,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,iBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,WAAW,GAAG,iBAAiB,CAAC,EAC5E,mBAAmB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkCpD,CAAC"}

package/dist/components/CarouselBase/ScrollArrows.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { ScrollArrow } from "../ScrollArrow/ScrollArrow.js";
+const stylesArrowAreaHeight = {
+    stretch: "vkuiCarouselBase__arrowAreaStretch",
+    fit: "vkuiCarouselBase__arrowAreaFit"
+};
+export const getArrowClassName = (side, arrowAreaHeight)=>{
+    return classNames("vkuiCarouselBase__arrow", side === 'start' ? "vkuiCarouselBase__arrowStart" : "vkuiCarouselBase__arrowEnd", stylesArrowAreaHeight[arrowAreaHeight]);
+};
+export const ScrollArrows = ({ hasPointer, canSlideLeft, canSlideRight, onSlideRight, onSlideLeft, showArrows = false, arrowSize = 'm', arrowAreaHeight = 'stretch', nextArrowTestId, prevArrowTestId })=>{
+    return showArrows && hasPointer ? /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            canSlideLeft && /*#__PURE__*/ _jsx(ScrollArrow, {
+                className: getArrowClassName('start', arrowAreaHeight),
+                direction: "left",
+                onClick: onSlideLeft,
+                size: arrowSize,
+                "data-testid": prevArrowTestId
+            }),
+            canSlideRight && /*#__PURE__*/ _jsx(ScrollArrow, {
+                className: getArrowClassName('end', arrowAreaHeight),
+                direction: "right",
+                onClick: onSlideRight,
+                size: arrowSize,
+                "data-testid": nextArrowTestId
+            })
+        ]
+    }) : null;
+};
+
+//# sourceMappingURL=ScrollArrows.js.map

package/dist/components/CarouselBase/ScrollArrows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/ScrollArrows.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\nconst stylesArrowAreaHeight = {\n  stretch: styles.arrowAreaStretch,\n  fit: styles.arrowAreaFit,\n};\n\nexport const getArrowClassName = (\n  side: 'start' | 'end',\n  arrowAreaHeight: Exclude<BaseGalleryProps['arrowAreaHeight'], undefined>,\n) => {\n  return classNames(\n    styles.arrow,\n    side === 'start' ? styles.arrowStart : styles.arrowEnd,\n    stylesArrowAreaHeight[arrowAreaHeight],\n  );\n};\n\nexport interface ScrollArrowsTestIds {\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к следующему слайду\n   */\n  nextArrowTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к предыдущему слайду\n   */\n  prevArrowTestId?: string;\n}\n\ninterface ScrollArrowsProps\n  extends Pick<BaseGalleryProps, 'showArrows' | 'arrowSize' | 'arrowAreaHeight'>,\n    ScrollArrowsTestIds {\n  hasPointer?: boolean;\n  canSlideLeft: boolean;\n  canSlideRight: boolean;\n  onSlideLeft: (e: React.MouseEvent) => void;\n  onSlideRight: (e: React.MouseEvent) => void;\n}\n\nexport const ScrollArrows: React.FC<ScrollArrowsProps> = ({\n  hasPointer,\n  canSlideLeft,\n  canSlideRight,\n  onSlideRight,\n  onSlideLeft,\n  showArrows = false,\n  arrowSize = 'm',\n  arrowAreaHeight = 'stretch',\n  nextArrowTestId,\n  prevArrowTestId,\n}) => {\n  return showArrows && hasPointer ? (\n    <>\n      {canSlideLeft && (\n        <ScrollArrow\n          className={getArrowClassName('start', arrowAreaHeight)}\n          direction=\"left\"\n          onClick={onSlideLeft}\n          size={arrowSize}\n          data-testid={prevArrowTestId}\n        />\n      )}\n      {canSlideRight && (\n        <ScrollArrow\n          className={getArrowClassName('end', arrowAreaHeight)}\n          direction=\"right\"\n          onClick={onSlideRight}\n          size={arrowSize}\n          data-testid={nextArrowTestId}\n        />\n      )}\n    </>\n  ) : null;\n};\n"],"names":["React","classNames","ScrollArrow","stylesArrowAreaHeight","stretch","fit","getArrowClassName","side","arrowAreaHeight","ScrollArrows","hasPointer","canSlideLeft","canSlideRight","onSlideRight","onSlideLeft","showArrows","arrowSize","nextArrowTestId","prevArrowTestId","className","direction","onClick","size","data-testid"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AAIzD,MAAMC,wBAAwB;IAC5BC,OAAO;IACPC,GAAG;AACL;AAEA,OAAO,MAAMC,oBAAoB,CAC/BC,MACAC;IAEA,OAAOP,sCAELM,SAAS,yEACTJ,qBAAqB,CAACK,gBAAgB;AAE1C,EAAE;AAuBF,OAAO,MAAMC,eAA4C,CAAC,EACxDC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,aAAa,KAAK,EAClBC,YAAY,GAAG,EACfR,kBAAkB,SAAS,EAC3BS,eAAe,EACfC,eAAe,EAChB;IACC,OAAOH,cAAcL,2BACnB;;YACGC,8BACC,KAACT;gBACCiB,WAAWb,kBAAkB,SAASE;gBACtCY,WAAU;gBACVC,SAASP;gBACTQ,MAAMN;gBACNO,eAAaL;;YAGhBN,+BACC,KAACV;gBACCiB,WAAWb,kBAAkB,OAAOE;gBACpCY,WAAU;gBACVC,SAASR;gBACTS,MAAMN;gBACNO,eAAaN;;;SAIjB;AACN,EAAE"}

package/dist/components/CarouselBase/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,sBAAsB,EAAE,oBAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAWlC,CAAC"}

package/dist/components/{BaseGallery/CarouselBase → CarouselBase}/constants.js

@@ -11,7 +11,11 @@ export const SLIDES_MANAGER_STATE = {
     isFullyVisible: true,
     loopPoints: [],
     contentSize: 0,
-    snaps: []
+    snaps: [],
+    containerWidth: 0,
+    layerWidth: 0,
+    min: 0,
+    max: 0
 };
 
 //# sourceMappingURL=constants.js.map

package/dist/components/CarouselBase/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/constants.ts"],"sourcesContent":["import type { ControlElementsState, SlidesManagerState } from './types';\n\nexport const ANIMATION_DURATION = 240;\n\nexport const SLIDE_THRESHOLD = 0.05;\n\nexport const CONTROL_ELEMENTS_STATE: ControlElementsState = {\n  canSlideLeft: true,\n  canSlideRight: true,\n  isDraggable: true,\n};\n\nexport const SLIDES_MANAGER_STATE: SlidesManagerState = {\n  viewportOffsetWidth: 0,\n  slides: [],\n  isFullyVisible: true,\n  loopPoints: [],\n  contentSize: 0,\n  snaps: [],\n  containerWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n};\n"],"names":["ANIMATION_DURATION","SLIDE_THRESHOLD","CONTROL_ELEMENTS_STATE","canSlideLeft","canSlideRight","isDraggable","SLIDES_MANAGER_STATE","viewportOffsetWidth","slides","isFullyVisible","loopPoints","contentSize","snaps","containerWidth","layerWidth","min","max"],"mappings":"AAEA,OAAO,MAAMA,qBAAqB,IAAI;AAEtC,OAAO,MAAMC,kBAAkB,KAAK;AAEpC,OAAO,MAAMC,yBAA+C;IAC1DC,cAAc;IACdC,eAAe;IACfC,aAAa;AACf,EAAE;AAEF,OAAO,MAAMC,uBAA2C;IACtDC,qBAAqB;IACrBC,QAAQ,EAAE;IACVC,gBAAgB;IAChBC,YAAY,EAAE;IACdC,aAAa;IACbC,OAAO,EAAE;IACTC,gBAAgB;IAChBC,YAAY;IACZC,KAAK;IACLC,KAAK;AACP,EAAE"}

package/dist/components/{BaseGallery/CarouselBase → CarouselBase}/helpers.d.ts

@@ -1,6 +1,6 @@
-import type { GallerySlidesState } from '../types';
-import type { LoopPoint, SlidesManagerState } from './types';
-export declare function calculateIndent(targetIndex: number, slidesManager: SlidesManagerState, isCenterWithCustomWidth: boolean): number;
+import { type AlignType } from '../../types';
+import { type GallerySlidesState, type LayoutState, type LoopPoint, type SlidesManagerState } from './types';
+export declare function calculateIndent(targetIndex: number, slidesManager: SlidesManagerState, isCenter: boolean, looped?: boolean): number;
 /**
  * Вычисляем индексы слайдов, которые необходимо смещать
  */
@@ -9,5 +9,14 @@ export declare function getShiftedIndexes(direction: 1 | -1, slides: GallerySlid
  * Вычисляем "ключевые" точки, на которых должно происходить смещение слайдов
  */
 export declare function getLoopPoints(slidesManager: SlidesManagerState, containerWidth: number): LoopPoint[];
-export declare function getTargetIndex(slides: GallerySlidesState[], slideIndex: number, currentShiftX: number, currentShiftXDelta: number): number;
+export declare function getTargetIndex(slides: GallerySlidesState[], slideIndex: number, currentShiftX: number, currentShiftXDelta: number, looped?: boolean): number;
+interface CalcMin extends Partial<LayoutState> {
+    align: AlignType;
+}
+export declare const calcMin: ({ containerWidth, layerWidth, slides, viewportOffsetWidth, align, }: CalcMin) => number;
+interface CalcMax extends Partial<LayoutState> {
+    isCenterAlign: boolean;
+}
+export declare const calcMax: ({ slides, containerWidth, isCenterAlign }: CalcMax) => number;
+export {};
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/CarouselBase/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAkBjB,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,kBAAkB,EACjC,QAAQ,EAAE,OAAO,EACjB,MAAM,UAAQ,GACb,MAAM,CAkBR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EACjB,MAAM,EAAE,kBAAkB,EAAE,EAC5B,cAAc,EAAE,MAAM,GACrB,MAAM,EAAE,CAoBV;AA4BD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,aAAa,EAAE,kBAAkB,EACjC,cAAc,EAAE,MAAM,GACrB,SAAS,EAAE,CASb;AAKD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,kBAAkB,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,MAAM,EAC1B,MAAM,UAAQ,GACb,MAAM,CA+BR;AAED,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,wEAMjB,OAAO,KAAG,MAYZ,CAAC;AAEF,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,8CAAwD,OAAO,KAAG,MAMrF,CAAC"}

package/dist/{cssm/components/BaseGallery → components}/CarouselBase/helpers.js

@@ -1,17 +1,30 @@
 import { SLIDE_THRESHOLD } from "./constants.js";
+const validateIndent = (slidesManager, value)=>{
+    var _slidesManager_max;
+    const localMax = (_slidesManager_max = slidesManager.max) !== null && _slidesManager_max !== void 0 ? _slidesManager_max : 0;
+    var _slidesManager_min;
+    const localMin = (_slidesManager_min = slidesManager.min) !== null && _slidesManager_min !== void 0 ? _slidesManager_min : 0;
+    if (value < localMin) {
+        return localMin;
+    } else if (value > localMax) {
+        return localMax;
+    }
+    return value;
+};
 /*
  * Считает отступ слоя галереи
- */ export function calculateIndent(targetIndex, slidesManager, isCenterWithCustomWidth) {
+ */ export function calculateIndent(targetIndex, slidesManager, isCenter, looped = false) {
     if (slidesManager.isFullyVisible || !slidesManager.slides.length) {
         return 0;
     }
     const targetSlide = slidesManager.slides[targetIndex];
     if (targetSlide) {
         const { coordX, width } = targetSlide;
-        if (isCenterWithCustomWidth) {
-            return slidesManager.viewportOffsetWidth / 2 - coordX - width / 2;
+        if (isCenter) {
+            return slidesManager.containerWidth / 2 - coordX - width / 2;
         }
-        return -1 * coordX;
+        const indent = -1 * coordX;
+        return looped ? indent : validateIndent(slidesManager, indent);
     }
     return 0;
 }
@@ -60,7 +73,7 @@ function calculateLoopPoints(indexes, edge, slidesManager, containerWidth) {
 }
 /*
  * Получает индекс слайда, к которому будет осуществлен переход
- */ export function getTargetIndex(slides, slideIndex, currentShiftX, currentShiftXDelta) {
+ */ export function getTargetIndex(slides, slideIndex, currentShiftX, currentShiftXDelta, looped = false) {
     const shift = currentShiftX + currentShiftXDelta;
     const direction = currentShiftXDelta < 0 ? 1 : -1;
     // Находим ближайшую границу слайда к текущему отступу
@@ -77,9 +90,32 @@ function calculateLoopPoints(indexes, edge, slidesManager, containerWidth) {
             }
             return targetIndex;
         }
+        if (!looped) {
+            return direction < 0 ? Math.max(targetIndex, 0) : Math.min(targetIndex, slides.length - 1);
+        }
         return direction < 0 ? (targetSlide + slides.length) % slides.length : targetSlide % slides.length;
     }
     return targetIndex;
 }
+export const calcMin = ({ containerWidth = 0, layerWidth = 0, slides = [], viewportOffsetWidth = 0, align })=>{
+    switch(align){
+        case 'left':
+            return containerWidth - layerWidth;
+        case 'right':
+            return viewportOffsetWidth - layerWidth;
+        case 'center':
+            const { coordX, width } = slides[slides.length - 1];
+            return containerWidth / 2 - coordX - width / 2;
+        default:
+            throw new Error(`unknown align ${align}`);
+    }
+};
+export const calcMax = ({ slides = [], containerWidth = 0, isCenterAlign })=>{
+    if (isCenterAlign && slides.length) {
+        const { width, coordX } = slides[0];
+        return containerWidth / 2 - coordX - width / 2;
+    }
+    return 0;
+};
 
 //# sourceMappingURL=helpers.js.map

package/dist/components/CarouselBase/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/helpers.ts"],"sourcesContent":["import { type AlignType } from '../../types';\nimport { SLIDE_THRESHOLD } from './constants';\nimport {\n  type GallerySlidesState,\n  type LayoutState,\n  type LoopPoint,\n  type SlidesManagerState,\n} from './types';\n\nconst validateIndent = (slidesManager: SlidesManagerState, value: number) => {\n  const localMax = slidesManager.max ?? 0;\n  const localMin = slidesManager.min ?? 0;\n\n  if (value < localMin) {\n    return localMin;\n  } else if (value > localMax) {\n    return localMax;\n  }\n\n  return value;\n};\n\n/*\n * Считает отступ слоя галереи\n */\nexport function calculateIndent(\n  targetIndex: number,\n  slidesManager: SlidesManagerState,\n  isCenter: boolean,\n  looped = false,\n): number {\n  if (slidesManager.isFullyVisible || !slidesManager.slides.length) {\n    return 0;\n  }\n\n  const targetSlide = slidesManager.slides[targetIndex];\n\n  if (targetSlide) {\n    const { coordX, width } = targetSlide;\n\n    if (isCenter) {\n      return slidesManager.containerWidth / 2 - coordX - width / 2;\n    }\n    const indent = -1 * coordX;\n    return looped ? indent : validateIndent(slidesManager, indent);\n  }\n\n  return 0;\n}\n\n/**\n * Вычисляем индексы слайдов, которые необходимо смещать\n */\nexport function getShiftedIndexes(\n  direction: 1 | -1,\n  slides: GallerySlidesState[],\n  availableWidth: number,\n): number[] {\n  let gap = availableWidth;\n  const shiftedSlideIndexes = [];\n  const startIndex = direction === 1 ? 0 : slides.length - 1;\n  const endIndex = direction === 1 ? slides.length - 1 : 0;\n\n  for (\n    let i = startIndex;\n    (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0;\n    i += direction\n  ) {\n    const slideWidth = slides[i].width;\n\n    if (gap > 0) {\n      shiftedSlideIndexes.push(i);\n    }\n    gap -= slideWidth;\n  }\n\n  return shiftedSlideIndexes;\n}\n\nfunction calculateLoopPoints(\n  indexes: number[],\n  edge: 'start' | 'end',\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n): LoopPoint[] {\n  const { contentSize, slides, snaps } = slidesManager;\n  const isStartEdge = edge === 'start';\n  const offset = isStartEdge ? -contentSize : contentSize;\n\n  return indexes.map((index) => {\n    const initial = isStartEdge ? 0 : -contentSize;\n    const altered = isStartEdge ? contentSize : 0;\n    const loopPoint = isStartEdge\n      ? snaps[index] + containerWidth + offset\n      : snaps[index] - slides[index].width + offset - snaps[0];\n\n    return {\n      index,\n      target: (currentLocation) => {\n        return currentLocation >= loopPoint ? initial : altered;\n      },\n    };\n  });\n}\n\n/**\n * Вычисляем \"ключевые\" точки, на которых должно происходить смещение слайдов\n */\nexport function getLoopPoints(\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n): LoopPoint[] {\n  const { slides, snaps } = slidesManager;\n  const startShiftedIndexes = getShiftedIndexes(-1, slides, snaps[0]);\n  const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - snaps[0]);\n\n  return [\n    ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth),\n    ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth),\n  ];\n}\n\n/*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\nexport function getTargetIndex(\n  slides: GallerySlidesState[],\n  slideIndex: number,\n  currentShiftX: number,\n  currentShiftXDelta: number,\n  looped = false,\n): number {\n  const shift = currentShiftX + currentShiftXDelta;\n  const direction = currentShiftXDelta < 0 ? 1 : -1;\n\n  // Находим ближайшую границу слайда к текущему отступу\n  let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n    const previousValue = Math.abs(slides[val].coordX + shift);\n    const currentValue = Math.abs(item.coordX + shift);\n\n    return previousValue < currentValue ? val : index;\n  }, slideIndex);\n\n  if (targetIndex === slideIndex) {\n    let targetSlide = slideIndex + direction;\n\n    if (targetSlide >= 0 && targetSlide < slides.length) {\n      if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {\n        return targetSlide;\n      }\n      return targetIndex;\n    }\n    if (!looped) {\n      return direction < 0 ? Math.max(targetIndex, 0) : Math.min(targetIndex, slides.length - 1);\n    }\n\n    return direction < 0\n      ? (targetSlide + slides.length) % slides.length\n      : targetSlide % slides.length;\n  }\n\n  return targetIndex;\n}\n\ninterface CalcMin extends Partial<LayoutState> {\n  align: AlignType;\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  align,\n}: CalcMin): number => {\n  switch (align) {\n    case 'left':\n      return containerWidth - layerWidth;\n    case 'right':\n      return viewportOffsetWidth - layerWidth;\n    case 'center':\n      const { coordX, width } = slides[slides.length - 1];\n      return containerWidth / 2 - coordX - width / 2;\n    default:\n      throw new Error(`unknown align ${align}`);\n  }\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isCenterAlign: boolean;\n}\n\nexport const calcMax = ({ slides = [], containerWidth = 0, isCenterAlign }: CalcMax): number => {\n  if (isCenterAlign && slides.length) {\n    const { width, coordX } = slides[0];\n    return containerWidth / 2 - coordX - width / 2;\n  }\n  return 0;\n};\n"],"names":["SLIDE_THRESHOLD","validateIndent","slidesManager","value","localMax","max","localMin","min","calculateIndent","targetIndex","isCenter","looped","isFullyVisible","slides","length","targetSlide","coordX","width","containerWidth","indent","getShiftedIndexes","direction","availableWidth","gap","shiftedSlideIndexes","startIndex","endIndex","i","slideWidth","push","calculateLoopPoints","indexes","edge","contentSize","snaps","isStartEdge","offset","map","index","initial","altered","loopPoint","target","currentLocation","getLoopPoints","startShiftedIndexes","endShiftedIndexes","getTargetIndex","slideIndex","currentShiftX","currentShiftXDelta","shift","reduce","val","item","previousValue","Math","abs","currentValue","calcMin","layerWidth","viewportOffsetWidth","align","Error","calcMax","isCenterAlign"],"mappings":"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"}

package/dist/components/{BaseGallery/CarouselBase → CarouselBase}/hooks.d.ts

@@ -1,4 +1,4 @@
-import { type DrawInterface } from '../../../lib/animate';
+import { type DrawInterface } from '../../lib/animate';
 export declare function useSlideAnimation(): {
     getAnimateFunction: (drawFunction: DrawInterface) => () => void;
     addToAnimationQueue: (func: VoidFunction) => void;

package/dist/components/CarouselBase/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMhE,wBAAgB,iBAAiB,IAAI;IACnC,kBAAkB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,MAAM,IAAI,CAAC;IAChE,mBAAmB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CA6BA"}

package/dist/components/{BaseGallery/CarouselBase → CarouselBase}/hooks.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { animate } from "../../../lib/animate.js";
-import { cubicBezier } from "../../../lib/fx.js";
+import { animate } from "../../lib/animate.js";
+import { cubicBezier } from "../../lib/fx.js";
 import { ANIMATION_DURATION } from "./constants.js";
 const TIMING_FUNCTION = cubicBezier(0.8, 1);
 export function useSlideAnimation() {

package/dist/components/CarouselBase/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { animate, type DrawInterface } from '../../lib/animate';\nimport { cubicBezier } from '../../lib/fx';\nimport { ANIMATION_DURATION } from './constants';\n\nconst TIMING_FUNCTION = cubicBezier(0.8, 1);\n\nexport function useSlideAnimation(): {\n  getAnimateFunction: (drawFunction: DrawInterface) => () => void;\n  addToAnimationQueue: (func: VoidFunction) => void;\n  startAnimation: () => void;\n} {\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  function getAnimateFunction(drawFunction: DrawInterface) {\n    return () => {\n      animate({\n        duration: ANIMATION_DURATION,\n        timing: TIMING_FUNCTION,\n        animationQueue: animationQueue.current,\n        draw: drawFunction,\n      });\n    };\n  }\n\n  function addToAnimationQueue(func: VoidFunction) {\n    animationQueue.current.push(func);\n  }\n\n  function startAnimation() {\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  return {\n    getAnimateFunction,\n    addToAnimationQueue,\n    startAnimation,\n  };\n}\n"],"names":["React","animate","cubicBezier","ANIMATION_DURATION","TIMING_FUNCTION","useSlideAnimation","animationQueue","useRef","getAnimateFunction","drawFunction","duration","timing","current","draw","addToAnimationQueue","func","push","startAnimation","length"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAA4B,uBAAoB;AAChE,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,kBAAkB,QAAQ,iBAAc;AAEjD,MAAMC,kBAAkBF,YAAY,KAAK;AAEzC,OAAO,SAASG;IAKd,MAAMC,iBAAiBN,MAAMO,MAAM,CAAiB,EAAE;IAEtD,SAASC,mBAAmBC,YAA2B;QACrD,OAAO;YACLR,QAAQ;gBACNS,UAAUP;gBACVQ,QAAQP;gBACRE,gBAAgBA,eAAeM,OAAO;gBACtCC,MAAMJ;YACR;QACF;IACF;IAEA,SAASK,oBAAoBC,IAAkB;QAC7CT,eAAeM,OAAO,CAACI,IAAI,CAACD;IAC9B;IAEA,SAASE;QACP,IAAIX,eAAeM,OAAO,CAACM,MAAM,KAAK,GAAG;YACvCZ,eAAeM,OAAO,CAAC,EAAE;QAC3B;IACF;IAEA,OAAO;QACLJ;QACAM;QACAG;IACF;AACF"}

package/dist/components/CarouselBase/types.d.ts

@@ -0,0 +1,125 @@
+import type * as React from 'react';
+import type { HasAlign, HasRef, HTMLAttributesWithRootRef } from '../../types';
+import type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';
+import type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';
+import { type BulletsTestIds } from './Bullets';
+import { type ScrollArrowsTestIds } from './ScrollArrows';
+export interface GallerySlidesState {
+    coordX: number;
+    width: number;
+}
+export interface LayoutState {
+    containerWidth: number;
+    viewportOffsetWidth: number;
+    layerWidth: number;
+    min?: number;
+    max: number;
+    slides: GallerySlidesState[];
+    isFullyVisible: boolean;
+}
+export interface LoopPoint {
+    /**
+     * Индекс слайда
+     */
+    index: number;
+    /**
+     * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда
+     */
+    target: (this: void, location: number) => void;
+}
+export interface ControlElementsState {
+    /**
+     * Отвечает за отображение стрелки влево
+     */
+    canSlideLeft: boolean;
+    /**
+     * Отвечает за отображение стрелки вправо
+     */
+    canSlideRight: boolean;
+    /**
+     * Возможность листать слайды drag'ом
+     */
+    isDraggable: boolean;
+}
+export interface SlidesManagerState {
+    /**
+     * Общая ширина всех слайдов
+     */
+    contentSize: number;
+    /**
+     * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости
+     * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,
+     * или для первого слайда это n-последних слайдов при выравнивании по центру)
+     */
+    loopPoints: LoopPoint[];
+    /**
+     * Массив с правыми границами слайдов
+     */
+    snaps: number[];
+    /**
+     * Ширина видимой области слайдов
+     */
+    viewportOffsetWidth: number;
+    /**
+     * Массив слайдов с координатой начала слайда и шириной
+     */
+    slides: GallerySlidesState[];
+    /**
+     * Все слайды видимы без скрола
+     */
+    isFullyVisible: boolean;
+    min: number | null;
+    max: number | null;
+    containerWidth: number;
+    layerWidth: number;
+}
+export interface BaseGalleryProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>, HasAlign, HasRef<HTMLElement>, BulletsTestIds, ScrollArrowsTestIds {
+    slideWidth?: string | number;
+    slideIndex?: number;
+    onDragStart?: CustomTouchEventHandler;
+    onDragEnd?: (e: CustomTouchEvent, targetIndex: number) => void;
+    onChange?: (current: number) => void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку влево
+     */
+    onPrevClick?: (event: React.MouseEvent) => void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку вправо
+     */
+    onNextClick?: (event: React.MouseEvent) => void;
+    bullets?: 'dark' | 'light' | false;
+    /**
+     * Позволяет отключить реагирование на тач-события
+     */
+    dragDisabled?: boolean;
+    showArrows?: boolean;
+    /**
+     * Управление размером кликабельной зоны стрелок. В дизайне свойство называется `arrowArea`
+     */
+    arrowAreaHeight?: 'stretch' | 'fit';
+    hasPointer?: boolean;
+    arrowSize?: ScrollArrowProps['size'];
+    /**
+     * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий
+     */
+    arrowPrevLabel?: string;
+    /**
+     * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий
+     */
+    arrowNextLabel?: string;
+    /**
+     * Передает атрибут `data-testid` для слайда
+     */
+    slideTestId?: (index: number) => string;
+    /**
+     * Включает зацикленность слайдов
+     */
+    looped?: boolean;
+    /**
+     * Тип источника для отслеживания размера:
+     * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`
+     * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента
+     */
+    resizeSource?: 'window' | 'element';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/CarouselBase/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/types.ts"],"names":[],"mappings":"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"}

package/dist/components/CarouselBase/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { HasAlign, HasRef, HTMLAttributesWithRootRef } from '../../types';\nimport type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';\nimport type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';\nimport { type BulletsTestIds } from './Bullets';\nimport { type ScrollArrowsTestIds } from './ScrollArrows';\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда\n   */\n  target: (this: void, location: number) => void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листать слайды drag'ом\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру)\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола\n   */\n  isFullyVisible: boolean;\n  min: number | null;\n  max: number | null;\n  containerWidth: number;\n  layerWidth: number;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\n    HasAlign,\n    HasRef<HTMLElement>,\n    BulletsTestIds,\n    ScrollArrowsTestIds {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: CustomTouchEventHandler;\n  onDragEnd?: (e: CustomTouchEvent, targetIndex: number) => void;\n  onChange?: (current: number) => void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?: (event: React.MouseEvent) => void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?: (event: React.MouseEvent) => void;\n  bullets?: 'dark' | 'light' | false;\n  /**\n   * Позволяет отключить реагирование на тач-события\n   */\n  dragDisabled?: boolean;\n  showArrows?: boolean;\n  /**\n   * Управление размером кликабельной зоны стрелок. В дизайне свойство называется `arrowArea`\n   */\n  arrowAreaHeight?: 'stretch' | 'fit';\n  hasPointer?: boolean;\n  arrowSize?: ScrollArrowProps['size'];\n  /**\n   * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий\n   */\n  arrowPrevLabel?: string;\n  /**\n   * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий\n   */\n  arrowNextLabel?: string;\n  /**\n   * Передает атрибут `data-testid` для слайда\n   */\n  slideTestId?: (index: number) => string;\n  /**\n   * Включает зацикленность слайдов\n   */\n  looped?: boolean;\n  /**\n   * Тип источника для отслеживания размера:\n   * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`\n   * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента\n   */\n  resizeSource?: 'window' | 'element';\n}\n"],"names":[],"mappings":"AAiFA,WAqDC"}

package/dist/components/ChipsInput/ChipsInput.d.ts

@@ -1,7 +1,7 @@
 import type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';
 import type { FormFieldProps } from '../FormField/FormField';
 import { type UseChipsInputProps } from './useChipsInput';
-export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBaseProps<Option>, UseChipsInputProps<Option>, Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after'> {
+export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBaseProps<Option>, UseChipsInputProps<Option>, Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after' | 'maxHeight'> {
     /**
      * Если `true`, то справа будет отображаться кнопка для очистки значения
      */

package/dist/components/ChipsInput/ChipsInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,4PAmBjD,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SA4ClC,CAAC"}
+{"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,4PAmBjD,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SA4ClC,CAAC"}

package/dist/components/ChipsInput/ChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["'use client';\n\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { useChipsInput, type UseChipsInputProps } from './useChipsInput';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    UseChipsInputProps<Option>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after'> {\n  /**\n   * Если `true`, то справа будет отображаться кнопка для очистки значения\n   */\n  allowClearButton?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n\n  // input\n  getRef,\n  inputValue: inputValueProp,\n  defaultInputValue: inputDefaultValueProp,\n  onInputChange: onInputChangeProp,\n  getOptionValue,\n  getOptionLabel,\n  getNewOptionData,\n\n  // other\n  disabled,\n  allowClearButton,\n  ...restProps\n}: ChipsInputProps<Option>): React.ReactNode => {\n  const {\n    value,\n    addOptionFromInput,\n    removeOption,\n    clearOptions,\n\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    onInputChange,\n  } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionLabel,\n    getOptionValue,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue: inputDefaultValueProp,\n    onInputChange: onInputChangeProp,\n\n    // other\n    disabled,\n  });\n  const inputRef = useExternRef(getRef, inputRefHook);\n\n  return (\n    <ChipsInputBase\n      {...restProps}\n      disabled={disabled}\n      value={value}\n      clearButtonShown={allowClearButton && (!!value.length || !!inputValue.length)}\n      onAddChipOption={addOptionFromInput}\n      onRemoveChipOption={removeOption}\n      onClear={clearOptions}\n      getRef={inputRef}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    />\n  );\n};\n"],"names":["useExternRef","ChipsInputBase","useChipsInput","ChipsInput","value","valueProp","defaultValue","onChange","getRef","inputValue","inputValueProp","defaultInputValue","inputDefaultValueProp","onInputChange","onInputChangeProp","getOptionValue","getOptionLabel","getNewOptionData","disabled","allowClearButton","restProps","addOptionFromInput","removeOption","clearOptions","inputRef","inputRefHook","clearButtonShown","length","onAddChipOption","onRemoveChipOption","onClear"],"mappings":"AAAA;;;;;AAEA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,aAAa,QAAiC,qBAAkB;AAYzE;;CAEC,GACD,OAAO,MAAMC,aAAa;QAA4B,EACpD,SAAS;IACTC,OAAOC,SAAS,EAChBC,YAAY,EACZC,QAAQ,EAER,QAAQ;IACRC,MAAM,EACNC,YAAYC,cAAc,EAC1BC,mBAAmBC,qBAAqB,EACxCC,eAAeC,iBAAiB,EAChCC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAEhB,QAAQ;IACRC,QAAQ,EACRC,gBAAgB,EAEQ,WADrBC;QAhBHhB;QACAE;QACAC;QAGAC;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QAGAC;QACAC;;IAGA,MAAM,EACJf,KAAK,EACLiB,kBAAkB,EAClBC,YAAY,EACZC,YAAY,EAEZ,QAAQ;IACRC,UAAUC,YAAY,EACtBhB,UAAU,EACVI,aAAa,EACd,GAAGX,cAAc;QAChB,SAAS;QACTE,OAAOC;QACPC;QACAC;QACAS;QACAD;QACAE;QAEA,QAAQ;QACRR,YAAYC;QACZC,mBAAmBC;QACnBC,eAAeC;QAEf,QAAQ;QACRI;IACF;IACA,MAAMM,WAAWxB,aAAaQ,QAAQiB;IAEtC,qBACE,KAACxB,wDACKmB;QACJF,UAAUA;QACVd,OAAOA;QACPsB,kBAAkBP,oBAAqB,CAAA,CAAC,CAACf,MAAMuB,MAAM,IAAI,CAAC,CAAClB,WAAWkB,MAAM,AAAD;QAC3EC,iBAAiBP;QACjBQ,oBAAoBP;QACpBQ,SAASP;QACTf,QAAQgB;QACRf,YAAYA;QACZI,eAAeA;;AAGrB,EAAE"}
+{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["'use client';\n\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { useChipsInput, type UseChipsInputProps } from './useChipsInput';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    UseChipsInputProps<Option>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before' | 'after' | 'maxHeight'> {\n  /**\n   * Если `true`, то справа будет отображаться кнопка для очистки значения\n   */\n  allowClearButton?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n\n  // input\n  getRef,\n  inputValue: inputValueProp,\n  defaultInputValue: inputDefaultValueProp,\n  onInputChange: onInputChangeProp,\n  getOptionValue,\n  getOptionLabel,\n  getNewOptionData,\n\n  // other\n  disabled,\n  allowClearButton,\n  ...restProps\n}: ChipsInputProps<Option>): React.ReactNode => {\n  const {\n    value,\n    addOptionFromInput,\n    removeOption,\n    clearOptions,\n\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    onInputChange,\n  } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionLabel,\n    getOptionValue,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue: inputDefaultValueProp,\n    onInputChange: onInputChangeProp,\n\n    // other\n    disabled,\n  });\n  const inputRef = useExternRef(getRef, inputRefHook);\n\n  return (\n    <ChipsInputBase\n      {...restProps}\n      disabled={disabled}\n      value={value}\n      clearButtonShown={allowClearButton && (!!value.length || !!inputValue.length)}\n      onAddChipOption={addOptionFromInput}\n      onRemoveChipOption={removeOption}\n      onClear={clearOptions}\n      getRef={inputRef}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    />\n  );\n};\n"],"names":["useExternRef","ChipsInputBase","useChipsInput","ChipsInput","value","valueProp","defaultValue","onChange","getRef","inputValue","inputValueProp","defaultInputValue","inputDefaultValueProp","onInputChange","onInputChangeProp","getOptionValue","getOptionLabel","getNewOptionData","disabled","allowClearButton","restProps","addOptionFromInput","removeOption","clearOptions","inputRef","inputRefHook","clearButtonShown","length","onAddChipOption","onRemoveChipOption","onClear"],"mappings":"AAAA;;;;;AAEA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,aAAa,QAAiC,qBAAkB;AAYzE;;CAEC,GACD,OAAO,MAAMC,aAAa;QAA4B,EACpD,SAAS;IACTC,OAAOC,SAAS,EAChBC,YAAY,EACZC,QAAQ,EAER,QAAQ;IACRC,MAAM,EACNC,YAAYC,cAAc,EAC1BC,mBAAmBC,qBAAqB,EACxCC,eAAeC,iBAAiB,EAChCC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAEhB,QAAQ;IACRC,QAAQ,EACRC,gBAAgB,EAEQ,WADrBC;QAhBHhB;QACAE;QACAC;QAGAC;QACAC;QACAE;QACAE;QACAE;QACAC;QACAC;QAGAC;QACAC;;IAGA,MAAM,EACJf,KAAK,EACLiB,kBAAkB,EAClBC,YAAY,EACZC,YAAY,EAEZ,QAAQ;IACRC,UAAUC,YAAY,EACtBhB,UAAU,EACVI,aAAa,EACd,GAAGX,cAAc;QAChB,SAAS;QACTE,OAAOC;QACPC;QACAC;QACAS;QACAD;QACAE;QAEA,QAAQ;QACRR,YAAYC;QACZC,mBAAmBC;QACnBC,eAAeC;QAEf,QAAQ;QACRI;IACF;IACA,MAAMM,WAAWxB,aAAaQ,QAAQiB;IAEtC,qBACE,KAACxB,wDACKmB;QACJF,UAAUA;QACVd,OAAOA;QACPsB,kBAAkBP,oBAAqB,CAAA,CAAC,CAACf,MAAMuB,MAAM,IAAI,CAAC,CAAClB,WAAWkB,MAAM,AAAD;QAC3EC,iBAAiBP;QACjBQ,oBAAoBP;QACpBQ,SAASP;QACTf,QAAQgB;QACRf,YAAYA;QACZI,eAAeA;;AAGrB,EAAE"}

package/dist/components/ChipsInput/useChipsInput.d.ts

@@ -28,7 +28,7 @@ export declare const useChipsInput: <O extends ChipOption>({ value: valueProp, d
     addOptionFromInput: (inputValue: string) => void;
     removeOption: (newValue: O | ChipOptionValue) => void;
     clearOptions: () => void;
-    inputRef: React.RefObject<HTMLInputElement & SimulateReactInputTargetState>;
+    inputRef: React.RefObject<(HTMLInputElement & SimulateReactInputTargetState) | null>;
     inputValue: string;
     onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => any;
     clearInput: () => void;

package/dist/components/ChipsInput/useChipsInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AASzF,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,SAC1C,CAAC,EAAE,kBACM,cAAc,CAAC,CAAC,CAAC,kBACjB,cAAc,CAAC,CAAC,CAAC,KAChC,KAAK,CACN,CAAC,GAAG;IACF,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB,CAME,CAAC;AAON,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACnE,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,2KAgB/C,kBAAkB,CAAC,CAAC,CAAC,KAAG;IACzB,KAAK,EAAE,KAAK,CACV,CAAC,GAAG;QACF,KAAK,EAAE,eAAe,CAAC;QACvB,KAAK,EAAE,eAAe,CAAC;KACxB,CACF,CAAC;IACF,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,CAAC;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;IAC/D,UAAU,EAAE,MAAM,IAAI,CAAC;CA0FxB,CAAC"}
+{"version":3,"file":"useChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AASzF,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,SAC1C,CAAC,EAAE,kBACM,cAAc,CAAC,CAAC,CAAC,kBACjB,cAAc,CAAC,CAAC,CAAC,KAChC,KAAK,CACN,CAAC,GAAG;IACF,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB,CAME,CAAC;AAON,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACnE,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,2KAgB/C,kBAAkB,CAAC,CAAC,CAAC,KAAG;IACzB,KAAK,EAAE,KAAK,CACV,CAAC,GAAG;QACF,KAAK,EAAE,eAAe,CAAC;QACvB,KAAK,EAAE,eAAe,CAAC;KACxB,CACF,CAAC;IACF,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,GAAG,IAAI,CAAC,CAAC;IACrF,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;IAC/D,UAAU,EAAE,MAAM,IAAI,CAAC;CA0FxB,CAAC"}

package/dist/components/ChipsInput/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl, useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useNativeFormResetListener } from '../../hooks/useNativeFormResetListener';\nimport { simulateReactInput, type SimulateReactInputTargetState } from '../../lib/react';\nimport {\n  DEFAULT_INPUT_VALUE,\n  DEFAULT_VALUE,\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n} from '../ChipsInputBase/constants';\nimport { isValueLikeChipOptionObject } from '../ChipsInputBase/helpers';\nimport type {\n  ChipOption,\n  ChipOptionLabel,\n  ChipOptionValue,\n  GetNewOptionData,\n  GetOptionLabel,\n  GetOptionValue,\n  UseChipsInputBaseProps,\n} from '../ChipsInputBase/types';\n\nexport const transformValue = <O extends ChipOption>(\n  value: O[],\n  getOptionValue: GetOptionValue<O>,\n  getOptionLabel: GetOptionLabel<O>,\n): Array<\n  O & {\n    label: ChipOptionLabel;\n    value: ChipOptionValue;\n  }\n> =>\n  value.map((option) => ({\n    ...option,\n    label: getOptionLabel(option),\n    value: getOptionValue(option),\n  }));\n\ninterface ToggleOption<O extends ChipOption> {\n  (optionForAdd: O | string, isNewValue: true): void;\n  (optionForRemove: O | ChipOptionValue, isNewValue: false): void;\n}\n\nexport interface UseChipsInputProps<O extends ChipOption = ChipOption>\n  extends UseChipsInputBaseProps<O> {\n  /**\n   * Селектор значения.\n   */\n  getOptionValue?: GetOptionValue<O>;\n  /**\n   * Селектор пользовательского представления.\n   */\n  getOptionLabel?: GetOptionLabel<O>;\n  /**\n   * Функция для создания новой опции.\n   */\n  getNewOptionData?: GetNewOptionData<O>;\n}\n\nexport const useChipsInput = <O extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue = DEFAULT_VALUE,\n  onChange,\n  getOptionLabel = getOptionLabelDefault,\n  getOptionValue = getOptionValueDefault,\n  getNewOptionData = getNewOptionDataDefault,\n\n  // input\n  inputValue: inputValueProp,\n  defaultInputValue = DEFAULT_INPUT_VALUE,\n  onInputChange,\n\n  // other\n  disabled,\n}: UseChipsInputProps<O>): {\n  value: Array<\n    O & {\n      label: ChipOptionLabel;\n      value: ChipOptionValue;\n    }\n  >;\n  addOption: (newValue: O | string) => void;\n  addOptionFromInput: (inputValue: string) => void;\n  removeOption: (newValue: O | ChipOptionValue) => void;\n  clearOptions: () => void;\n  inputRef: React.RefObject<HTMLInputElement & SimulateReactInputTargetState>;\n  inputValue: string;\n  onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => any;\n  clearInput: () => void;\n} => {\n  const [value, setValue] = useCustomEnsuredControl({\n    disabled,\n    value: valueProp ? transformValue(valueProp, getOptionValue, getOptionLabel) : undefined,\n    defaultValue: transformValue(defaultValue, getOptionValue, getOptionLabel),\n    onChange,\n  });\n\n  const inputRef = React.useRef<HTMLInputElement & SimulateReactInputTargetState>(null);\n  const [inputValue, setInputChange] = useEnsuredControl({\n    disabled,\n    value: inputValueProp,\n    defaultValue: defaultInputValue,\n    onChange: onInputChange,\n  });\n\n  const toggleOption: ToggleOption<O> = React.useCallback(\n    (nextValueProp: O | ChipOptionValue, isNewValue: boolean) => {\n      setValue((prevValue) => {\n        const isLikeObjectOption = isValueLikeChipOptionObject(nextValueProp);\n        const resolvedOption = isLikeObjectOption\n          ? getNewOptionData(nextValueProp.value, nextValueProp.label)\n          : getNewOptionData(nextValueProp, typeof nextValueProp === 'string' ? nextValueProp : '');\n        const nextValue = prevValue.filter((option: O) => resolvedOption.value !== option.value);\n\n        if (isNewValue === true) {\n          nextValue.push(\n            isLikeObjectOption ? { ...nextValueProp, ...resolvedOption } : resolvedOption,\n          );\n        }\n\n        return nextValue;\n      });\n    },\n    [setValue, getNewOptionData],\n  );\n\n  const clearInput = React.useCallback(() => {\n    /* istanbul ignore if */\n    if (!inputRef.current) {\n      return;\n    }\n    simulateReactInput(inputRef.current, '');\n  }, [inputRef]);\n\n  const addOption = React.useCallback(\n    (newValue: O | string) => toggleOption(newValue, true),\n    [toggleOption],\n  );\n\n  const removeOption = React.useCallback(\n    (newValue: O | ChipOptionValue) => toggleOption(newValue, false),\n    [toggleOption],\n  );\n\n  const addOptionFromInput = React.useCallback(\n    (inputValue: string) => {\n      const label = inputValue.trim();\n      if (label) {\n        addOption(label);\n        clearInput();\n      }\n    },\n    [addOption, clearInput],\n  );\n\n  const reset = React.useCallback(() => {\n    setValue(defaultValue);\n  }, [defaultValue, setValue]);\n\n  const clearOptions = React.useCallback(() => {\n    setValue(DEFAULT_VALUE);\n    clearInput();\n  }, [clearInput, setValue]);\n\n  useNativeFormResetListener(inputRef, reset);\n\n  return {\n    value,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n\n    inputRef,\n    inputValue,\n    onInputChange: setInputChange,\n    clearInput,\n    clearOptions,\n  };\n};\n"],"names":["React","useCustomEnsuredControl","useEnsuredControl","useNativeFormResetListener","simulateReactInput","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","getNewOptionDataDefault","getOptionLabelDefault","getOptionValueDefault","isValueLikeChipOptionObject","transformValue","value","getOptionValue","getOptionLabel","map","option","label","useChipsInput","valueProp","defaultValue","onChange","getNewOptionData","inputValue","inputValueProp","defaultInputValue","onInputChange","disabled","setValue","undefined","inputRef","useRef","setInputChange","toggleOption","useCallback","nextValueProp","isNewValue","prevValue","isLikeObjectOption","resolvedOption","nextValue","filter","push","clearInput","current","addOption","newValue","removeOption","addOptionFromInput","trim","reset","clearOptions"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl, useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useNativeFormResetListener } from '../../hooks/useNativeFormResetListener';\nimport { simulateReactInput, type SimulateReactInputTargetState } from '../../lib/react';\nimport {\n  DEFAULT_INPUT_VALUE,\n  DEFAULT_VALUE,\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n} from '../ChipsInputBase/constants';\nimport { isValueLikeChipOptionObject } from '../ChipsInputBase/helpers';\nimport type {\n  ChipOption,\n  ChipOptionLabel,\n  ChipOptionValue,\n  GetNewOptionData,\n  GetOptionLabel,\n  GetOptionValue,\n  UseChipsInputBaseProps,\n} from '../ChipsInputBase/types';\n\nexport const transformValue = <O extends ChipOption>(\n  value: O[],\n  getOptionValue: GetOptionValue<O>,\n  getOptionLabel: GetOptionLabel<O>,\n): Array<\n  O & {\n    label: ChipOptionLabel;\n    value: ChipOptionValue;\n  }\n> =>\n  value.map((option) => ({\n    ...option,\n    label: getOptionLabel(option),\n    value: getOptionValue(option),\n  }));\n\ninterface ToggleOption<O extends ChipOption> {\n  (optionForAdd: O | string, isNewValue: true): void;\n  (optionForRemove: O | ChipOptionValue, isNewValue: false): void;\n}\n\nexport interface UseChipsInputProps<O extends ChipOption = ChipOption>\n  extends UseChipsInputBaseProps<O> {\n  /**\n   * Селектор значения.\n   */\n  getOptionValue?: GetOptionValue<O>;\n  /**\n   * Селектор пользовательского представления.\n   */\n  getOptionLabel?: GetOptionLabel<O>;\n  /**\n   * Функция для создания новой опции.\n   */\n  getNewOptionData?: GetNewOptionData<O>;\n}\n\nexport const useChipsInput = <O extends ChipOption>({\n  // option\n  value: valueProp,\n  defaultValue = DEFAULT_VALUE,\n  onChange,\n  getOptionLabel = getOptionLabelDefault,\n  getOptionValue = getOptionValueDefault,\n  getNewOptionData = getNewOptionDataDefault,\n\n  // input\n  inputValue: inputValueProp,\n  defaultInputValue = DEFAULT_INPUT_VALUE,\n  onInputChange,\n\n  // other\n  disabled,\n}: UseChipsInputProps<O>): {\n  value: Array<\n    O & {\n      label: ChipOptionLabel;\n      value: ChipOptionValue;\n    }\n  >;\n  addOption: (newValue: O | string) => void;\n  addOptionFromInput: (inputValue: string) => void;\n  removeOption: (newValue: O | ChipOptionValue) => void;\n  clearOptions: () => void;\n  inputRef: React.RefObject<(HTMLInputElement & SimulateReactInputTargetState) | null>;\n  inputValue: string;\n  onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => any;\n  clearInput: () => void;\n} => {\n  const [value, setValue] = useCustomEnsuredControl({\n    disabled,\n    value: valueProp ? transformValue(valueProp, getOptionValue, getOptionLabel) : undefined,\n    defaultValue: transformValue(defaultValue, getOptionValue, getOptionLabel),\n    onChange,\n  });\n\n  const inputRef = React.useRef<(HTMLInputElement & SimulateReactInputTargetState) | null>(null);\n  const [inputValue, setInputChange] = useEnsuredControl({\n    disabled,\n    value: inputValueProp,\n    defaultValue: defaultInputValue,\n    onChange: onInputChange,\n  });\n\n  const toggleOption: ToggleOption<O> = React.useCallback(\n    (nextValueProp: O | ChipOptionValue, isNewValue: boolean) => {\n      setValue((prevValue) => {\n        const isLikeObjectOption = isValueLikeChipOptionObject(nextValueProp);\n        const resolvedOption = isLikeObjectOption\n          ? getNewOptionData(nextValueProp.value, nextValueProp.label)\n          : getNewOptionData(nextValueProp, typeof nextValueProp === 'string' ? nextValueProp : '');\n        const nextValue = prevValue.filter((option: O) => resolvedOption.value !== option.value);\n\n        if (isNewValue === true) {\n          nextValue.push(\n            isLikeObjectOption ? { ...nextValueProp, ...resolvedOption } : resolvedOption,\n          );\n        }\n\n        return nextValue;\n      });\n    },\n    [setValue, getNewOptionData],\n  );\n\n  const clearInput = React.useCallback(() => {\n    /* istanbul ignore if */\n    if (!inputRef.current) {\n      return;\n    }\n    simulateReactInput(inputRef.current, '');\n  }, [inputRef]);\n\n  const addOption = React.useCallback(\n    (newValue: O | string) => toggleOption(newValue, true),\n    [toggleOption],\n  );\n\n  const removeOption = React.useCallback(\n    (newValue: O | ChipOptionValue) => toggleOption(newValue, false),\n    [toggleOption],\n  );\n\n  const addOptionFromInput = React.useCallback(\n    (inputValue: string) => {\n      const label = inputValue.trim();\n      if (label) {\n        addOption(label);\n        clearInput();\n      }\n    },\n    [addOption, clearInput],\n  );\n\n  const reset = React.useCallback(() => {\n    setValue(defaultValue);\n  }, [defaultValue, setValue]);\n\n  const clearOptions = React.useCallback(() => {\n    setValue(DEFAULT_VALUE);\n    clearInput();\n  }, [clearInput, setValue]);\n\n  useNativeFormResetListener(inputRef, reset);\n\n  return {\n    value,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n\n    inputRef,\n    inputValue,\n    onInputChange: setInputChange,\n    clearInput,\n    clearOptions,\n  };\n};\n"],"names":["React","useCustomEnsuredControl","useEnsuredControl","useNativeFormResetListener","simulateReactInput","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","getNewOptionDataDefault","getOptionLabelDefault","getOptionValueDefault","isValueLikeChipOptionObject","transformValue","value","getOptionValue","getOptionLabel","map","option","label","useChipsInput","valueProp","defaultValue","onChange","getNewOptionData","inputValue","inputValueProp","defaultInputValue","onInputChange","disabled","setValue","undefined","inputRef","useRef","setInputChange","toggleOption","useCallback","nextValueProp","isNewValue","prevValue","isLikeObjectOption","resolvedOption","nextValue","filter","push","clearInput","current","addOption","newValue","removeOption","addOptionFromInput","trim","reset","clearOptions"],"mappings":"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"}

package/dist/components/ChipsSelect/ChipsSelect.d.ts

@@ -23,7 +23,7 @@ export interface ChipsSelectProps<O extends ChipOption> extends ChipsInputBasePr
      */
     forceDropdownPortal?: boolean;
     /**
-     * Передача `data-testid`.
+     * Передает атрибут `data-testid` для дропдауна.
      */
     dropdownTestId?: string;
     /**