@mobilestock-native/header 0.0.2 → 0.0.3

package/index.js

@@ -1,13 +1,15 @@
-"use strict";var C=Object.defineProperty,Z=Object.defineProperties,j=Object.getOwnPropertyDescriptor,ee=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertyNames,H=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var w=(e,o,r)=>o in e?C(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,p=(e,o)=>{for(var r in o||(o={}))S.call(o,r)&&w(e,r,o[r]);if(H)for(var r of H(o))h.call(o,r)&&w(e,r,o[r]);return e},b=(e,o)=>Z(e,ee(o));var c=(e,o)=>{var r={};for(var a in e)S.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&H)for(var a of H(e))o.indexOf(a)<0&&h.call(e,a)&&(r[a]=e[a]);return r};var re=(e,o)=>{for(var r in o)C(e,r,{get:o[r],enumerable:!0})},te=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of oe(o))!S.call(e,i)&&i!==r&&C(e,i,{get:()=>o[i],enumerable:!(a=j(o,i))||a.enumerable});return e};var ae=e=>te(C({},"__esModule",{value:!0}),e);var pe={};re(pe,{Header:()=>y,HeaderProvider:()=>q,SubHeader:()=>K,useHeader:()=>l});module.exports=ae(pe);var m=require("styled-components/native"),R=require("@mobilestock-native/button"),B=require("@mobilestock-native/clickable"),u=require("@mobilestock-native/container"),T=require("@mobilestock-native/image"),v=require("@mobilestock-native/typography");var g=require("react"),E=(0,g.createContext)(null);function l(){let e=(0,g.useContext)(E);if(!e)throw new Error("useHeader must be used within a HeaderProvider");return e}var t=require("react/jsx-runtime");function y({pageTitle:e,pressOnTitle:o,backNavigation:r,disableRightSide:a=!1,disableLeftSide:i=!1}){let n=l(),d=o||n.pressOnTitle,f=r||n.onNavigateBack;return(0,t.jsxs)(se,{children:[(0,t.jsx)(ne,{children:(0,t.jsxs)(u.Container.Horizontal,{align:"BETWEEN_CENTER",padding:"NONE_XS_XS_XS",children:[(0,t.jsx)(u.Container.Vertical,{align:"CENTER",children:i?(0,t.jsx)(A,{}):(0,t.jsx)(t.Fragment,{children:n.isBackArrowVisible?(0,t.jsx)(R.Button,{variant:"TRANSPARENT",icon:"ArrowLeft",size:"XS",onPress:f}):(0,t.jsx)(T.Img,{src:n.logo,alt:"Logo",size:"2XS",borderRadius:"ROUNDED"})})}),(0,t.jsxs)(u.Container.Vertical,{full:!0,align:"CENTER",children:[(0,t.jsx)(B.Clickable,{onPress:d,children:(0,t.jsx)(v.Typography,{size:"LG",weight:"BOLD",color:"CONTRAST",align:"CENTER",children:n.appName})}),e&&(0,t.jsx)(v.Typography,{size:"SM",color:"CONTRAST_600",align:"CENTER",children:e})]}),(0,t.jsx)(u.Container.Vertical,{align:"CENTER",children:a?(0,t.jsx)(A,{}):(0,t.jsx)(t.Fragment,{children:n.avatar?(0,t.jsx)(B.Clickable,{onPress:n.pressOnAvatar,style:{display:"flex"},children:(0,t.jsx)(T.Img,{alt:"Avatar",src:n.avatar,size:"2XS",borderRadius:"ROUNDED"})}):(0,t.jsx)(R.Button,{variant:"TRANSPARENT",icon:"Settings",size:"XS",onPress:n.pressOnAvatar})})})]})}),(0,t.jsx)(ie,{children:(0,t.jsx)(u.Container.Horizontal,{align:"BETWEEN_CENTER",children:n==null?void 0:n.subHeader})})]})}var A=m.styled.View`
+"use strict";var re=Object.create;var f=Object.defineProperty,te=Object.defineProperties,ae=Object.getOwnPropertyDescriptor,ne=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,se=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var y=(e,o,r)=>o in e?f(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,c=(e,o)=>{for(var r in o||(o={}))E.call(o,r)&&y(e,r,o[r]);if(g)for(var r of g(o))w.call(o,r)&&y(e,r,o[r]);return e},S=(e,o)=>te(e,ne(o));var p=(e,o)=>{var r={};for(var a in e)E.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&g)for(var a of g(e))o.indexOf(a)<0&&w.call(e,a)&&(r[a]=e[a]);return r};var de=(e,o)=>{for(var r in o)f(e,r,{get:o[r],enumerable:!0})},z=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of ie(o))!E.call(e,i)&&i!==r&&f(e,i,{get:()=>o[i],enumerable:!(a=ae(o,i))||a.enumerable});return e};var le=(e,o,r)=>(r=e!=null?re(se(e)):{},z(o||!e||!e.__esModule?f(r,"default",{value:e,enumerable:!0}):r,e)),ce=e=>z(f({},"__esModule",{value:!0}),e);var He={};de(He,{Header:()=>L,HeaderProvider:()=>Z,SubHeader:()=>Y,useHeader:()=>u});module.exports=ce(He);var X=require("react"),l=require("styled-components/native"),B=require("@mobilestock-native/button"),v=require("@mobilestock-native/clickable"),m=require("@mobilestock-native/container"),R=require("@mobilestock-native/image"),V=le(require("@mobilestock-native/tools")),D=require("@mobilestock-native/typography");var x=require("react"),T=(0,x.createContext)(null);function u(){let e=(0,x.useContext)(T);if(!e)throw new Error("useHeader must be used within a HeaderProvider");return e}var t=require("react/jsx-runtime");function L({pageTitle:e,pressOnTitle:o,backNavigation:r,disableRightSide:a=!1,disableLeftSide:i=!1}){let s=(0,l.useTheme)(),n=u(),H=o||n.pressOnTitle,b=r||n.onNavigateBack,C=(0,X.useCallback)(()=>V.default.defineTextColor(s.colors.header.background),[s.colors.header.background]);return(0,t.jsxs)(me,{children:[(0,t.jsx)(pe,{children:(0,t.jsxs)(m.Container.Horizontal,{align:"BETWEEN_CENTER",padding:"NONE_XS_XS_XS",children:[(0,t.jsx)(m.Container.Vertical,{align:"CENTER",children:i?(0,t.jsx)(A,{}):(0,t.jsx)(t.Fragment,{children:n.isBackArrowVisible?(0,t.jsx)(B.Button,{style:{color:C()},variant:"TRANSPARENT",icon:"ArrowLeft",size:"XS",onPress:b}):(0,t.jsx)(R.Img,{src:n.logo,alt:"Logo",size:"2XS",borderRadius:"ROUNDED"})})}),(0,t.jsxs)(m.Container.Vertical,{full:!0,align:"CENTER",children:[(0,t.jsx)(v.Clickable,{onPress:H,children:(0,t.jsx)(O,{size:"LG",weight:"BOLD",align:"CENTER",children:n.appName})}),e&&(0,t.jsx)(O,{size:"SM",align:"CENTER",children:e})]}),(0,t.jsx)(m.Container.Vertical,{align:"CENTER",children:a?(0,t.jsx)(A,{}):(0,t.jsx)(t.Fragment,{children:n.avatar?(0,t.jsx)(v.Clickable,{onPress:n.pressOnAvatar,style:{display:"flex"},children:(0,t.jsx)(R.Img,{alt:"Avatar",src:n.avatar,size:"2XS",borderRadius:"ROUNDED"})}):(0,t.jsx)(B.Button,{style:{color:C()},variant:"TRANSPARENT",icon:"Settings",size:"XS",onPress:n.pressOnAvatar})})})]})}),(0,t.jsx)(ue,{children:(0,t.jsx)(m.Container.Horizontal,{align:"BETWEEN_CENTER",children:n==null?void 0:n.subHeader})})]})}var A=l.styled.View`
   min-width: 40px;
   min-height: 40px;
-`,ne=m.styled.View`
+`,pe=l.styled.View`
   padding-top: 40px;
   margin: 0 -4px;
   background-color: ${({theme:e})=>e.colors.header.background};
-`,ie=m.styled.View`
+`,ue=l.styled.View`
   background-color: ${({theme:e})=>e.colors.header.sub};
   border-radius: 0 0 5px 5px;
-`,se=m.styled.View`
+`,me=l.styled.View`
   margin-top: -40px;
-`;var z=require("@mobilestock-native/button");var X=require("react/jsx-runtime");function O(a){var i=a,{icon:e,text:o}=i,r=c(i,["icon","text"]);return(0,X.jsx)(z.Button,p({icon:e,text:o,size:"SM",variant:"LINK",iconAlign:"ABOVE-TEXT"},r))}var L=require("react"),D=require("@mobilestock-native/container");var _=require("react");function x(e){let{setSubHeader:o}=l();(0,_.useEffect)(()=>(o(e),()=>{o(void 0)}),[o])}var M=require("react/jsx-runtime"),I=(0,L.forwardRef)(function(i,a){var n=i,{children:o}=n,r=c(n,["children"]);return x((0,M.jsx)(D.Container.Horizontal,b(p({ref:a,full:!0,align:"CENTER_CENTER"},r),{children:o}))),null});var U=require("react"),G=require("@mobilestock-native/container");var $=require("react/jsx-runtime"),W=(0,U.forwardRef)(function(i,a){var n=i,{children:o}=n,r=c(n,["children"]);return x((0,$.jsx)(G.Container.Vertical,b(p({ref:a,full:!0},r),{children:o}))),null});function de(){throw new Error("The SubHeader component should not be used directly. Use SubHeader.Vertical or SubHeader.Horizontal.")}var K=Object.assign(de,{Vertical:W,Horizontal:I,Button:O});var N=require("expo-router"),s=require("react");var F=require("react/jsx-runtime");function q({children:e,appName:o,avatar:r,logo:a,pressOnAvatar:i,pressOnTitle:n}){let d=(0,N.useRouter)(),f=(0,N.usePathname)(),[P,J]=(0,s.useState)(void 0),[V,Q]=(0,s.useState)(!1);(0,s.useEffect)(()=>{Q(f!=="/")},[f]);let k=(0,s.useCallback)(()=>{d.canGoBack()?d.back():d.replace("/")},[d]),Y=(0,s.useMemo)(()=>({appName:o,avatar:r,logo:a,subHeader:P,isBackArrowVisible:V,setSubHeader:J,pressOnAvatar:i,pressOnTitle:n,onNavigateBack:k}),[o,r,a,P,V,i,n,k]);return(0,F.jsx)(E.Provider,{value:Y,children:e})}0&&(module.exports={Header,HeaderProvider,SubHeader,useHeader});
+`,O=(0,l.styled)(D.Typography)`
+  color: ${({theme:e})=>V.default.defineTextColor(e.colors.header.background)};
+`;var _=require("@mobilestock-native/button");var M=require("react/jsx-runtime");function I(a){var i=a,{icon:e,text:o}=i,r=p(i,["icon","text"]);return(0,M.jsx)(_.Button,c({icon:e,text:o,size:"SM",variant:"LINK",iconAlign:"ABOVE-TEXT"},r))}var $=require("react"),G=require("@mobilestock-native/container");var U=require("react");function P(e){let{setSubHeader:o}=u();(0,U.useEffect)(()=>(o(e),()=>{o(void 0)}),[o])}var K=require("react/jsx-runtime"),W=(0,$.forwardRef)(function(i,a){var s=i,{children:o}=s,r=p(s,["children"]);return P((0,K.jsx)(G.Container.Horizontal,S(c({ref:a,full:!0,align:"CENTER_CENTER"},r),{children:o}))),null});var q=require("react"),F=require("@mobilestock-native/container");var Q=require("react/jsx-runtime"),J=(0,q.forwardRef)(function(i,a){var s=i,{children:o}=s,r=p(s,["children"]);return P((0,Q.jsx)(F.Container.Vertical,S(c({ref:a,full:!0},r),{children:o}))),null});function fe(){throw new Error("The SubHeader component should not be used directly. Use SubHeader.Vertical or SubHeader.Horizontal.")}var Y=Object.assign(fe,{Vertical:J,Horizontal:W,Button:I});var N=require("expo-router"),d=require("react");var j=require("react/jsx-runtime");function Z({children:e,appName:o,avatar:r,logo:a,pressOnAvatar:i,pressOnTitle:s}){let n=(0,N.useRouter)(),H=(0,N.usePathname)(),[b,C]=(0,d.useState)(void 0),[h,ee]=(0,d.useState)(!1);(0,d.useEffect)(()=>{ee(H!=="/")},[H]);let k=(0,d.useCallback)(()=>{n.canGoBack()?n.back():n.replace("/")},[n]),oe=(0,d.useMemo)(()=>({appName:o,avatar:r,logo:a,subHeader:b,isBackArrowVisible:h,setSubHeader:C,pressOnAvatar:i,pressOnTitle:s,onNavigateBack:k}),[o,r,a,b,h,i,s,k]);return(0,j.jsx)(T.Provider,{value:oe,children:e})}0&&(module.exports={Header,HeaderProvider,SubHeader,useHeader});

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@mobilestock-native/header",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "index.js",
   "dependencies": {
     "@mobilestock-native/button": "^1.0.6",
     "@mobilestock-native/clickable": "^1.0.3",
     "@mobilestock-native/container": "^0.0.4",
     "@mobilestock-native/image": "^0.0.6",
-    "@mobilestock-native/typography": "^0.0.7"
+    "@mobilestock-native/typography": "^0.0.7",
+    "@mobilestock-native/tools": "^0.0.8"
   },
   "peerDependencies": {
     "react": "18.2.0",