takeat-design-system-ui-kit 0.5.10 → 0.5.12

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 (51) hide show
  1. package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js +1 -1
  2. package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js.map +1 -1
  3. package/dist/cjs/components/CollapsableMenu/MenuHeader/index.d.ts +1 -3
  4. package/dist/cjs/components/CollapsableMenu/MenuHeader/index.js +4 -3
  5. package/dist/cjs/components/CollapsableMenu/MenuHeader/index.js.map +1 -1
  6. package/dist/cjs/components/CollapsableMenu/MenuItem/index.js +2 -2
  7. package/dist/cjs/components/CollapsableMenu/MenuItem/index.js.map +1 -1
  8. package/dist/cjs/components/CollapsableMenu/MenuItem/styles.d.ts +2 -2
  9. package/dist/cjs/components/CollapsableMenu/MenuItem/styles.js +4 -4
  10. package/dist/cjs/components/CollapsableMenu/MenuItem/styles.js.map +1 -1
  11. package/dist/cjs/components/CollapsableMenu/MenuModal/index.js +9 -5
  12. package/dist/cjs/components/CollapsableMenu/MenuModal/index.js.map +1 -1
  13. package/dist/cjs/components/CollapsableMenu/MenuModalSearch/index.js +1 -1
  14. package/dist/cjs/components/CollapsableMenu/MenuModalSearch/index.js.map +1 -1
  15. package/dist/cjs/components/CollapsableMenu/MenuSearch/index.d.ts +1 -5
  16. package/dist/cjs/components/CollapsableMenu/MenuSearch/index.js +11 -4
  17. package/dist/cjs/components/CollapsableMenu/MenuSearch/index.js.map +1 -1
  18. package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.d.ts +0 -15
  19. package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.js +1 -21
  20. package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.js.map +1 -1
  21. package/dist/cjs/components/CollapsableMenu/index.js +2 -2
  22. package/dist/cjs/components/CollapsableMenu/index.js.map +1 -1
  23. package/dist/cjs/components/CollapsableMenu/styles.d.ts +6 -5
  24. package/dist/cjs/components/CollapsableMenu/styles.js +17 -14
  25. package/dist/cjs/components/CollapsableMenu/styles.js.map +1 -1
  26. package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js +2 -2
  27. package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js.map +1 -1
  28. package/dist/esm/components/CollapsableMenu/MenuHeader/index.d.ts +1 -3
  29. package/dist/esm/components/CollapsableMenu/MenuHeader/index.js +4 -3
  30. package/dist/esm/components/CollapsableMenu/MenuHeader/index.js.map +1 -1
  31. package/dist/esm/components/CollapsableMenu/MenuItem/index.js +2 -2
  32. package/dist/esm/components/CollapsableMenu/MenuItem/index.js.map +1 -1
  33. package/dist/esm/components/CollapsableMenu/MenuItem/styles.d.ts +2 -2
  34. package/dist/esm/components/CollapsableMenu/MenuItem/styles.js +4 -4
  35. package/dist/esm/components/CollapsableMenu/MenuItem/styles.js.map +1 -1
  36. package/dist/esm/components/CollapsableMenu/MenuModal/index.js +9 -5
  37. package/dist/esm/components/CollapsableMenu/MenuModal/index.js.map +1 -1
  38. package/dist/esm/components/CollapsableMenu/MenuModalSearch/index.js +1 -1
  39. package/dist/esm/components/CollapsableMenu/MenuModalSearch/index.js.map +1 -1
  40. package/dist/esm/components/CollapsableMenu/MenuSearch/index.d.ts +1 -5
  41. package/dist/esm/components/CollapsableMenu/MenuSearch/index.js +11 -4
  42. package/dist/esm/components/CollapsableMenu/MenuSearch/index.js.map +1 -1
  43. package/dist/esm/components/CollapsableMenu/hooks/useMenuState.d.ts +0 -15
  44. package/dist/esm/components/CollapsableMenu/hooks/useMenuState.js +1 -21
  45. package/dist/esm/components/CollapsableMenu/hooks/useMenuState.js.map +1 -1
  46. package/dist/esm/components/CollapsableMenu/index.js +2 -2
  47. package/dist/esm/components/CollapsableMenu/index.js.map +1 -1
  48. package/dist/esm/components/CollapsableMenu/styles.d.ts +6 -5
  49. package/dist/esm/components/CollapsableMenu/styles.js +17 -14
  50. package/dist/esm/components/CollapsableMenu/styles.js.map +1 -1
  51. package/package.json +1 -1
package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js CHANGED
@@ -9,7 +9,7 @@ var meta = {
9
9
  title: "Design System/CollapsableMenu",
10
10
  component: _1.CollapsableMenu,
11
11
  parameters: {
12
- componentSubtitle: ((0, jsx_runtime_1.jsxs)(styles_1.Subtitle, { children: ["Menu de navega\u00E7\u00E3o lateral. Recebe um array de objetos com as informa\u00E7\u00F5es dos itens do menu. Segue exemplo desse array:", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("details", { style: { whiteSpace: "pre" }, children: [(0, jsx_runtime_1.jsx)("summary", { style: { cursor: "pointer" }, children: "C\u00F3digo" }), "[\n\t{\n\t\t\"id\":\"filler-1\",\n\t\t\"filler\":true,\n\t\t\"height\":50,\n\t\t\"text\":\"\",\n\t\t\"path\":\"\"\n\t},\n\t{\n\t\t\"id\":\"1\",\n\t\t\"text\":\"Home\",\n\t\t\"path\":\"/\",\n\t\t\"icon\": <IconHomeFilled />,\n\t\t\"external\":\"https://google.com\"\n\t},\n\t{\n\t\t\"id\":\"search-1\",\n\t\t\"icon\": <IconSearch />,\n\t\t\"text\":\"Buscar\",\n\t\t\"path\":\"#\"\n\t},\n\t{\n\t\t\"id\":\"2\",\n\t\t\"text\":\"Clube\",\n\t\t\"path\":\"/club\",\n\t\t\"icon\": <IconTakeatFilled />,\n\t\t\"subitems\":[\n\t\t\t{\n\t\t\t\t\"id\":\"2-1\",\n\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\"path\":\"/reports\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-1\",\n\t\t\t\t\t\t\"text\":\"Geral\",\n\t\t\t\t\t\t\"path\":\"/general\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-2\",\n\t\t\t\t\t\t\"text\":\"Cadastros\",\n\t\t\t\t\t\t\"path\":\"/registers\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-3\",\n\t\t\t\t\t\t\"text\":\"Aniversariantes\",\n\t\t\t\t\t\t\"path\":\"/birthdays\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-4\",\n\t\t\t\t\t\t\"text\":\"Produtos\",\n\t\t\t\t\t\t\"path\":\"/products\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"id\":\"2-2\",\n\t\t\t\t\"text\":\"Cashback\",\n\t\t\t\t\"path\":\"/cashback\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-2-1\",\n\t\t\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\t\t\"path\":\"/reports\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-2-2\",\n\t\t\t\t\t\t\"text\":\"Configura\u00E7\u00F5es\",\n\t\t\t\t\t\t\"path\":\"/settings\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"id\":\"2-3\",\n\t\t\t\t\"text\":\"TakeUp\",\n\t\t\t\t\"path\":\"/takeup\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-3-1\",\n\t\t\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\t\t\"path\":\"/reports\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-3-2\",\n\t\t\t\t\t\t\"text\":\"Campanhas\",\n\t\t\t\t\t\t\"path\":\"/campaigns\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n]"] })] })),
12
+ componentSubtitle: ((0, jsx_runtime_1.jsx)(styles_1.Subtitle, { children: "Menu de navega\u00E7\u00E3o lateral. Recebe um array de objetos com as informa\u00E7\u00F5es dos itens do menu." })),
13
13
  },
14
14
  argTypes: {
15
15
  menuObject: {
package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAAoC;AACpC,sDAAuD;AACvD,6CAAiD;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,6JAGP,gCAAM,EACN,qCAAS,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACnC,oCAAS,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,4BAAkB,EACtD,q/DA0FT,IACgB,IACD,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,oBAAW;KACxB;CACF,CAAC"}
1
+ {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAAoC;AACpC,sDAAuD;AACvD,6CAAiD;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,oBAAW;KACxB;CACF,CAAC"}
package/dist/cjs/components/CollapsableMenu/MenuHeader/index.d.ts CHANGED
@@ -3,8 +3,6 @@ interface MenuHeaderProps {
3
3
  sideBarOpen: boolean;
4
4
  profile: ProfileItemProps;
5
5
  onToggleSidebar: () => void;
6
- onProfileModalChange: (isOpen: boolean) => void;
7
- profileModalOpen: boolean;
8
6
  }
9
- export declare const MenuHeader: ({ sideBarOpen, profile, onToggleSidebar, onProfileModalChange, profileModalOpen, }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const MenuHeader: ({ sideBarOpen, profile, onToggleSidebar, }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
10
8
  export {};
package/dist/cjs/components/CollapsableMenu/MenuHeader/index.js CHANGED
@@ -6,10 +6,11 @@ var icons_1 = require("../../icons");
6
6
  var styles_1 = require("../styles");
7
7
  var MenuModal_1 = require("../MenuModal");
8
8
  var Tooltip_1 = require("../../Tooltip");
9
- var react_dom_1 = require("react-dom");
9
+ var react_1 = require("react");
10
10
  var MenuHeader = function (_a) {
11
- var sideBarOpen = _a.sideBarOpen, profile = _a.profile, onToggleSidebar = _a.onToggleSidebar, onProfileModalChange = _a.onProfileModalChange, profileModalOpen = _a.profileModalOpen;
12
- return ((0, jsx_runtime_1.jsxs)(styles_1.MenuHeader, { sideBarOpen: sideBarOpen, children: [(0, jsx_runtime_1.jsxs)(styles_1.MenuHeaderIconContainer, { onClick: onToggleSidebar, role: "button", "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu", children: [sideBarOpen ? ((0, jsx_runtime_1.jsx)(icons_1.IconCloseMenu, { id: "icon-menu" })) : ((0, jsx_runtime_1.jsx)(icons_1.IconMenu, { id: "icon-menu" })), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: sideBarOpen ? "Fechar menu" : "Abrir menu", anchorSelect: "#icon-menu", place: "right" }), document.body)] }), sideBarOpen && (0, jsx_runtime_1.jsx)("span", { children: profile.name }), (0, jsx_runtime_1.jsxs)("div", { style: { height: 48 }, onMouseLeave: function () { return onProfileModalChange(false); }, children: [(0, jsx_runtime_1.jsx)(styles_1.ProfileImage, { id: "menu-item/profile", src: profile.image, alt: "Foto do perfil", onMouseEnter: function () { return onProfileModalChange(true); } }), profileModalOpen && (0, jsx_runtime_1.jsx)(MenuModal_1.MenuModal, { item: profile })] })] }));
11
+ var sideBarOpen = _a.sideBarOpen, profile = _a.profile, onToggleSidebar = _a.onToggleSidebar;
12
+ var _b = (0, react_1.useState)(false), profileModalOpen = _b[0], setProfileModalOpen = _b[1];
13
+ return ((0, jsx_runtime_1.jsxs)(styles_1.MenuHeader, { "$sideBarOpen": sideBarOpen, children: [(0, jsx_runtime_1.jsxs)(styles_1.MenuHeaderIconContainer, { onClick: onToggleSidebar, role: "button", "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu", children: [sideBarOpen ? ((0, jsx_runtime_1.jsx)(icons_1.IconCloseMenu, { id: "icon-menu" })) : ((0, jsx_runtime_1.jsx)(icons_1.IconMenu, { id: "icon-menu" })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: sideBarOpen ? "Fechar menu" : "Abrir menu", anchorSelect: "#icon-menu", place: "right" })] }), sideBarOpen && (0, jsx_runtime_1.jsx)("span", { children: profile.name }), (0, jsx_runtime_1.jsxs)("div", { style: { height: 48 }, onMouseLeave: function () { return setProfileModalOpen(false); }, children: [(0, jsx_runtime_1.jsx)(styles_1.ProfileImage, { id: "menu-item/profile", src: profile.image, alt: "Foto do perfil", onMouseEnter: function () { return setProfileModalOpen(true); } }), profileModalOpen && (0, jsx_runtime_1.jsx)(MenuModal_1.MenuModal, { item: profile })] })] }));
13
14
  };
14
15
  exports.MenuHeader = MenuHeader;
15
16
  //# sourceMappingURL=index.js.map
package/dist/cjs/components/CollapsableMenu/MenuHeader/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsD;AACtD,oCAImB;AACnB,0CAAyC;AAEzC,yCAAwC;AACxC,uCAAyC;AASlC,IAAM,UAAU,GAAG,UAAC,EAMT;QALhB,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,wBAAC,mBAAgB,IAAC,WAAW,EAAE,WAAW,aACxC,wBAAC,gCAAuB,IACtB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,aAErD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAa,IAAC,EAAE,EAAC,WAAW,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,IAAC,EAAE,EAAC,WAAW,GAAG,CAC5B,EAEA,IAAA,wBAAY,EACX,uBAAC,iBAAO,IACN,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACpD,YAAY,EAAC,YAAY,EACzB,KAAK,EAAC,OAAO,GACb,EACF,QAAQ,CAAC,IAAI,CACd,IACuB,EAEzB,WAAW,IAAI,2CAAO,OAAO,CAAC,IAAI,GAAQ,EAE3C,iCACE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,aAE/C,uBAAC,qBAAY,IACX,EAAE,EAAC,mBAAmB,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,GAAG,EAAC,gBAAgB,EACpB,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,GAC9C,EAED,gBAAgB,IAAI,uBAAC,qBAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7C,IACW,CACpB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,UAAU,cA+CrB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsD;AACtD,oCAImB;AACnB,0CAAyC;AAEzC,yCAAwC;AACxC,+BAAiC;AAQ1B,IAAM,UAAU,GAAG,UAAC,EAIT;QAHhB,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,eAAe,qBAAA;IAET,IAAA,KAA0C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAEhE,OAAO,CACL,wBAAC,mBAAgB,oBAAe,WAAW,aACzC,wBAAC,gCAAuB,IACtB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,aAErD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAa,IAAC,EAAE,EAAC,WAAW,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,IAAC,EAAE,EAAC,WAAW,GAAG,CAC5B,EAED,uBAAC,iBAAO,IACN,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACpD,YAAY,EAAC,YAAY,EACzB,KAAK,EAAC,OAAO,GACb,IACsB,EAEzB,WAAW,IAAI,2CAAO,OAAO,CAAC,IAAI,GAAQ,EAE3C,iCACE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,aAE9C,uBAAC,qBAAY,IACX,EAAE,EAAC,mBAAmB,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,GAAG,EAAC,gBAAgB,EACpB,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,GAC7C,EAED,gBAAgB,IAAI,uBAAC,qBAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7C,IACW,CACpB,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB"}
package/dist/cjs/components/CollapsableMenu/MenuItem/index.js CHANGED
@@ -19,7 +19,7 @@ var MenuItem = function (_a) {
19
19
  if (!sideBarOpen) {
20
20
  setModalOpen(false);
21
21
  }
22
- }, children: [(0, jsx_runtime_1.jsxs)(styles_1.ItemContainer, { id: "menu-item".concat(item.path), sideBarOpen: sideBarOpen, categoryOpen: categoryOpen === item.text, to: pathToGo, "aria-selected": location === ((_b = item.path) === null || _b === void 0 ? void 0 : _b.split("/")[1]), onMouseEnter: function () {
22
+ }, children: [(0, jsx_runtime_1.jsxs)(styles_1.ItemContainer, { id: "menu-item".concat(item.path), "$sideBarOpen": sideBarOpen, "$categoryOpen": categoryOpen === item.text, to: pathToGo, "aria-selected": location === ((_b = item.path) === null || _b === void 0 ? void 0 : _b.split("/")[1]), onMouseEnter: function () {
23
23
  if (!sideBarOpen && hasSubitems) {
24
24
  setModalOpen(true);
25
25
  }
@@ -31,7 +31,7 @@ var MenuItem = function (_a) {
31
31
  if (item.function) {
32
32
  item.function();
33
33
  }
34
- }, children: [item.icon, (0, jsx_runtime_1.jsx)("span", { children: item.text }), sideBarOpen && hasSubitems && (0, jsx_runtime_1.jsx)(icons_1.IconChevronDown, { className: "chevron" })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: sideBarOpen && categoryOpen === item.text && ((0, jsx_runtime_1.jsx)(styles_1.SubitemsList, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, style: { marginLeft: 32 }, parentPath: item.path })); }) })) }), modalOpen && (0, jsx_runtime_1.jsx)(MenuModal_1.MenuModal, { item: item })] }, item.path));
34
+ }, children: [item.icon, (0, jsx_runtime_1.jsx)("span", { children: item.text }), sideBarOpen && hasSubitems && (0, jsx_runtime_1.jsx)(icons_1.IconChevronDown, { className: "chevron" })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { initial: false, children: sideBarOpen && categoryOpen === item.text && ((0, jsx_runtime_1.jsx)(styles_1.SubitemsList, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, style: { marginLeft: 32 }, parentPath: item.path }, "menu-subitem".concat(item.path).concat(subitem.path))); }) })) }), modalOpen && (0, jsx_runtime_1.jsx)(MenuModal_1.MenuModal, { item: item })] }));
35
35
  };
36
36
  exports.MenuItem = MenuItem;
37
37
  //# sourceMappingURL=index.js.map
package/dist/cjs/components/CollapsableMenu/MenuItem/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAwC;AACxC,mCAAwE;AAExE,qCAA8C;AAC9C,+CAAgD;AAChD,0CAAyC;AACzC,8CAA6C;AAStC,IAAM,QAAQ,GAAqC,UAAC,EAK1D;;QAJC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAE9E,OAAO,CACL,wBAAC,wBAAe,IAEd,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,aAED,wBAAC,sBAAa,IACZ,EAAE,EAAE,mBAAY,IAAI,CAAC,IAAI,CAAE,EAC3B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC,IAAI,EACxC,EAAE,EAAE,QAAQ,mBACG,QAAQ,MAAK,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA,EACpD,YAAY,EAAE;oBACZ,IAAI,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;wBAChC,YAAY,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,WAAW,IAAI,WAAW,EAAE,CAAC;wBAC/B,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAChC,CAAC;oBAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;wBAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC,aAEA,IAAI,CAAC,IAAI,EACV,2CAAO,IAAI,CAAC,IAAI,GAAQ,EACvB,WAAW,IAAI,WAAW,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAC,SAAS,GAAG,IACxD,EAEhB,uBAAC,+BAAe,cACb,WAAW,IAAI,YAAY,KAAK,IAAI,CAAC,IAAI,IAAI,CAC5C,uBAAC,qBAAY,IACX,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC/B,uBAAC,yBAAW,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EACzB,UAAU,EAAE,IAAI,CAAC,IAAI,GACrB,CACH,EANgC,CAMhC,CAAC,GACW,CAChB,GACe,EAEjB,SAAS,IAAI,uBAAC,qBAAS,IAAC,IAAI,EAAE,IAAI,GAAI,KArDlC,IAAI,CAAC,IAAI,CAsDE,CACnB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,QAAQ,YAsEnB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAwC;AACxC,mCAAwE;AAExE,qCAA8C;AAC9C,+CAAgD;AAChD,0CAAyC;AACzC,8CAA6C;AAStC,IAAM,QAAQ,GAAqC,UAAC,EAK1D;;QAJC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAE9E,OAAO,CACL,wBAAC,wBAAe,IACd,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,aAED,wBAAC,sBAAa,IACZ,EAAE,EAAE,mBAAY,IAAI,CAAC,IAAI,CAAE,kBACb,WAAW,mBACV,YAAY,KAAK,IAAI,CAAC,IAAI,EACzC,EAAE,EAAE,QAAQ,mBACG,QAAQ,MAAK,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA,EACpD,YAAY,EAAE;oBACZ,IAAI,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;wBAChC,YAAY,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,WAAW,IAAI,WAAW,EAAE,CAAC;wBAC/B,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAChC,CAAC;oBAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;wBAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC,aAEA,IAAI,CAAC,IAAI,EACV,2CAAO,IAAI,CAAC,IAAI,GAAQ,EACvB,WAAW,IAAI,WAAW,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAC,SAAS,GAAG,IACxD,EAEhB,uBAAC,+BAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,WAAW,IAAI,YAAY,KAAK,IAAI,CAAC,IAAI,IAAI,CAC5C,uBAAC,qBAAY,IACX,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC/B,uBAAC,yBAAW,IAEV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EACzB,UAAU,EAAE,IAAI,CAAC,IAAI,IAHhB,sBAAe,IAAI,CAAC,IAAI,SAAG,OAAO,CAAC,IAAI,CAAE,CAI9C,CACH,EAPgC,CAOhC,CAAC,GACW,CAChB,GACe,EAEjB,SAAS,IAAI,uBAAC,qBAAS,IAAC,IAAI,EAAE,IAAI,GAAI,IACvB,CACnB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,QAAQ,YAsEnB"}
package/dist/cjs/components/CollapsableMenu/MenuItem/styles.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  interface ItemContainerProps {
2
- sideBarOpen: boolean;
3
- categoryOpen: boolean;
2
+ $sideBarOpen: boolean;
3
+ $categoryOpen: boolean;
4
4
  }
5
5
  export declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
6
  export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
package/dist/cjs/components/CollapsableMenu/MenuItem/styles.js CHANGED
@@ -13,8 +13,8 @@ exports.ItemContainer = (0, styled_components_1.default)(react_router_dom_1.Link
13
13
  var theme = _a.theme;
14
14
  return theme.colors.neutral.dark;
15
15
  }, function (_a) {
16
- var categoryOpen = _a.categoryOpen;
17
- return categoryOpen && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n transform: rotateX(180deg);\n "], ["\n transform: rotateX(180deg);\n "])));
16
+ var $categoryOpen = _a.$categoryOpen;
17
+ return $categoryOpen && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n transform: rotateX(180deg);\n "], ["\n transform: rotateX(180deg);\n "])));
18
18
  }, function (_a) {
19
19
  var theme = _a.theme;
20
20
  return theme.colors.neutral.darker;
@@ -28,8 +28,8 @@ exports.ItemContainer = (0, styled_components_1.default)(react_router_dom_1.Link
28
28
  var theme = _a.theme;
29
29
  return theme.colors.primary.lightest;
30
30
  }, function (_a) {
31
- var sideBarOpen = _a.sideBarOpen;
32
- return sideBarOpen && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "], ["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "])));
31
+ var $sideBarOpen = _a.$sideBarOpen;
32
+ return $sideBarOpen && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "], ["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "])));
33
33
  }, function (_a) {
34
34
  var theme = _a.theme;
35
35
  return theme.colors.primary.default;
package/dist/cjs/components/CollapsableMenu/MenuItem/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/styles.ts"],"names":[],"mappings":";;;;AAAA,6EAAgD;AAChD,qDAAwC;AACxC,+CAAuC;AAO1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,ibAAA,sWAkBxC,KAAC;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,w3BAAoB,sQAcjD,EAA2C,kFAM3C,EAAwC,4CAG9C,EAIC,gCAIM,EAA0C,sBACpC,EAA8C,4IAQzC,EAA4C,gDAI5C,EAA4C,gBAGhE,EAaC,2DAGmB,EAA2C,gCAGpD,EAAyC,qCAI1C,EAAyC,iBAGtD,KA3DW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAG9C,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,QACZ,uBAAG,2HAAA,+CAEF,IAAA;AAHD,CAGC,EAIM,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAGhE,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,QACX,uBAAG,kRAAA,sMAWF,IAAA;AAZD,CAYC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGrD;AAEW,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,8JAAA,mFAK7C,KAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,8dAAoB,uLASrD,EAA0C,0JAQ7B,EAA4C,gDAI5C,EAA4C,YAEnE,KAdU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQ7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAElE"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/styles.ts"],"names":[],"mappings":";;;;AAAA,6EAAgD;AAChD,qDAAwC;AACxC,+CAAuC;AAO1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,ibAAA,sWAkBxC,KAAC;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,w3BAAoB,sQAcjD,EAA2C,kFAM3C,EAAwC,4CAG9C,EAIC,gCAIM,EAA0C,sBACpC,EAA8C,4IAQzC,EAA4C,gDAI5C,EAA4C,gBAGhE,EAaC,2DAGmB,EAA2C,gCAGpD,EAAyC,qCAI1C,EAAyC,iBAGtD,KA3DW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAG9C,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAChB,OAAA,aAAa,QACb,uBAAG,2HAAA,+CAEF,IAAA;AAHD,CAGC,EAIM,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAGhE,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,QACZ,uBAAG,kRAAA,sMAWF,IAAA;AAZD,CAYC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGrD;AAEW,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,8JAAA,mFAK7C,KAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,8dAAoB,uLASrD,EAA0C,0JAQ7B,EAA4C,gDAI5C,EAA4C,YAEnE,KAdU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQ7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAElE"}
package/dist/cjs/components/CollapsableMenu/MenuModal/index.js CHANGED
@@ -11,12 +11,16 @@ var MenuModal = function (_a) {
11
11
  var item = _a.item, props = tslib_1.__rest(_a, ["item"]);
12
12
  var elementById = (_b = document
13
13
  .getElementById("menu-item".concat(item.path))) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
14
- var modalTop = Math.max(((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 21, 16);
15
- var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
14
+ var elementTop = (elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0;
16
15
  var windowHeight = window.innerHeight;
17
- var maxHeight = windowHeight - ((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 16;
18
- return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.MenuMouseArea, { top: modalTop, left: modalLeft, maxHeight: maxHeight, children: (0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, tslib_1.__assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: [(0, jsx_runtime_1.jsx)(styles_1.ModalHeader, { children: item.text }), (0, jsx_runtime_1.jsx)(styles_1.ItemsList, { children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
19
- return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, parentPath: item.path }, subitem.path));
16
+ var maxHeight = windowHeight - elementTop - 16;
17
+ var modalTop = Math.max(elementTop - 21, 8);
18
+ var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
19
+ var arrowTop = elementById
20
+ ? elementById.height / 2 - 8 + (elementTop - modalTop)
21
+ : 0;
22
+ return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.MenuMouseArea, { "$top": modalTop, "$left": modalLeft, "$maxHeight": maxHeight, "$arrowTop": arrowTop, children: (0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, tslib_1.__assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: [(0, jsx_runtime_1.jsx)(styles_1.ModalHeader, { children: item.text }), (0, jsx_runtime_1.jsx)(styles_1.ItemsList, { children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
23
+ return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, parentPath: item.path }, "menu-subitem".concat(item.path).concat(subitem.path)));
20
24
  }) })] })) }), document.body);
21
25
  };
22
26
  exports.MenuModal = MenuModal;
package/dist/cjs/components/CollapsableMenu/MenuModal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,oCAKmB;AAEnB,8CAA6C;AAE7C,uCAAyC;AAMlC,IAAM,SAAS,GAAG,UAAC,EAAkC;;IAAhC,IAAA,IAAI,UAAA,EAAK,KAAK,sBAAhB,QAAkB,CAAF;IACxC,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,mBAAY,IAAI,CAAC,IAAI,CAAE,CAAC,0CACtC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAC1C,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,CAAC;IAE9D,OAAO,IAAA,wBAAY,EACjB,uBAAC,sBAAa,IAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,YACjE,wBAAC,uBAAc,qBAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IAAM,KAAK,eAC5D,uBAAC,oBAAW,cAAE,IAAI,CAAC,IAAI,GAAe,EAEtC,uBAAC,kBAAS,cACP,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO;wBAC1B,OAAO,CACL,uBAAC,yBAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,CAAC,IAAI,IAFhB,OAAO,CAAC,IAAI,CAGjB,CACH,CAAC;oBACJ,CAAC,CAAC,GACQ,KACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,SAAS,aA8BpB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,oCAKmB;AAEnB,8CAA6C;AAE7C,uCAAyC;AAMlC,IAAM,SAAS,GAAG,UAAC,EAAkC;;IAAhC,IAAA,IAAI,UAAA,EAAK,KAAK,sBAAhB,QAAkB,CAAF;IACxC,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,mBAAY,IAAI,CAAC,IAAI,CAAE,CAAC,0CACtC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,UAAU,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC;IAEzC,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,EAAE,CAAC;IAEjD,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IAC9C,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAE1C,IAAM,QAAQ,GAAG,WAAW;QAC1B,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC;QACtD,CAAC,CAAC,CAAC,CAAC;IAEN,OAAO,IAAA,wBAAY,EACjB,uBAAC,sBAAa,YACN,QAAQ,WACP,SAAS,gBACJ,SAAS,eACV,QAAQ,YAEnB,wBAAC,uBAAc,qBAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IAAM,KAAK,eAC5D,uBAAC,oBAAW,cAAE,IAAI,CAAC,IAAI,GAAe,EAEtC,uBAAC,kBAAS,cACP,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO;wBAC1B,OAAO,CACL,uBAAC,yBAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,CAAC,IAAI,IAFhB,sBAAe,IAAI,CAAC,IAAI,SAAG,OAAO,CAAC,IAAI,CAAE,CAG9C,CACH,CAAC;oBACJ,CAAC,CAAC,GACQ,KACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,SAAS,aA0CpB"}
package/dist/cjs/components/CollapsableMenu/MenuModalSearch/index.js CHANGED
@@ -20,7 +20,7 @@ var MenuModalSearch = function (_a) {
20
20
  var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
21
21
  var windowHeight = window.innerHeight;
22
22
  var maxHeight = windowHeight - ((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 16;
23
- return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_2.MenuMouseArea, { top: modalTop, left: modalLeft, maxHeight: maxHeight, children: (0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(styles_1.ModalHeader, { children: "Buscar" }), (0, jsx_runtime_1.jsxs)(styles_1.ItemsList, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Buscar", iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}), iconRight: search.length > 0 && ((0, jsx_runtime_1.jsx)(icons_1.IconClose, { style: { cursor: "pointer" }, onClick: function () { return setSearch(""); } })), value: search, onChange: function (e) { return setSearch(e.target.value); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }), search &&
23
+ return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_2.MenuMouseArea, { "$top": modalTop, "$left": modalLeft, "$maxHeight": maxHeight, children: (0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(styles_1.ModalHeader, { children: "Buscar" }), (0, jsx_runtime_1.jsxs)(styles_1.ItemsList, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Buscar", iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}), iconRight: search.length > 0 && ((0, jsx_runtime_1.jsx)(icons_1.IconClose, { style: { cursor: "pointer" }, onClick: function () { return setSearch(""); } })), value: search, onChange: function (e) { return setSearch(e.target.value); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }), search &&
24
24
  (searchItemsFiltered.length > 0 ? (searchItemsFiltered === null || searchItemsFiltered === void 0 ? void 0 : searchItemsFiltered.map(function (subitem) {
25
25
  return (0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem }, subitem.path);
26
26
  })) : ((0, jsx_runtime_1.jsx)(styles_1.NothingFoundSpan, { style: { textAlign: "center" }, children: "Nenhum resultado encontrado" })))] })] }) }), document.body);
package/dist/cjs/components/CollapsableMenu/MenuModalSearch/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModalSearch/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAwC;AACxC,oCAKmB;AACnB,oCAA0C;AAC1C,uCAAyC;AACzC,8CAA6C;AAE7C,qCAAoC;AACpC,qCAAoD;AAO7C,IAAM,eAAe,GAAG,UAAC,EAGT;;QAFrB,WAAW,iBAAA,EACX,YAAY,kBAAA;IAEN,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;IACzC,IAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,IAAI,YAClD,OAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA,EAAA,CAC9D,CAAC;IAEF,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,kBAAkB,CAAC,0CACjC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAC1C,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,CAAC;IAE9D,OAAO,IAAA,wBAAY,EACjB,uBAAC,sBAAa,IAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,YACjE,wBAAC,uBAAc,IAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aACjD,uBAAC,oBAAW,yBAAqB,EAEjC,wBAAC,kBAAS,eACR,uBAAC,aAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,uBAAC,kBAAU,KAAG,EACxB,SAAS,EACP,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,uBAAC,iBAAS,IACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,EAAE,CAAC,EAAb,CAAa,GAC5B,CACH,EAEH,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAC1C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GACjC,EAED,MAAM;4BACL,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,UAAC,OAAO;gCAC/B,OAAO,uBAAC,yBAAW,IAAoB,OAAO,EAAE,OAAO,IAA9B,OAAO,CAAC,IAAI,CAAsB,CAAC;4BAC9D,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAgB,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,4CAE7B,CACpB,CAAC,IACM,IACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,eAAe,mBAwD1B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModalSearch/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAwC;AACxC,oCAKmB;AACnB,oCAA0C;AAC1C,uCAAyC;AACzC,8CAA6C;AAE7C,qCAAoC;AACpC,qCAAoD;AAO7C,IAAM,eAAe,GAAG,UAAC,EAGT;;QAFrB,WAAW,iBAAA,EACX,YAAY,kBAAA;IAEN,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;IACzC,IAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,IAAI,YAClD,OAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA,EAAA,CAC9D,CAAC;IAEF,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,kBAAkB,CAAC,0CACjC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAC1C,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,CAAC;IAE9D,OAAO,IAAA,wBAAY,EACjB,uBAAC,sBAAa,YAAO,QAAQ,WAAS,SAAS,gBAAc,SAAS,YACpE,wBAAC,uBAAc,IAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aACjD,uBAAC,oBAAW,yBAAqB,EAEjC,wBAAC,kBAAS,eACR,uBAAC,aAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,uBAAC,kBAAU,KAAG,EACxB,SAAS,EACP,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,uBAAC,iBAAS,IACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,EAAE,CAAC,EAAb,CAAa,GAC5B,CACH,EAEH,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAC1C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GACjC,EAED,MAAM;4BACL,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,UAAC,OAAO;gCAC/B,OAAO,uBAAC,yBAAW,IAAoB,OAAO,EAAE,OAAO,IAA9B,OAAO,CAAC,IAAI,CAAsB,CAAC;4BAC9D,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAgB,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,4CAE7B,CACpB,CAAC,IACM,IACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,eAAe,mBAwD1B"}
package/dist/cjs/components/CollapsableMenu/MenuSearch/index.d.ts CHANGED
@@ -2,13 +2,9 @@ import { MenuItemProps } from "../types";
2
2
  interface MenuSearchProps {
3
3
  sideBarOpen: boolean;
4
4
  searchInput: string;
5
- modalSearchItem: boolean;
6
- isSearchFocused: boolean;
7
5
  onSearchChange: (value: string) => void;
8
6
  onActiveSearchChange: (value: string) => void;
9
- onSearchFocus: (isFocused: boolean) => void;
10
- onModalSearchChange: (isOpen: boolean) => void;
11
7
  searchItems: MenuItemProps[];
12
8
  }
13
- export declare const MenuSearch: ({ sideBarOpen, searchInput, modalSearchItem, isSearchFocused, onSearchChange, onActiveSearchChange, onSearchFocus, onModalSearchChange, searchItems, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const MenuSearch: ({ sideBarOpen, searchInput, onSearchChange, onActiveSearchChange, searchItems, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
14
10
  export {};
package/dist/cjs/components/CollapsableMenu/MenuSearch/index.js CHANGED
@@ -7,13 +7,20 @@ var Input_1 = require("../../Input");
7
7
  var MenuModalSearch_1 = require("../MenuModalSearch");
8
8
  var styles_1 = require("../styles");
9
9
  var consts_1 = require("../../../utils/consts");
10
+ var react_1 = require("react");
10
11
  var MenuSearch = function (_a) {
11
- var sideBarOpen = _a.sideBarOpen, searchInput = _a.searchInput, modalSearchItem = _a.modalSearchItem, isSearchFocused = _a.isSearchFocused, onSearchChange = _a.onSearchChange, onActiveSearchChange = _a.onActiveSearchChange, onSearchFocus = _a.onSearchFocus, onModalSearchChange = _a.onModalSearchChange, searchItems = _a.searchItems;
12
- return ((0, jsx_runtime_1.jsxs)(styles_1.SearchContainer, { id: "menu-item/search", sideBarOpen: sideBarOpen, onMouseEnter: function () {
12
+ var sideBarOpen = _a.sideBarOpen, searchInput = _a.searchInput, onSearchChange = _a.onSearchChange, onActiveSearchChange = _a.onActiveSearchChange, searchItems = _a.searchItems;
13
+ var _b = (0, react_1.useState)(false), modalSearchOpen = _b[0], setModalSearchOpen = _b[1];
14
+ var _c = (0, react_1.useState)(false), isSearchFocused = _c[0], setIsSearchFocused = _c[1];
15
+ return ((0, jsx_runtime_1.jsxs)(styles_1.SearchContainer, { id: "menu-item/search", "$sideBarOpen": sideBarOpen, onMouseEnter: function () {
13
16
  if (!sideBarOpen) {
14
- onModalSearchChange(true);
17
+ setModalSearchOpen(true);
15
18
  }
16
- }, onMouseLeave: function () { return onModalSearchChange(false); }, children: [sideBarOpen ? ((0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: consts_1.MENU_CONSTANTS.SEARCH.PLACEHOLDER, iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}), iconRight: searchInput.length > 0 && ((0, jsx_runtime_1.jsx)(icons_1.IconClose, { onClick: function () { return onSearchChange(""); } })), value: searchInput, onChange: function (e) { return onSearchChange(e.target.value); }, onFocus: function () { return onActiveSearchChange(searchInput); } })) : ((0, jsx_runtime_1.jsx)(icons_1.IconSearch, {})), (modalSearchItem || isSearchFocused) && ((0, jsx_runtime_1.jsx)(MenuModalSearch_1.MenuModalSearch, { searchItems: searchItems, setIsFocused: onSearchFocus }))] }));
19
+ }, onMouseLeave: function () {
20
+ if (!sideBarOpen) {
21
+ setModalSearchOpen(false);
22
+ }
23
+ }, children: [sideBarOpen ? ((0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: consts_1.MENU_CONSTANTS.SEARCH.PLACEHOLDER, iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}), iconRight: searchInput.length > 0 && ((0, jsx_runtime_1.jsx)(icons_1.IconClose, { onClick: function () { return onSearchChange(""); } })), value: searchInput, onChange: function (e) { return onSearchChange(e.target.value); }, onFocus: function () { return onActiveSearchChange(searchInput); } })) : ((0, jsx_runtime_1.jsx)(icons_1.IconSearch, {})), (modalSearchOpen || isSearchFocused) && ((0, jsx_runtime_1.jsx)(MenuModalSearch_1.MenuModalSearch, { searchItems: searchItems, setIsFocused: setIsSearchFocused }))] }));
17
24
  };
18
25
  exports.MenuSearch = MenuSearch;
19
26
  //# sourceMappingURL=index.js.map
package/dist/cjs/components/CollapsableMenu/MenuSearch/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSearch/index.tsx"],"names":[],"mappings":";;;;AAAA,qCAAoD;AACpD,qCAAoC;AACpC,sDAAqD;AACrD,oCAA4C;AAE5C,gDAAuD;AAchD,IAAM,UAAU,GAAG,UAAC,EAUT;QAThB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,OAAO,CACL,wBAAC,wBAAe,IACd,EAAE,EAAC,kBAAkB,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,aAE7C,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,aAAK,IACJ,WAAW,EAAE,uBAAc,CAAC,MAAM,CAAC,WAAW,EAC9C,QAAQ,EAAE,uBAAC,kBAAU,KAAG,EACxB,SAAS,EACP,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,uBAAC,iBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,EAAlB,CAAkB,GAAI,CACjD,EAEH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC/C,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,WAAW,CAAC,EAAjC,CAAiC,GAChD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,kBAAU,KAAG,CACf,EAEA,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,CACvC,uBAAC,iCAAe,IACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,aAAa,GAC3B,CACH,IACe,CACnB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,UAAU,cA+CrB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSearch/index.tsx"],"names":[],"mappings":";;;;AAAA,qCAAoD;AACpD,qCAAoC;AACpC,sDAAqD;AACrD,oCAA4C;AAE5C,gDAAuD;AACvD,+BAAiC;AAU1B,IAAM,UAAU,GAAG,UAAC,EAMT;QALhB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,WAAW,iBAAA;IAEL,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IACxD,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IAE9D,OAAO,CACL,wBAAC,wBAAe,IACd,EAAE,EAAC,kBAAkB,kBACP,WAAW,EACzB,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,EACD,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,aAEA,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,aAAK,IACJ,WAAW,EAAE,uBAAc,CAAC,MAAM,CAAC,WAAW,EAC9C,QAAQ,EAAE,uBAAC,kBAAU,KAAG,EACxB,SAAS,EACP,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,uBAAC,iBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,EAAlB,CAAkB,GAAI,CACjD,EAEH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC/C,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,WAAW,CAAC,EAAjC,CAAiC,GAChD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,kBAAU,KAAG,CACf,EAEA,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,CACvC,uBAAC,iCAAe,IACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,kBAAkB,GAChC,CACH,IACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,UAAU,cAkDrB"}
package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.d.ts CHANGED
@@ -2,10 +2,7 @@ export interface MenuState {
2
2
  sideBarOpen: boolean;
3
3
  searchInput: string;
4
4
  activeSearch: string;
5
- modalSearchItem: boolean;
6
- isSearchFocused: boolean;
7
5
  categoryOpen: string | null;
8
- profileModalOpen: boolean;
9
6
  }
10
7
  export type MenuAction = {
11
8
  type: "TOGGLE_SIDEBAR";
@@ -15,18 +12,9 @@ export type MenuAction = {
15
12
  } | {
16
13
  type: "SET_ACTIVE_SEARCH";
17
14
  payload: string;
18
- } | {
19
- type: "SET_MODAL_SEARCH_ITEM";
20
- payload: boolean;
21
- } | {
22
- type: "SET_SEARCH_FOCUSED";
23
- payload: boolean;
24
15
  } | {
25
16
  type: "SET_CATEGORY_OPEN";
26
17
  payload: string | null;
27
- } | {
28
- type: "SET_PROFILE_MODAL_OPEN";
29
- payload: boolean;
30
18
  };
31
19
  export declare const useMenuState: (defaultSideBarOpen?: boolean, onSideBarToggle?: (e: boolean) => void) => {
32
20
  state: MenuState;
@@ -34,9 +22,6 @@ export declare const useMenuState: (defaultSideBarOpen?: boolean, onSideBarToggl
34
22
  toggleSidebar: () => void;
35
23
  setSearchInput: (value: string) => void;
36
24
  setActiveSearch: (value: string) => void;
37
- setModalSearchItem: (value: boolean) => void;
38
- setSearchFocused: (value: boolean) => void;
39
25
  setCategoryOpen: (value: string | null) => void;
40
- setProfileModalOpen: (value: boolean) => void;
41
26
  };
42
27
  };
package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.js CHANGED
@@ -11,14 +11,8 @@ function menuReducer(state, action) {
11
11
  return tslib_1.__assign(tslib_1.__assign({}, state), { searchInput: action.payload });
12
12
  case "SET_ACTIVE_SEARCH":
13
13
  return tslib_1.__assign(tslib_1.__assign({}, state), { activeSearch: action.payload });
14
- case "SET_MODAL_SEARCH_ITEM":
15
- return tslib_1.__assign(tslib_1.__assign({}, state), { modalSearchItem: action.payload });
16
- case "SET_SEARCH_FOCUSED":
17
- return tslib_1.__assign(tslib_1.__assign({}, state), { isSearchFocused: action.payload });
18
14
  case "SET_CATEGORY_OPEN":
19
15
  return tslib_1.__assign(tslib_1.__assign({}, state), { categoryOpen: action.payload });
20
- case "SET_PROFILE_MODAL_OPEN":
21
- return tslib_1.__assign(tslib_1.__assign({}, state), { profileModalOpen: action.payload });
22
16
  default:
23
17
  return state;
24
18
  }
@@ -28,10 +22,7 @@ var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
28
22
  sideBarOpen: defaultSideBarOpen || false,
29
23
  searchInput: "",
30
24
  activeSearch: "",
31
- modalSearchItem: false,
32
- isSearchFocused: false,
33
25
  categoryOpen: null,
34
- profileModalOpen: false,
35
26
  };
36
27
  var _a = (0, react_1.useReducer)(menuReducer, initialState), state = _a[0], dispatch = _a[1];
37
28
  var actions = {
@@ -42,18 +33,9 @@ var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
42
33
  setActiveSearch: function (value) {
43
34
  return dispatch({ type: "SET_ACTIVE_SEARCH", payload: value });
44
35
  },
45
- setModalSearchItem: function (value) {
46
- return dispatch({ type: "SET_MODAL_SEARCH_ITEM", payload: value });
47
- },
48
- setSearchFocused: function (value) {
49
- return dispatch({ type: "SET_SEARCH_FOCUSED", payload: value });
50
- },
51
36
  setCategoryOpen: function (value) {
52
37
  return dispatch({ type: "SET_CATEGORY_OPEN", payload: value });
53
38
  },
54
- setProfileModalOpen: function (value) {
55
- return dispatch({ type: "SET_PROFILE_MODAL_OPEN", payload: value });
56
- },
57
39
  };
58
40
  (0, react_1.useEffect)(function () {
59
41
  if (state.searchInput || state.searchInput === "") {
@@ -61,9 +43,7 @@ var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
61
43
  }
62
44
  }, [state.searchInput]);
63
45
  (0, react_1.useEffect)(function () {
64
- if (onSideBarToggle) {
65
- onSideBarToggle(state.sideBarOpen);
66
- }
46
+ onSideBarToggle === null || onSideBarToggle === void 0 ? void 0 : onSideBarToggle(state.sideBarOpen);
67
47
  }, [state.sideBarOpen]);
68
48
  return { state: state, actions: actions };
69
49
  };
package/dist/cjs/components/CollapsableMenu/hooks/useMenuState.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuState.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/hooks/useMenuState.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useMenuState.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/hooks/useMenuState.ts"],"names":[],"mappings":";;;;AAAA,+BAA8C;AAe9C,SAAS,WAAW,CAAC,KAAgB,EAAE,MAAkB;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,gBAAgB;YACnB,6CAAY,KAAK,KAAE,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,IAAG;QACvD,KAAK,kBAAkB;YACrB,6CAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAG;QACnD,KAAK,mBAAmB;YACtB,6CAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAAO,IAAG;QACpD,KAAK,mBAAmB;YACtB,6CAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAAO,IAAG;QACpD;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAEM,IAAM,YAAY,GAAG,UAC1B,kBAA4B,EAC5B,eAAsC;IAEtC,IAAM,YAAY,GAAc;QAC9B,WAAW,EAAE,kBAAkB,IAAI,KAAK;QACxC,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,IAAI;KACnB,CAAC;IAEI,IAAA,KAAoB,IAAA,kBAAU,EAAC,WAAW,EAAE,YAAY,CAAC,EAAxD,KAAK,QAAA,EAAE,QAAQ,QAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG;QACd,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAApC,CAAoC;QACzD,cAAc,EAAE,UAAC,KAAa;YAC5B,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAtD,CAAsD;QACxD,eAAe,EAAE,UAAC,KAAa;YAC7B,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAvD,CAAuD;QACzD,eAAe,EAAE,UAAC,KAAoB;YACpC,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAvD,CAAuD;KAC1D,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,EAAE,CAAC;YAClD,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,IAAA,iBAAS,EAAC;QACR,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,CAAC;AAC5B,CAAC,CAAC;AAlCW,QAAA,YAAY,gBAkCvB"}
package/dist/cjs/components/CollapsableMenu/index.js CHANGED
@@ -26,7 +26,7 @@ exports.CollapsableMenu = (0, react_1.forwardRef)(function (_a, ref) {
26
26
  }); }, [menuObject.categories]), footerItems = _c.footerItems, bodyItems = _c.bodyItems;
27
27
  var renderMenuItem = (0, react_1.useCallback)(function (item) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { item: item, sideBarOpen: state.sideBarOpen, categoryOpen: state.categoryOpen, toggleCategoryOpen: function (category) {
28
28
  return actions.setCategoryOpen(state.categoryOpen === category ? null : category);
29
- } }, item.path)); }, [state.sideBarOpen, state.categoryOpen, actions]);
30
- return ((0, jsx_runtime_1.jsxs)(styles_1.MenuContainer, tslib_1.__assign({ ref: ref, sideBarOpen: state.sideBarOpen, role: "navigation", "aria-label": "Menu principal" }, props, { children: [(0, jsx_runtime_1.jsx)(MenuHeader_1.MenuHeader, { sideBarOpen: state.sideBarOpen, profile: menuObject.profile, onToggleSidebar: actions.toggleSidebar, onProfileModalChange: actions.setProfileModalOpen, profileModalOpen: state.profileModalOpen }), (0, jsx_runtime_1.jsxs)(styles_1.MenuBody, { children: [(0, jsx_runtime_1.jsx)(MenuSearch_1.MenuSearch, { sideBarOpen: state.sideBarOpen, searchInput: state.searchInput, modalSearchItem: state.modalSearchItem, isSearchFocused: state.isSearchFocused, onSearchChange: actions.setSearchInput, onActiveSearchChange: actions.setActiveSearch, onSearchFocus: actions.setSearchFocused, onModalSearchChange: actions.setModalSearchItem, searchItems: itemsFormattedToSearch }), (0, jsx_runtime_1.jsx)(MenuContent_1.MenuContent, { activeSearch: state.activeSearch, sideBarOpen: state.sideBarOpen, searchItemsFiltered: searchItemsFiltered, bodyItems: bodyItems, onSearchChange: actions.setActiveSearch, renderMenuItem: renderMenuItem })] }), (0, jsx_runtime_1.jsx)(styles_1.MenuFooter, { children: footerItems.map(renderMenuItem) })] })));
29
+ } }, "menu-item".concat(item.path || ""))); }, [state.sideBarOpen, state.categoryOpen, actions]);
30
+ return ((0, jsx_runtime_1.jsxs)(styles_1.MenuContainer, tslib_1.__assign({ ref: ref, "$sideBarOpen": state.sideBarOpen, role: "navigation", "aria-label": "Menu principal" }, props, { children: [(0, jsx_runtime_1.jsx)(MenuHeader_1.MenuHeader, { sideBarOpen: state.sideBarOpen, profile: menuObject.profile, onToggleSidebar: actions.toggleSidebar }), (0, jsx_runtime_1.jsxs)(styles_1.MenuBody, { children: [(0, jsx_runtime_1.jsx)(MenuSearch_1.MenuSearch, { sideBarOpen: state.sideBarOpen, searchInput: state.searchInput, onSearchChange: actions.setSearchInput, onActiveSearchChange: actions.setActiveSearch, searchItems: itemsFormattedToSearch }), (0, jsx_runtime_1.jsx)(MenuContent_1.MenuContent, { activeSearch: state.activeSearch, sideBarOpen: state.sideBarOpen, searchItemsFiltered: searchItemsFiltered, bodyItems: bodyItems, onSearchChange: actions.setActiveSearch, renderMenuItem: renderMenuItem })] }), (0, jsx_runtime_1.jsx)(styles_1.MenuFooter, { children: footerItems.map(renderMenuItem) })] })));
31
31
  });
32
32
  //# sourceMappingURL=index.js.map
package/dist/cjs/components/CollapsableMenu/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/index.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/CollapsableMenu/styles.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
- sideBarOpen: boolean;
2
+ $sideBarOpen: boolean;
3
3
  }>> & string;
4
4
  interface MenuHeaderProps {
5
- sideBarOpen: boolean;
5
+ $sideBarOpen: boolean;
6
6
  }
7
7
  export declare const MenuHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuHeaderProps>> & string;
8
8
  export declare const MenuHeaderIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,9 +13,10 @@ export declare const MenuBody: import("styled-components/dist/types").IStyledCom
13
13
  export declare const MenuFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
14
  export declare const SearchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuHeaderProps>> & string;
15
15
  interface MenuMouseAreaProps {
16
- top?: number;
17
- left?: number;
18
- maxHeight?: number;
16
+ $top?: number;
17
+ $left?: number;
18
+ $maxHeight?: number;
19
+ $arrowTop?: number;
19
20
  }
20
21
  export declare const MenuMouseArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuMouseAreaProps>> & string;
21
22
  export declare const MenuModalStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/cjs/components/CollapsableMenu/styles.js CHANGED
@@ -12,8 +12,8 @@ var MENU_WIDTH = {
12
12
  };
13
13
  // Menu Container
14
14
  exports.MenuContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n transition: width 0.3s;\n width: ", ";\n height: 100dvh;\n padding: 8px 8px 12px;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n box-shadow: ", ";\n overflow-y: auto;\n transform-origin: left;\n transition: all 0.3s;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n transition: width 0.3s;\n width: ", ";\n height: 100dvh;\n padding: 8px 8px 12px;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n box-shadow: ", ";\n overflow-y: auto;\n transform-origin: left;\n transition: all 0.3s;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
15
- var sideBarOpen = _a.sideBarOpen;
16
- return sideBarOpen ? MENU_WIDTH.OPEN : MENU_WIDTH.CLOSED;
15
+ var $sideBarOpen = _a.$sideBarOpen;
16
+ return $sideBarOpen ? MENU_WIDTH.OPEN : MENU_WIDTH.CLOSED;
17
17
  }, function (_a) {
18
18
  var theme = _a.theme;
19
19
  return theme.colors.neutral.white;
@@ -32,8 +32,8 @@ exports.MenuHeader = styled_components_1.default.div(templateObject_3 || (templa
32
32
  var theme = _a.theme;
33
33
  return theme.colors.neutral.darker;
34
34
  }, function (_a) {
35
- var sideBarOpen = _a.sideBarOpen;
36
- return sideBarOpen && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "], ["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "])));
35
+ var $sideBarOpen = _a.$sideBarOpen;
36
+ return $sideBarOpen && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "], ["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "])));
37
37
  });
38
38
  exports.MenuHeaderIconContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 8px;\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 8px;\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"])), function (_a) {
39
39
  var theme = _a.theme;
@@ -58,8 +58,8 @@ exports.SearchContainer = styled_components_1.default.div(templateObject_9 || (t
58
58
  var theme = _a.theme;
59
59
  return theme.typography.family.default;
60
60
  }, function (_a) {
61
- var sideBarOpen = _a.sideBarOpen;
62
- return !sideBarOpen && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "], ["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "])), function (_a) {
61
+ var $sideBarOpen = _a.$sideBarOpen;
62
+ return !$sideBarOpen && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "], ["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "])), function (_a) {
63
63
  var theme = _a.theme;
64
64
  return theme.colors.primary.default;
65
65
  }, function (_a) {
@@ -70,17 +70,20 @@ exports.SearchContainer = styled_components_1.default.div(templateObject_9 || (t
70
70
  return theme.colors.primary.lightest;
71
71
  });
72
72
  });
73
- exports.MenuMouseArea = styled_components_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n"], ["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n"])), function (_a) {
74
- var top = _a.top;
75
- return top;
73
+ exports.MenuMouseArea = styled_components_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n\n &::after {\n content: \"\";\n position: absolute;\n top: ", "px;\n left: 12px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"], ["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n\n &::after {\n content: \"\";\n position: absolute;\n top: ", "px;\n left: 12px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"])), function (_a) {
74
+ var $top = _a.$top;
75
+ return $top;
76
76
  }, function (_a) {
77
- var left = _a.left;
78
- return left;
77
+ var $left = _a.$left;
78
+ return $left;
79
79
  }, function (_a) {
80
- var maxHeight = _a.maxHeight;
81
- return maxHeight;
80
+ var $maxHeight = _a.$maxHeight;
81
+ return $maxHeight;
82
+ }, function (_a) {
83
+ var $arrowTop = _a.$arrowTop;
84
+ return $arrowTop;
82
85
  });
83
- exports.MenuModalStyle = styled_components_1.default.div(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n\n &::after {\n content: \"\";\n position: fixed;\n top: 20px;\n left: 20px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n\n &::after {\n content: \"\";\n position: fixed;\n top: 20px;\n left: 20px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"])), function (_a) {
86
+ exports.MenuModalStyle = styled_components_1.default.div(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n"])), function (_a) {
84
87
  var theme = _a.theme;
85
88
  return theme.colors.neutral.white;
86
89
  }, function (_a) {
package/dist/cjs/components/CollapsableMenu/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { CollapsableMenu } from ".";
3
3
  import { Subtitle } from "../StoriesComponents/styles";
4
4
  import { MENU_OBJECT } from "../../utils/consts";
@@ -6,7 +6,7 @@ var meta = {
6
6
  title: "Design System/CollapsableMenu",
7
7
  component: CollapsableMenu,
8
8
  parameters: {
9
- componentSubtitle: (_jsxs(Subtitle, { children: ["Menu de navega\u00E7\u00E3o lateral. Recebe um array de objetos com as informa\u00E7\u00F5es dos itens do menu. Segue exemplo desse array:", _jsx("br", {}), _jsxs("details", { style: { whiteSpace: "pre" }, children: [_jsx("summary", { style: { cursor: "pointer" }, children: "C\u00F3digo" }), "[\n\t{\n\t\t\"id\":\"filler-1\",\n\t\t\"filler\":true,\n\t\t\"height\":50,\n\t\t\"text\":\"\",\n\t\t\"path\":\"\"\n\t},\n\t{\n\t\t\"id\":\"1\",\n\t\t\"text\":\"Home\",\n\t\t\"path\":\"/\",\n\t\t\"icon\": <IconHomeFilled />,\n\t\t\"external\":\"https://google.com\"\n\t},\n\t{\n\t\t\"id\":\"search-1\",\n\t\t\"icon\": <IconSearch />,\n\t\t\"text\":\"Buscar\",\n\t\t\"path\":\"#\"\n\t},\n\t{\n\t\t\"id\":\"2\",\n\t\t\"text\":\"Clube\",\n\t\t\"path\":\"/club\",\n\t\t\"icon\": <IconTakeatFilled />,\n\t\t\"subitems\":[\n\t\t\t{\n\t\t\t\t\"id\":\"2-1\",\n\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\"path\":\"/reports\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-1\",\n\t\t\t\t\t\t\"text\":\"Geral\",\n\t\t\t\t\t\t\"path\":\"/general\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-2\",\n\t\t\t\t\t\t\"text\":\"Cadastros\",\n\t\t\t\t\t\t\"path\":\"/registers\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-3\",\n\t\t\t\t\t\t\"text\":\"Aniversariantes\",\n\t\t\t\t\t\t\"path\":\"/birthdays\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-1-4\",\n\t\t\t\t\t\t\"text\":\"Produtos\",\n\t\t\t\t\t\t\"path\":\"/products\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"id\":\"2-2\",\n\t\t\t\t\"text\":\"Cashback\",\n\t\t\t\t\"path\":\"/cashback\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-2-1\",\n\t\t\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\t\t\"path\":\"/reports\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-2-2\",\n\t\t\t\t\t\t\"text\":\"Configura\u00E7\u00F5es\",\n\t\t\t\t\t\t\"path\":\"/settings\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\t\"id\":\"2-3\",\n\t\t\t\t\"text\":\"TakeUp\",\n\t\t\t\t\"path\":\"/takeup\",\n\t\t\t\t\"subitems\":[\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-3-1\",\n\t\t\t\t\t\t\"text\":\"Relat\u00F3rios\",\n\t\t\t\t\t\t\"path\":\"/reports\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\":\"2-3-2\",\n\t\t\t\t\t\t\"text\":\"Campanhas\",\n\t\t\t\t\t\t\"path\":\"/campaigns\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n]"] })] })),
9
+ componentSubtitle: (_jsx(Subtitle, { children: "Menu de navega\u00E7\u00E3o lateral. Recebe um array de objetos com as informa\u00E7\u00F5es dos itens do menu." })),
10
10
  },
11
11
  argTypes: {
12
12
  menuObject: {
package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,6JAGP,cAAM,EACN,mBAAS,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACnC,kBAAS,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,4BAAkB,EACtD,q/DA0FT,IACgB,IACD,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,WAAW;KACxB;CACF,CAAC"}
1
+ {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,WAAW;KACxB;CACF,CAAC"}
package/dist/esm/components/CollapsableMenu/MenuHeader/index.d.ts CHANGED
@@ -3,8 +3,6 @@ interface MenuHeaderProps {
3
3
  sideBarOpen: boolean;
4
4
  profile: ProfileItemProps;
5
5
  onToggleSidebar: () => void;
6
- onProfileModalChange: (isOpen: boolean) => void;
7
- profileModalOpen: boolean;
8
6
  }
9
- export declare const MenuHeader: ({ sideBarOpen, profile, onToggleSidebar, onProfileModalChange, profileModalOpen, }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const MenuHeader: ({ sideBarOpen, profile, onToggleSidebar, }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
10
8
  export {};
package/dist/esm/components/CollapsableMenu/MenuHeader/index.js CHANGED
@@ -3,9 +3,10 @@ import { IconCloseMenu, IconMenu } from "../../icons";
3
3
  import { MenuHeader as StyledMenuHeader, MenuHeaderIconContainer, ProfileImage, } from "../styles";
4
4
  import { MenuModal } from "../MenuModal";
5
5
  import { Tooltip } from "../../Tooltip";
6
- import { createPortal } from "react-dom";
6
+ import { useState } from "react";
7
7
  export var MenuHeader = function (_a) {
8
- var sideBarOpen = _a.sideBarOpen, profile = _a.profile, onToggleSidebar = _a.onToggleSidebar, onProfileModalChange = _a.onProfileModalChange, profileModalOpen = _a.profileModalOpen;
9
- return (_jsxs(StyledMenuHeader, { sideBarOpen: sideBarOpen, children: [_jsxs(MenuHeaderIconContainer, { onClick: onToggleSidebar, role: "button", "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu", children: [sideBarOpen ? (_jsx(IconCloseMenu, { id: "icon-menu" })) : (_jsx(IconMenu, { id: "icon-menu" })), createPortal(_jsx(Tooltip, { children: sideBarOpen ? "Fechar menu" : "Abrir menu", anchorSelect: "#icon-menu", place: "right" }), document.body)] }), sideBarOpen && _jsx("span", { children: profile.name }), _jsxs("div", { style: { height: 48 }, onMouseLeave: function () { return onProfileModalChange(false); }, children: [_jsx(ProfileImage, { id: "menu-item/profile", src: profile.image, alt: "Foto do perfil", onMouseEnter: function () { return onProfileModalChange(true); } }), profileModalOpen && _jsx(MenuModal, { item: profile })] })] }));
8
+ var sideBarOpen = _a.sideBarOpen, profile = _a.profile, onToggleSidebar = _a.onToggleSidebar;
9
+ var _b = useState(false), profileModalOpen = _b[0], setProfileModalOpen = _b[1];
10
+ return (_jsxs(StyledMenuHeader, { "$sideBarOpen": sideBarOpen, children: [_jsxs(MenuHeaderIconContainer, { onClick: onToggleSidebar, role: "button", "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu", children: [sideBarOpen ? (_jsx(IconCloseMenu, { id: "icon-menu" })) : (_jsx(IconMenu, { id: "icon-menu" })), _jsx(Tooltip, { children: sideBarOpen ? "Fechar menu" : "Abrir menu", anchorSelect: "#icon-menu", place: "right" })] }), sideBarOpen && _jsx("span", { children: profile.name }), _jsxs("div", { style: { height: 48 }, onMouseLeave: function () { return setProfileModalOpen(false); }, children: [_jsx(ProfileImage, { id: "menu-item/profile", src: profile.image, alt: "Foto do perfil", onMouseEnter: function () { return setProfileModalOpen(true); } }), profileModalOpen && _jsx(MenuModal, { item: profile })] })] }));
10
11
  };
11
12
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CollapsableMenu/MenuHeader/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,uBAAuB,EACvB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMT;QALhB,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,MAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,aACxC,MAAC,uBAAuB,IACtB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,aAErD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,EAAE,EAAC,WAAW,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,EAAE,EAAC,WAAW,GAAG,CAC5B,EAEA,YAAY,CACX,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACpD,YAAY,EAAC,YAAY,EACzB,KAAK,EAAC,OAAO,GACb,EACF,QAAQ,CAAC,IAAI,CACd,IACuB,EAEzB,WAAW,IAAI,yBAAO,OAAO,CAAC,IAAI,GAAQ,EAE3C,eACE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,aAE/C,KAAC,YAAY,IACX,EAAE,EAAC,mBAAmB,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,GAAG,EAAC,gBAAgB,EACpB,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,GAC9C,EAED,gBAAgB,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7C,IACW,CACpB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,uBAAuB,EACvB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAIT;QAHhB,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,eAAe,qBAAA;IAET,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAEhE,OAAO,CACL,MAAC,gBAAgB,oBAAe,WAAW,aACzC,MAAC,uBAAuB,IACtB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,aAErD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,EAAE,EAAC,WAAW,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,EAAE,EAAC,WAAW,GAAG,CAC5B,EAED,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACpD,YAAY,EAAC,YAAY,EACzB,KAAK,EAAC,OAAO,GACb,IACsB,EAEzB,WAAW,IAAI,yBAAO,OAAO,CAAC,IAAI,GAAQ,EAE3C,eACE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,aAE9C,KAAC,YAAY,IACX,EAAE,EAAC,mBAAmB,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,GAAG,EAAC,gBAAgB,EACpB,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,GAC7C,EAED,gBAAgB,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7C,IACW,CACpB,CAAC;AACJ,CAAC,CAAC"}
package/dist/esm/components/CollapsableMenu/MenuItem/index.js CHANGED
@@ -16,7 +16,7 @@ export var MenuItem = function (_a) {
16
16
  if (!sideBarOpen) {
17
17
  setModalOpen(false);
18
18
  }
19
- }, children: [_jsxs(ItemContainer, { id: "menu-item".concat(item.path), sideBarOpen: sideBarOpen, categoryOpen: categoryOpen === item.text, to: pathToGo, "aria-selected": location === ((_b = item.path) === null || _b === void 0 ? void 0 : _b.split("/")[1]), onMouseEnter: function () {
19
+ }, children: [_jsxs(ItemContainer, { id: "menu-item".concat(item.path), "$sideBarOpen": sideBarOpen, "$categoryOpen": categoryOpen === item.text, to: pathToGo, "aria-selected": location === ((_b = item.path) === null || _b === void 0 ? void 0 : _b.split("/")[1]), onMouseEnter: function () {
20
20
  if (!sideBarOpen && hasSubitems) {
21
21
  setModalOpen(true);
22
22
  }
@@ -28,6 +28,6 @@ export var MenuItem = function (_a) {
28
28
  if (item.function) {
29
29
  item.function();
30
30
  }
31
- }, children: [item.icon, _jsx("span", { children: item.text }), sideBarOpen && hasSubitems && _jsx(IconChevronDown, { className: "chevron" })] }), _jsx(AnimatePresence, { children: sideBarOpen && categoryOpen === item.text && (_jsx(SubitemsList, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) { return (_jsx(MenuSubitem, { subitem: subitem, style: { marginLeft: 32 }, parentPath: item.path })); }) })) }), modalOpen && _jsx(MenuModal, { item: item })] }, item.path));
31
+ }, children: [item.icon, _jsx("span", { children: item.text }), sideBarOpen && hasSubitems && _jsx(IconChevronDown, { className: "chevron" })] }), _jsx(AnimatePresence, { initial: false, children: sideBarOpen && categoryOpen === item.text && (_jsx(SubitemsList, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) { return (_jsx(MenuSubitem, { subitem: subitem, style: { marginLeft: 32 }, parentPath: item.path }, "menu-subitem".concat(item.path).concat(subitem.path))); }) })) }), modalOpen && _jsx(MenuModal, { item: item })] }));
32
32
  };
33
33
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CollapsableMenu/MenuItem/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/index.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/CollapsableMenu/MenuItem/styles.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  interface ItemContainerProps {
2
- sideBarOpen: boolean;
3
- categoryOpen: boolean;
2
+ $sideBarOpen: boolean;
3
+ $categoryOpen: boolean;
4
4
  }
5
5
  export declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
6
  export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
package/dist/esm/components/CollapsableMenu/MenuItem/styles.js CHANGED
@@ -10,8 +10,8 @@ export var ItemContainer = styled(Link)(templateObject_4 || (templateObject_4 =
10
10
  var theme = _a.theme;
11
11
  return theme.colors.neutral.dark;
12
12
  }, function (_a) {
13
- var categoryOpen = _a.categoryOpen;
14
- return categoryOpen && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n transform: rotateX(180deg);\n "], ["\n transform: rotateX(180deg);\n "])));
13
+ var $categoryOpen = _a.$categoryOpen;
14
+ return $categoryOpen && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n transform: rotateX(180deg);\n "], ["\n transform: rotateX(180deg);\n "])));
15
15
  }, function (_a) {
16
16
  var theme = _a.theme;
17
17
  return theme.colors.neutral.darker;
@@ -25,8 +25,8 @@ export var ItemContainer = styled(Link)(templateObject_4 || (templateObject_4 =
25
25
  var theme = _a.theme;
26
26
  return theme.colors.primary.lightest;
27
27
  }, function (_a) {
28
- var sideBarOpen = _a.sideBarOpen;
29
- return sideBarOpen && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "], ["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "])));
28
+ var $sideBarOpen = _a.$sideBarOpen;
29
+ return $sideBarOpen && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "], ["\n flex-direction: row;\n gap: 8px;\n height: unset;\n padding: 8px;\n\n span {\n font-size: 14px;\n line-height: 20px;\n flex-grow: 1;\n }\n "])));
30
30
  }, function (_a) {
31
31
  var theme = _a.theme;
32
32
  return theme.colors.primary.default;
package/dist/esm/components/CollapsableMenu/MenuItem/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAOvC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,yaAAA,sWAkBxC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,g3BAAoB,sQAcjD,EAA2C,kFAM3C,EAAwC,4CAG9C,EAIC,gCAIM,EAA0C,sBACpC,EAA8C,4IAQzC,EAA4C,gDAI5C,EAA4C,gBAGhE,EAaC,2DAGmB,EAA2C,gCAGpD,EAAyC,qCAI1C,EAAyC,iBAGtD,KA3DW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAG9C,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,IACZ,GAAG,kHAAA,+CAEF,IAAA;AAHD,CAGC,EAIM,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAGhE,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,yQAAA,sMAWF,IAAA;AAZD,CAYC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGtD,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,sJAAA,mFAK7C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,sdAAoB,uLASrD,EAA0C,0JAQ7B,EAA4C,gDAI5C,EAA4C,YAEnE,KAdU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQ7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,CAEnE,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuItem/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAOvC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,yaAAA,sWAkBxC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,g3BAAoB,sQAcjD,EAA2C,kFAM3C,EAAwC,4CAG9C,EAIC,gCAIM,EAA0C,sBACpC,EAA8C,4IAQzC,EAA4C,gDAI5C,EAA4C,gBAGhE,EAaC,2DAGmB,EAA2C,gCAGpD,EAAyC,qCAI1C,EAAyC,iBAGtD,KA3DW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAG9C,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAChB,OAAA,aAAa,IACb,GAAG,kHAAA,+CAEF,IAAA;AAHD,CAGC,EAIM,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAGhE,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,IACZ,GAAG,yQAAA,sMAWF,IAAA;AAZD,CAYC,EAGmB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGtD,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,sJAAA,mFAK7C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,sdAAoB,uLASrD,EAA0C,0JAQ7B,EAA4C,gDAI5C,EAA4C,YAEnE,KAdU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQ7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,CAEnE,CAAC"}
package/dist/esm/components/CollapsableMenu/MenuModal/index.js CHANGED
@@ -8,12 +8,16 @@ export var MenuModal = function (_a) {
8
8
  var item = _a.item, props = __rest(_a, ["item"]);
9
9
  var elementById = (_b = document
10
10
  .getElementById("menu-item".concat(item.path))) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
11
- var modalTop = Math.max(((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 21, 16);
12
- var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
11
+ var elementTop = (elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0;
13
12
  var windowHeight = window.innerHeight;
14
- var maxHeight = windowHeight - ((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 16;
15
- return createPortal(_jsx(MenuMouseArea, { top: modalTop, left: modalLeft, maxHeight: maxHeight, children: _jsxs(MenuModalStyle, __assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: [_jsx(ModalHeader, { children: item.text }), _jsx(ItemsList, { children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
16
- return (_jsx(MenuSubitem, { subitem: subitem, parentPath: item.path }, subitem.path));
13
+ var maxHeight = windowHeight - elementTop - 16;
14
+ var modalTop = Math.max(elementTop - 21, 8);
15
+ var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
16
+ var arrowTop = elementById
17
+ ? elementById.height / 2 - 8 + (elementTop - modalTop)
18
+ : 0;
19
+ return createPortal(_jsx(MenuMouseArea, { "$top": modalTop, "$left": modalLeft, "$maxHeight": maxHeight, "$arrowTop": arrowTop, children: _jsxs(MenuModalStyle, __assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: [_jsx(ModalHeader, { children: item.text }), _jsx(ItemsList, { children: (_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
20
+ return (_jsx(MenuSubitem, { subitem: subitem, parentPath: item.path }, "menu-subitem".concat(item.path).concat(subitem.path)));
17
21
  }) })] })) }), document.body);
18
22
  };
19
23
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CollapsableMenu/MenuModal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModal/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAMzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAkC;;IAAhC,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACxC,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,mBAAY,IAAI,CAAC,IAAI,CAAE,CAAC,0CACtC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAC1C,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,CAAC;IAE9D,OAAO,YAAY,CACjB,KAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,YACjE,MAAC,cAAc,aAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IAAM,KAAK,eAC5D,KAAC,WAAW,cAAE,IAAI,CAAC,IAAI,GAAe,EAEtC,KAAC,SAAS,cACP,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO;wBAC1B,OAAO,CACL,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,CAAC,IAAI,IAFhB,OAAO,CAAC,IAAI,CAGjB,CACH,CAAC;oBACJ,CAAC,CAAC,GACQ,KACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModal/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAMzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAkC;;IAAhC,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACxC,IAAM,WAAW,GAAG,MAAA,QAAQ;SACzB,cAAc,CAAC,mBAAY,IAAI,CAAC,IAAI,CAAE,CAAC,0CACtC,qBAAqB,EAAE,CAAC;IAE5B,IAAM,UAAU,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,KAAI,CAAC,CAAC;IAEzC,IAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,IAAM,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,EAAE,CAAC;IAEjD,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IAC9C,IAAM,SAAS,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CAAC;IAE1C,IAAM,QAAQ,GAAG,WAAW;QAC1B,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC;QACtD,CAAC,CAAC,CAAC,CAAC;IAEN,OAAO,YAAY,CACjB,KAAC,aAAa,YACN,QAAQ,WACP,SAAS,gBACJ,SAAS,eACV,QAAQ,YAEnB,MAAC,cAAc,aAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IAAM,KAAK,eAC5D,KAAC,WAAW,cAAE,IAAI,CAAC,IAAI,GAAe,EAEtC,KAAC,SAAS,cACP,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO;wBAC1B,OAAO,CACL,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,CAAC,IAAI,IAFhB,sBAAe,IAAI,CAAC,IAAI,SAAG,OAAO,CAAC,IAAI,CAAE,CAG9C,CACH,CAAC;oBACJ,CAAC,CAAC,GACQ,KACG,GACH,EAChB,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC"}
package/dist/esm/components/CollapsableMenu/MenuModalSearch/index.js CHANGED
@@ -17,7 +17,7 @@ export var MenuModalSearch = function (_a) {
17
17
  var modalLeft = (elementById === null || elementById === void 0 ? void 0 : elementById.right) || 0;
18
18
  var windowHeight = window.innerHeight;
19
19
  var maxHeight = windowHeight - ((elementById === null || elementById === void 0 ? void 0 : elementById.top) || 0) - 16;
20
- return createPortal(_jsx(MenuMouseArea, { top: modalTop, left: modalLeft, maxHeight: maxHeight, children: _jsxs(MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(ModalHeader, { children: "Buscar" }), _jsxs(ItemsList, { children: [_jsx(Input, { placeholder: "Buscar", iconLeft: _jsx(IconSearch, {}), iconRight: search.length > 0 && (_jsx(IconClose, { style: { cursor: "pointer" }, onClick: function () { return setSearch(""); } })), value: search, onChange: function (e) { return setSearch(e.target.value); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }), search &&
20
+ return createPortal(_jsx(MenuMouseArea, { "$top": modalTop, "$left": modalLeft, "$maxHeight": maxHeight, children: _jsxs(MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(ModalHeader, { children: "Buscar" }), _jsxs(ItemsList, { children: [_jsx(Input, { placeholder: "Buscar", iconLeft: _jsx(IconSearch, {}), iconRight: search.length > 0 && (_jsx(IconClose, { style: { cursor: "pointer" }, onClick: function () { return setSearch(""); } })), value: search, onChange: function (e) { return setSearch(e.target.value); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }), search &&
21
21
  (searchItemsFiltered.length > 0 ? (searchItemsFiltered === null || searchItemsFiltered === void 0 ? void 0 : searchItemsFiltered.map(function (subitem) {
22
22
  return _jsx(MenuSubitem, { subitem: subitem }, subitem.path);
23
23
  })) : (_jsx(NothingFoundSpan, { style: { textAlign: "center" }, children: "Nenhum resultado encontrado" })))] })] }) }), document.body);
package/dist/esm/components/CollapsableMenu/MenuModalSearch/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModalSearch/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuModalSearch/index.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/CollapsableMenu/MenuSearch/index.d.ts CHANGED
@@ -2,13 +2,9 @@ import { MenuItemProps } from "../types";
2
2
  interface MenuSearchProps {
3
3
  sideBarOpen: boolean;
4
4
  searchInput: string;
5
- modalSearchItem: boolean;
6
- isSearchFocused: boolean;
7
5
  onSearchChange: (value: string) => void;
8
6
  onActiveSearchChange: (value: string) => void;
9
- onSearchFocus: (isFocused: boolean) => void;
10
- onModalSearchChange: (isOpen: boolean) => void;
11
7
  searchItems: MenuItemProps[];
12
8
  }
13
- export declare const MenuSearch: ({ sideBarOpen, searchInput, modalSearchItem, isSearchFocused, onSearchChange, onActiveSearchChange, onSearchFocus, onModalSearchChange, searchItems, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const MenuSearch: ({ sideBarOpen, searchInput, onSearchChange, onActiveSearchChange, searchItems, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
14
10
  export {};
package/dist/esm/components/CollapsableMenu/MenuSearch/index.js CHANGED
@@ -4,12 +4,19 @@ import { Input } from "../../Input";
4
4
  import { MenuModalSearch } from "../MenuModalSearch";
5
5
  import { SearchContainer } from "../styles";
6
6
  import { MENU_CONSTANTS } from "../../../utils/consts";
7
+ import { useState } from "react";
7
8
  export var MenuSearch = function (_a) {
8
- var sideBarOpen = _a.sideBarOpen, searchInput = _a.searchInput, modalSearchItem = _a.modalSearchItem, isSearchFocused = _a.isSearchFocused, onSearchChange = _a.onSearchChange, onActiveSearchChange = _a.onActiveSearchChange, onSearchFocus = _a.onSearchFocus, onModalSearchChange = _a.onModalSearchChange, searchItems = _a.searchItems;
9
- return (_jsxs(SearchContainer, { id: "menu-item/search", sideBarOpen: sideBarOpen, onMouseEnter: function () {
9
+ var sideBarOpen = _a.sideBarOpen, searchInput = _a.searchInput, onSearchChange = _a.onSearchChange, onActiveSearchChange = _a.onActiveSearchChange, searchItems = _a.searchItems;
10
+ var _b = useState(false), modalSearchOpen = _b[0], setModalSearchOpen = _b[1];
11
+ var _c = useState(false), isSearchFocused = _c[0], setIsSearchFocused = _c[1];
12
+ return (_jsxs(SearchContainer, { id: "menu-item/search", "$sideBarOpen": sideBarOpen, onMouseEnter: function () {
10
13
  if (!sideBarOpen) {
11
- onModalSearchChange(true);
14
+ setModalSearchOpen(true);
12
15
  }
13
- }, onMouseLeave: function () { return onModalSearchChange(false); }, children: [sideBarOpen ? (_jsx(Input, { placeholder: MENU_CONSTANTS.SEARCH.PLACEHOLDER, iconLeft: _jsx(IconSearch, {}), iconRight: searchInput.length > 0 && (_jsx(IconClose, { onClick: function () { return onSearchChange(""); } })), value: searchInput, onChange: function (e) { return onSearchChange(e.target.value); }, onFocus: function () { return onActiveSearchChange(searchInput); } })) : (_jsx(IconSearch, {})), (modalSearchItem || isSearchFocused) && (_jsx(MenuModalSearch, { searchItems: searchItems, setIsFocused: onSearchFocus }))] }));
16
+ }, onMouseLeave: function () {
17
+ if (!sideBarOpen) {
18
+ setModalSearchOpen(false);
19
+ }
20
+ }, children: [sideBarOpen ? (_jsx(Input, { placeholder: MENU_CONSTANTS.SEARCH.PLACEHOLDER, iconLeft: _jsx(IconSearch, {}), iconRight: searchInput.length > 0 && (_jsx(IconClose, { onClick: function () { return onSearchChange(""); } })), value: searchInput, onChange: function (e) { return onSearchChange(e.target.value); }, onFocus: function () { return onActiveSearchChange(searchInput); } })) : (_jsx(IconSearch, {})), (modalSearchOpen || isSearchFocused) && (_jsx(MenuModalSearch, { searchItems: searchItems, setIsFocused: setIsSearchFocused }))] }));
14
21
  };
15
22
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CollapsableMenu/MenuSearch/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSearch/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAUT;QAThB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,OAAO,CACL,MAAC,eAAe,IACd,EAAE,EAAC,kBAAkB,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,aAE7C,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,KAAK,IACJ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,WAAW,EAC9C,QAAQ,EAAE,KAAC,UAAU,KAAG,EACxB,SAAS,EACP,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,KAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,EAAlB,CAAkB,GAAI,CACjD,EAEH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC/C,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,WAAW,CAAC,EAAjC,CAAiC,GAChD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,KAAG,CACf,EAEA,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,CACvC,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,aAAa,GAC3B,CACH,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/MenuSearch/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMT;QALhB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,WAAW,iBAAA;IAEL,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IACxD,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IAE9D,OAAO,CACL,MAAC,eAAe,IACd,EAAE,EAAC,kBAAkB,kBACP,WAAW,EACzB,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,EACD,YAAY,EAAE;YACZ,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,aAEA,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,KAAK,IACJ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,WAAW,EAC9C,QAAQ,EAAE,KAAC,UAAU,KAAG,EACxB,SAAS,EACP,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,KAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,EAAE,CAAC,EAAlB,CAAkB,GAAI,CACjD,EAEH,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC/C,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,WAAW,CAAC,EAAjC,CAAiC,GAChD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,KAAG,CACf,EAEA,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,CACvC,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,kBAAkB,GAChC,CACH,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
package/dist/esm/components/CollapsableMenu/hooks/useMenuState.d.ts CHANGED
@@ -2,10 +2,7 @@ export interface MenuState {
2
2
  sideBarOpen: boolean;
3
3
  searchInput: string;
4
4
  activeSearch: string;
5
- modalSearchItem: boolean;
6
- isSearchFocused: boolean;
7
5
  categoryOpen: string | null;
8
- profileModalOpen: boolean;
9
6
  }
10
7
  export type MenuAction = {
11
8
  type: "TOGGLE_SIDEBAR";
@@ -15,18 +12,9 @@ export type MenuAction = {
15
12
  } | {
16
13
  type: "SET_ACTIVE_SEARCH";
17
14
  payload: string;
18
- } | {
19
- type: "SET_MODAL_SEARCH_ITEM";
20
- payload: boolean;
21
- } | {
22
- type: "SET_SEARCH_FOCUSED";
23
- payload: boolean;
24
15
  } | {
25
16
  type: "SET_CATEGORY_OPEN";
26
17
  payload: string | null;
27
- } | {
28
- type: "SET_PROFILE_MODAL_OPEN";
29
- payload: boolean;
30
18
  };
31
19
  export declare const useMenuState: (defaultSideBarOpen?: boolean, onSideBarToggle?: (e: boolean) => void) => {
32
20
  state: MenuState;
@@ -34,9 +22,6 @@ export declare const useMenuState: (defaultSideBarOpen?: boolean, onSideBarToggl
34
22
  toggleSidebar: () => void;
35
23
  setSearchInput: (value: string) => void;
36
24
  setActiveSearch: (value: string) => void;
37
- setModalSearchItem: (value: boolean) => void;
38
- setSearchFocused: (value: boolean) => void;
39
25
  setCategoryOpen: (value: string | null) => void;
40
- setProfileModalOpen: (value: boolean) => void;
41
26
  };
42
27
  };
package/dist/esm/components/CollapsableMenu/hooks/useMenuState.js CHANGED
@@ -8,14 +8,8 @@ function menuReducer(state, action) {
8
8
  return __assign(__assign({}, state), { searchInput: action.payload });
9
9
  case "SET_ACTIVE_SEARCH":
10
10
  return __assign(__assign({}, state), { activeSearch: action.payload });
11
- case "SET_MODAL_SEARCH_ITEM":
12
- return __assign(__assign({}, state), { modalSearchItem: action.payload });
13
- case "SET_SEARCH_FOCUSED":
14
- return __assign(__assign({}, state), { isSearchFocused: action.payload });
15
11
  case "SET_CATEGORY_OPEN":
16
12
  return __assign(__assign({}, state), { categoryOpen: action.payload });
17
- case "SET_PROFILE_MODAL_OPEN":
18
- return __assign(__assign({}, state), { profileModalOpen: action.payload });
19
13
  default:
20
14
  return state;
21
15
  }
@@ -25,10 +19,7 @@ export var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
25
19
  sideBarOpen: defaultSideBarOpen || false,
26
20
  searchInput: "",
27
21
  activeSearch: "",
28
- modalSearchItem: false,
29
- isSearchFocused: false,
30
22
  categoryOpen: null,
31
- profileModalOpen: false,
32
23
  };
33
24
  var _a = useReducer(menuReducer, initialState), state = _a[0], dispatch = _a[1];
34
25
  var actions = {
@@ -39,18 +30,9 @@ export var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
39
30
  setActiveSearch: function (value) {
40
31
  return dispatch({ type: "SET_ACTIVE_SEARCH", payload: value });
41
32
  },
42
- setModalSearchItem: function (value) {
43
- return dispatch({ type: "SET_MODAL_SEARCH_ITEM", payload: value });
44
- },
45
- setSearchFocused: function (value) {
46
- return dispatch({ type: "SET_SEARCH_FOCUSED", payload: value });
47
- },
48
33
  setCategoryOpen: function (value) {
49
34
  return dispatch({ type: "SET_CATEGORY_OPEN", payload: value });
50
35
  },
51
- setProfileModalOpen: function (value) {
52
- return dispatch({ type: "SET_PROFILE_MODAL_OPEN", payload: value });
53
- },
54
36
  };
55
37
  useEffect(function () {
56
38
  if (state.searchInput || state.searchInput === "") {
@@ -58,9 +40,7 @@ export var useMenuState = function (defaultSideBarOpen, onSideBarToggle) {
58
40
  }
59
41
  }, [state.searchInput]);
60
42
  useEffect(function () {
61
- if (onSideBarToggle) {
62
- onSideBarToggle(state.sideBarOpen);
63
- }
43
+ onSideBarToggle === null || onSideBarToggle === void 0 ? void 0 : onSideBarToggle(state.sideBarOpen);
64
44
  }, [state.sideBarOpen]);
65
45
  return { state: state, actions: actions };
66
46
  };
package/dist/esm/components/CollapsableMenu/hooks/useMenuState.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuState.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/hooks/useMenuState.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useMenuState.js","sourceRoot":"","sources":["../../../../../src/components/CollapsableMenu/hooks/useMenuState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe9C,SAAS,WAAW,CAAC,KAAgB,EAAE,MAAkB;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,gBAAgB;YACnB,6BAAY,KAAK,KAAE,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,IAAG;QACvD,KAAK,kBAAkB;YACrB,6BAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAG;QACnD,KAAK,mBAAmB;YACtB,6BAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAAO,IAAG;QACpD,KAAK,mBAAmB;YACtB,6BAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAAO,IAAG;QACpD;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,kBAA4B,EAC5B,eAAsC;IAEtC,IAAM,YAAY,GAAc;QAC9B,WAAW,EAAE,kBAAkB,IAAI,KAAK;QACxC,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,IAAI;KACnB,CAAC;IAEI,IAAA,KAAoB,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC,EAAxD,KAAK,QAAA,EAAE,QAAQ,QAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG;QACd,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAApC,CAAoC;QACzD,cAAc,EAAE,UAAC,KAAa;YAC5B,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAtD,CAAsD;QACxD,eAAe,EAAE,UAAC,KAAa;YAC7B,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAvD,CAAuD;QACzD,eAAe,EAAE,UAAC,KAAoB;YACpC,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAvD,CAAuD;KAC1D,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,EAAE,CAAC;YAClD,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC;QACR,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,CAAC;AAC5B,CAAC,CAAC"}
package/dist/esm/components/CollapsableMenu/index.js CHANGED
@@ -23,7 +23,7 @@ export var CollapsableMenu = forwardRef(function (_a, ref) {
23
23
  }); }, [menuObject.categories]), footerItems = _c.footerItems, bodyItems = _c.bodyItems;
24
24
  var renderMenuItem = useCallback(function (item) { return (_jsx(MenuItem, { item: item, sideBarOpen: state.sideBarOpen, categoryOpen: state.categoryOpen, toggleCategoryOpen: function (category) {
25
25
  return actions.setCategoryOpen(state.categoryOpen === category ? null : category);
26
- } }, item.path)); }, [state.sideBarOpen, state.categoryOpen, actions]);
27
- return (_jsxs(MenuContainer, __assign({ ref: ref, sideBarOpen: state.sideBarOpen, role: "navigation", "aria-label": "Menu principal" }, props, { children: [_jsx(MenuHeader, { sideBarOpen: state.sideBarOpen, profile: menuObject.profile, onToggleSidebar: actions.toggleSidebar, onProfileModalChange: actions.setProfileModalOpen, profileModalOpen: state.profileModalOpen }), _jsxs(MenuBody, { children: [_jsx(MenuSearch, { sideBarOpen: state.sideBarOpen, searchInput: state.searchInput, modalSearchItem: state.modalSearchItem, isSearchFocused: state.isSearchFocused, onSearchChange: actions.setSearchInput, onActiveSearchChange: actions.setActiveSearch, onSearchFocus: actions.setSearchFocused, onModalSearchChange: actions.setModalSearchItem, searchItems: itemsFormattedToSearch }), _jsx(MenuContent, { activeSearch: state.activeSearch, sideBarOpen: state.sideBarOpen, searchItemsFiltered: searchItemsFiltered, bodyItems: bodyItems, onSearchChange: actions.setActiveSearch, renderMenuItem: renderMenuItem })] }), _jsx(MenuFooter, { children: footerItems.map(renderMenuItem) })] })));
26
+ } }, "menu-item".concat(item.path || ""))); }, [state.sideBarOpen, state.categoryOpen, actions]);
27
+ return (_jsxs(MenuContainer, __assign({ ref: ref, "$sideBarOpen": state.sideBarOpen, role: "navigation", "aria-label": "Menu principal" }, props, { children: [_jsx(MenuHeader, { sideBarOpen: state.sideBarOpen, profile: menuObject.profile, onToggleSidebar: actions.toggleSidebar }), _jsxs(MenuBody, { children: [_jsx(MenuSearch, { sideBarOpen: state.sideBarOpen, searchInput: state.searchInput, onSearchChange: actions.setSearchInput, onActiveSearchChange: actions.setActiveSearch, searchItems: itemsFormattedToSearch }), _jsx(MenuContent, { activeSearch: state.activeSearch, sideBarOpen: state.sideBarOpen, searchItemsFiltered: searchItemsFiltered, bodyItems: bodyItems, onSearchChange: actions.setActiveSearch, renderMenuItem: renderMenuItem })] }), _jsx(MenuFooter, { children: footerItems.map(renderMenuItem) })] })));
28
28
  });
29
29
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CollapsableMenu/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/index.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/CollapsableMenu/styles.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
- sideBarOpen: boolean;
2
+ $sideBarOpen: boolean;
3
3
  }>> & string;
4
4
  interface MenuHeaderProps {
5
- sideBarOpen: boolean;
5
+ $sideBarOpen: boolean;
6
6
  }
7
7
  export declare const MenuHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuHeaderProps>> & string;
8
8
  export declare const MenuHeaderIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,9 +13,10 @@ export declare const MenuBody: import("styled-components/dist/types").IStyledCom
13
13
  export declare const MenuFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
14
  export declare const SearchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuHeaderProps>> & string;
15
15
  interface MenuMouseAreaProps {
16
- top?: number;
17
- left?: number;
18
- maxHeight?: number;
16
+ $top?: number;
17
+ $left?: number;
18
+ $maxHeight?: number;
19
+ $arrowTop?: number;
19
20
  }
20
21
  export declare const MenuMouseArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuMouseAreaProps>> & string;
21
22
  export declare const MenuModalStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/esm/components/CollapsableMenu/styles.js CHANGED
@@ -9,8 +9,8 @@ var MENU_WIDTH = {
9
9
  };
10
10
  // Menu Container
11
11
  export var MenuContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n transition: width 0.3s;\n width: ", ";\n height: 100dvh;\n padding: 8px 8px 12px;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n box-shadow: ", ";\n overflow-y: auto;\n transform-origin: left;\n transition: all 0.3s;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n transition: width 0.3s;\n width: ", ";\n height: 100dvh;\n padding: 8px 8px 12px;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n box-shadow: ", ";\n overflow-y: auto;\n transform-origin: left;\n transition: all 0.3s;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
12
- var sideBarOpen = _a.sideBarOpen;
13
- return sideBarOpen ? MENU_WIDTH.OPEN : MENU_WIDTH.CLOSED;
12
+ var $sideBarOpen = _a.$sideBarOpen;
13
+ return $sideBarOpen ? MENU_WIDTH.OPEN : MENU_WIDTH.CLOSED;
14
14
  }, function (_a) {
15
15
  var theme = _a.theme;
16
16
  return theme.colors.neutral.white;
@@ -29,8 +29,8 @@ export var MenuHeader = styled.div(templateObject_3 || (templateObject_3 = __mak
29
29
  var theme = _a.theme;
30
30
  return theme.colors.neutral.darker;
31
31
  }, function (_a) {
32
- var sideBarOpen = _a.sideBarOpen;
33
- return sideBarOpen && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "], ["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "])));
32
+ var $sideBarOpen = _a.$sideBarOpen;
33
+ return $sideBarOpen && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "], ["\n flex-direction: row-reverse;\n justify-content: space-between;\n\n span {\n display: -webkit-box;\n }\n "])));
34
34
  });
35
35
  export var MenuHeaderIconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 8px;\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 8px;\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n"])), function (_a) {
36
36
  var theme = _a.theme;
@@ -55,8 +55,8 @@ export var SearchContainer = styled.div(templateObject_9 || (templateObject_9 =
55
55
  var theme = _a.theme;
56
56
  return theme.typography.family.default;
57
57
  }, function (_a) {
58
- var sideBarOpen = _a.sideBarOpen;
59
- return !sideBarOpen && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "], ["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "])), function (_a) {
58
+ var $sideBarOpen = _a.$sideBarOpen;
59
+ return !$sideBarOpen && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "], ["\n svg {\n font-size: 24px;\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", "60;\n }\n "])), function (_a) {
60
60
  var theme = _a.theme;
61
61
  return theme.colors.primary.default;
62
62
  }, function (_a) {
@@ -67,17 +67,20 @@ export var SearchContainer = styled.div(templateObject_9 || (templateObject_9 =
67
67
  return theme.colors.primary.lightest;
68
68
  });
69
69
  });
70
- export var MenuMouseArea = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n"], ["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n"])), function (_a) {
71
- var top = _a.top;
72
- return top;
70
+ export var MenuMouseArea = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n\n &::after {\n content: \"\";\n position: absolute;\n top: ", "px;\n left: 12px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"], ["\n z-index: 9999;\n position: absolute;\n top: ", "px;\n left: ", "px;\n max-height: ", "px;\n padding-left: 20px;\n max-width: 300px;\n\n &::after {\n content: \"\";\n position: absolute;\n top: ", "px;\n left: 12px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"])), function (_a) {
71
+ var $top = _a.$top;
72
+ return $top;
73
73
  }, function (_a) {
74
- var left = _a.left;
75
- return left;
74
+ var $left = _a.$left;
75
+ return $left;
76
76
  }, function (_a) {
77
- var maxHeight = _a.maxHeight;
78
- return maxHeight;
77
+ var $maxHeight = _a.$maxHeight;
78
+ return $maxHeight;
79
+ }, function (_a) {
80
+ var $arrowTop = _a.$arrowTop;
81
+ return $arrowTop;
79
82
  });
80
- export var MenuModalStyle = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n\n &::after {\n content: \"\";\n position: fixed;\n top: 20px;\n left: 20px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n\n &::after {\n content: \"\";\n position: fixed;\n top: 20px;\n left: 20px;\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid #fff;\n filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.1));\n }\n"])), function (_a) {
83
+ export var MenuModalStyle = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 150px;\n width: fit-content;\n background-color: ", ";\n border-radius: 8px;\n padding: 8px;\n box-shadow: ", ";\n transition: all 0.3s;\n transform-origin: left;\n"])), function (_a) {
81
84
  var theme = _a.theme;
82
85
  return theme.colors.neutral.white;
83
86
  }, function (_a) {
package/dist/esm/components/CollapsableMenu/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.5.10",
3
+ "version": "0.5.12",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",