@mobilestock-native/modalalert 0.0.1

package/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type TypeAlert = 'FATAL_ERROR' | 'SUCCESS' | 'ERROR_NOTICE' | 'SUCCESS_NOTICE';
+interface GlobalSuspendedInteractionProps {
+    visible: boolean;
+    onClose?(): void;
+}
+interface ModalAlertPropsType extends GlobalSuspendedInteractionProps {
+    type: TypeAlert;
+    title?: string;
+    message?: string;
+}
+declare function ModalAlert(props: React.PropsWithChildren<ModalAlertPropsType>): react_jsx_runtime.JSX.Element;
+
+export { ModalAlert, type ModalAlertPropsType, type TypeAlert };

package/index.js

@@ -0,0 +1,35 @@
+"use strict";var t5=Object.create;var s=Object.defineProperty;var a5=Object.getOwnPropertyDescriptor;var l5=Object.getOwnPropertyNames,w=Object.getOwnPropertySymbols,e5=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty,i5=Object.prototype.propertyIsEnumerable;var L=(x,_,a)=>_ in x?s(x,_,{enumerable:!0,configurable:!0,writable:!0,value:a}):x[_]=a,A=(x,_)=>{for(var a in _||(_={}))U.call(_,a)&&L(x,a,_[a]);if(w)for(var a of w(_))i5.call(_,a)&&L(x,a,_[a]);return x};var i=(x,_)=>()=>(_||x((_={exports:{}}).exports,_),_.exports),r5=(x,_)=>{for(var a in _)s(x,a,{get:_[a],enumerable:!0})},F=(x,_,a,d)=>{if(_&&typeof _=="object"||typeof _=="function")for(let h of l5(_))!U.call(x,h)&&h!==a&&s(x,h,{get:()=>_[h],enumerable:!(d=a5(_,h))||d.enumerable});return x};var c=(x,_,a)=>(a=x!=null?t5(e5(x)):{},F(_||!x||!x.__esModule?s(a,"default",{value:x,enumerable:!0}):a,x)),h5=x=>F(s({},"__esModule",{value:!0}),x);var u=i((G5,n5)=>{n5.exports="./Poppins-JNHL4IDV.ttf"});var N=i((S5,$5)=>{$5.exports="./Arial-2OMNVK5Z.ttf"});var K=i((q5,d5)=>{d5.exports="./Exile-IEVVURNB.ttf"});var M=i((V5,A5)=>{A5.exports="./Poppins-Thin-MBJSJ55P.ttf"});var b=i((I5,H5)=>{H5.exports="./Poppins-ExtraLight-SEBPXBAV.ttf"});var B=i((f5,c5)=>{c5.exports="./Poppins-Light-RMQAEPUP.ttf"});var R=i((J5,s5)=>{s5.exports="./Poppins-Medium-UUWQX4EV.ttf"});var C=i((k5,o5)=>{o5.exports="./Poppins-SemiBold-TBISX6G2.ttf"});var E=i((O5,p5)=>{p5.exports="./Poppins-Bold-QAA2AGZS.ttf"});var y=i((Z5,X5)=>{X5.exports="./Poppins-ExtraBold-OVZKTNJI.ttf"});var Y=i((W5,v5)=>{v5.exports="./Poppins-Black-U4YX6GHD.ttf"});var G=i((Q5,g5)=>{g5.exports="./Monocraft-ExtraLight-GLDH63ON.ttf"});var S=i((j5,m5)=>{m5.exports="./Monocraft-Light-DLZ6FRZW.ttf"});var q=i((z5,P5)=>{P5.exports="./Monocraft-WO7A2TJN.ttf"});var V=i((xx,T5)=>{T5.exports="./Monocraft-SemiBold-Q46FFEQV.ttf"});var I=i((_x,D5)=>{D5.exports="./Monocraft-Bold-K74Y2QNP.ttf"});var f=i((tx,w5)=>{w5.exports="./Monocraft-Black-CI4CW4ZC.ttf"});var C5={};r5(C5,{ModalAlert:()=>N5});module.exports=h5(C5);var v=require("react"),Q=require("react-native"),n=c(require("styled-components/native")),j=require("@mobilestock-native/button"),T=require("@mobilestock-native/container"),z=require("@mobilestock-native/icons"),x5=require("@mobilestock-native/spacer"),_5=require("@mobilestock-native/typography");var o=c(require("styled-components/native")),O=c(require("@mobilestock-native/tools")),Z=require("@mobilestock-native/typography");var X=c(require("chroma-js")),J=c(require("@mobilestock-native/tools"));var e=require("react-native");var l={primary:"#029afa",tertiary:"#FF0000",shadow:"rgba(0 0 0 0.25)",white:"#FFFFFF",black:"#000000",lightPink:"#f8b7ef",pink:" #f76ee4",red:"#ff0000",green:"#008000",orange50:"#ffc700",gray30A66:"#1b181b66",orange60:"#FF9800",secondary:"#4ba8ff",blue10:"#4B6680",green20:"#0cb536",gray20:"#7D8D9C",red20:"#FF6C63",alert20:"#F2BF2C",alert50:"#E86513",alert80:"#F51D07"};var t=c(require("@mobilestock-native/tools")),H={font:{xs:t.default.calculateFontSize("0.75rem"),sm:t.default.calculateFontSize("0.875rem"),md:t.default.calculateFontSize("1rem"),lg:t.default.calculateFontSize("1.25rem"),xl:t.default.calculateFontSize("1.75rem"),"2xl":t.default.calculateFontSize("1.875rem"),"3xl":t.default.calculateFontSize("2rem")},layout:{space:{none:"0","2xs":t.default.calculateRemToPx("0.25rem"),xs:t.default.calculateRemToPx("0.75rem"),sm:t.default.calculateRemToPx("0.875rem"),md:t.default.calculateRemToPx("1rem"),lg:t.default.calculateRemToPx("1.25rem"),xl:t.default.calculateRemToPx("1.75rem"),"2xl":t.default.calculateRemToPx("1.875rem"),"3xl":t.default.calculateRemToPx("2rem")},sizeImage:{xs:t.default.calculateImageSize("4.125rem"),sm:t.default.calculateImageSize("5.625rem"),md:t.default.calculateImageSize("9.375rem"),lg:t.default.calculateImageSize("15.9375rem"),xl:t.default.calculateImageSize("18.75rem"),"2xl":t.default.calculateImageSize("28.125rem"),full:"100%"},borderRadius:{rounded:"99999px",default:"5px",none:"0px"}},icons:{xs:t.default.calculateRemToPx("1rem"),sm:t.default.calculateRemToPx("1.25rem"),md:t.default.calculateRemToPx("1.5rem"),lg:t.default.calculateRemToPx("2rem"),xl:t.default.calculateRemToPx("2.5rem"),"2xl":t.default.calculateRemToPx("3rem"),"3xl":t.default.calculateRemToPx("3.5rem")},gaps:{none:0,"2xs":t.default.calculateRemToPx("0.25rem"),xs:t.default.calculateRemToPx("0.5rem"),sm:t.default.calculateRemToPx("0.75rem"),md:t.default.calculateRemToPx("1rem"),lg:t.default.calculateRemToPx("1.25rem"),xl:t.default.calculateRemToPx("1.5rem"),"2xl":t.default.calculateRemToPx("1.75rem"),"3xl":t.default.calculateRemToPx("2rem")}};var m={colors:{text:{default:l.black,success:l.green20,contrast:l.white,regular:l.black,notice:l.orange50,loading:l.orange60,danger:l.tertiary},container:{shadow:l.shadow,default:l.white,pure:l.black,visibleArea:l.lightPink,overlay:l.gray30A66},button:{default:l.primary,confirm:l.green,cancel:l.red,light:l.white,secondarycolor:l.secondary},border:{visibleArea:l.pink},alert:{urgent:l.red,fatal_error:l.alert80,success:l.green20,error_notice:l.alert50,success_notice:l.green20}},font:{families:[{name:"Poppins",require:u(),weight:"regular"},{name:"Arial",require:N(),weight:"regular"},{name:"Exile",require:K(),weight:"regular"},{name:"Poppins-Thin",require:M(),weight:"thin"},{name:"Poppins-ExtraLight",require:b(),weight:"extraLight"},{name:"Poppins-Light",require:B(),weight:"light"},{name:"Poppins-Medium",require:R(),weight:"medium"},{name:"Poppins-SemiBold",require:C(),weight:"semiBold"},{name:"Poppins-Bold",require:E(),weight:"bold"},{name:"Poppins-ExtraBold",require:y(),weight:"extraBold"},{name:"Poppins-Black",require:Y(),weight:"black"},{name:"Monocraft-ExtraLight",require:G(),weight:"extraLight"},{name:"Monocraft-Light",require:S(),weight:"light"},{name:"Monocraft",require:q(),weight:"regular"},{name:"Monocraft-SemiBold",require:V(),weight:"semiBold"},{name:"Monocraft-Bold",require:I(),weight:"bold"},{name:"Monocraft-Black",require:f(),weight:"black"}],lineHeight:1.2,size:A({},H.font),weight:{thin:100,extraLight:200,light:300,regular:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900}},layout:{size:x=>e.PixelRatio.get()<2?e.PixelRatio.getPixelSizeForLayoutSize(x)*1.3:e.PixelRatio.get()>=2&&e.PixelRatio.get()<3?e.PixelRatio.getPixelSizeForLayoutSize(x)*.9:e.PixelRatio.get()>=3?e.PixelRatio.getPixelSizeForLayoutSize(x)*.7:16,width:x=>{let _=e.Dimensions.get("window").width,a=typeof x=="number"?x:parseFloat(x);return e.PixelRatio.roundToNearestPixel(_*a/100)},height:x=>{let _=e.Dimensions.get("window").height,a=typeof x=="number"?x:parseFloat(x);return e.PixelRatio.roundToNearestPixel(_*a/100)}},fonts:{size(x,_=680){let{height:a,width:d}=e.Dimensions.get("window"),h=d>a?d:a,p=0,g=0;d>a?p=0:e.Platform.OS==="ios"?p=190:p=e.StatusBar.currentHeight||0;let D=e.Platform.OS!=="android"?h-p:h;return typeof x=="number"?g=x*D/_:g=parseFloat(x)*D/100,Math.round(g)}},spacing:A({},H.layout.space),borderRadius:A({},H.layout.borderRadius),sizeImage:A({},H.layout.sizeImage),sizeIcons:A({},H.icons),gaps:A({},H.gaps)};function k(x){return(0,X.default)(x).luminance()<.55?(0,X.default)(x).brighten(2.6).css():(0,X.default)(x).darken(1).css()}function L5(x){return J.default.defineTextColor(k(m.colors.alert[x.toLowerCase()]))}function U5(x){return m.colors.alert[x.toLowerCase()]}var $={defineBackgroundColor:k,modalTextColor:L5,getBackgroundToTheme:U5};var P=require("react/jsx-runtime");function W(x){return(0,P.jsx)(F5,{$type:x.type,children:(0,P.jsx)(u5,{size:"LG",align:"CENTER",family:"POPPINS-BOLD",weight:"BOLD",$type:x.type,children:x.title})})}var F5=o.default.View`
+  background-color: ${({$type:x})=>$.getBackgroundToTheme(x)};
+  padding: ${({theme:x})=>x.layout.size(10)}px;
+  padding-top: ${({theme:x})=>x.layout.size(20)}px;
+`,u5=(0,o.default)(Z.Typography)`
+  ${({$type:x})=>o.css`
+    color: ${O.default.defineTextColor($.getBackgroundToTheme(x))};
+  `}
+`;var r=require("react/jsx-runtime");function N5(x){let[_,a]=(0,v.useState)(x.visible);(0,v.useEffect)(()=>{a(x.visible)},[x.visible]);function d(){x.onClose&&x.onClose(),a(!1)}let h="AddCart";switch(x.type){case"ERROR_NOTICE":h="AlertCircle";break;case"FATAL_ERROR":h="AlertTriangle";break;case"SUCCESS":case"SUCCESS_NOTICE":h="CheckBold";break}return(0,r.jsxs)(Q.Modal,{animationType:"slide",statusBarTranslucent:!0,visible:_,children:[!!x.title&&(0,r.jsx)(W,{title:x.title,type:x.type}),(0,r.jsx)(M5,{$type:x.type,full:!0,children:(0,r.jsx)(r.Fragment,{children:x.children?x.children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(T.Container,{align:"CENTER",full:!0,children:[(0,r.jsx)(R5,{name:h,size:"3XL",$type:x.type}),(0,r.jsx)(x5.Spacer,{size:"3XL"}),(0,r.jsx)(B5,{align:"CENTER",size:"LG",$type:x.type,children:x.message})]}),(0,r.jsx)(b5,{children:(0,r.jsx)(K5,{onPress:d,text:"Fechar",size:"LG",$type:x.type})})]})})})]})}var K5=(0,n.default)(j.Button)`
+  ${({$type:x})=>x&&n.css`
+      background-color: ${$.getBackgroundToTheme(x)};
+    `}
+`,M5=(0,n.default)(T.Container)`
+  padding: 0px 4px 12px 4px;
+
+  ${({$type:x,theme:_})=>x==="SUCCESS_NOTICE"?n.css`
+          background-color: ${_.colors.container.default};
+        `:n.css`
+          background-color: ${$.defineBackgroundColor($.getBackgroundToTheme(x))};
+        `}
+`,b5=n.default.View`
+  position: absolute;
+  bottom: 50px;
+  padding: 0px 4px 12px 4px;
+  min-height: ${({theme:x})=>x.layout.size(20)}px;
+  width: ${({theme:x})=>x.layout.width(100)}px;
+`,B5=(0,n.default)(_5.Typography)`
+  ${({$type:x})=>x&&n.css`
+      color: ${$.modalTextColor(x)};
+    `}
+`,R5=(0,n.default)(z.Icon)`
+  ${({$type:x})=>x&&n.css`
+      color: ${$.modalTextColor(x)};
+    `}
+`;0&&(module.exports={ModalAlert});

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@mobilestock-native/modalalert",
+  "version": "0.0.1",
+  "main": "index.js",
+  "dependencies": {
+    "@mobilestock-native/typography": "^0.0.6",
+    "@mobilestock-native/spacer": "^0.0.6",
+    "@mobilestock-native/icons": "^0.0.4",
+    "@mobilestock-native/button": "^1.0.1"
+  },
+  "peerDependencies": {
+    "react": "catalog",
+    "react-native": "0.74.5",
+    "styled-components": "^6.1.8"
+  }
+}