amotify 0.3.25 → 0.3.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/atoms/Logo.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ declare namespace Logo {
|
|
|
23
23
|
ComunLogoH: (p: DefaultLogoInput) => React.JSX.Element;
|
|
24
24
|
ComunLogoV: (p: DefaultLogoInput) => React.JSX.Element;
|
|
25
25
|
Google: (p: DefaultLogoInput) => React.JSX.Element;
|
|
26
|
+
Instagram: (p: DefaultLogoInput) => React.JSX.Element;
|
|
26
27
|
Facebook: (p: DefaultLogoInput) => React.JSX.Element;
|
|
27
28
|
Twitter: (p: DefaultLogoInput) => React.JSX.Element;
|
|
28
29
|
LINE: (p: DefaultLogoInput) => React.JSX.Element;
|
package/dist/atoms/Logo.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as
|
|
1
|
+
import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as d,jsx as e,jsxs as I}from"react/jsx-runtime";import S from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as a}from"../@styles/componentClasses";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:a("ComunIcon"),children:I("g",{children:[e("path",{d:`
|
|
2
2
|
M
|
|
3
3
|
100,600
|
|
4
4
|
A 500,500 0 0,0 600,1100
|
|
@@ -32,7 +32,7 @@ import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,
|
|
|
32
32
|
A 500,500 0 0,1 500,200
|
|
33
33
|
A 100,100 0 0,1 600,100
|
|
34
34
|
Z
|
|
35
|
-
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(
|
|
35
|
+
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(d,{children:[e("path",{d:`
|
|
36
36
|
M
|
|
37
37
|
600,100
|
|
38
38
|
A 80,80 0 0,1 600,260
|
|
@@ -48,4 +48,4 @@ import{b as l,c,d as m}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,
|
|
|
48
48
|
L600,600
|
|
49
49
|
L600,300
|
|
50
50
|
Z
|
|
51
|
-
`,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(s.Icon,c(l({},o),{children:e(
|
|
51
|
+
`,className:[a("P"),a("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:a("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(s.Icon,c(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(s.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{xcss:l({letterSpacing:"3px"},o.xcss),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},p={Icon:o=>e(s.Icon,c(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(s.Title,c(l({className:a("ComunTitle"),height:"auto"},o),{xcss:l({letterSpacing:"3px"},o.xcss),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({gap:"1/2",flexCenter:!0},i),{children:[e(p.Icon,{size:t,color:g}),e(p.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,i=m(n,["size","color"]);return I(L,c(l({flexType:"col",gap:"1/2"},i),{children:[e(p.Icon,{margin:"auto",size:t,color:g}),e(p.Title,{size:t,color:g})]}))}};let r="https://cdn.amotify.com/";const s={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,h=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Icon"),a("Size_"+t)].join(" "),verticalAlign:"center"},h),{children:S.isFunction(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:i="",children:n}=f,h=m(f,["size","color","className","children"]);return e(L,c(l({className:[i,a("Title"),a("Size_"+t)].join(" "),verticalAlign:"center",fontColor:g=="white"?"white":"logo"},h),{children:S.isFunction(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Instagram:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Instagram.svg",alt:""})})),Facebook:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(s.Icon,c(l({},o),{children:e(C,{src:r+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:r+"@env/@logos/mingoo/icon.png",mingooIconClear:r+"@env/@logos/mingoo/iconClear.png",comunIcon:r+"@env/@logos/comun/icon.png",comunIconClear:r+"@env/@logos/comun/iconClear.png",defaultIcon:o=>r+"@env/@icon/"+(o||"image")+".png"}};export{s as Logo,s as default};
|
|
@@ -20,9 +20,22 @@ declare namespace RootViewController {
|
|
|
20
20
|
fn: FNs;
|
|
21
21
|
};
|
|
22
22
|
type Base = Box.DefaultInput & {
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Use `topNav` instead
|
|
25
|
+
*/
|
|
23
26
|
topNavigation?: ReactElement;
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated Use `leftNav` instead
|
|
29
|
+
*/
|
|
24
30
|
sideNavigation?: ReactElement;
|
|
31
|
+
/**
|
|
32
|
+
* @deprecated Use `footerNav` instead
|
|
33
|
+
*/
|
|
25
34
|
footerNavigation?: ReactElement;
|
|
35
|
+
topNav?: ReactElement;
|
|
36
|
+
leftNav?: ReactElement;
|
|
37
|
+
rightNav?: ReactElement;
|
|
38
|
+
footerNav?: ReactElement;
|
|
26
39
|
};
|
|
27
40
|
type Button = Button.Input<ButtonTypes.ClearColors> & {
|
|
28
41
|
path?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as g,c as y,d as c}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as _}from"react/jsx-runtime";import{useState as P,useEffect as x}from"react";import a,{UUID as w}from"jmini";import{$$fromRoot as m,Config as A,pageRouter as E}from"../@utils";import{Box as R,Flex as B,Column as T}from"../atoms";import{Button as V}from"./Button";import{LayoutClasses as N}from"../@styles/componentClasses";const t={Base:o=>{let u=o,{topNavigation:i,sideNavigation:e,footerNavigation:r,topNav:l,leftNav:s,rightNav:f,footerNav:v,children:d,className:n}=u,p=c(u,["topNavigation","sideNavigation","footerNavigation","topNav","leftNav","rightNav","footerNav","children","className"]);x(()=>{t.fn.updateCSSProperty.reset(),setTimeout(()=>{t.fn.updateCSSProperty.reset()},100);let C="ResizeCB",H="RemovePageEventCB";return a(window).onEvent("resize",()=>{A.get().screen.isPhonepoint()||a.interval.once(()=>{t.fn.updateCSSProperty.reset()},300,"__RVC_calcHeights")},{eventID:C}),()=>{a(window).removeEvent(H),a(window).removeEvent(C)}},[]);let S=d;return _(T,y(g({className:[n,N("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},p),{children:[l||i,_(B,{className:N("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[s||e,h(R,{className:N("Content"),position:"relative",flexSizing:0,width:0,children:S}),f]}),v||r]}))},TopNavigation:o=>{let s=o,{className:i,children:e}=s,r=c(s,["className","children"]),[l]=P(w());return x(()=>{t.fn.updateCSSProperty.topNav()},[]),h(B,y(g({"data-id":l,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},r),{id:"__RVC_TopNavigation",className:[i,N("TopNav")].join(" "),children:e}),l)},SideNavigation:o=>{let r=o,{className:i=""}=r,e=c(r,["className"]);return x(()=>{t.fn.updateCSSProperty.sideNav()},[]),h(R,y(g({className:[i,N("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e),{id:"__RVC_SideNavigation"}))},FooterNavigation:o=>{let s=o,{className:i="",baseStyles:e}=s,r=c(s,["className","baseStyles"]),[l]=P(w());return x(()=>{t.fn.updateCSSProperty.footer()},[]),h(B,y(g({"data-id":l,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[N("FooterNav"),i].join(" "),children:h(B,g({gap:1,flexWrap:!1,padding:"2/3",margin:"auto",width:1},r))}))},Comps:{Button:o=>{let d=o,{isActive:i,path:e,pathGroup:r,currentPath:l}=d,s=c(d,["isActive","path","pathGroup","currentPath"]),f=a.Arrayify(r),v=l||location.pathname;{let n=!1;a.scope(()=>{a.isString(e)&&(a.isNullish(e)||(n=v.replace(/^\//,"").replace(/\/$/,"")==e.replace(/^\//,"").replace(/\/$/,"")))}),a.scope(()=>{if(!n&&f.length)for(let p of f){if(n)break;a.isNullish(p)||(a.isString(p)&&(p=String(p).escapeRegExChar()),v.match(new RegExp(p))&&(n=!0))}}),i=i!=null?i:n}return h(V.Clear,g({isActive:i,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:n=>{a.isExist(e)&&a.isString(e)&&E.push(e,n.ctrlKey||n.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},s))},Bar:o=>h(R,g({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},o)),Title:o=>h(R,g({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),i=m("#__RVC_TopNavigation"),e=i.position().height||0,r=e;i.getStyleProperty("position")!="sticky"&&(r=0),t.fn.topNavHeight=e,t.fn.topBase=r,o.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",r+"px")},footer:()=>{let o=a(document.body),e=m("#__RVC_FooterNavigation").position().height||0;t.fn.footerNavHeight=e,o.setStyleProperty("--footerNavHeight",e+"px")},sideNav:()=>{let o=a(document.body),e=m("#__RVC_SideNavigation").position().width||0;t.fn.sideNavHeight=e,o.setStyleProperty("--sideNavWidth",e+"px")},reset:()=>{let o=a(document.body),i=m("#__RVC_TopNavigation"),e=m("#__RVC_FooterNavigation"),r=m("#__RVC_SideNavigation"),l=i.position().height||0,s=l,f=e.position().height||0,v=r.position().width||0;i.getStyleProperty("position")!="sticky"&&(s=0);let d=window.innerHeight,n=window.innerWidth,p=d-l-f,S=n-v;t.fn.viewHeight=d,t.fn.viewWidth=n,t.fn.contentHeight=p,t.fn.contentWidth=S,t.fn.topBase=s,t.fn.sideNavHeight=v,t.fn.topNavHeight=l,t.fn.footerNavHeight=f;{let u=getComputedStyle(document.documentElement),C=u.getPropertyValue("--safe-area-top"),H=u.getPropertyValue("--safe-area-bottom"),b=u.getPropertyValue("--safe-area-left"),F=u.getPropertyValue("--safe-area-right");t.fn.safeAreaTop=parseInt(C,10)||0,t.fn.safeAreaBottom=parseInt(H,10)||0,t.fn.safeAreaLeft=parseInt(b,10)||0,t.fn.safeAreaRight=parseInt(F,10)||0}o.setStyleProperty("--viewHeight",d+"px").setStyleProperty("--viewWidth",n+"px").setStyleProperty("--contentHeight",p+"px").setStyleProperty("--contentWidth",S+"px").setStyleProperty("--topBase",s+"px").setStyleProperty("--topNavHeight",l+"px").setStyleProperty("--footerNavHeight",f+"px").setStyleProperty("--sideNavHeight",p+"px")}},viewHeight:0,viewWidth:0,contentHeight:0,contentWidth:0,topBase:0,sideNavHeight:0,topNavHeight:0,footerNavHeight:0,safeAreaTop:0,safeAreaBottom:0,safeAreaLeft:0,safeAreaRight:0}};export{t as RootViewController,t as default};
|