react-native-exp-fig 2.0.3 → 2.0.4

package/lib/module/components/modal-activities/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","TouchableOpacity","FlatList","Box","Icons","getIconModalActivities","theme","Typography","Button","activities","jsx","_jsx","jsxs","_jsxs","ModalActivities","onClose","handleActivity","activityType","isLoading","style","animationType","transparent","onRequestClose","children","backgroundColor","flexStyle","flex","justifyContent","alignItems","height","width","colors","neutral","borderStyled","borderColor","blue","borderWidth","borderWidths","thick","borderRadius","thick_medium","paddingStyle","padding","paddings","md","position","flexDirection","text","size","fontSizes","color","fontFamily","fonts","inter_bold_700","lineHeight","xl","activeOpacity","onPress","icon","marginStyle","marginTop","margins","data","numColumns","keyExtractor","item","id","toString","scrollEnabled","renderItem","marginBottom","referencia","descricao","xs","inter_medium_500","fontWeight","align","title","buttonTextStyle","fontSize","thin","marginLeft","bottom","left"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal-activities/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Modal","TouchableOpacity","FlatList","Box","Icons","getIconModalActivities","theme","Typography","Button","getActivitiesByType","jsx","_jsx","jsxs","_jsxs","ModalActivities","onClose","handleActivity","activityType","driverType","style","animationType","transparent","onRequestClose","children","backgroundColor","flexStyle","flex","justifyContent","alignItems","height","width","colors","neutral","borderStyled","borderColor","blue","borderWidth","borderWidths","thick","borderRadius","thick_medium","paddingStyle","padding","paddings","md","position","flexDirection","text","size","fontSizes","color","fontFamily","fonts","inter_bold_700","lineHeight","xl","activeOpacity","onPress","icon","marginStyle","marginTop","margins","data","numColumns","keyExtractor","item","id","toString","scrollEnabled","renderItem","marginBottom","referencia","descricao","xs","inter_medium_500","fontWeight","align","title","buttonTextStyle","fontSize","thin","marginLeft","isLoading","bottom","left"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal-activities/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/stories/modal-activities/modal-activities.stories.js

@@ -1,14 +1,24 @@
 "use strict";
 
+/**
+ * IMPORTS
+ */
+
+import { Alert } from "react-native";
+// components
 import { ModalActivities } from "../../components/modal-activities/index.js";
+
+//typings
+
+const handleMock = () => {
+  Alert.alert("Atividade selecionada");
+};
 const meta = {
   title: "componente/ModalActivities",
   component: ModalActivities,
   args: {
-    width: 120,
-    onClose: () => {},
+    onClose: () => handleMock(),
     activityType: "trabalho",
-    isLoading: false,
     handleActivity: activity => {
       return activity;
     }
@@ -34,9 +44,8 @@ export default meta;
 export const DefaultWork = {
   name: "modal-activities-work",
   args: {
-    isLoading: false,
     activityType: "trabalho",
-    onClose: () => {},
+    onClose: () => handleMock(),
     handleActivity: activity => () => {
       return activity;
     }
@@ -45,12 +54,11 @@ export const DefaultWork = {
 export const DefaultRest = {
   name: "modal-activities-rest",
   args: {
-    isLoading: false,
     activityType: "descanso",
     style: {
       marginLeft: 0
     },
-    onClose: () => {},
+    onClose: () => handleMock(),
     handleActivity: activity => () => {
       return activity;
     }

package/lib/module/stories/modal-activities/modal-activities.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["ModalActivities","meta","title","component","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","DefaultWork","name","DefaultRest","style","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/modal-activities/modal-activities.stories.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,4CAAmC;AAGnE,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAAe;EAC1BI,IAAI,EAAE;IACJC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE,KAAK;IAChBC,cAAc,EAAGC,QAAmB,IAAK;MACvC,OAAOA,QAAQ;IACjB;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMY,WAAkB,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC;AAED,OAAO,MAAMK,WAAkB,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBS,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDX,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Alert","ModalActivities","handleMock","alert","meta","title","component","args","onClose","activityType","handleActivity","activity","parameters","notes","DefaultWork","name","DefaultRest","style","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/modal-activities/modal-activities.stories.tsx"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,cAAc;AAGpC;AACA,SAASC,eAAe,QAAQ,4CAAmC;;AAEnE;;AAGA,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvBF,KAAK,CAACG,KAAK,CAAC,uBAAuB,CAAC;AACtC,CAAC;AAED,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEL,eAAe;EAC1BM,IAAI,EAAE;IACJC,OAAO,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC;IAC3BO,YAAY,EAAE,UAAU;IACxBC,cAAc,EAAGC,QAAmB,IAAK;MACvC,OAAOA,QAAQ;IACjB;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeT,IAAI;AAInB,OAAO,MAAMU,WAAkB,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7BR,IAAI,EAAE;IACJE,YAAY,EAAE,UAAU;IACxBD,OAAO,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC;IAC3BQ,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC;AAED,OAAO,MAAMK,WAAkB,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7BR,IAAI,EAAE;IACJE,YAAY,EAAE,UAAU;IACxBQ,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDV,OAAO,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC;IAC3BQ,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/utils/get-icon-by-property/index.js

@@ -1,20 +1,18 @@
 "use strict";
 
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 import React from "react";
 import { Icons } from "../../common/icons-svg/index.js";
-import { theme } from "../../styles/theme/theme.js";
-
-/**
- * Function that will map property types to corresponding icons in SVG 🛠️.
- * @param propertyType
- * @param color
- * @returns SVG
- */
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Function that will map property types to corresponding icons in SVG 🛠️.
+ * @param propertyType
+ * @param color
+ * @returns SVG
+ */
 const getIconByProperty = (propertyType, color) => {
   switch (propertyType) {
     case "operacao_veiculo":
@@ -34,7 +32,7 @@ const getIconByProperty = (propertyType, color) => {
       });
     case "disposicao_veiculo_parado":
       return /*#__PURE__*/_jsx(Icons, {
-        color: theme.colors.blue[500],
+        color: color,
         size: 20,
         icon: "TRUCK_ACTIVITY"
       });
@@ -43,11 +41,21 @@ const getIconByProperty = (propertyType, color) => {
         color: color,
         icon: "HOURGLASS"
       });
+    case "tempo_disposicao":
+      return /*#__PURE__*/_jsx(Icons, {
+        color: color,
+        icon: "TIMER"
+      });
     case "descanso":
       return /*#__PURE__*/_jsx(Icons, {
         color: color,
         icon: "COFFEE"
       });
+    case "em_operacao":
+      return /*#__PURE__*/_jsx(Icons, {
+        color: color,
+        icon: "STEERING_WHEEL"
+      });
     case "repouso_semanal":
       return /*#__PURE__*/_jsx(Icons, {
         color: color,
@@ -77,8 +85,8 @@ const getIconByProperty = (propertyType, color) => {
   }
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export { getIconByProperty };
 //# sourceMappingURL=index.js.map

package/lib/module/utils/get-icon-by-property/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icons","theme","jsx","_jsx","getIconByProperty","propertyType","color","icon","colors","blue","size"],"sourceRoot":"..\\..\\..\\..\\src","sources":["utils/get-icon-by-property/index.tsx"],"mappings":";;AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,iCAAwB;AAC9C,SAASC,KAAK,QAAQ,6BAA0B;;AAEhD;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA;AAMA,MAAMC,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOF,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEL,KAAK,CAACO,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACH,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOJ,IAAA,CAACH,KAAK;QAACM,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASH,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","Icons","jsx","_jsx","getIconByProperty","propertyType","color","icon","size"],"sourceRoot":"..\\..\\..\\..\\src","sources":["utils/get-icon-by-property/index.tsx"],"mappings":";;AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,iCAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAGA,CAACC,YAA0B,EAAEC,KAAc,KAAsB;EACzF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOF,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAE,EAAG;QAACD,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEhE,KAAK,qBAAqB;MACxB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,kBAAkB;MACrB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,UAAU;MACb,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,aAAa;MAChB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,iBAAiB;MACpB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOJ,IAAA,CAACF,KAAK;QAACK,KAAK,EAAEA,KAAM;QAACC,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASH,iBAAiB","ignoreList":[]}

package/lib/module/utils/options-activity/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * IMPORTS
+ */
+const OPTIONS = [{
+  label: "Disp com veículo parado",
+  value: "option1"
+}, {
+  label: "Em Operação de Carregamento",
+  value: "option2"
+}, {
+  label: "Tempo à disposição",
+  value: "option5"
+}];
+
+/**
+ * EXPORTS
+ */
+export { OPTIONS };
+//# sourceMappingURL=index.js.map

package/lib/module/utils/options-activity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OPTIONS","label","value"],"sourceRoot":"..\\..\\..\\..\\src","sources":["utils/options-activity/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA,MAAMA,OAAO,GAAG,CACd;EAAEC,KAAK,EAAE,yBAAyB;EAAEC,KAAK,EAAE;AAAU,CAAC,EACtD;EAAED,KAAK,EAAE,6BAA6B;EAAEC,KAAK,EAAE;AAAU,CAAC,EAC1D;EAAED,KAAK,EAAE,oBAAoB;EAAEC,KAAK,EAAE;AAAU,CAAC,CACzC;;AAEV;AACA;AACA;AACA,SAASF,OAAO","ignoreList":[]}

package/lib/typescript/src/components/modal-activities/data-activities/index.d.ts

@@ -1,20 +1,19 @@
 /**
- * dados para os tipos de atividades selecionado
+ * Tipagem da atividade
  */
-export declare const activities: {
-    trabalho: {
-        id: number;
-        referencia: string;
-        cor_hex: string;
-        descricao: string;
-        tipo: string;
-    }[];
-    descanso: {
-        id: number;
-        referencia: string;
-        cor_hex: string;
-        descricao: string;
-        tipo: string;
-    }[];
-};
+export interface IActivity {
+    id: number;
+    referencia: string;
+    cor_hex: string;
+    descricao: string;
+    tipo: "trabalho" | "descanso";
+}
+/**
+ * Atividades específicas por tipo de usuário
+ */
+export declare const activitiesByDriverType: Record<string, Record<string, IActivity[]>>;
+/**
+ * Atividades base para uso nos testes
+ */
+export declare const activities: Record<string, IActivity[]>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/modal-activities/data-activities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-activities/data-activities/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CA6DtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-activities/data-activities/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAoED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAqB9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,6BAAiB,CAAC"}

package/lib/typescript/src/components/modal-activities/helpers/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Função que retorna as atividades por tipo de atividade e tipo de usuário (normal ou carregador)
+ * @param driverType
+ * @param activityType
+ * @returns
+ */
+declare const getActivitiesByType: (driverType: string, activityType: string) => import("../data-activities").IActivity[];
+/**
+ * EXPORTS
+ */
+export { getActivitiesByType };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/modal-activities/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-activities/helpers/index.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,eAAgB,MAAM,gBAAgB,MAAM,6CAQpE,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/typescript/src/stories/modal-activities/modal-activities.stories.d.ts

@@ -1,3 +1,6 @@
+/**
+ * IMPORTS
+ */
 import { StoryObj, Meta } from "@storybook/react";
 import { ModalActivities } from "../../components/modal-activities";
 declare const meta: Meta<typeof ModalActivities>;

package/lib/typescript/src/stories/modal-activities/modal-activities.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-activities.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/modal-activities/modal-activities.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CA4BtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
+{"version":3,"file":"modal-activities.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/modal-activities/modal-activities.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AASpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CA0BtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}

package/lib/typescript/src/utils/get-icon-by-property/index.d.ts

@@ -2,13 +2,14 @@
  * IMPORTS
  */
 import React from "react";
+export declare type PropertyType = "operacao_veiculo" | "em_operacao" | "manutencao" | "tempo_disposicao" | "aguardando_carga" | "disposicao_veiculo_parado" | "aguardando_descarga" | "descanso" | "repouso_semanal" | "repouso_noturno" | "refeicao" | "ferias";
 /**
  * Function that will map property types to corresponding icons in SVG 🛠️.
  * @param propertyType
  * @param color
  * @returns SVG
  */
-declare const getIconByProperty: React.FC<any>;
+declare const getIconByProperty: (propertyType: PropertyType, color?: string) => React.ReactNode;
 /**
  * EXPORTS
  */

package/lib/typescript/src/utils/get-icon-by-property/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/get-icon-by-property/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAkCpC,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/get-icon-by-property/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,YAAY,GACpB,kBAAkB,GAClB,aAAa,GACb,YAAY,GACZ,kBAAkB,GAClB,kBAAkB,GAClB,2BAA2B,GAC3B,qBAAqB,GACrB,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,QAAQ,CAAC;AAEb;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,iBAAkB,YAAY,UAAU,MAAM,KAAG,MAAM,SAwC7E,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/src/utils/options-activity/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * IMPORTS
+ */
+declare const OPTIONS: readonly [{
+    readonly label: "Disp com veículo parado";
+    readonly value: "option1";
+}, {
+    readonly label: "Em Operação de Carregamento";
+    readonly value: "option2";
+}, {
+    readonly label: "Tempo à disposição";
+    readonly value: "option5";
+}];
+/**
+ * EXPORTS
+ */
+export { OPTIONS };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/options-activity/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/options-activity/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,QAAA,MAAM,OAAO;;;;;;;;;EAIH,CAAC;AAEX;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/activities-daily/index.tsx

@@ -1,116 +1,116 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { TouchableOpacity } from "react-native";
-
-// components
-import { Box } from "../../components/box";
-import { Typography } from "../../components/typography";
-
-//commons/ icons
-import { Icons } from "../../common/icons-svg";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-// typings
-import { IActivitiesDaily } from "./interface";
-
-const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
-  return (
-    <Box
-      testID={"activities-daily"}
-      width={"100%"}
-      height={100}
-      backgroundColor={theme.colors.neutral[25]}
-      borderStyled={{
-        borderRadius: theme.borderWidths.thick_medium,
-      }}
-    >
-      <Box
-        width={"100%"}
-        height={30}
-        backgroundColor={theme.colors.blue[400]}
-        borderStyled={{
-          borderTopLeftRadius: theme.borderWidths.thin_bold,
-          borderTopRightRadius: theme.borderWidths.thin_bold,
-          borderColor: theme.colors.blue[400],
-        }}
-        flexStyle={{
-          justifyContent: "center",
-        }}
-      >
-        <Typography
-          text={"Atividades diárias"}
-          color={theme.colors.neutral[25]}
-          size={theme.fontSizes.sm}
-          fontFamily={theme.fonts.inter_medium_500}
-          fontWeight={"500"}
-          lineHeight={theme.fontSizes.lg}
-          marginLeft={theme.margins["2xs"]}
-        />
-      </Box>
-      <Box
-        width={"100%"}
-        flexStyle={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-        }}
-        paddingStyle={{
-          padding: theme.paddings["2xs"],
-        }}
-      >
-        <Typography
-          text={"Selecione uma das opções"}
-          color={theme.colors.blue[500]}
-          size={theme.fontSizes.xs}
-          fontFamily={theme.fonts.inter_bold_700}
-          fontWeight={"700"}
-          lineHeight={theme.fontSizes.md}
-        />
-
-        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
-            onPress={() => handleActivity("trabalho")}
-          >
-            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
-            <Typography
-              text={"Trabalho"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ alignItems: "center" }}
-            onPress={() => handleActivity("descanso")}
-          >
-            <Icons icon={"BED"} />
-            <Typography
-              text={"Descanso"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { ActivitiesDaily };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { TouchableOpacity } from "react-native";
+
+// components
+import { Box } from "../../components/box";
+import { Typography } from "../../components/typography";
+
+//commons/ icons
+import { Icons } from "../../common/icons-svg";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+// typings
+import { IActivitiesDaily } from "./interface";
+
+const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
+  return (
+    <Box
+      testID={"activities-daily"}
+      width={"100%"}
+      height={100}
+      backgroundColor={theme.colors.neutral[25]}
+      borderStyled={{
+        borderRadius: theme.borderWidths.thick_medium,
+      }}
+    >
+      <Box
+        width={"100%"}
+        height={30}
+        backgroundColor={theme.colors.blue[400]}
+        borderStyled={{
+          borderTopLeftRadius: theme.borderWidths.thin_bold,
+          borderTopRightRadius: theme.borderWidths.thin_bold,
+          borderColor: theme.colors.blue[400],
+        }}
+        flexStyle={{
+          justifyContent: "center",
+        }}
+      >
+        <Typography
+          text={"Atividades diárias"}
+          color={theme.colors.neutral[25]}
+          size={theme.fontSizes.sm}
+          fontFamily={theme.fonts.inter_medium_500}
+          fontWeight={"500"}
+          lineHeight={theme.fontSizes.lg}
+          marginLeft={theme.margins["2xs"]}
+        />
+      </Box>
+      <Box
+        width={"100%"}
+        flexStyle={{
+          flexDirection: "row",
+          justifyContent: "space-between",
+        }}
+        paddingStyle={{
+          padding: theme.paddings["2xs"],
+        }}
+      >
+        <Typography
+          text={"Selecione uma das opções"}
+          color={theme.colors.blue[500]}
+          size={theme.fontSizes.xs}
+          fontFamily={theme.fonts.inter_bold_700}
+          fontWeight={"700"}
+          lineHeight={theme.fontSizes.md}
+        />
+
+        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
+            onPress={() => handleActivity("trabalho")}
+          >
+            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
+            <Typography
+              text={"Trabalho"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ alignItems: "center" }}
+            onPress={() => handleActivity("descanso")}
+          >
+            <Icons icon={"BED"} />
+            <Typography
+              text={"Descanso"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { ActivitiesDaily };