@sikka/hawa 0.31.15-next → 0.31.16-next

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.js CHANGED
@@ -9101,19 +9101,18 @@ var AppLayout = ({
9101
9101
  };
9102
9102
  const isRTL = direction === "rtl";
9103
9103
  const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react55.useState)("");
9104
- const [size, setSize] = (0, import_react55.useState)(1200);
9104
+ const [size, setSize] = (0, import_react55.useState)(
9105
+ typeof window !== "undefined" && window.innerWidth || 1200
9106
+ );
9105
9107
  const [openSideMenu, setOpenSideMenu] = (0, import_react55.useState)(true);
9106
- const handleClickOutside = () => {
9107
- setOpenSideMenu(false);
9108
- };
9109
- const doNothing = () => {
9110
- };
9111
- const ref = useOutsideClick_default(size > 600 ? doNothing : handleClickOutside);
9112
- const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
9108
+ const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react55.useState)(keepOpen);
9113
9109
  (0, import_react55.useEffect)(() => {
9114
9110
  if (typeof window !== "undefined") {
9115
9111
  const resize = () => {
9116
9112
  setSize(window.innerWidth);
9113
+ if (window.innerWidth > 600) {
9114
+ setKeepDrawerOpen(false);
9115
+ }
9117
9116
  };
9118
9117
  resize();
9119
9118
  window.addEventListener("resize", resize);
@@ -9122,9 +9121,24 @@ var AppLayout = ({
9122
9121
  };
9123
9122
  }
9124
9123
  }, []);
9124
+ (0, import_react55.useEffect)(() => {
9125
+ setKeepDrawerOpen(keepOpen);
9126
+ }, [setKeepOpen]);
9127
+ const handleClickOutside = () => {
9128
+ if (typeof window !== "undefined") {
9129
+ if (keepDrawerOpen)
9130
+ return;
9131
+ if (window.innerWidth < 600) {
9132
+ setKeepDrawerOpen(false);
9133
+ setOpenSideMenu(false);
9134
+ }
9135
+ }
9136
+ };
9137
+ const ref = useOutsideClick_default(handleClickOutside);
9138
+ const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
9125
9139
  (0, import_react55.useEffect)(() => {
9126
9140
  if (size > 600) {
9127
- setOpenSideMenu(keepOpen);
9141
+ setOpenSideMenu(keepDrawerOpen);
9128
9142
  } else {
9129
9143
  setOpenSideMenu(false);
9130
9144
  }
@@ -9145,16 +9159,16 @@ var AppLayout = ({
9145
9159
  "dark:hawa-text-white",
9146
9160
  isRTL ? [
9147
9161
  size > 600 ? "hawa-mr-14" : "hawa-mr-2",
9148
- keepOpen ? "hawa-mr-40" : ""
9162
+ keepDrawerOpen ? "hawa-mr-40" : ""
9149
9163
  ] : [
9150
9164
  size > 600 ? "hawa-ml-14" : "hawa-ml-2",
9151
- keepOpen ? "hawa-ml-40" : ""
9165
+ keepDrawerOpen ? "hawa-ml-40" : ""
9152
9166
  ]
9153
9167
  ),
9154
9168
  style: isRTL ? {
9155
- marginRight: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
9169
+ marginRight: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
9156
9170
  } : {
9157
- marginLeft: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
9171
+ marginLeft: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
9158
9172
  }
9159
9173
  },
9160
9174
  props.pageTitle
@@ -9252,7 +9266,7 @@ var AppLayout = ({
9252
9266
  },
9253
9267
  onMouseLeave: () => {
9254
9268
  if (size > 600) {
9255
- if (keepOpen) {
9269
+ if (keepDrawerOpen) {
9256
9270
  setOpenSideMenu(true);
9257
9271
  } else {
9258
9272
  setOpenedSidebarItem("");
@@ -9331,7 +9345,7 @@ var AppLayout = ({
9331
9345
  selectedItem: currentPage,
9332
9346
  openedItem: openedSidebarItem,
9333
9347
  setOpenedItem: (e) => setOpenedSidebarItem(e),
9334
- isOpen: keepOpen || openSideMenu,
9348
+ isOpen: keepDrawerOpen || openSideMenu,
9335
9349
  items: props.drawerItems,
9336
9350
  LinkComponent: DrawerLinkComponent
9337
9351
  }
@@ -9354,7 +9368,7 @@ var AppLayout = ({
9354
9368
  {
9355
9369
  side: "left",
9356
9370
  delayDuration: 500,
9357
- content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
9371
+ content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
9358
9372
  triggerProps: { asChild: true }
9359
9373
  },
9360
9374
  /* @__PURE__ */ import_react55.default.createElement(
@@ -9362,11 +9376,11 @@ var AppLayout = ({
9362
9376
  {
9363
9377
  variant: "outline",
9364
9378
  onClick: () => {
9365
- const newKeepOpenState = !keepOpen;
9379
+ const newKeepOpenState = !keepDrawerOpen;
9366
9380
  if (props.onDrawerExpand) {
9367
9381
  props.onDrawerExpand(newKeepOpenState);
9368
9382
  }
9369
- setKeepOpen(newKeepOpenState);
9383
+ setKeepDrawerOpen(newKeepOpenState);
9370
9384
  },
9371
9385
  size: "smallIcon"
9372
9386
  },
@@ -9375,7 +9389,7 @@ var AppLayout = ({
9375
9389
  {
9376
9390
  className: cn(
9377
9391
  "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200 ",
9378
- keepOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
9392
+ keepDrawerOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
9379
9393
  ),
9380
9394
  fill: "currentColor",
9381
9395
  viewBox: "0 0 20 20"
package/dist/index.mjs CHANGED
@@ -8878,19 +8878,18 @@ var AppLayout = ({
8878
8878
  };
8879
8879
  const isRTL = direction === "rtl";
8880
8880
  const [openedSidebarItem, setOpenedSidebarItem] = useState36("");
8881
- const [size, setSize] = useState36(1200);
8881
+ const [size, setSize] = useState36(
8882
+ typeof window !== "undefined" && window.innerWidth || 1200
8883
+ );
8882
8884
  const [openSideMenu, setOpenSideMenu] = useState36(true);
8883
- const handleClickOutside = () => {
8884
- setOpenSideMenu(false);
8885
- };
8886
- const doNothing = () => {
8887
- };
8888
- const ref = useOutsideClick_default(size > 600 ? doNothing : handleClickOutside);
8889
- const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
8885
+ const [keepDrawerOpen, setKeepDrawerOpen] = useState36(keepOpen);
8890
8886
  useEffect28(() => {
8891
8887
  if (typeof window !== "undefined") {
8892
8888
  const resize = () => {
8893
8889
  setSize(window.innerWidth);
8890
+ if (window.innerWidth > 600) {
8891
+ setKeepDrawerOpen(false);
8892
+ }
8894
8893
  };
8895
8894
  resize();
8896
8895
  window.addEventListener("resize", resize);
@@ -8899,9 +8898,24 @@ var AppLayout = ({
8899
8898
  };
8900
8899
  }
8901
8900
  }, []);
8901
+ useEffect28(() => {
8902
+ setKeepDrawerOpen(keepOpen);
8903
+ }, [setKeepOpen]);
8904
+ const handleClickOutside = () => {
8905
+ if (typeof window !== "undefined") {
8906
+ if (keepDrawerOpen)
8907
+ return;
8908
+ if (window.innerWidth < 600) {
8909
+ setKeepDrawerOpen(false);
8910
+ setOpenSideMenu(false);
8911
+ }
8912
+ }
8913
+ };
8914
+ const ref = useOutsideClick_default(handleClickOutside);
8915
+ const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
8902
8916
  useEffect28(() => {
8903
8917
  if (size > 600) {
8904
- setOpenSideMenu(keepOpen);
8918
+ setOpenSideMenu(keepDrawerOpen);
8905
8919
  } else {
8906
8920
  setOpenSideMenu(false);
8907
8921
  }
@@ -8922,16 +8936,16 @@ var AppLayout = ({
8922
8936
  "dark:hawa-text-white",
8923
8937
  isRTL ? [
8924
8938
  size > 600 ? "hawa-mr-14" : "hawa-mr-2",
8925
- keepOpen ? "hawa-mr-40" : ""
8939
+ keepDrawerOpen ? "hawa-mr-40" : ""
8926
8940
  ] : [
8927
8941
  size > 600 ? "hawa-ml-14" : "hawa-ml-2",
8928
- keepOpen ? "hawa-ml-40" : ""
8942
+ keepDrawerOpen ? "hawa-ml-40" : ""
8929
8943
  ]
8930
8944
  ),
8931
8945
  style: isRTL ? {
8932
- marginRight: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
8946
+ marginRight: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
8933
8947
  } : {
8934
- marginLeft: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
8948
+ marginLeft: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
8935
8949
  }
8936
8950
  },
8937
8951
  props.pageTitle
@@ -9029,7 +9043,7 @@ var AppLayout = ({
9029
9043
  },
9030
9044
  onMouseLeave: () => {
9031
9045
  if (size > 600) {
9032
- if (keepOpen) {
9046
+ if (keepDrawerOpen) {
9033
9047
  setOpenSideMenu(true);
9034
9048
  } else {
9035
9049
  setOpenedSidebarItem("");
@@ -9108,7 +9122,7 @@ var AppLayout = ({
9108
9122
  selectedItem: currentPage,
9109
9123
  openedItem: openedSidebarItem,
9110
9124
  setOpenedItem: (e) => setOpenedSidebarItem(e),
9111
- isOpen: keepOpen || openSideMenu,
9125
+ isOpen: keepDrawerOpen || openSideMenu,
9112
9126
  items: props.drawerItems,
9113
9127
  LinkComponent: DrawerLinkComponent
9114
9128
  }
@@ -9131,7 +9145,7 @@ var AppLayout = ({
9131
9145
  {
9132
9146
  side: "left",
9133
9147
  delayDuration: 500,
9134
- content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
9148
+ content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
9135
9149
  triggerProps: { asChild: true }
9136
9150
  },
9137
9151
  /* @__PURE__ */ React76.createElement(
@@ -9139,11 +9153,11 @@ var AppLayout = ({
9139
9153
  {
9140
9154
  variant: "outline",
9141
9155
  onClick: () => {
9142
- const newKeepOpenState = !keepOpen;
9156
+ const newKeepOpenState = !keepDrawerOpen;
9143
9157
  if (props.onDrawerExpand) {
9144
9158
  props.onDrawerExpand(newKeepOpenState);
9145
9159
  }
9146
- setKeepOpen(newKeepOpenState);
9160
+ setKeepDrawerOpen(newKeepOpenState);
9147
9161
  },
9148
9162
  size: "smallIcon"
9149
9163
  },
@@ -9152,7 +9166,7 @@ var AppLayout = ({
9152
9166
  {
9153
9167
  className: cn(
9154
9168
  "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200 ",
9155
- keepOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
9169
+ keepDrawerOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
9156
9170
  ),
9157
9171
  fill: "currentColor",
9158
9172
  viewBox: "0 0 20 20"
@@ -1437,19 +1437,18 @@ var AppLayout = ({
1437
1437
  };
1438
1438
  const isRTL = direction === "rtl";
1439
1439
  const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react9.useState)("");
1440
- const [size, setSize] = (0, import_react9.useState)(1200);
1440
+ const [size, setSize] = (0, import_react9.useState)(
1441
+ typeof window !== "undefined" && window.innerWidth || 1200
1442
+ );
1441
1443
  const [openSideMenu, setOpenSideMenu] = (0, import_react9.useState)(true);
1442
- const handleClickOutside = () => {
1443
- setOpenSideMenu(false);
1444
- };
1445
- const doNothing = () => {
1446
- };
1447
- const ref = useOutsideClick_default(size > 600 ? doNothing : handleClickOutside);
1448
- const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
1444
+ const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react9.useState)(keepOpen);
1449
1445
  (0, import_react9.useEffect)(() => {
1450
1446
  if (typeof window !== "undefined") {
1451
1447
  const resize = () => {
1452
1448
  setSize(window.innerWidth);
1449
+ if (window.innerWidth > 600) {
1450
+ setKeepDrawerOpen(false);
1451
+ }
1453
1452
  };
1454
1453
  resize();
1455
1454
  window.addEventListener("resize", resize);
@@ -1458,9 +1457,24 @@ var AppLayout = ({
1458
1457
  };
1459
1458
  }
1460
1459
  }, []);
1460
+ (0, import_react9.useEffect)(() => {
1461
+ setKeepDrawerOpen(keepOpen);
1462
+ }, [setKeepOpen]);
1463
+ const handleClickOutside = () => {
1464
+ if (typeof window !== "undefined") {
1465
+ if (keepDrawerOpen)
1466
+ return;
1467
+ if (window.innerWidth < 600) {
1468
+ setKeepDrawerOpen(false);
1469
+ setOpenSideMenu(false);
1470
+ }
1471
+ }
1472
+ };
1473
+ const ref = useOutsideClick_default(handleClickOutside);
1474
+ const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
1461
1475
  (0, import_react9.useEffect)(() => {
1462
1476
  if (size > 600) {
1463
- setOpenSideMenu(keepOpen);
1477
+ setOpenSideMenu(keepDrawerOpen);
1464
1478
  } else {
1465
1479
  setOpenSideMenu(false);
1466
1480
  }
@@ -1481,16 +1495,16 @@ var AppLayout = ({
1481
1495
  "dark:hawa-text-white",
1482
1496
  isRTL ? [
1483
1497
  size > 600 ? "hawa-mr-14" : "hawa-mr-2",
1484
- keepOpen ? "hawa-mr-40" : ""
1498
+ keepDrawerOpen ? "hawa-mr-40" : ""
1485
1499
  ] : [
1486
1500
  size > 600 ? "hawa-ml-14" : "hawa-ml-2",
1487
- keepOpen ? "hawa-ml-40" : ""
1501
+ keepDrawerOpen ? "hawa-ml-40" : ""
1488
1502
  ]
1489
1503
  ),
1490
1504
  style: isRTL ? {
1491
- marginRight: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
1505
+ marginRight: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
1492
1506
  } : {
1493
- marginLeft: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
1507
+ marginLeft: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
1494
1508
  }
1495
1509
  },
1496
1510
  props.pageTitle
@@ -1588,7 +1602,7 @@ var AppLayout = ({
1588
1602
  },
1589
1603
  onMouseLeave: () => {
1590
1604
  if (size > 600) {
1591
- if (keepOpen) {
1605
+ if (keepDrawerOpen) {
1592
1606
  setOpenSideMenu(true);
1593
1607
  } else {
1594
1608
  setOpenedSidebarItem("");
@@ -1667,7 +1681,7 @@ var AppLayout = ({
1667
1681
  selectedItem: currentPage,
1668
1682
  openedItem: openedSidebarItem,
1669
1683
  setOpenedItem: (e) => setOpenedSidebarItem(e),
1670
- isOpen: keepOpen || openSideMenu,
1684
+ isOpen: keepDrawerOpen || openSideMenu,
1671
1685
  items: props.drawerItems,
1672
1686
  LinkComponent: DrawerLinkComponent
1673
1687
  }
@@ -1690,7 +1704,7 @@ var AppLayout = ({
1690
1704
  {
1691
1705
  side: "left",
1692
1706
  delayDuration: 500,
1693
- content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
1707
+ content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
1694
1708
  triggerProps: { asChild: true }
1695
1709
  },
1696
1710
  /* @__PURE__ */ import_react9.default.createElement(
@@ -1698,11 +1712,11 @@ var AppLayout = ({
1698
1712
  {
1699
1713
  variant: "outline",
1700
1714
  onClick: () => {
1701
- const newKeepOpenState = !keepOpen;
1715
+ const newKeepOpenState = !keepDrawerOpen;
1702
1716
  if (props.onDrawerExpand) {
1703
1717
  props.onDrawerExpand(newKeepOpenState);
1704
1718
  }
1705
- setKeepOpen(newKeepOpenState);
1719
+ setKeepDrawerOpen(newKeepOpenState);
1706
1720
  },
1707
1721
  size: "smallIcon"
1708
1722
  },
@@ -1711,7 +1725,7 @@ var AppLayout = ({
1711
1725
  {
1712
1726
  className: cn(
1713
1727
  "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200 ",
1714
- keepOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
1728
+ keepDrawerOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
1715
1729
  ),
1716
1730
  fill: "currentColor",
1717
1731
  viewBox: "0 0 20 20"
@@ -424,19 +424,18 @@ var AppLayout = ({
424
424
  };
425
425
  const isRTL = direction === "rtl";
426
426
  const [openedSidebarItem, setOpenedSidebarItem] = useState2("");
427
- const [size, setSize] = useState2(1200);
427
+ const [size, setSize] = useState2(
428
+ typeof window !== "undefined" && window.innerWidth || 1200
429
+ );
428
430
  const [openSideMenu, setOpenSideMenu] = useState2(true);
429
- const handleClickOutside = () => {
430
- setOpenSideMenu(false);
431
- };
432
- const doNothing = () => {
433
- };
434
- const ref = useOutsideClick_default(size > 600 ? doNothing : handleClickOutside);
435
- const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
431
+ const [keepDrawerOpen, setKeepDrawerOpen] = useState2(keepOpen);
436
432
  useEffect(() => {
437
433
  if (typeof window !== "undefined") {
438
434
  const resize = () => {
439
435
  setSize(window.innerWidth);
436
+ if (window.innerWidth > 600) {
437
+ setKeepDrawerOpen(false);
438
+ }
440
439
  };
441
440
  resize();
442
441
  window.addEventListener("resize", resize);
@@ -445,9 +444,24 @@ var AppLayout = ({
445
444
  };
446
445
  }
447
446
  }, []);
447
+ useEffect(() => {
448
+ setKeepDrawerOpen(keepOpen);
449
+ }, [setKeepOpen]);
450
+ const handleClickOutside = () => {
451
+ if (typeof window !== "undefined") {
452
+ if (keepDrawerOpen)
453
+ return;
454
+ if (window.innerWidth < 600) {
455
+ setKeepDrawerOpen(false);
456
+ setOpenSideMenu(false);
457
+ }
458
+ }
459
+ };
460
+ const ref = useOutsideClick_default(handleClickOutside);
461
+ const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
448
462
  useEffect(() => {
449
463
  if (size > 600) {
450
- setOpenSideMenu(keepOpen);
464
+ setOpenSideMenu(keepDrawerOpen);
451
465
  } else {
452
466
  setOpenSideMenu(false);
453
467
  }
@@ -468,16 +482,16 @@ var AppLayout = ({
468
482
  "dark:hawa-text-white",
469
483
  isRTL ? [
470
484
  size > 600 ? "hawa-mr-14" : "hawa-mr-2",
471
- keepOpen ? "hawa-mr-40" : ""
485
+ keepDrawerOpen ? "hawa-mr-40" : ""
472
486
  ] : [
473
487
  size > 600 ? "hawa-ml-14" : "hawa-ml-2",
474
- keepOpen ? "hawa-ml-40" : ""
488
+ keepDrawerOpen ? "hawa-ml-40" : ""
475
489
  ]
476
490
  ),
477
491
  style: isRTL ? {
478
- marginRight: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
492
+ marginRight: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
479
493
  } : {
480
- marginLeft: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
494
+ marginLeft: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize]}px`
481
495
  }
482
496
  },
483
497
  props.pageTitle
@@ -575,7 +589,7 @@ var AppLayout = ({
575
589
  },
576
590
  onMouseLeave: () => {
577
591
  if (size > 600) {
578
- if (keepOpen) {
592
+ if (keepDrawerOpen) {
579
593
  setOpenSideMenu(true);
580
594
  } else {
581
595
  setOpenedSidebarItem("");
@@ -654,7 +668,7 @@ var AppLayout = ({
654
668
  selectedItem: currentPage,
655
669
  openedItem: openedSidebarItem,
656
670
  setOpenedItem: (e) => setOpenedSidebarItem(e),
657
- isOpen: keepOpen || openSideMenu,
671
+ isOpen: keepDrawerOpen || openSideMenu,
658
672
  items: props.drawerItems,
659
673
  LinkComponent: DrawerLinkComponent
660
674
  }
@@ -677,7 +691,7 @@ var AppLayout = ({
677
691
  {
678
692
  side: "left",
679
693
  delayDuration: 500,
680
- content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
694
+ content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
681
695
  triggerProps: { asChild: true }
682
696
  },
683
697
  /* @__PURE__ */ React5.createElement(
@@ -685,11 +699,11 @@ var AppLayout = ({
685
699
  {
686
700
  variant: "outline",
687
701
  onClick: () => {
688
- const newKeepOpenState = !keepOpen;
702
+ const newKeepOpenState = !keepDrawerOpen;
689
703
  if (props.onDrawerExpand) {
690
704
  props.onDrawerExpand(newKeepOpenState);
691
705
  }
692
- setKeepOpen(newKeepOpenState);
706
+ setKeepDrawerOpen(newKeepOpenState);
693
707
  },
694
708
  size: "smallIcon"
695
709
  },
@@ -698,7 +712,7 @@ var AppLayout = ({
698
712
  {
699
713
  className: cn(
700
714
  "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200 ",
701
- keepOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
715
+ keepDrawerOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
702
716
  ),
703
717
  fill: "currentColor",
704
718
  viewBox: "0 0 20 20"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.31.15-next",
3
+ "version": "0.31.16-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",