ublo-lib 1.48.4 → 1.48.6

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 (5) hide show
  1. package/es/common/components/infinite-carousel/infinite-carousel.d.ts.map +1 -1
  2. package/es/common/components/infinite-carousel/infinite-carousel.js +18 -1
  3. package/es/future/components/msem-package/i18n/translations.d.ts.map +1 -1
  4. package/es/future/components/msem-package/i18n/translations.js +3 -2
  5. package/package.json +1 -1
package/es/common/components/infinite-carousel/infinite-carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"infinite-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/infinite-carousel/infinite-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE;QACP,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,QAAQ,EACR,OAAiB,EACjB,OAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAoSP"}
1
+ {"version":3,"file":"infinite-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/infinite-carousel/infinite-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE;QACP,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,QAAQ,EACR,OAAiB,EACjB,OAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CA2TP"}
package/es/common/components/infinite-carousel/infinite-carousel.js CHANGED
@@ -12,6 +12,8 @@ export default function InfiniteCarousel({ className, children, variant = "wheel
12
12
  const zoneRef = React.useRef(null);
13
13
  const itemWidth = React.useRef(null);
14
14
  const itemHeight = React.useRef(null);
15
+ const touchStartX = React.useRef(null);
16
+ const touchStartY = React.useRef(null);
15
17
  const [items, setItems] = React.useState([]);
16
18
  const [currentIndex, setCurrentIndex] = React.useState(0);
17
19
  const [isTransitioning, setIsTransitioning] = React.useState(false);
@@ -82,6 +84,21 @@ export default function InfiniteCarousel({ className, children, variant = "wheel
82
84
  }
83
85
  return [...beforeClones, ...items, ...afterClones];
84
86
  }, [items, cloneCount]);
87
+ const handleTouchStart = (e) => {
88
+ touchStartX.current = e.touches[0].clientX;
89
+ touchStartY.current = e.touches[0].clientY;
90
+ };
91
+ const handleTouchEnd = (e) => {
92
+ if (touchStartX.current === null || touchStartY.current === null)
93
+ return;
94
+ const deltaX = e.changedTouches[0].clientX - touchStartX.current;
95
+ const deltaY = e.changedTouches[0].clientY - touchStartY.current;
96
+ touchStartX.current = null;
97
+ touchStartY.current = null;
98
+ if (Math.abs(deltaX) < Math.abs(deltaY) || Math.abs(deltaX) < 30)
99
+ return;
100
+ slideTo(deltaX < 0 ? "next" : "prev");
101
+ };
85
102
  const slideTo = (direction) => {
86
103
  if (isTransitioning || items.length === 0)
87
104
  return;
@@ -189,7 +206,7 @@ export default function InfiniteCarousel({ className, children, variant = "wheel
189
206
  }), !isEditing && items.length >= 3 && (_jsx(_Fragment, { children: _jsxs("div", { className: classes, style: {
190
207
  "--carousel-item-width": `${itemWidth.current}px`,
191
208
  "--carousel-item-height": `${itemHeight.current}px`,
192
- }, children: [_jsxs("div", { className: css.controls, children: [_jsx(Button, { className: css.control, variant: "link", onClick: () => slideTo("prev"), "data-control": "prev", children: _jsx(ChevronLeftIcon, { className: css.controlIcon }) }), _jsx(Button, { className: css.control, variant: "link", onClick: () => slideTo("next"), "data-control": "next", children: _jsx(ChevronRightIcon, { className: css.controlIcon }) })] }), _jsx("div", { className: css.viewport, children: _jsx("div", { className: css.track, children: infiniteItems.map((item, index) => {
209
+ }, children: [_jsxs("div", { className: css.controls, children: [_jsx(Button, { className: css.control, variant: "link", onClick: () => slideTo("prev"), "data-control": "prev", children: _jsx(ChevronLeftIcon, { className: css.controlIcon }) }), _jsx(Button, { className: css.control, variant: "link", onClick: () => slideTo("next"), "data-control": "next", children: _jsx(ChevronRightIcon, { className: css.controlIcon }) })] }), _jsx("div", { className: css.viewport, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, children: _jsx("div", { className: css.track, children: infiniteItems.map((item, index) => {
193
210
  const current = index === currentIndex;
194
211
  return (_jsx("div", { "data-current-item": current, className: css.item, style: getItemStyle(index), dangerouslySetInnerHTML: { __html: item.outerHTML } }, `item-${index}`));
195
212
  }) }) })] }) })), _jsx(ScrollbarSize, {})] }));
package/es/future/components/msem-package/i18n/translations.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/i18n/translations.tsx"],"names":[],"mappings":"AAOA,wBAAgB,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,OAQ5C;AAED,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,2CAGtC"}
1
+ {"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/i18n/translations.tsx"],"names":[],"mappings":"AASA,wBAAgB,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,OAQ5C;AAED,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,2CAGtC"}
package/es/future/components/msem-package/i18n/translations.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useUbloContext } from "ublo/with-ublo";
3
- import fr from "./fr.json";
3
+ import ca from "./ca.json";
4
4
  import en from "./en.json";
5
5
  import es from "./es.json";
6
- const dictionaries = { fr, en, es };
6
+ import fr from "./fr.json";
7
+ const dictionaries = { ca, en, es, fr };
7
8
  export function t(lang, key) {
8
9
  if (!lang || !key)
9
10
  return "";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ublo-lib",
3
- "version": "1.48.4",
3
+ "version": "1.48.6",
4
4
  "peerDependencies": {
5
5
  "classnames": "^2.5.1",
6
6
  "dt-design-system": "^3.12.0",