@sikka/hawa 0.2.14-beta → 0.2.16-beta

package/dist/lib/src/layout/HawaAppLayoutSimplified.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),l=require("../hooks/useDiscloser.js"),a=require("../hooks/useBreakpoint.js");require("../elements/Label.js"),require("../elements/Switch.js");var i=require("../elements/Button.js"),n=require("../elements/DropdownMenu.js");require("../elements/Card.js");var o=require("../elements/Tooltip.js");require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");var s=require("../../_virtual/index.js"),c=function(){return t.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"}))},d=function(e){var l;switch(e.pointing){case"right":l="-rotate-90";break;case"left":l="rotate-90";break;case"up":l="-rotate-180";break;case"down":l="rotate-0"}return t.createElement("svg",{className:r.clsx("h-6 w-6 shrink-0 text-primary-foreground   transition-all  disabled:bg-gray-200 ",l),fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))};exports.HawaAppLayoutSimplified=function(m){var u,p,x,f=m.direction,v=void 0===f?"rtl":f,g=m.drawerSize,h=void 0===g?"md":g;m.onSettingsClick;var w=m.DrawerFooterActions,y=e.__rest(m,["direction","drawerSize","onSettingsClick","DrawerFooterActions"]),b=s.react.exports.useState(!1),E=b[0],j=b[1],N=s.react.exports.useState(""),k=N[0],q=N[1];l(!1);var S,z=s.react.exports.useState(!1),C=z[0],B=z[1],I=s.react.exports.useRef(null),M="rtl"===v;S="undefined"!=typeof window?a():1200,s.react.exports.useEffect((function(){var e=function(e){!I.current||I.current.contains(e.target)||C||j(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[C]);var R=200,L={opened:{sm:"100",md:R,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},_=S>600?L[C?"opened":"closed"][h]:0;return t.createElement("div",{className:"fixed left-0"},y.topBar&&t.createElement("div",{className:r.clsx("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",M?"flex-row-reverse":"flex-row")},S>600?t.createElement("div",{className:r.clsx("dark:text-white",M?[S>600?"mr-14":"mr-2",C?"mr-40":""]:[S>600?"ml-14":"ml-2",C?"ml-40":""]),style:M?{marginRight:"".concat(L[C?"opened":"closed"][h],"px")}:{marginLeft:"".concat(L[C?"opened":"closed"][h],"px")}},y.pageTitle):t.createElement("div",{dir:v,className:"flex items-center justify-center gap-0.5"},t.createElement("div",{onClick:function(){return j(!0)},className:"z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},t.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))),y.pageTitle?t.createElement("div",{className:"text-sm"},y.pageTitle):t.createElement("div",null)),t.createElement("div",{className:r.clsx("flex gap-2 dark:text-white",M?"flex-row-reverse":"flex-row")},S>600?t.createElement("div",{className:M?"text-left text-xs":"text-right text-xs"},t.createElement("div",{className:"font-bold"},y.username)," ",t.createElement("div",null,y.email)):null,t.createElement(n.DropdownMenu,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,direction:M?"rtl":"ltr",trigger:t.createElement("div",{className:"relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},t.createElement(c,null)),items:y.profileMenuItems,onItemSelect:function(e){return console.log("selecting item ",e)}}))),t.createElement("div",{className:r.clsx("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all",M?"right-0":"left-0"),style:{width:S>600?"".concat(E?L.opened[h]:L.closed[h],"px"):E?"".concat(L.opened[h],"px"):"0px"},onMouseEnter:function(){j(!0)},onMouseLeave:function(){return j(!!C)},ref:I},t.createElement("div",{dir:v,className:r.clsx("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),style:{width:"".concat(S>600?E?R:56:E?R:0,"px")}},t.createElement("img",{className:r.clsx("h-9  opacity-0 transition-all",E?"visible opacity-100":"invisible opacity-0"),src:y.logoLink}),S>600?t.createElement("img",{className:r.clsx("fixed top-2.5 h-9  transition-all",M?"right-2.5":"left-2.5",E?"invisible opacity-0":"visible opacity-100"),src:y.logoSymbol}):null),t.createElement("div",{className:r.clsx("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",E?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:"".concat(S>600?E?R:56:E?R:0,"px")}},null===(u=y.drawerItems)||void 0===u?void 0:u.map((function(e,l){return t.createElement("div",{key:l,className:r.clsx("flex select-none flex-col items-stretch justify-center transition-all")},null==e?void 0:e.map((function(e,l){var a,i,n;return t.createElement("div",{key:l,id:"test",className:"flex flex-col"},t.createElement("div",{onClick:function(){e.subItems?k===e.slug?q(""):q(e.slug):e.action()},className:r.clsx(y.currentPage===e.slug||(null===(a=e.subItems)||void 0===a?void 0:a.find((function(e){return e.slug===y.currentPage})))?"bg-primary text-primary-foreground ":"hover:bg-primary/20","my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ",M?"flex-row-reverse pr-3":"","m-2")},t.createElement("div",{className:"flex flex-row",dir:v},t.createElement("div",{className:"flex items-center justify-center "},e.icon),t.createElement("div",{className:r.clsx("mx-2 whitespace-nowrap text-sm transition-all",E?"opacity-100":"opacity-0")},e.label)),e.subItems&&t.createElement(d,{pointing:k&&e.slug===k?"up":"down"})),e.subItems&&t.createElement("div",{className:r.clsx("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all",k==e.slug&&E?"":"my-0 py-0",M?"text-right":"text-left"),style:{height:k==e.slug&&E?6+35*(null===(i=e.subItems)||void 0===i?void 0:i.length):0}},null===(n=e.subItems)||void 0===n?void 0:n.map((function(e,l){return t.createElement("div",{key:l,className:r.clsx("flex flex-row gap-2 overflow-x-clip  rounded-inner p-2 px-2 text-xs",M?"text-right":"text-left",y.currentPage===e.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:v,onClick:function(){e.action()}},t.createElement("div",{className:"flex items-center justify-center"},e.icon),t.createElement("div",{className:"flex flex-row justify-between"},e.label))}))))})),l!==y.drawerItems.length-1&&t.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "}))}))),t.createElement("div",{className:r.clsx("fixed bottom-0  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all","rtl"===v?"flex-row-reverse":"flex-row"),style:{width:"".concat(S>600?E?R:56:E?R:0,"px")}},w&&E?t.createElement(t.Fragment,null,w):null,S>600&&E?t.createElement(o.Tooltip,{side:"left",delayDuration:500,content:C?(null===(p=y.texts)||void 0===p?void 0:p.collapseSidebar)||"Collapse Sidebar":(null===(x=y.texts)||void 0===x?void 0:x.expandSidebar)||"Expand Sidebar"},t.createElement(i.Button,{variant:"light",onClick:function(){return B(!C)},size:"smallIcon"},t.createElement("svg",{className:r.clsx("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ",C?M?"-rotate-90":"rotate-90":M?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),t.createElement("div",{className:"fixed overflow-y-auto",style:M?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_,"px)"),left:"".concat(_,"px"),top:y.topBar?"56px":"0px"}},y.children))};

package/dist/lib/src/layout/HawaBottomAppBar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaBottomAppBar=function(t){return e.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full  p-1"},e.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},t.appBarContent.map((function(t,l){return e.createElement("div",{key:l,className:"m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",onClick:t.action},e.createElement("div",null,t.icon),e.createElement("div",{className:"mt-2 text-sm"},t.label))}))))};

package/dist/lib/src/layout/HawaContainer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),r=require("../../node_modules/react/index.js"),d=require("../../node_modules/clsx/dist/clsx.m.js");exports.HawaContainer=function(t){var i=t.maxWidth,n=void 0===i?"normal":i,o=t.variant,a=void 0===o?"contained":o,l=t.centered,s=void 0!==l&&l,m=t.direction,c=void 0===m?"ltr":m,u=e.__rest(t,["maxWidth","variant","centered","direction"]);return r.createElement("div",{className:d.clsx("flex w-full flex-col rounded p-4",{full:"md:max-w-xl",small:"md:max-w-sm w-1/3 min-w-min",normal:"max-w-sm md:max-w-md"}[n],{contained:"bg-background border",outlined:"bg-transparent border border-black w-fit",neobrutalism:"shadow-neobrutalism  border-4 border-black  bg-white"}[a],s?"flex items-center text-center":""),dir:c},u.children)};

package/dist/lib/src/layout/HawaGrid.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaGrid=function(s){return e.createElement("div",{className:" columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"},s.children)};

package/dist/lib/src/layout/HawaSiteLayout.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),a=require("../hooks/useDiscloser.js"),n=require("../hooks/useBreakpoint.js"),l=require("../../_virtual/index.js");exports.HawaSiteLayout=function(s){var i,o=s.direction,c=void 0===o?"rtl":o,u=s.navigationSize,d=void 0===u?"md":u,m=e.__rest(s,["direction","navigationSize"]),v=l.react.exports.useState(!1),f=v[0],h=v[1],x=l.react.exports.useState(!1);x[0],x[1],a(!1);var p,g=l.react.exports.useRef(null);l.react.exports.useRef(null),p="undefined"!=typeof window?n():1200;var E=l.react.exports.useState(!1),k=E[0];E[1],l.react.exports.useEffect((function(){var e=function(e){!g.current||g.current.contains(e.target)||k||h(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[k]);return t.createElement("div",{className:"h-full w-full"},t.createElement("div",{className:r.clsx("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500  transition-all",{sm:"h-10",md:"",lg:"h-24"}[d],"rounded p-3 ",f?"h-44":"h-14",m.stickyNav?"fixed left-4 right-4 top-4":"","rtl"===c?"flex-row":"flex-row-reverse")},p>600?t.createElement("div",{className:"flex  flex-row h-8    items-center  gap-4 px-3"},null===(i=m.navItems)||void 0===i?void 0:i.map((function(e,r){var a=e.label;return t.createElement("div",{onClick:function(){return h(!f)},key:r,className:"cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"},a)}))):t.createElement("div",{className:"flex items-center justify-center"},t.createElement("div",{onClick:function(){return h(!f)},className:"cursor-pointer  rounded p-1  transition-all hover:bg-gray-100"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},t.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),m.pageTitle?t.createElement("div",null,m.pageTitle):t.createElement("div",null)),t.createElement("div",{className:"h-full"},t.createElement("img",{className:"h-full max-h-8 ",src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-".concat("rtl"===c?"ar":"en","-white.svg")}))),t.createElement("div",{className:r.clsx(" relative top-14")},m.children))};