@servesall/atoms 1.1.12 → 1.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servesall/atoms",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "description": "Atoms for react-native",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",

package/src/Icons/Assets/big_calendar.json

@@ -1 +1 @@
-{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_calendar","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[24,24,0]},"p":{"s":true,"x":{"a":0,"k":21.550500000000003},"y":{"a":0,"k":21.40500000000001}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[78.9,78.9]}},"shapes":[{"ty":"gr","nm":"big_calendar shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[30.0003213,6.00160764],[35.2497591,6.00160764],[42,12.7525738],[42,35.2490354],[35.2497591,42],[6.75024041,42],[0,35.2490354],[0,12.7525738],[6.75024041,6.00160764]],"i":[[0,0],[0,0],[0,-3.7287826200000005],[0,0],[3.7283828999999997,0],[0,0],[0,3.7287827000000036],[0,0],[-3.72838296,0]],"o":[[0,0],[3.7283828999999997,0],[0,0],[0,3.7287827000000036],[0,0],[-3.72838296,0],[0,0],[0,-3.7287826200000005],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[11.9996787,6.00160764],[23.9993575,6.00160764]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[11.9996787,11.998716],[11.9996787,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[30.0003213,11.998716],[30.0003213,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":2,"ml":1,"w":{"a":0,"k":5},"d":[{"n":"d","v":{"a":0,"k":0},"nm":"0"},{"n":"g","v":{"a":0,"k":0},"nm":"1"}]},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[3,3]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":44,"h":43}
+{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_calendar","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[24,23.5,0]},"p":{"s":true,"x":{"a":0,"k":50},"y":{"a":0,"k":49.9995}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[190.3,190.3]}},"shapes":[{"ty":"gr","nm":"big_calendar shape group","it":[{"ty":"rc","s":{"a":0,"k":[6,16]},"r":{"a":0,"k":3},"p":{"a":0,"k":[29,8]}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":2,"c":{"a":0,"k":[0,0,0,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[3,0]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"big_calendar shape group","it":[{"ty":"rc","s":{"a":0,"k":[6,16]},"r":{"a":0,"k":3},"p":{"a":0,"k":[13,8]}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":2,"c":{"a":0,"k":[0,0,0,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[3,0]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"big_calendar shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[7,8],[0,15],[0,39],[6,44],[36,44],[42,39],[42,15],[36,8]],"i":[[4.5,0],[0,-5],[0,-3],[-4,0],[-3.5,0],[0,3.5],[0,4.5],[3.5,0]],"o":[[-4.5,0],[0,5],[0,3],[4,0],[3.5,0],[0,-3.5],[0,-4.5],[-3.5,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":1,"ml":1,"w":{"a":0,"k":5}},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[3,0]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":100,"h":100}

package/src/Icons/Assets/big_pax.json

@@ -1 +1 @@
-{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_pax","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[20.5,23.5,0]},"p":{"s":true,"x":{"a":0,"k":20.267499999999995},"y":{"a":0,"k":21.405000000000005}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[85.7,85.7]}},"shapes":[{"ty":"gr","nm":"big_pax shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[32.2803658,13.7471471],[24.5022957,6],[16.7242255,13.7471471],[24.5022957,21.4942943]],"i":[[0,4.278631000000001],[4.2957091999999975,0],[0,-4.278630909999999],[-4.295709300000002,0]],"o":[[0,-4.278630909999999],[-4.295709300000002,0],[0,4.278631000000001],[4.2957091999999975,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[7,47],[7,35.2158662],[12.2501312,29.9866078],[36.7498688,29.9866078],[42,35.2158662],[42,47]],"i":[[0,0],[0,0],[-2.9006975500000003,0],[0,0],[0,-2.889165300000002],[0,0]],"o":[[0,0],[0,-2.889165300000002],[0,0],[2.9006974999999997,0],[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":2,"ml":1,"w":{"a":0,"k":5},"d":[{"n":"d","v":{"a":0,"k":0},"nm":"0"},{"n":"g","v":{"a":0,"k":0},"nm":"1"}]},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-4,-3]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":41,"h":43}
+{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_pax","ip":0,"st":0,"ind":2,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[26,38.5,0]},"p":{"s":true,"x":{"a":0,"k":50},"y":{"a":0,"k":49.99999999999999}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[113.19999999999999,113.19999999999999]}},"shapes":[{"ty":"gr","nm":"big_pax shape group","it":[{"ty":"el","p":{"a":0,"k":[22,15]},"s":{"a":0,"k":[22,22]}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":3,"lj":1,"ml":1,"w":{"a":0,"k":8}},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[4,0]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"big_pax shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[7.33333333,37],[-7.10542736e-15,44],[-7.10542736e-15,68],[6.28571429,73],[37.7142857,73],[44,68],[44,44],[37.7142857,37]],"i":[[4.714285669999999,0],[0,-5],[0,-3],[-4.19047619,0],[-3.6666667000000004,0],[0,3.5],[0,4.5],[3.6666667000000004,0]],"o":[[-4.71428571,0],[0,5],[0,3],[4.19047621,0],[3.6666667000000004,0],[0,-3.5],[0,-4.5],[-3.6666667000000004,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":1,"ml":1,"w":{"a":0,"k":8}},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[4,0]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":100,"h":100}

package/src/Icons/Assets/big_time.json

@@ -1 +1 @@
-{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_time","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[23,23,0]},"p":{"s":true,"x":{"a":0,"k":21.5505},"y":{"a":0,"k":21.405}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[85.39999999999999,85.39999999999999]}},"shapes":[{"ty":"gr","nm":"big_time shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[20.876201,1.49620657],[20.9420881,1.55132752],[20.9420881,1.55132752],[21.3044901,5.62463843],[13.6057757,15.1235423],[12.3048932,16.014121],[10.7141384,16.4705272],[10.6269448,16.4675238],[3.53391155,16.1130771],[0.689086312,13.0652812],[3.55665167,10.3042937],[3.6438452,10.3072971],[9.92753941,10.6212134],[16.9936109,1.90262316]],"i":[[-1.184376499999999,-0.959918826],[0,0],[0,0],[0.9991663000000024,-1.2328011600000002],[0,0],[0.4943180999999992,-0.15813429999999862],[0.5864805999999998,0.011105100000001755],[0.02904730000000022,0.0014515000000017153],[0,0],[-0.03062906799999998,1.6175723000000009],[-1.55428196,-0.029430700000000698],[-0.02904725000000008,-0.0014515999999993312],[0,0],[0,0]],"o":[[0,0],[0,0],[1.2011140000000005,1.03704244],[0,0],[-0.3511899000000014,0.4333083999999996],[-0.45629710000000046,0.29842550000000045],[-0.029078300000000112,-0.0005506000000004008],[0,0],[-1.61584602,-0.08074570000000136],[0.029430652999999918,-1.5542818999999994],[0.029078280000000234,0.0005505999999986244],[0,0],[0,0],[0.9599188000000005,-1.18437651]]}}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":1,"c":{"a":0,"k":[0,0,0,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[-100,100]},"p":{"a":0,"k":[40.237,20.812]},"r":{"a":0,"k":37.98710181717358}}]},{"ty":"gr","nm":"big_time shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[45.3359375,25.3346558],[25.3359375,5.33465576],[5.3359375,25.3346558],[25.3359375,45.3346558]],"i":[[0,11.045692299999999],[11.045696499999998,0],[0,-11.0456959],[-11.0456942,0]],"o":[[0,-11.0456959],[-11.0456942,0],[0,11.045692299999999],[11.045696499999998,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":2,"ml":1,"w":{"a":0,"k":5},"d":[{"n":"d","v":{"a":0,"k":0},"nm":"0"},{"n":"g","v":{"a":0,"k":0},"nm":"1"}]},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-2,-2]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"big_time shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[0,0],[32,0],[32,32],[0,32]],"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-2,-2]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":44,"h":43}
+{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"big_time","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[23,23,0]},"p":{"s":true,"x":{"a":0,"k":49.99999999999999},"y":{"a":0,"k":49.99999999999999}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[189.79999999999998,189.79999999999998]}},"shapes":[{"ty":"gr","nm":"big_time shape group","it":[{"ty":"el","p":{"a":0,"k":[20,20]},"s":{"a":0,"k":[40,40]}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":3,"lj":1,"ml":1,"w":{"a":0,"k":5}},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[3,3]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"big_time shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[17.2452323,1.23259096],[17.2996632,1.27798766],[17.2996632,1.27798766],[17.5992203,4.63249835],[11.2398426,12.4547889],[10.1652413,13.1881493],[8.85116116,13.5639426],[8.7791316,13.5614653],[2.91965905,13.2692512],[0.569452227,10.7591723],[2.93818511,8.48554368],[3.01021462,8.48802097],[8.20110156,8.74682095],[14.0378964,1.56711401]],"i":[[-0.9784399000000015,-0.7905749950000001],[0,0],[0,0],[0.8253424000000003,-1.0152043899999996],[0,0],[0.40834229999999927,-0.13020629999999933],[0.4844840099999992,0.009171499999999],[0.023995629999999935,0.0011966000000001031],[0,0],[-0.025230059999999943,1.3321182],[-1.28397215,-0.024306429999999324],[-0.023995600000000117,-0.0011967400000010286],[0,0],[0,0]],"o":[[0,0],[0,0],[0.9922699999999978,0.8540893700000001],[0,0],[-0.2900936999999999,0.3568268999999997],[-0.37692737000000065,0.24574200000000168],[-0.024021210000000792,-0.00045479999999997744],[0,0],[-1.3348316599999999,-0.06656869999999948],[0.024242890000000017,-1.2799967799999994],[0.024021190000000026,0.0004547400000003421],[0,0],[0,0],[0.7929228000000013,-0.97532697]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":3,"lj":1,"ml":1,"w":{"a":0,"k":1}},{"ty":"fl","o":{"a":0,"k":100},"r":1,"c":{"a":0,"k":[0,0,0,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[-100,100]},"p":{"a":0,"k":[37.042,21.361]},"r":{"a":0,"k":37.98710181717358}}]}],"op":1}],"op":1,"w":100,"h":100}

package/src/Inputs/InputNormal/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef } from "react";
 import { H4 } from "../../Text";
-import { MarginHorizontal } from "../../Layout";
+import { MarginHorizontal, Row } from "../../Layout";
 import { KeyboardAvoidingView, Platform } from "react-native";
 import { InputWrapper, InputElement, BorderWrapper } from "./Animated.style";
 import Placeholder from "./Placeholder";
@@ -26,6 +26,7 @@ const Input = ({
   error,
   isRightBound = false,
   isLeftBound = false,
+  euro = false,
 }) => {
   const [isFocused, setIsFocused] = useState(false);
   const [textValue, setTextValue] = useState(value || defaultValue);
@@ -80,22 +81,33 @@ const Input = ({
           </Placeholder>
 
           <MarginHorizontal>
-            <InputElement
-              ref={inputRef}
-              onFocus={() => setIsFocused(true)}
-              onBlur={() => setIsFocused(false)}
-              onChangeText={(text) => setTextValue(text)}
-              defaultValue={defaultValue}
-              value={value}
-              multiline={multiline}
-              numberOfLines={numberOfLines}
-              maxLength={maxLength}
-              autoFocus={autoFocus}
-              keyboardType={keyboardType}
-              editable={editable}
-              active={isFocused}
-              style={style}
-            />
+            <Row>
+              {euro &&
+                (isFocused ||
+                  (textValue && textValue.length > 0) ||
+                  (value && value.length > 0)) && (
+                  <Row style={{ minHeight: 40, alignItems: "center" }}>
+                    {euro}
+                  </Row>
+                )}
+              <InputElement
+                ref={inputRef}
+                onFocus={() => setIsFocused(true)}
+                onBlur={() => setIsFocused(false)}
+                onChangeText={(text) => setTextValue(text)}
+                defaultValue={defaultValue}
+                value={value}
+                multiline={multiline}
+                numberOfLines={numberOfLines}
+                maxLength={maxLength}
+                autoFocus={autoFocus}
+                keyboardType={keyboardType}
+                editable={editable}
+                active={isFocused}
+                style={style}
+                returnKeyType="done"
+              />
+            </Row>
           </MarginHorizontal>
         </BorderWrapper>
       </InputWrapper>