npm - @vkontakte/vkui - Versions diffs - 4.24.0 → 4.25.0 - Mend

@vkontakte/vkui 4.24.0 → 4.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1469) hide show

package/dist/cssm/components/CardGrid/CardGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"names":["classNames","getClassName","usePlatform","withAdaptivity","CardGrid","children","size","sizeX","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,MAHnBC,IAGmB,QAHnBA,IAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,wCACMM,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CACnBC,YAAY,CAAC,UAAD,EAAaQ,QAAb,CADO,sBAENH,IAFM,6BAGAC,KAHA;AAFvB,MAQGF,QARH,CADF;AAYD,CApBD;;AAsBAD,QAAQ,CAACM,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE;AADgB,CAAxB~~;AAIA~~,eAAeH,cAAc,CAACC,QAAD,EAAW;AAAEG,EAAAA,KAAK,EAAE;AAAT,CAAX,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps {\n size: \"s\" \| \"m\" \| \"l\";\n}\n\nconst CardGrid: React.FunctionComponent<CardGridProps> = ({\n children,\n size,\n sizeX,\n ...restProps\n}: CardGridProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"CardGrid\", platform),\n `CardGrid--${size}`,\n `CardGrid--sizeX-${sizeX}`\n )}\n >\n {children}\n </div>\n );\n};\n\nCardGrid.defaultProps = {\n size: \"s\",\n};\n\nexport default withAdaptivity(CardGrid, { sizeX: true });\n"],"file":"CardGrid.js"}
1	+ {"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"names":["classNames","getClassName","usePlatform","withAdaptivity","CardGrid","children","size","sizeX","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,MAHnBC,IAGmB,QAHnBA,IAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,wCACMM,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CACnBC,YAAY,CAAC,UAAD,EAAaQ,QAAb,CADO,sBAENH,IAFM,6BAGAC,KAHA;AAFvB,MAQGF,QARH,CADF;AAYD,CApBD;;AAsBAD,QAAQ,CAACM,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE;AADgB,CAAxB,C,CAIA;;AACA,eAAeH,cAAc,CAACC,QAAD,EAAW;AAAEG,EAAAA,KAAK,EAAE;AAAT,CAAX,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps {\n size: \"s\" \| \"m\" \| \"l\";\n}\n\nconst CardGrid: React.FunctionComponent<CardGridProps> = ({\n children,\n size,\n sizeX,\n ...restProps\n}: CardGridProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"CardGrid\", platform),\n `CardGrid--${size}`,\n `CardGrid--sizeX-${sizeX}`\n )}\n >\n {children}\n </div>\n );\n};\n\nCardGrid.defaultProps = {\n size: \"s\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(CardGrid, { sizeX: true });\n"],"file":"CardGrid.js"}

package/dist/cssm/components/CardScroll/CardScroll.js CHANGED Viewed

@@ -25,6 +25,10 @@ var CardScroll = function CardScroll(_ref) {
       window = _useDOM.window;
   function getScrollToLeft(offset) {
+    if (!refContainer.current || !gapRef.current) {
+      return offset;
+    }
     var containerWidth = refContainer.current.offsetWidth;
     var slideIndex = Array.from(refContainer.current.children).findIndex(function (el) {
       return el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0;
@@ -49,6 +53,10 @@ var CardScroll = function CardScroll(_ref) {
   }
   function getScrollToRight(offset) {
+    if (!refContainer.current || !gapRef.current) {
+      return offset;
+    }
     var containerWidth = refContainer.current.offsetWidth;
     var slide = Array.prototype.find.call(refContainer.current.children, function (el) {
       return el.offsetLeft + el.offsetWidth - offset > containerWidth;
@@ -80,7 +88,8 @@ var CardScroll = function CardScroll(_ref) {
 CardScroll.defaultProps = {
   size: "s"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(CardScroll, {
   sizeX: true
 });

package/dist/cssm/components/CardScroll/CardScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["React","classNames","getClassName","usePlatform","HorizontalScroll","withAdaptivity","useDOM","CardScroll","children","size","sizeX","restProps","platform","refContainer","useRef","gapRef","window","getScrollToLeft","offset","~~containerWidth~~","~~current~~","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","prototype","find","call","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,gBAAP;AACA,SAASC,cAAT;AACA,SAASC,MAAT;AACA;;AAQA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAKvB;AAAA,MAJrBC,QAIqB,QAJrBA,QAIqB;AAAA,MAHrBC,IAGqB,QAHrBA,IAGqB;AAAA,MAFrBC,KAEqB,QAFrBA,KAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AAEA,MAAMU,YAAY,GAAGb,KAAK,CAACc,MAAN,CAA6B,IAA7B,CAArB;AACA,MAAMC,MAAM,GAAGf,KAAK,CAACc,MAAN,CAA6B,IAA7B,CAAf;;AAEA,gBAAmBR,MAAM,EAAzB;AAAA,MAAQU,MAAR,WAAQA,MAAR;;AAEA,WAASC,eAAT,CAAyBC,MAAzB,EAAiD;AAC/C,~~QAAMC~~,cAAc,~~GAAGN~~,YAAY,~~CAACO~~,OAAb,~~CAAqBC~~,WAA5C;AACA,QAAMC,UAAU,~~GAAGC~~,KAAK,CAACC,IAAN,CAAWX,YAAY,~~CAACO~~,OAAb,~~CAAqBZ~~,QAAhC,~~EAA0CiB~~,~~SAA1C~~,~~CACjB~~,UAACC,EAAD;AAAA,aACEA,EAAE,CAACC,UAAH,GACED,EAAE,CAACL,WADL,GAEEO,QAAQ,CAACZ,MAAM,~~CAACa~~,~~gBAAP~~,~~CAAwBH~~,~~EAAxB~~,~~EAA4BI~~,~~WAA7B~~,CAFV,GAGEZ,MAHF,IAIA,CALF;AAAA,~~KADiB~~,CAAnB;;~~AASA~~,QAAII,UAAU,KAAK,CAAC,CAApB,EAAuB;AACrB,aAAOJ,MAAP;AACD;;AAED,QAAII,UAAU,KAAK,CAAnB,EAAsB;AACpB,aAAO,CAAP;AACD;;AAED,QAAMS,KAAK,GAAGlB,YAAY,~~CAACO~~,OAAb,~~CAAqBZ~~,QAArB,CAA8Bc,UAA9B,CAAd;AAEA,QAAMU,QAAQ,GACZD,KAAK,CAACJ,UAAN,~~IACCR~~,cAAc,~~GAAGY~~,KAAK,CAACV,WADxB,IAEAN,MAAM,~~CAACK~~,OAAP,~~CAAeC~~,WAHjB;;AAKA,QAAIW,QAAQ,IAAI,IAAIjB,MAAM,~~CAACK~~,OAAP,~~CAAeC~~,WAAnC,EAAgD;AAC9C,aAAO,CAAP;AACD;;AAED,WAAOW,QAAP;AACD;;AAED,WAASC,gBAAT,CAA0Bf,MAA1B,EAAkD;AAChD,~~QAAMC~~,cAAc,~~GAAGN~~,YAAY,~~CAACO~~,OAAb,~~CAAqBC~~,WAA5C;AACA,QAAMU,KAAK,GAAGR,KAAK,CAACW,SAAN,CAAgBC,IAAhB,CAAqBC,IAArB,CACZvB,YAAY,~~CAACO~~,OAAb,~~CAAqBZ~~,QADT,EAEZ,UAACkB,EAAD;AAAA,aACEA,EAAE,CAACC,UAAH,GAAgBD,EAAE,CAACL,WAAnB,GAAiCH,MAAjC,~~GAA0CC~~,cAD5C;AAAA,KAFY,CAAd;;AAMA,QAAI,~~CAACY~~,KAAL,EAAY;AACV,aAAOb,MAAP;AACD;;AAED,WAAOa,KAAK,CAACJ,UAAN,GAAmBZ,MAAM,~~CAACK~~,OAAP,~~CAAeC~~,WAAzC;AACD;;AAED,SACE,wCACMV,SADN;AAEE,IAAA,SAAS,EAAEV,UAAU,CACnBC,YAAY,CAAC,YAAD,EAAeU,QAAf,CADO,wBAEJH,IAFI,+BAGEC,KAHF;AAFvB,MAQE,oBAAC,gBAAD;AACE,IAAA,eAAe,EAAEO,eADnB;AAEE,IAAA,gBAAgB,EAAEgB,gBAFpB;AAGE,IAAA,UAAU,EAAE;AAHd,KAKE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,IAAA,GAAG,EAAEpB;AAArC,KACE;AAAM,IAAA,SAAS,EAAC,iBAAhB;AAAkC,IAAA,GAAG,EAAEE;AAAvC,IADF,EAEGP,QAFH,EAGE;AAAM,IAAA,SAAS,EAAC;AAAhB,IAHF,CALF,CARF,CADF;AAsBD,~~CAnFD~~;;~~AAqFAD~~,UAAU,CAAC8B,YAAX,GAA0B;AACxB5B,EAAAA,IAAI,EAAE;AADkB,CAA1B~~;AAIA~~,eAAeJ,cAAc,CAACE,UAAD,EAAa;AAAEG,EAAAA,KAAK,EAAE;AAAT,CAAb,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport HorizontalScroll from \"../HorizontalScroll/HorizontalScroll\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.css\";\n\nexport interface CardScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps {\n size?: \"s\" \| \"m\" \| \"l\";\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({\n children,\n size,\n sizeX,\n ...restProps\n}: CardScrollProps) => {\n const platform = usePlatform();\n\n const refContainer = React.useRef<HTMLDivElement>(null);\n const gapRef = React.useRef<HTMLDivElement>(null);\n\n const { window } = useDOM();\n\n function getScrollToLeft(offset: number): number {\n const containerWidth = refContainer.current.offsetWidth;\n const slideIndex = Array.from(refContainer.current.children).findIndex(\n (el: HTMLElement) =>\n el.offsetLeft +\n el.offsetWidth +\n parseInt(window.getComputedStyle(el).marginRight) -\n offset >=\n 0\n );\n\n if (slideIndex === -1) {\n return offset;\n }\n\n if (slideIndex === 0) {\n return 0;\n }\n\n const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n const scrollTo =\n slide.offsetLeft -\n (containerWidth - slide.offsetWidth) +\n gapRef.current.offsetWidth;\n\n if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n return 0;\n }\n\n return scrollTo;\n }\n\n function getScrollToRight(offset: number): number {\n const containerWidth = refContainer.current.offsetWidth;\n const slide = Array.prototype.find.call(\n refContainer.current.children,\n (el: HTMLElement) =>\n el.offsetLeft + el.offsetWidth - offset > containerWidth\n ) as HTMLElement;\n\n if (!slide) {\n return offset;\n }\n\n return slide.offsetLeft - gapRef.current.offsetWidth;\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"CardScroll\", platform),\n `CardScroll--${size}`,\n `CardScroll--sizeX-${sizeX}`\n )}\n >\n <HorizontalScroll\n getScrollToLeft={getScrollToLeft}\n getScrollToRight={getScrollToRight}\n showArrows={true}\n >\n <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n {children}\n <span vkuiClass=\"CardScroll__gap\" />\n </div>\n </HorizontalScroll>\n </div>\n );\n};\n\nCardScroll.defaultProps = {\n size: \"s\",\n};\n\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}
1	+ {"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["React","classNames","getClassName","usePlatform","HorizontalScroll","withAdaptivity","useDOM","CardScroll","children","size","sizeX","restProps","platform","refContainer","useRef","gapRef","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","prototype","find","call","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport HorizontalScroll from \"../HorizontalScroll/HorizontalScroll\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.css\";\n\nexport interface CardScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps {\n size?: \"s\" \| \"m\" \| \"l\";\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({\n children,\n size,\n sizeX,\n ...restProps\n}: CardScrollProps) => {\n const platform = usePlatform();\n\n const refContainer = React.useRef<HTMLDivElement>(null);\n const gapRef = React.useRef<HTMLDivElement>(null);\n\n const { window } = useDOM();\n\n function getScrollToLeft(offset: number): number {\n if (!refContainer.current \|\| !gapRef.current) {\n return offset;\n }\n const containerWidth = refContainer.current.offsetWidth;\n const slideIndex = (\n Array.from(refContainer.current.children) as HTMLElement[]\n ).findIndex(\n (el: HTMLElement) =>\n el.offsetLeft +\n el.offsetWidth +\n parseInt(window!.getComputedStyle(el).marginRight) -\n offset >=\n 0\n );\n\n if (slideIndex === -1) {\n return offset;\n }\n\n if (slideIndex === 0) {\n return 0;\n }\n\n const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n const scrollTo =\n slide.offsetLeft -\n (containerWidth - slide.offsetWidth) +\n gapRef.current.offsetWidth;\n\n if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n return 0;\n }\n\n return scrollTo;\n }\n\n function getScrollToRight(offset: number): number {\n if (!refContainer.current \|\| !gapRef.current) {\n return offset;\n }\n\n const containerWidth = refContainer.current.offsetWidth;\n const slide = Array.prototype.find.call(\n refContainer.current.children,\n (el: HTMLElement) =>\n el.offsetLeft + el.offsetWidth - offset > containerWidth\n ) as HTMLElement;\n\n if (!slide) {\n return offset;\n }\n\n return slide.offsetLeft - gapRef.current.offsetWidth;\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"CardScroll\", platform),\n `CardScroll--${size}`,\n `CardScroll--sizeX-${sizeX}`\n )}\n >\n <HorizontalScroll\n getScrollToLeft={getScrollToLeft}\n getScrollToRight={getScrollToRight}\n showArrows={true}\n >\n <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n {children}\n <span vkuiClass=\"CardScroll__gap\" />\n </div>\n </HorizontalScroll>\n </div>\n );\n};\n\nCardScroll.defaultProps = {\n size: \"s\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}

package/dist/cssm/components/Cell/Cell.js CHANGED Viewed

@@ -80,7 +80,7 @@ export var Cell = function Cell(_ref) {
     }
     return undefined;
-  }, [dragging]);
+  }, [dragging, toggleDrag]);
   var dragger;
   if (draggable) {

package/dist/cssm/components/Cell/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"names":["React","classNames","noop","warnOnce","getClassName","ANDROID","IOS","VKCOM","SimpleCell","Removable","usePlatform","useDraggable","ListContext","CellDragger","CellCheckbox","warn","Cell","propsMode","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","deprecatedRemovable","removable","draggable","deprecatedSelectable","selectable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","process","env","NODE_ENV","platform","dragging","rootElRef","draggableProps","useContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","simpleCell","e","current"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport SimpleCell, { SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform } from \"../../types\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useDraggable } from \"./useDraggable\";\nimport { ListContext } from \"../List/ListContext\";\nimport { CellDragger } from \"./CellDragger/CellDragger\";\nimport { CellCheckbox, CellCheckboxProps } from \"./CellCheckbox/CellCheckbox\";\nimport \"./Cell.css\";\n\nexport interface CellProps\n extends SimpleCellProps,\n HasPlatform,\n RemovableProps {\n mode?: \"removable\" \| \"selectable\";\n /*\n В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n /\n draggable?: boolean;\n /\n @deprecated Будет удалено в 5.0.0. Используйте mode=\"removable\"\n /\n removable?: boolean;\n /\n Имя для input в режиме selectable\n /\n name?: string;\n /\n @deprecated Будет удалено в 5.0.0. Используйте mode=\"selectable\"\n /\n selectable?: boolean;\n /\n В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n /\n checked?: boolean;\n /\n В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n /\n defaultChecked?: boolean;\n /\n Коллбэк срабатывает при завершении перетаскивания.\n * Важно: режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n /\n onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n /\n aria-label для кнопки перетаскивания ячейки\n */\n draggerLabel?: string;\n}\n\nconst warn = warnOnce(\"Cell\");\nexport const Cell: React.FC<CellProps> = ({\n mode: propsMode, // TODO: убрать переименование в propsMode перед 5.0.0\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n onDragFinish,\n before,\n after,\n disabled,\n removable: deprecatedRemovable, // TODO: удалить перед 5.0.0\n draggable,\n selectable: deprecatedSelectable, // TODO: удалить перед 5.0.0\n Component,\n onChange,\n name,\n value,\n checked,\n defaultChecked,\n getRootRef,\n draggerLabel = \"Перенести ячейку\",\n className,\n style,\n ...restProps\n}: CellProps) => {\n // TODO: удалить перед 5.0.0\n let mode: CellProps[\"mode\"] = propsMode;\n\n if (!propsMode && (deprecatedSelectable \|\| deprecatedRemovable)) {\n mode = deprecatedSelectable ? \"selectable\" : \"removable\";\n\n if (process.env.NODE_ENV === \"development\") {\n deprecatedSelectable &&\n warn(\n 'Свойство selectable устарелo и будет удалено в 5.0.0. Используйте mode=\"selectable\".'\n );\n deprecatedRemovable &&\n warn(\n 'Свойство removable устарелo и будет удалено в 5.0.0. Используйте mode=\"removable\".'\n );\n }\n }\n // /end TODO\n\n const selectable = mode === \"selectable\";\n const removable = mode === \"removable\";\n\n const platform = usePlatform();\n\n const { dragging, rootElRef, ...draggableProps } = useDraggable({\n onDragFinish,\n });\n\n const { toggleDrag } = React.useContext(ListContext);\n React.useEffect(() => {\n if (dragging) {\n toggleDrag(true);\n return () => toggleDrag(false);\n }\n return undefined;\n }, [dragging]);\n\n let dragger;\n if (draggable) {\n dragger = (\n <CellDragger\n vkuiClass=\"Cell__dragger\"\n aria-label={draggerLabel}\n {...draggableProps}\n />\n );\n }\n\n let checkbox;\n if (selectable) {\n const checkboxProps: CellCheckboxProps = {\n name,\n value,\n onChange,\n defaultChecked,\n checked,\n disabled,\n };\n checkbox = <CellCheckbox vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n }\n\n const simpleCellDisabled =\n (draggable && !selectable) \|\| removable \|\| disabled;\n const hasActive = !simpleCellDisabled && !dragging;\n\n const cellClasses = classNames(getClassName(\"Cell\", platform), {\n \"Cell--dragging\": dragging,\n \"Cell--removable\": removable,\n \"Cell--selectable\": selectable,\n \"Cell--disabled\": disabled,\n });\n\n const simpleCell = (\n <SimpleCell\n hasActive={hasActive}\n hasHover={hasActive}\n {...restProps}\n vkuiClass=\"Cell__content\"\n disabled={simpleCellDisabled}\n Component={selectable ? \"label\" : Component}\n before={\n <React.Fragment>\n {draggable && (platform === ANDROID \|\| platform === VKCOM) && dragger}\n {selectable && checkbox}\n {before}\n </React.Fragment>\n }\n after={\n <React.Fragment>\n {draggable && platform === IOS && dragger}\n {after}\n </React.Fragment>\n }\n />\n );\n\n if (removable) {\n return (\n <Removable\n vkuiClass={cellClasses}\n className={className}\n style={style}\n getRootRef={rootElRef}\n removePlaceholder={removePlaceholder}\n onRemove={(e) => onRemove(e, rootElRef?.current)}\n >\n {simpleCell}\n </Removable>\n );\n }\n\n return (\n <div\n vkuiClass={cellClasses}\n className={className}\n style={style}\n ref={rootElRef}\n >\n {simpleCell}\n </div>\n );\n};\n"],"file":"Cell.js"}
1	+ {"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"names":["React","classNames","noop","warnOnce","getClassName","ANDROID","IOS","VKCOM","SimpleCell","Removable","usePlatform","useDraggable","ListContext","CellDragger","CellCheckbox","warn","Cell","propsMode","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","deprecatedRemovable","removable","draggable","deprecatedSelectable","selectable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","process","env","NODE_ENV","platform","dragging","rootElRef","draggableProps","useContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","simpleCell","e","current"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport SimpleCell, { SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform } from \"../../types\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useDraggable } from \"./useDraggable\";\nimport { ListContext } from \"../List/ListContext\";\nimport { CellDragger } from \"./CellDragger/CellDragger\";\nimport { CellCheckbox, CellCheckboxProps } from \"./CellCheckbox/CellCheckbox\";\nimport \"./Cell.css\";\n\nexport interface CellProps\n extends SimpleCellProps,\n HasPlatform,\n RemovableProps {\n mode?: \"removable\" \| \"selectable\";\n /*\n В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n /\n draggable?: boolean;\n /\n @deprecated Будет удалено в 5.0.0. Используйте mode=\"removable\"\n /\n removable?: boolean;\n /\n Имя для input в режиме selectable\n /\n name?: string;\n /\n @deprecated Будет удалено в 5.0.0. Используйте mode=\"selectable\"\n /\n selectable?: boolean;\n /\n В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n /\n checked?: boolean;\n /\n В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n /\n defaultChecked?: boolean;\n /\n Коллбэк срабатывает при завершении перетаскивания.\n * Важно: режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n /\n onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n /\n aria-label для кнопки перетаскивания ячейки\n */\n draggerLabel?: string;\n}\n\nconst warn = warnOnce(\"Cell\");\nexport const Cell: React.FC<CellProps> = ({\n mode: propsMode, // TODO: убрать переименование в propsMode перед 5.0.0\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n onDragFinish,\n before,\n after,\n disabled,\n removable: deprecatedRemovable, // TODO: удалить перед 5.0.0\n draggable,\n selectable: deprecatedSelectable, // TODO: удалить перед 5.0.0\n Component,\n onChange,\n name,\n value,\n checked,\n defaultChecked,\n getRootRef,\n draggerLabel = \"Перенести ячейку\",\n className,\n style,\n ...restProps\n}: CellProps) => {\n // TODO: удалить перед 5.0.0\n let mode: CellProps[\"mode\"] = propsMode;\n\n if (!propsMode && (deprecatedSelectable \|\| deprecatedRemovable)) {\n mode = deprecatedSelectable ? \"selectable\" : \"removable\";\n\n if (process.env.NODE_ENV === \"development\") {\n deprecatedSelectable &&\n warn(\n 'Свойство selectable устарелo и будет удалено в 5.0.0. Используйте mode=\"selectable\".'\n );\n deprecatedRemovable &&\n warn(\n 'Свойство removable устарелo и будет удалено в 5.0.0. Используйте mode=\"removable\".'\n );\n }\n }\n // /end TODO\n\n const selectable = mode === \"selectable\";\n const removable = mode === \"removable\";\n\n const platform = usePlatform();\n\n const { dragging, rootElRef, ...draggableProps } = useDraggable({\n onDragFinish,\n });\n\n const { toggleDrag } = React.useContext(ListContext);\n React.useEffect(() => {\n if (dragging) {\n toggleDrag(true);\n return () => toggleDrag(false);\n }\n return undefined;\n }, [dragging, toggleDrag]);\n\n let dragger;\n if (draggable) {\n dragger = (\n <CellDragger\n vkuiClass=\"Cell__dragger\"\n aria-label={draggerLabel}\n {...draggableProps}\n />\n );\n }\n\n let checkbox;\n if (selectable) {\n const checkboxProps: CellCheckboxProps = {\n name,\n value,\n onChange,\n defaultChecked,\n checked,\n disabled,\n };\n checkbox = <CellCheckbox vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n }\n\n const simpleCellDisabled =\n (draggable && !selectable) \|\| removable \|\| disabled;\n const hasActive = !simpleCellDisabled && !dragging;\n\n const cellClasses = classNames(getClassName(\"Cell\", platform), {\n \"Cell--dragging\": dragging,\n \"Cell--removable\": removable,\n \"Cell--selectable\": selectable,\n \"Cell--disabled\": disabled,\n });\n\n const simpleCell = (\n <SimpleCell\n hasActive={hasActive}\n hasHover={hasActive}\n {...restProps}\n vkuiClass=\"Cell__content\"\n disabled={simpleCellDisabled}\n Component={selectable ? \"label\" : Component}\n before={\n <React.Fragment>\n {draggable && (platform === ANDROID \|\| platform === VKCOM) && dragger}\n {selectable && checkbox}\n {before}\n </React.Fragment>\n }\n after={\n <React.Fragment>\n {draggable && platform === IOS && dragger}\n {after}\n </React.Fragment>\n }\n />\n );\n\n if (removable) {\n return (\n <Removable\n vkuiClass={cellClasses}\n className={className}\n style={style}\n getRootRef={rootElRef}\n removePlaceholder={removePlaceholder}\n onRemove={(e) => onRemove(e, rootElRef?.current)}\n >\n {simpleCell}\n </Removable>\n );\n }\n\n return (\n <div\n vkuiClass={cellClasses}\n className={className}\n style={style}\n ref={rootElRef}\n >\n {simpleCell}\n </div>\n );\n};\n"],"file":"Cell.js"}

package/dist/cssm/components/Cell/useDraggable.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from "react";
 export var useDraggable = function useDraggable(_ref) {
@@ -11,17 +10,17 @@ export var useDraggable = function useDraggable(_ref) {
   var rootElRef = React.useRef(null);
-  var _React$useState3 = React.useState(undefined),
+  var _React$useState3 = React.useState([]),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       siblings = _React$useState4[0],
       setSiblings = _React$useState4[1];
-  var _React$useState5 = React.useState(undefined),
+  var _React$useState5 = React.useState(0),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       dragStartIndex = _React$useState6[0],
       setDragStartIndex = _React$useState6[1];
-  var _React$useState7 = React.useState(undefined),
+  var _React$useState7 = React.useState(0),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       dragEndIndex = _React$useState8[0],
       setDragEndIndex = _React$useState8[1];
@@ -37,10 +36,20 @@ export var useDraggable = function useDraggable(_ref) {
       setDragDirection = _React$useState12[1];
   var onDragStart = function onDragStart() {
+    var _rootEl$parentElement;
     var rootEl = rootElRef.current;
+    if (!rootEl) {
+      return;
+    }
     setDragging(true);
+    var _siblings = [];
-    var _siblings = _toConsumableArray(rootEl.parentElement.childNodes);
+    if ((_rootEl$parentElement = rootEl.parentElement) !== null && _rootEl$parentElement !== void 0 && _rootEl$parentElement.childNodes) {
+      _siblings = Array.from(rootEl.parentElement.children);
+    }
     var idx = _siblings.indexOf(rootEl);
@@ -53,60 +62,63 @@ export var useDraggable = function useDraggable(_ref) {
   var onDragMove = function onDragMove(e) {
     e.originalEvent.preventDefault();
     var rootEl = rootElRef.current;
-    rootEl.style.transform = "translateY(".concat(e.shiftY, "px)");
-    var rootGesture = rootEl.getBoundingClientRect();
-    setDragDirection(dragShift - e.shiftY < 0 ? "down" : "up");
-    setDragShift(e.shiftY);
-    setDragEndIndex(dragStartIndex);
-    siblings.forEach(function (sibling, siblingIndex) {
-      var siblingGesture = sibling.getBoundingClientRect();
-      var siblingHalfHeight = siblingGesture.height / 2;
-      var rootOverSibling = rootGesture.bottom > siblingGesture.top + siblingHalfHeight;
-      var rootUnderSibling = rootGesture.top < siblingGesture.bottom - siblingHalfHeight;
-      if (dragStartIndex < siblingIndex) {
-        if (rootOverSibling) {
-          if (dragDirection === "down") {
-            sibling.style.transform = "translateY(-100%)";
-          }
-          setDragEndIndex(function (dragEndIndex) {
-            return dragEndIndex + 1;
-          });
-        }
-        if (rootUnderSibling && dragDirection === "up") {
-          sibling.style.transform = "translateY(0)";
-        }
-      } else if (dragStartIndex > siblingIndex) {
-        if (rootUnderSibling) {
-          if (dragDirection === "up") {
-            sibling.style.transform = "translateY(100%)";
+    if (rootEl) {
+      rootEl.style.transform = "translateY(".concat(e.shiftY, "px)");
+      var rootGesture = rootEl.getBoundingClientRect();
+      setDragDirection(dragShift - e.shiftY < 0 ? "down" : "up");
+      setDragShift(e.shiftY);
+      setDragEndIndex(dragStartIndex);
+      siblings.forEach(function (sibling, siblingIndex) {
+        var siblingGesture = sibling.getBoundingClientRect();
+        var siblingHalfHeight = siblingGesture.height / 2;
+        var rootOverSibling = rootGesture.bottom > siblingGesture.top + siblingHalfHeight;
+        var rootUnderSibling = rootGesture.top < siblingGesture.bottom - siblingHalfHeight;
+        if (dragStartIndex < siblingIndex) {
+          if (rootOverSibling) {
+            if (dragDirection === "down") {
+              sibling.style.transform = "translateY(-100%)";
+            }
+            setDragEndIndex(function (dragEndIndex) {
+              return dragEndIndex + 1;
+            });
           }
-          setDragEndIndex(function (dragEndIndex) {
-            return dragEndIndex - 1;
-          });
-        }
+          if (rootUnderSibling && dragDirection === "up") {
+            sibling.style.transform = "translateY(0)";
+          }
+        } else if (dragStartIndex > siblingIndex) {
+          if (rootUnderSibling) {
+            if (dragDirection === "up") {
+              sibling.style.transform = "translateY(100%)";
+            }
+            setDragEndIndex(function (dragEndIndex) {
+              return dragEndIndex - 1;
+            });
+          }
-        if (rootOverSibling && dragDirection === "down") {
-          sibling.style.transform = "translateY(0)";
+          if (rootOverSibling && dragDirection === "down") {
+            sibling.style.transform = "translateY(0)";
+          }
         }
-      }
-    });
+      });
+    }
   };
   var onDragEnd = function onDragEnd() {
     var from = dragStartIndex,
         to = dragEndIndex;
     siblings.forEach(function (sibling) {
-      sibling.style.transform = null;
+      sibling.style.transform = "";
     });
-    setSiblings(undefined);
-    setDragEndIndex(undefined);
-    setDragStartIndex(undefined);
+    setSiblings([]);
+    setDragEndIndex(0);
+    setDragStartIndex(0);
     setDragDirection(undefined);
-    setDragShift(undefined);
+    setDragShift(0);
     setDragging(false);
     onDragFinish && onDragFinish({
       from: from,

package/dist/cssm/components/Cell/useDraggable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":["React","useDraggable","onDragFinish","useState","dragging","setDragging","rootElRef","useRef","~~undefined","~~siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","parentElement","childNodes","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","~~from","~~to","useDraggableProps"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAeA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAEW;AAAA,MADrCC,YACqC,QADrCA,YACqC;;AACrC,wBAAgCF,KAAK,CAACG,QAAN,CAAwB,KAAxB,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAN,~~CAAa~~,~~IAAb~~,CAAlB;;AAEA,yBAAgCP,KAAK,CAACG,QAAN,~~CAA8BK~~,~~SAA9B~~,CAAhC;AAAA;AAAA,~~MAAOC~~,QAAP;AAAA,MAAiBC,WAAjB;;AACA,~~yBAA4CV~~,KAAK,CAACG,QAAN,~~CAAuBK~~,~~SAAvB~~,CAA5C;AAAA;AAAA,~~MAAOG~~,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,~~yBAAwCZ~~,KAAK,CAACG,QAAN,~~CAAuBK~~,~~SAAvB~~,CAAxC;AAAA;AAAA,~~MAAOK~~,YAAP;AAAA,MAAqBC,eAArB;;AACA,~~yBAAkCd~~,KAAK,CAACG,QAAN,CAAuB,CAAvB,CAAlC;AAAA;AAAA,~~MAAOY~~,SAAP;AAAA,MAAkBC,YAAlB;;AACA,~~0BAA0ChB~~,KAAK,CAACG,QAAN,~~CACxCK~~,~~SADwC~~,CAA1C;AAAA;AAAA,~~MAAOS~~,aAAP;AAAA,MAAsBC,gBAAtB;;AAIA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAMC,MAAM,GAAGd,SAAS,CAACe,OAAzB;~~AAEAhB~~,IAAAA,WAAW,CAAC,IAAD,CAAX;;AAEA,~~QAAMiB~~,SAAwB,~~sBAAOF~~,MAAM,CAACG,aAAP,~~CAAqBC~~,~~UAA5B~~,~~CAA9B~~;;~~AACA~~,QAAMC,GAAG,~~GAAGH~~,SAAS,~~CAACI~~,OAAV,~~CAAkBN~~,MAAlB,CAAZ;;~~AAEAR~~,IAAAA,iBAAiB,~~CAACa~~,GAAD,CAAjB;~~AACAX~~,IAAAA,eAAe,~~CAACW~~,GAAD,CAAf;~~AACAf~~,IAAAA,WAAW,~~CAACY~~,SAAD,CAAX;~~AACAN~~,IAAAA,YAAY,CAAC,CAAD,CAAZ;AACD,~~GAZD~~;;~~AAcA~~,~~MAAMW~~,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAmB;AACpCA,IAAAA,CAAC,CAACC,aAAF,CAAgBC,cAAhB;AAEA,~~QAAMV~~,MAAM,GAAGd,SAAS,CAACe,OAAzB;~~AAEAD~~,~~IAAAA~~,MAAM,~~CAACW~~,KAAP,CAAaC,SAAb,wBAAuCJ,CAAC,CAACK,MAAzC;AACA,~~QAAMC~~,WAAW,~~GAAGd~~,MAAM,~~CAACe~~,qBAAP,EAApB;~~AAEAjB~~,~~IAAAA~~,gBAAgB,~~CAACH~~,SAAS,~~GAAGa~~,CAAC,CAACK,MAAd,GAAuB,CAAvB,GAA2B,MAA3B,GAAoC,IAArC,CAAhB;~~AACAjB~~,~~IAAAA~~,YAAY,~~CAACY~~,CAAC,CAACK,MAAH,CAAZ;~~AACAnB~~,~~IAAAA~~,eAAe,CAACH,cAAD,CAAf;AAEAF,~~IAAAA~~,QAAQ,~~CAAC2B~~,OAAT,CAAiB,UAACC,OAAD,EAAuBC,YAAvB,EAAgD;AAC/D,~~UAAMC~~,cAAc,GAAGF,OAAO,CAACF,qBAAR,EAAvB;AACA,~~UAAMK~~,iBAAiB,GAAGD,cAAc,CAACE,MAAf,GAAwB,CAAlD;AAEA,~~UAAMC~~,eAAe,GACnBR,WAAW,CAACS,MAAZ,GAAqBJ,cAAc,CAACK,GAAf,GAAqBJ,iBAD5C;AAEA,~~UAAMK~~,gBAAgB,GACpBX,WAAW,CAACU,GAAZ,GAAkBL,cAAc,CAACI,MAAf,GAAwBH,iBAD5C;;AAGA,~~UAAI7B~~,cAAc,~~GAAG2B~~,YAArB,EAAmC;AACjC,~~YAAII~~,eAAJ,EAAqB;AACnB,~~cAAIzB~~,aAAa,KAAK,MAAtB,EAA8B;~~AAC5BoB~~,~~YAAAA~~,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,mBAA1B;AACD;;~~AAEDlB~~,~~UAAAA~~,eAAe,CAAC,UAACD,YAAD;AAAA,~~mBAAkBA~~,YAAY,GAAG,CAAjC;AAAA,~~WAAD~~,CAAf;AACD;;AACD,~~YAAIgC~~,gBAAgB,~~IAAI5B~~,aAAa,KAAK,IAA1C,EAAgD;~~AAC9CoB~~,~~UAAAA~~,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,eAA1B;AACD;AACF,~~OAXD~~,MAWO,~~IAAIrB~~,cAAc,~~GAAG2B~~,YAArB,EAAmC;AACxC,~~YAAIO~~,gBAAJ,EAAsB;AACpB,~~cAAI5B~~,aAAa,KAAK,IAAtB,EAA4B;~~AAC1BoB~~,~~YAAAA~~,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,kBAA1B;AACD;;~~AAEDlB~~,~~UAAAA~~,eAAe,CAAC,UAACD,YAAD;AAAA,~~mBAAkBA~~,YAAY,GAAG,CAAjC;AAAA,~~WAAD~~,CAAf;AACD;;AACD,~~YAAI6B~~,eAAe,~~IAAIzB~~,aAAa,KAAK,MAAzC,EAAiD;AAC/~~CoB~~,~~UAAAA~~,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,eAA1B;AACD;AACF;AACF,~~KAhCD~~;AAiCD,~~GA7CD~~;;~~AA+CA~~,MAAMc,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,~~QAAOC~~,IAAP,~~GAAoBpC~~,cAApB;AAAA,~~QAAaqC~~,EAAb,~~GAAoCnC~~,YAApC;AAEAJ,IAAAA,QAAQ,~~CAAC2B~~,OAAT,CAAiB,UAACC,OAAD,EAA0B;AACzCA,MAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,~~IAA1B~~;AACD,KAFD;~~AAIAtB~~,IAAAA,WAAW,~~CAACF~~,~~SAAD~~,CAAX;~~AACAM~~,IAAAA,eAAe,~~CAACN~~,~~SAAD~~,CAAf;~~AACAI~~,IAAAA,iBAAiB,~~CAACJ~~,~~SAAD~~,CAAjB;~~AACAU~~,IAAAA,gBAAgB,~~CAACV~~,SAAD,CAAhB;~~AACAQ~~,IAAAA,YAAY,~~CAACR~~,~~SAAD~~,CAAZ;~~AAEAH~~,IAAAA,WAAW,CAAC,KAAD,CAAX;AAEAH,IAAAA,YAAY,IAAIA,YAAY,CAAC;~~AAAE6C~~,MAAAA,IAAI,EAAJA,IAAF;~~AAAQC~~,MAAAA,EAAE,EAAFA;AAAR,KAAD,CAA5B;AACD,GAhBD;;AAkBA,MAAMC,iBAAoC,GAAG;~~AAC3C9B~~,IAAAA,WAAW,EAAXA,WAD2C;~~AAE3CQ~~,IAAAA,UAAU,EAAVA,UAF2C;AAG3CmB,IAAAA,SAAS,EAATA,SAH2C;~~AAI3C1C~~,IAAAA,QAAQ,EAARA,QAJ2C;AAK3CE,IAAAA,SAAS,EAATA;AAL2C,GAA7C;AAQA,~~SAAO2C~~,iBAAP;AACD,~~CAtGM~~","sourcesContent":["import * as React from \"react\";\nimport { TouchEvent } from \"../Touch/Touch\";\nimport { CellProps } from \"./Cell\";\n\nexport interface DraggableProps {\n onDragStart: () => void;\n onDragEnd: () => void;\n onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n dragging: boolean;\n rootElRef: any;\n}\n\nexport const useDraggable = ({\n onDragFinish,\n}: Pick<CellProps, \"onDragFinish\">) => {\n const [dragging, setDragging] = React.useState<boolean>(false);\n const rootElRef = React.useRef(null);\n\n const [siblings, setSiblings] = React.useState<HTMLElement[]>(~~undefined~~);\n const [dragStartIndex, setDragStartIndex] = React.useState<number>(~~undefined~~);\n const [dragEndIndex, setDragEndIndex] = React.useState<number>(~~undefined~~);\n const [dragShift, setDragShift] = React.useState<number>(0);\n const [dragDirection, setDragDirection] = React.useState<\"down\" \| \"up\"~~>(\n~~ undefined\n );\n\n const onDragStart = () => {\n const rootEl = rootElRef.current;\n\n setDragging(true);\n\n ~~const~~ _siblings: HTMLElement[] = [~~...~~rootEl.parentElement.~~childNodes~~];\n const idx = _siblings.indexOf(rootEl);\n\n setDragStartIndex(idx);\n setDragEndIndex(idx);\n setSiblings(_siblings);\n setDragShift(0);\n };\n\n const onDragMove = (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n\n const rootEl = rootElRef.current;\n\n rootEl.style.transform = `translateY(${e.shiftY}px)`;\n const rootGesture = rootEl.getBoundingClientRect();\n\n setDragDirection(dragShift - e.shiftY < 0 ? \"down\" : \"up\");\n setDragShift(e.shiftY);\n setDragEndIndex(dragStartIndex);\n\n siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n const siblingGesture = sibling.getBoundingClientRect();\n const siblingHalfHeight = siblingGesture.height / 2;\n\n const rootOverSibling =\n rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n const rootUnderSibling =\n rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n if (dragStartIndex < siblingIndex) {\n if (rootOverSibling) {\n if (dragDirection === \"down\") {\n sibling.style.transform = \"translateY(-100%)\";\n }\n\n setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n }\n if (rootUnderSibling && dragDirection === \"up\") {\n sibling.style.transform = \"translateY(0)\";\n }\n } else if (dragStartIndex > siblingIndex) {\n if (rootUnderSibling) {\n if (dragDirection === \"up\") {\n sibling.style.transform = \"translateY(100%)\";\n }\n\n setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n }\n if (rootOverSibling && dragDirection === \"down\") {\n sibling.style.transform = \"translateY(0)\";\n }\n }\n });\n };\n\n const onDragEnd = () => {\n const [from, to] = [dragStartIndex, dragEndIndex];\n\n siblings.forEach((sibling: HTMLElement) => {\n sibling.style.transform = ~~null~~;\n });\n\n setSiblings(~~undefined~~);\n setDragEndIndex(~~undefined~~);\n setDragStartIndex(~~undefined~~);\n setDragDirection(undefined);\n setDragShift(~~undefined~~);\n\n setDragging(false);\n\n onDragFinish && onDragFinish({ from, to });\n };\n\n const useDraggableProps: UseDraggableProps = {\n onDragStart,\n onDragMove,\n onDragEnd,\n dragging,\n rootElRef,\n };\n\n return useDraggableProps;\n};\n"],"file":"useDraggable.js"}
1	+ {"version":3,"sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":["React","useDraggable","onDragFinish","useState","dragging","setDragging","rootElRef","useRef","siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","undefined","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","parentElement","childNodes","Array","from","children","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","to","useDraggableProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { TouchEvent } from \"../Touch/Touch\";\nimport { CellProps } from \"./Cell\";\n\nexport interface DraggableProps {\n onDragStart: () => void;\n onDragEnd: () => void;\n onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n dragging: boolean;\n rootElRef: any;\n}\n\nexport const useDraggable = ({\n onDragFinish,\n}: Pick<CellProps, \"onDragFinish\">) => {\n const [dragging, setDragging] = React.useState<boolean>(false);\n const rootElRef = React.useRef<HTMLElement>(null);\n\n const [siblings, setSiblings] = React.useState<HTMLElement[]>([]);\n const [dragStartIndex, setDragStartIndex] = React.useState<number>(0);\n const [dragEndIndex, setDragEndIndex] = React.useState<number>(0);\n const [dragShift, setDragShift] = React.useState<number>(0);\n const [dragDirection, setDragDirection] = React.useState<\n \"down\" \| \"up\" \| undefined\n >(undefined);\n\n const onDragStart = () => {\n const rootEl = rootElRef.current;\n if (!rootEl) {\n return;\n }\n\n setDragging(true);\n\n let _siblings: HTMLElement[] = [];\n if (rootEl.parentElement?.childNodes) {\n _siblings = Array.from(rootEl.parentElement.children) as HTMLElement[];\n }\n const idx = _siblings.indexOf(rootEl);\n\n setDragStartIndex(idx);\n setDragEndIndex(idx);\n setSiblings(_siblings);\n setDragShift(0);\n };\n\n const onDragMove = (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n\n const rootEl = rootElRef.current;\n\n if (rootEl) {\n rootEl.style.transform = `translateY(${e.shiftY}px)`;\n const rootGesture = rootEl.getBoundingClientRect();\n\n setDragDirection(dragShift - e.shiftY < 0 ? \"down\" : \"up\");\n setDragShift(e.shiftY);\n setDragEndIndex(dragStartIndex);\n\n siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n const siblingGesture = sibling.getBoundingClientRect();\n const siblingHalfHeight = siblingGesture.height / 2;\n\n const rootOverSibling =\n rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n const rootUnderSibling =\n rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n if (dragStartIndex < siblingIndex) {\n if (rootOverSibling) {\n if (dragDirection === \"down\") {\n sibling.style.transform = \"translateY(-100%)\";\n }\n\n setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n }\n if (rootUnderSibling && dragDirection === \"up\") {\n sibling.style.transform = \"translateY(0)\";\n }\n } else if (dragStartIndex > siblingIndex) {\n if (rootUnderSibling) {\n if (dragDirection === \"up\") {\n sibling.style.transform = \"translateY(100%)\";\n }\n\n setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n }\n if (rootOverSibling && dragDirection === \"down\") {\n sibling.style.transform = \"translateY(0)\";\n }\n }\n });\n }\n };\n\n const onDragEnd = () => {\n const [from, to] = [dragStartIndex, dragEndIndex];\n\n siblings.forEach((sibling: HTMLElement) => {\n sibling.style.transform = \"\";\n });\n\n setSiblings([]);\n setDragEndIndex(0);\n setDragStartIndex(0);\n setDragDirection(undefined);\n setDragShift(0);\n\n setDragging(false);\n\n onDragFinish && onDragFinish({ from, to });\n };\n\n const useDraggableProps: UseDraggableProps = {\n onDragStart,\n onDragMove,\n onDragEnd,\n dragging,\n rootElRef,\n };\n\n return useDraggableProps;\n};\n"],"file":"useDraggable.js"}

package/dist/cssm/components/Checkbox/Checkbox.js CHANGED Viewed

@@ -56,7 +56,8 @@ export var Checkbox = function Checkbox(_ref) {
     weight: "regular",
     vkuiClass: "Checkbox__description"
   }, description))));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(Checkbox, {
   sizeY: true
 });

package/dist/cssm/components/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":["Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","usePlatform","withAdaptivity","SizeType","Text","Headline","hasReactNode","Caption","Checkbox","children","className","style","getRootRef","getRef","description","sizeY","restProps","platform","ContentComponent","COMPACT","disabled"],"mappings":";;;;AACA,OAAOA,QAAP,IAAmBC,mBAAnB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,SACEC,gBADF,EAEEC,iBAFF,EAGEC,gBAHF,EAIEC,iBAJF,QAKO,kBALP;AAQA,SAASC,WAAT;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,IAAP;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA;AAUA,OAAO,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAS3C;AAAA,MARnBC,QAQmB,QARnBA,QAQmB;AAAA,MAPnBC,SAOmB,QAPnBA,SAOmB;AAAA,MANnBC,KAMmB,QANnBA,KAMmB;AAAA,MALnBC,UAKmB,QALnBA,UAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,WAGmB,QAHnBA,WAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGhB,WAAW,EAA5B;AAEA,MAAMiB,gBAAgB,GACpBD,QAAQ,KAAKrB,KAAb,IAAsBmB,KAAK,KAAKZ,QAAQ,CAACgB,OAAzC,GAAmDf,IAAnD,GAA0DC,QAD5D;AAGA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBD,YAAY,CAAC,UAAD,EAAawB,QAAb,CADO,4BAEAF,KAFA,EAFvB;AAME,IAAA,SAAS,EAAEL,SANb;AAOE,IAAA,KAAK,EAAEC,KAPT;AAQE,IAAA,QAAQ,EAAEK,SAAS,CAACI,QARtB;AASE,IAAA,iBAAiB,EAAEH,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyBH,mBAT9C;AAUE,IAAA,UAAU,EAAEoB;AAVd,KAYE,0CACMI,SADN;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,SAAS,EAAC,iBAHZ;AAIE,IAAA,GAAG,EAAEH;AAJP,KAZF,EAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGE,KAAK,KAAKZ,QAAQ,CAACgB,OAAnB,IAA8BF,QAAQ,KAAKrB,KAA3C,GACC,oBAAC,gBAAD,OADD,GAGC,oBAAC,gBAAD,OAJJ,CADF,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGmB,KAAK,KAAKZ,QAAQ,CAACgB,OAAnB,IAA8BF,QAAQ,KAAKrB,KAA3C,GACC,oBAAC,iBAAD,OADD,GAGC,oBAAC,iBAAD,OAJJ,CARF,EAeE,oBAAC,gBAAD;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCa,QAArC,CALF,EAMGH,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGA,WANH,CAPJ,CAfF,CAlBF,CADF;AAsDD,CArEM~~;AAuEP~~,eAAeZ,cAAc,CAACM,QAAD,EAAW;AACtCO,EAAAA,KAAK,EAAE;AAD+B,CAAX,CAA7B","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n Icon20CheckBoxOn,\n Icon20CheckBoxOff,\n Icon24CheckBoxOn,\n Icon24CheckBoxOff,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nexport const Checkbox: React.FunctionComponent<CheckboxProps> = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n sizeY,\n ...restProps\n}: CheckboxProps) => {\n const platform = usePlatform();\n\n const ContentComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Checkbox\", platform),\n `Checkbox--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n >\n <input\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Checkbox__input\"\n ref={getRef}\n />\n <div vkuiClass=\"Checkbox__container\">\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM ? (\n <Icon20CheckBoxOn />\n ) : (\n <Icon24CheckBoxOn />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM ? (\n <Icon20CheckBoxOff />\n ) : (\n <Icon24CheckBoxOff />\n )}\n </div>\n <ContentComponent\n weight=\"regular\"\n vkuiClass=\"Checkbox__content\"\n Component=\"div\"\n >\n <div vkuiClass=\"Checkbox__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n Component=\"span\"\n weight=\"regular\"\n vkuiClass=\"Checkbox__description\"\n >\n {description}\n </Caption>\n )}\n </ContentComponent>\n </div>\n </Tappable>\n );\n};\n\nexport default withAdaptivity(Checkbox, {\n sizeY: true,\n});\n"],"file":"Checkbox.js"}
1	+ {"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":["Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","usePlatform","withAdaptivity","SizeType","Text","Headline","hasReactNode","Caption","Checkbox","children","className","style","getRootRef","getRef","description","sizeY","restProps","platform","ContentComponent","COMPACT","disabled"],"mappings":";;;;AACA,OAAOA,QAAP,IAAmBC,mBAAnB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,SACEC,gBADF,EAEEC,iBAFF,EAGEC,gBAHF,EAIEC,iBAJF,QAKO,kBALP;AAQA,SAASC,WAAT;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,IAAP;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA;AAUA,OAAO,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAS3C;AAAA,MARnBC,QAQmB,QARnBA,QAQmB;AAAA,MAPnBC,SAOmB,QAPnBA,SAOmB;AAAA,MANnBC,KAMmB,QANnBA,KAMmB;AAAA,MALnBC,UAKmB,QALnBA,UAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,WAGmB,QAHnBA,WAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGhB,WAAW,EAA5B;AAEA,MAAMiB,gBAAgB,GACpBD,QAAQ,KAAKrB,KAAb,IAAsBmB,KAAK,KAAKZ,QAAQ,CAACgB,OAAzC,GAAmDf,IAAnD,GAA0DC,QAD5D;AAGA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBD,YAAY,CAAC,UAAD,EAAawB,QAAb,CADO,4BAEAF,KAFA,EAFvB;AAME,IAAA,SAAS,EAAEL,SANb;AAOE,IAAA,KAAK,EAAEC,KAPT;AAQE,IAAA,QAAQ,EAAEK,SAAS,CAACI,QARtB;AASE,IAAA,iBAAiB,EAAEH,QAAQ,KAAKtB,GAAb,GAAmB,GAAnB,GAAyBH,mBAT9C;AAUE,IAAA,UAAU,EAAEoB;AAVd,KAYE,0CACMI,SADN;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,SAAS,EAAC,iBAHZ;AAIE,IAAA,GAAG,EAAEH;AAJP,KAZF,EAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGE,KAAK,KAAKZ,QAAQ,CAACgB,OAAnB,IAA8BF,QAAQ,KAAKrB,KAA3C,GACC,oBAAC,gBAAD,OADD,GAGC,oBAAC,gBAAD,OAJJ,CADF,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGmB,KAAK,KAAKZ,QAAQ,CAACgB,OAAnB,IAA8BF,QAAQ,KAAKrB,KAA3C,GACC,oBAAC,iBAAD,OADD,GAGC,oBAAC,iBAAD,OAJJ,CARF,EAeE,oBAAC,gBAAD;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCa,QAArC,CALF,EAMGH,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGA,WANH,CAPJ,CAfF,CAlBF,CADF;AAsDD,CArEM,C,CAuEP;;AACA,eAAeZ,cAAc,CAACM,QAAD,EAAW;AACtCO,EAAAA,KAAK,EAAE;AAD+B,CAAX,CAA7B","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n Icon20CheckBoxOn,\n Icon20CheckBoxOff,\n Icon24CheckBoxOn,\n Icon24CheckBoxOff,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nexport const Checkbox: React.FunctionComponent<CheckboxProps> = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n sizeY,\n ...restProps\n}: CheckboxProps) => {\n const platform = usePlatform();\n\n const ContentComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Checkbox\", platform),\n `Checkbox--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n >\n <input\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Checkbox__input\"\n ref={getRef}\n />\n <div vkuiClass=\"Checkbox__container\">\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM ? (\n <Icon20CheckBoxOn />\n ) : (\n <Icon24CheckBoxOn />\n )}\n </div>\n <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM ? (\n <Icon20CheckBoxOff />\n ) : (\n <Icon24CheckBoxOff />\n )}\n </div>\n <ContentComponent\n weight=\"regular\"\n vkuiClass=\"Checkbox__content\"\n Component=\"div\"\n >\n <div vkuiClass=\"Checkbox__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n Component=\"span\"\n weight=\"regular\"\n vkuiClass=\"Checkbox__description\"\n >\n {description}\n </Caption>\n )}\n </ContentComponent>\n </div>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n sizeY: true,\n});\n"],"file":"Checkbox.js"}

package/dist/cssm/components/Chip/Chip.js CHANGED Viewed

@@ -59,7 +59,8 @@ var Chip = function Chip(_ref) {
   }, createScopedElement(Icon16Cancel, {
     "aria-hidden": true
   }))));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default Chip;
 //# sourceMappingURL=Chip.js.map

package/dist/cssm/components/Chip/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Caption","Tappable","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","onRemoveWrapper","useCallback","event","title"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA;;AAcA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAUjB;AAAA,wBATfC,KASe;AAAA,MATfA,KASe,2BATP,EASO;AAAA,MARfC,MAQe,QARfA,MAQe;AAAA,4BAPfC,SAOe;AAAA,MAPfA,SAOe,+BAPH,IAOG;AAAA,2BANfC,QAMe;AAAA,MANfA,QAMe,8BANJR,IAMI;AAAA,kCALfS,eAKe;AAAA,MALfA,eAKe,qCALG,SAKH;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,IAIM;AAAA,MAHfC,KAGe,QAHfA,KAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,eAAe,GAAGlB,KAAK,CAACmB,WAAN,CACtB,UAACC,KAAD,EAA6B;AAC3BR,IAAAA,QAAQ,CAACQ,KAAD,EAAQX,KAAR,CAAR;AACD,GAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;AAMA,MAAMY,KAAK,GAAGnB,oBAAoB,CAACc,QAAD,CAAlC;AAEA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,MAAD,EAAS;AAAE,yBAAmBM;AAArB,KAAT,CADvB;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,kBAAYU;AAHd,KAIMJ,SAJN,GAME;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACGd,YAAY,CAACW,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAD3B,EAEE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC,eAHZ;AAIE,IAAA,KAAK,EAAEO,KAJT;AAKE,mBAAY;AALd,KAOGL,QAPH,CAFF,EAWGb,YAAY,CAACY,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,KAA9B,CAX1B,EAaGJ,SAAS,IACR,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,OAAO,EAAEO,eAHX;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,SAAS,EAAE,KALb;AAME,4BAAeL,eAAf,cAAkCQ,KAAlC;AANF,KAQE,oBAAC,YAAD;AAAc,mBAAa;AAA3B,IARF,CAdJ,CANF,CADF;AAmCD,CAtDD~~;;AAwDA~~,eAAeb,IAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./Chip.css\";\n\ntype ChipValue = string \| number;\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n value: ChipValue;\n option?: { value?: ChipValue };\n onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n removable?: boolean;\n removeAriaLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n}\n\nconst Chip: React.FC<ChipProps> = ({\n value = \"\",\n option,\n removable = true,\n onRemove = noop,\n removeAriaLabel = \"Удалить\",\n before = null,\n after,\n children,\n ...restProps\n}: ChipProps) => {\n const onRemoveWrapper = React.useCallback(\n (event: React.MouseEvent) => {\n onRemove(event, value);\n },\n [onRemove, value]\n );\n const title = getTitleFromChildren(children);\n\n return (\n <div\n vkuiClass={classNames(\"Chip\", { \"Chip--removable\": removable })}\n role=\"option\"\n aria-label={title}\n {...restProps}\n >\n <div vkuiClass=\"Chip__in\" role=\"presentation\">\n {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n <Caption\n level=\"1\"\n weight=\"regular\"\n vkuiClass=\"Chip__content\"\n title={title}\n aria-hidden=\"true\"\n >\n {children}\n </Caption>\n {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n {removable && (\n <Tappable\n Component=\"button\"\n vkuiClass=\"Chip__remove\"\n onClick={onRemoveWrapper}\n hasHover={false}\n hasActive={false}\n aria-label={`${removeAriaLabel} ${title}`}\n >\n <Icon16Cancel aria-hidden={true} />\n </Tappable>\n )}\n </div>\n </div>\n );\n};\n\nexport default Chip;\n"],"file":"Chip.js"}
1	+ {"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Caption","Tappable","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","onRemoveWrapper","useCallback","event","title"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA;;AAcA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAUjB;AAAA,wBATfC,KASe;AAAA,MATfA,KASe,2BATP,EASO;AAAA,MARfC,MAQe,QARfA,MAQe;AAAA,4BAPfC,SAOe;AAAA,MAPfA,SAOe,+BAPH,IAOG;AAAA,2BANfC,QAMe;AAAA,MANfA,QAMe,8BANJR,IAMI;AAAA,kCALfS,eAKe;AAAA,MALfA,eAKe,qCALG,SAKH;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,IAIM;AAAA,MAHfC,KAGe,QAHfA,KAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,eAAe,GAAGlB,KAAK,CAACmB,WAAN,CACtB,UAACC,KAAD,EAA6B;AAC3BR,IAAAA,QAAQ,CAACQ,KAAD,EAAQX,KAAR,CAAR;AACD,GAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;AAMA,MAAMY,KAAK,GAAGnB,oBAAoB,CAACc,QAAD,CAAlC;AAEA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,MAAD,EAAS;AAAE,yBAAmBM;AAArB,KAAT,CADvB;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,kBAAYU;AAHd,KAIMJ,SAJN,GAME;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACGd,YAAY,CAACW,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAD3B,EAEE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC,eAHZ;AAIE,IAAA,KAAK,EAAEO,KAJT;AAKE,mBAAY;AALd,KAOGL,QAPH,CAFF,EAWGb,YAAY,CAACY,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,KAA9B,CAX1B,EAaGJ,SAAS,IACR,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,OAAO,EAAEO,eAHX;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,SAAS,EAAE,KALb;AAME,4BAAeL,eAAf,cAAkCQ,KAAlC;AANF,KAQE,oBAAC,YAAD;AAAc,mBAAa;AAA3B,IARF,CAdJ,CANF,CADF;AAmCD,CAtDD,C,CAwDA;;;AACA,eAAeb,IAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./Chip.css\";\n\ntype ChipValue = string \| number;\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n value: ChipValue;\n option?: { value?: ChipValue };\n onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n removable?: boolean;\n removeAriaLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n}\n\nconst Chip: React.FC<ChipProps> = ({\n value = \"\",\n option,\n removable = true,\n onRemove = noop,\n removeAriaLabel = \"Удалить\",\n before = null,\n after,\n children,\n ...restProps\n}: ChipProps) => {\n const onRemoveWrapper = React.useCallback(\n (event: React.MouseEvent) => {\n onRemove(event, value);\n },\n [onRemove, value]\n );\n const title = getTitleFromChildren(children);\n\n return (\n <div\n vkuiClass={classNames(\"Chip\", { \"Chip--removable\": removable })}\n role=\"option\"\n aria-label={title}\n {...restProps}\n >\n <div vkuiClass=\"Chip__in\" role=\"presentation\">\n {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n <Caption\n level=\"1\"\n weight=\"regular\"\n vkuiClass=\"Chip__content\"\n title={title}\n aria-hidden=\"true\"\n >\n {children}\n </Caption>\n {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n {removable && (\n <Tappable\n Component=\"button\"\n vkuiClass=\"Chip__remove\"\n onClick={onRemoveWrapper}\n hasHover={false}\n hasActive={false}\n aria-label={`${removeAriaLabel} ${title}`}\n >\n <Icon16Cancel aria-hidden={true} />\n </Tappable>\n )}\n </div>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Chip;\n"],"file":"Chip.js"}

package/dist/cssm/components/ChipsInput/ChipsInput.js CHANGED Viewed

@@ -1,9 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "value", "onChange", "onInputChange", "onKeyDown", "onBlur", "onFocus", "children", "className", "inputValue", "getRef", "getRootRef", "placeholder", "getOptionValue", "getOptionLabel", "getNewOptionData", "renderChip", "after", "inputAriaLabel"],
-    _excluded2 = ["disabled", "value", "label"];
+var _excluded = ["disabled", "value", "label"],
+    _excluded2 = ["style", "value", "onChange", "onInputChange", "onKeyDown", "onBlur", "onFocus", "children", "className", "inputValue", "getRef", "getRootRef", "placeholder", "getOptionValue", "getOptionLabel", "getNewOptionData", "renderChip", "after", "inputAriaLabel"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { FormField } from "../FormField/FormField";
@@ -15,28 +16,68 @@ import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { prefixClass } from "../../lib/prefixClass";
 import { useExternRef } from "../../hooks/useExternRef";
 import "./ChipsInput.css";
+export var chipsInputDefaultProps = {
+  type: "text",
+  onChange: noop,
+  onInputChange: noop,
+  onKeyDown: noop,
+  onBlur: noop,
+  onFocus: noop,
+  value: [],
+  inputValue: "",
+  inputAriaLabel: "Введите ваше значение...",
+  getOptionValue: function getOptionValue(option) {
+    return option.value;
+  },
+  getOptionLabel: function getOptionLabel(option) {
+    return option.label;
+  },
+  getNewOptionData: function getNewOptionData(_, label) {
+    return {
+      value: label,
+      label: label
+    };
+  },
+  renderChip: function renderChip(props) {
+    if (!props) {
+      return null;
+    }
+    var disabled = props.disabled,
+        value = props.value,
+        label = props.label,
+        rest = _objectWithoutProperties(props, _excluded);
+    return createScopedElement(Chip, _extends({
+      value: value,
+      removable: !disabled
+    }, rest), label);
+  }
+};
 var ChipsInput = function ChipsInput(props) {
-  var style = props.style,
-      value = props.value,
-      onChange = props.onChange,
-      onInputChange = props.onInputChange,
-      onKeyDown = props.onKeyDown,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      children = props.children,
-      className = props.className,
-      inputValue = props.inputValue,
-      getRef = props.getRef,
-      getRootRef = props.getRootRef,
-      placeholder = props.placeholder,
-      getOptionValue = props.getOptionValue,
-      getOptionLabel = props.getOptionLabel,
-      getNewOptionData = props.getNewOptionData,
-      renderChip = props.renderChip,
-      after = props.after,
-      inputAriaLabel = props.inputAriaLabel,
-      restProps = _objectWithoutProperties(props, _excluded);
+  var propsWithDefault = _objectSpread(_objectSpread({}, chipsInputDefaultProps), props);
+  var style = propsWithDefault.style,
+      value = propsWithDefault.value,
+      onChange = propsWithDefault.onChange,
+      onInputChange = propsWithDefault.onInputChange,
+      onKeyDown = propsWithDefault.onKeyDown,
+      onBlur = propsWithDefault.onBlur,
+      onFocus = propsWithDefault.onFocus,
+      children = propsWithDefault.children,
+      className = propsWithDefault.className,
+      inputValue = propsWithDefault.inputValue,
+      getRef = propsWithDefault.getRef,
+      getRootRef = propsWithDefault.getRootRef,
+      placeholder = propsWithDefault.placeholder,
+      getOptionValue = propsWithDefault.getOptionValue,
+      getOptionLabel = propsWithDefault.getOptionLabel,
+      getNewOptionData = propsWithDefault.getNewOptionData,
+      renderChip = propsWithDefault.renderChip,
+      after = propsWithDefault.after,
+      inputAriaLabel = propsWithDefault.inputAriaLabel,
+      restProps = _objectWithoutProperties(propsWithDefault, _excluded2);
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
@@ -46,7 +87,7 @@ var ChipsInput = function ChipsInput(props) {
       focused = _React$useState2[0],
       setFocused = _React$useState2[1];
-  var _useChipsInput = useChipsInput(props),
+  var _useChipsInput = useChipsInput(propsWithDefault),
       fieldValue = _useChipsInput.fieldValue,
       addOptionFromInput = _useChipsInput.addOptionFromInput,
       removeOption = _useChipsInput.removeOption,
@@ -92,7 +133,9 @@ var ChipsInput = function ChipsInput(props) {
   };
   var handleChipRemove = function handleChipRemove(_, value) {
-    removeOption(value);
+    if (value !== undefined) {
+      removeOption(value);
+    }
   };
   var handleClick = function handleClick(e) {
@@ -133,7 +176,7 @@ var ChipsInput = function ChipsInput(props) {
       value: value,
       label: label,
       onRemove: handleChipRemove,
-      disabled: restProps.disabled,
+      disabled: Boolean(restProps.disabled),
       className: prefixClass("ChipsInput__chip")
     }));
   }), createScopedElement("label", {
@@ -152,44 +195,10 @@ var ChipsInput = function ChipsInput(props) {
     onKeyDown: handleKeyDown,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    placeholder: selectedOptions.length ? null : placeholder
+    placeholder: selectedOptions.length ? undefined : placeholder
   }, restProps)))));
-};
+}; // eslint-disable-next-line import/no-default-export
-export var chipsInputDefaultProps = {
-  type: "text",
-  onChange: noop,
-  onInputChange: noop,
-  onKeyDown: noop,
-  onBlur: noop,
-  onFocus: noop,
-  value: [],
-  inputValue: "",
-  inputAriaLabel: "Введите ваше значение...",
-  getOptionValue: function getOptionValue(option) {
-    return option.value;
-  },
-  getOptionLabel: function getOptionLabel(option) {
-    return option.label;
-  },
-  getNewOptionData: function getNewOptionData(_, label) {
-    return {
-      value: label,
-      label: label
-    };
-  },
-  renderChip: function renderChip(_ref) {
-    var disabled = _ref.disabled,
-        value = _ref.value,
-        label = _ref.label,
-        rest = _objectWithoutProperties(_ref, _excluded2);
-    return createScopedElement(Chip, _extends({
-      value: value,
-      removable: !disabled
-    }, rest), label);
-  }
-};
-ChipsInput.defaultProps = chipsInputDefaultProps;
 export default ChipsInput;
 //# sourceMappingURL=ChipsInput.js.map