tabexseriescomponents 0.0.630 → 0.0.631

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.
package/dist/index.cjs.js CHANGED
@@ -2464,6 +2464,15 @@ var Product_itemtype = function Product_itemtype(props) {
2464
2464
  _useState10 = _slicedToArray__default["default"](_useState9, 2);
2465
2465
  _useState10[0];
2466
2466
  var settotalprice = _useState10[1];
2467
+ var _useState11 = React.useState(null),
2468
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
2469
+ gallery = _useState12[0],
2470
+ setGallery = _useState12[1]; // Store reference to the gallery
2471
+ var toggleFullScreen = function toggleFullScreen() {
2472
+ if (gallery) {
2473
+ gallery.toggleFullScreen();
2474
+ }
2475
+ };
2467
2476
  React.useEffect(function () {
2468
2477
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
2469
2478
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2697,7 +2706,11 @@ var Product_itemtype = function Product_itemtype(props) {
2697
2706
  startIndex: currentshowingimageindex,
2698
2707
  onSlide: function onSlide(d) {
2699
2708
  setcurrentshowingimageindex(d);
2700
- }
2709
+ },
2710
+ ref: function ref(el) {
2711
+ return setGallery(el);
2712
+ },
2713
+ onClick: toggleFullScreen
2701
2714
  })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2702
2715
  "class": "w-100 d-none d-md-block"
2703
2716
  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
package/dist/index.esm.js CHANGED
@@ -2415,6 +2415,15 @@ var Product_itemtype = function Product_itemtype(props) {
2415
2415
  _useState10 = _slicedToArray(_useState9, 2);
2416
2416
  _useState10[0];
2417
2417
  var settotalprice = _useState10[1];
2418
+ var _useState11 = useState(null),
2419
+ _useState12 = _slicedToArray(_useState11, 2),
2420
+ gallery = _useState12[0],
2421
+ setGallery = _useState12[1]; // Store reference to the gallery
2422
+ var toggleFullScreen = function toggleFullScreen() {
2423
+ if (gallery) {
2424
+ gallery.toggleFullScreen();
2425
+ }
2426
+ };
2418
2427
  useEffect(function () {
2419
2428
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
2420
2429
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2648,7 +2657,11 @@ var Product_itemtype = function Product_itemtype(props) {
2648
2657
  startIndex: currentshowingimageindex,
2649
2658
  onSlide: function onSlide(d) {
2650
2659
  setcurrentshowingimageindex(d);
2651
- }
2660
+ },
2661
+ ref: function ref(el) {
2662
+ return setGallery(el);
2663
+ },
2664
+ onClick: toggleFullScreen
2652
2665
  })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
2653
2666
  "class": "w-100 d-none d-md-block"
2654
2667
  }, /*#__PURE__*/React.createElement(ImageGallery, {
package/dist/index.umd.js CHANGED
@@ -2288,6 +2288,15 @@
2288
2288
  _useState10 = _slicedToArray__default["default"](_useState9, 2);
2289
2289
  _useState10[0];
2290
2290
  var settotalprice = _useState10[1];
2291
+ var _useState11 = React.useState(null),
2292
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
2293
+ gallery = _useState12[0],
2294
+ setGallery = _useState12[1]; // Store reference to the gallery
2295
+ var toggleFullScreen = function toggleFullScreen() {
2296
+ if (gallery) {
2297
+ gallery.toggleFullScreen();
2298
+ }
2299
+ };
2291
2300
  React.useEffect(function () {
2292
2301
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
2293
2302
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2521,7 +2530,11 @@
2521
2530
  startIndex: currentshowingimageindex,
2522
2531
  onSlide: function onSlide(d) {
2523
2532
  setcurrentshowingimageindex(d);
2524
- }
2533
+ },
2534
+ ref: function ref(el) {
2535
+ return setGallery(el);
2536
+ },
2537
+ onClick: toggleFullScreen
2525
2538
  })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2526
2539
  "class": "w-100 d-none d-md-block"
2527
2540
  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.630",
3
+ "version": "0.0.631",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {