@snack-uikit/carousel 0.6.13 → 0.6.14-preview-eff3bc02.0

package/dist/cjs/components/Carousel/Carousel.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -29,29 +31,38 @@ const ItemProvider_1 = require("../ItemProvider");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Carousel(_a) {
   var _b;
-  var {
-      children: items,
-      showItems = 1,
-      scrollBy: scrollByProp,
-      transition = 0.4,
-      swipe = true,
-      arrows = true,
-      pagination = true,
-      className,
-      gap,
-      state,
-      infiniteScroll = false,
-      swipeActivateLength = 48,
-      autoSwipe,
-      controlsVisibility = 'hover'
-    } = _a,
+  var items = _a.children,
+    _a$showItems = _a.showItems,
+    showItems = _a$showItems === void 0 ? 1 : _a$showItems,
+    scrollByProp = _a.scrollBy,
+    _a$transition = _a.transition,
+    transition = _a$transition === void 0 ? 0.4 : _a$transition,
+    _a$swipe = _a.swipe,
+    swipe = _a$swipe === void 0 ? true : _a$swipe,
+    _a$arrows = _a.arrows,
+    arrows = _a$arrows === void 0 ? true : _a$arrows,
+    _a$pagination = _a.pagination,
+    pagination = _a$pagination === void 0 ? true : _a$pagination,
+    className = _a.className,
+    gap = _a.gap,
+    state = _a.state,
+    _a$infiniteScroll = _a.infiniteScroll,
+    infiniteScroll = _a$infiniteScroll === void 0 ? false : _a$infiniteScroll,
+    _a$swipeActivateLengt = _a.swipeActivateLength,
+    swipeActivateLength = _a$swipeActivateLengt === void 0 ? 48 : _a$swipeActivateLengt,
+    autoSwipe = _a.autoSwipe,
+    _a$controlsVisibility = _a.controlsVisibility,
+    controlsVisibility = _a$controlsVisibility === void 0 ? 'hover' : _a$controlsVisibility,
     rest = __rest(_a, ["children", "showItems", "scrollBy", "transition", "swipe", "arrows", "pagination", "className", "gap", "state", "infiniteScroll", "swipeActivateLength", "autoSwipe", "controlsVisibility"]);
   const timerRef = (0, react_1.useRef)();
   const scrollBy = (0, react_1.useMemo)(() => scrollByProp !== null && scrollByProp !== void 0 ? scrollByProp : Math.trunc(showItems), [showItems, scrollByProp]);
-  const [page, setPage] = (0, uncontrollable_1.useUncontrolledProp)(state === null || state === void 0 ? void 0 : state.page, (_b = state === null || state === void 0 ? void 0 : state.page) !== null && _b !== void 0 ? _b : 0, newPage => {
-    const result = typeof newPage === 'function' ? newPage(page) : newPage;
-    state === null || state === void 0 ? void 0 : state.onChange(result);
-  });
+  const _ref = (0, uncontrollable_1.useUncontrolledProp)(state === null || state === void 0 ? void 0 : state.page, (_b = state === null || state === void 0 ? void 0 : state.page) !== null && _b !== void 0 ? _b : 0, newPage => {
+      const result = typeof newPage === 'function' ? newPage(page) : newPage;
+      state === null || state === void 0 ? void 0 : state.onChange(result);
+    }),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    page = _ref2[0],
+    setPage = _ref2[1];
   const total = (0, react_1.useMemo)(() => {
     if (items.length <= showItems) {
       return 1;

package/dist/cjs/components/Control/Control.js

@@ -24,11 +24,9 @@ const icons_1 = require("@snack-uikit/icons");
 const utils_1 = require("@snack-uikit/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.Control = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      onClick,
-      variant,
-      className
-    } = _a,
+  var onClick = _a.onClick,
+    variant = _a.variant,
+    className = _a.className,
     rest = __rest(_a, ["onClick", "variant", "className"]);
   return (0, jsx_runtime_1.jsx)("button", Object.assign({
     ref: ref,

package/dist/cjs/components/ItemProvider/ItemProvider.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -25,22 +27,23 @@ const utils_1 = require("@snack-uikit/utils");
 const testIds_1 = require("../../testIds");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ItemProvider(_ref) {
-  let {
-    items,
-    showItems,
-    scrollBy,
-    slideCallback,
-    transition,
-    swipe,
-    swipeActivateLength,
-    page,
-    gap
-  } = _ref;
+  let items = _ref.items,
+    showItems = _ref.showItems,
+    scrollBy = _ref.scrollBy,
+    slideCallback = _ref.slideCallback,
+    transition = _ref.transition,
+    swipe = _ref.swipe,
+    swipeActivateLength = _ref.swipeActivateLength,
+    page = _ref.page,
+    gap = _ref.gap;
   const containerRef = (0, react_1.useRef)(null);
-  const [computedValues, setComputedValues] = (0, react_1.useState)({
-    itemWidth: 0,
-    gap: 0
-  });
+  const _ref2 = (0, react_1.useState)({
+      itemWidth: 0,
+      gap: 0
+    }),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    computedValues = _ref3[0],
+    setComputedValues = _ref3[1];
   const recalculateItemsSize = (0, react_1.useCallback)(() => {
     const containerElement = containerRef.current;
     if (!containerElement) {
@@ -69,7 +72,7 @@ function ItemProvider(_ref) {
   const itemsTrackerRef = (0, react_1.useRef)(null);
   const hideNonVisibleItems = () => {
     var _a;
-    (_a = itemsTrackerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`[data-test-id=${testIds_1.TEST_IDS.trackItem}]`).forEach(slide => {
+    (_a = itemsTrackerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-test-id=".concat(testIds_1.TEST_IDS.trackItem, "]")).forEach(slide => {
       slide.setAttribute('aria-hidden', '0');
       slide.querySelectorAll('a, button, select, input, textarea, [tabindex="0"]').forEach(focusableElement => {
         focusableElement.setAttribute('tabindex', '-5');
@@ -79,7 +82,7 @@ function ItemProvider(_ref) {
   };
   const showVisibleItems = (slide, page, show) => {
     var _a;
-    (_a = itemsTrackerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`[data-test-id=${testIds_1.TEST_IDS.trackItem}]`).forEach((item, i) => {
+    (_a = itemsTrackerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-test-id=".concat(testIds_1.TEST_IDS.trackItem, "]")).forEach((item, i) => {
       if (i >= page * slide && i < page * slide + Math.trunc(show)) {
         item.removeAttribute('aria-hidden');
         item.querySelectorAll('a, button, select, input, textarea, [tabindex="-5"]').forEach(focusableElement => {
@@ -113,12 +116,15 @@ function ItemProvider(_ref) {
       return computedValues.itemWidth;
     }
     const fallbackWidth = Math.floor(100 / showItems);
-    return `${fallbackWidth}%`;
+    return "".concat(fallbackWidth, "%");
   }, [computedValues.itemWidth, showItems]);
-  const [drag, setDrag] = (0, react_1.useState)({
-    drag: 0,
-    pointers: true
-  });
+  const _ref4 = (0, react_1.useState)({
+      drag: 0,
+      pointers: true
+    }),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    drag = _ref5[0],
+    setDrag = _ref5[1];
   const handleSwiping = eventData => {
     setDrag({
       drag: eventData.deltaX,
@@ -146,9 +152,7 @@ function ItemProvider(_ref) {
       enabled: swipe,
       availableDirections: ['Left', 'Right']
     }),
-    {
-      ref
-    } = _a,
+    ref = _a.ref,
     swipeProps = __rest(_a, ["ref"]);
   return (0, jsx_runtime_1.jsx)("div", {
     ref: containerRef,
@@ -163,8 +167,8 @@ function ItemProvider(_ref) {
       className: styles_module_scss_1.default.itemTracker,
       "data-test-id": testIds_1.TEST_IDS.trackLine,
       style: {
-        transform: `translateX(${transform + drag.drag}px)`,
-        transition: `transform ${transition}s ease 0s`
+        transform: "translateX(".concat(transform + drag.drag, "px)"),
+        transition: "transform ".concat(transition, "s ease 0s")
       },
       ref: (0, merge_refs_1.default)(ref, itemsTrackerRef),
       children: items.map((item, i) =>

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.13",
+  "version": "0.6.14-preview-eff3bc02.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,13 +36,13 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.27.7",
-    "@snack-uikit/pagination": "0.10.26",
+    "@snack-uikit/icons": "0.27.8-preview-eff3bc02.0",
+    "@snack-uikit/pagination": "0.10.27-preview-eff3bc02.0",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "lodash.debounce": "4.0.8",
     "merge-refs": "1.3.0",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "dfbff14ac89d87d7a86abd70d307e92bf11906cb"
+  "gitHead": "2ada20a05882c3ba2fa0e5a6ef967b504cfa6c31"
 }