react-native-exp-fig 0.1.33 → 0.1.35
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/lib/commonjs/common/icons-svg/carrier/inde.js +39 -0
- package/lib/commonjs/common/icons-svg/carrier/inde.js.map +1 -0
- package/lib/commonjs/common/icons-svg/constants/index.js +2 -1
- package/lib/commonjs/common/icons-svg/constants/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/index.js +7 -0
- package/lib/commonjs/common/icons-svg/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/modal-activities/index.js +8 -0
- package/lib/commonjs/common/icons-svg/modal-activities/index.js.map +1 -1
- package/lib/commonjs/components/activity-timeline/components/activite-row/index.js +16 -13
- package/lib/commonjs/components/activity-timeline/components/activite-row/index.js.map +1 -1
- package/lib/commonjs/components/activity-timeline/index.js +7 -7
- package/lib/commonjs/components/activity-timeline/index.js.map +1 -1
- package/lib/commonjs/components/activity-timeline/interface.js.map +1 -1
- package/lib/commonjs/components/modals/modal-activities/data-activities/index.js +6 -6
- package/lib/commonjs/components/modals/modal-activities/data-activities/index.js.map +1 -1
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js +29 -18
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js.map +1 -1
- package/lib/commonjs/utils/get-icon-by-property/index.js +6 -1
- package/lib/commonjs/utils/get-icon-by-property/index.js.map +1 -1
- package/lib/module/common/icons-svg/carrier/inde.js +31 -0
- package/lib/module/common/icons-svg/carrier/inde.js.map +1 -0
- package/lib/module/common/icons-svg/constants/index.js +2 -1
- package/lib/module/common/icons-svg/constants/index.js.map +1 -1
- package/lib/module/common/icons-svg/index.js +7 -0
- package/lib/module/common/icons-svg/index.js.map +1 -1
- package/lib/module/common/icons-svg/modal-activities/index.js +8 -0
- package/lib/module/common/icons-svg/modal-activities/index.js.map +1 -1
- package/lib/module/components/activity-timeline/components/activite-row/index.js +16 -13
- package/lib/module/components/activity-timeline/components/activite-row/index.js.map +1 -1
- package/lib/module/components/activity-timeline/index.js +7 -7
- package/lib/module/components/activity-timeline/index.js.map +1 -1
- package/lib/module/components/activity-timeline/interface.js.map +1 -1
- package/lib/module/components/modals/modal-activities/data-activities/index.js +6 -6
- package/lib/module/components/modals/modal-activities/data-activities/index.js.map +1 -1
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js +29 -18
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js.map +1 -1
- package/lib/module/utils/get-icon-by-property/index.js +6 -1
- package/lib/module/utils/get-icon-by-property/index.js.map +1 -1
- package/lib/typescript/src/common/icons-svg/carrier/inde.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/constants/index.d.ts +1 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/index.d.ts +2 -0
- package/lib/typescript/src/components/activity-timeline/components/activite-row/index.d.ts +1 -1
- package/lib/typescript/src/components/activity-timeline/index.d.ts +2 -1
- package/lib/typescript/src/components/activity-timeline/interface.d.ts +18 -7
- package/lib/typescript/src/components/selects/select-date-and-hours/index.d.ts +1 -1
- package/lib/typescript/src/utils/get-icon-by-property/index.d.ts +1 -1
- package/package.json +2 -2
- package/src/common/icons-svg/carrier/inde.tsx +31 -0
- package/src/common/icons-svg/constants/index.ts +1 -0
- package/src/common/icons-svg/index.tsx +4 -0
- package/src/common/icons-svg/modal-activities/index.tsx +4 -0
- package/src/components/activity-timeline/components/activite-row/index.tsx +134 -133
- package/src/components/activity-timeline/index.tsx +72 -72
- package/src/components/activity-timeline/interface.ts +67 -53
- package/src/components/modals/modal-activities/data-activities/index.ts +6 -6
- package/src/stories/activity-timeline/activity-timeline.stories.tsx +99 -90
- package/src/utils/get-icon-by-property/index.tsx +5 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","View","FlatList","ActivityRows","asBaseComponent","styles","ROW_HEIGHT","ActivityTimeline","data","onAdd","onEdit","onDelete","showIndexBadge","testID","ref","keyExtractor","it","String","id","renderItem","item","index","createElement","items","activities","getItemLayout","_","length","offset","contentContainerStyle","listContainer","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews","windowSize","ListEmptyComponent","style","height"],"sources":["index.tsx"],"sourcesContent":["/**\
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","View","FlatList","ActivityRows","asBaseComponent","styles","ROW_HEIGHT","ActivityTimeline","data","onAdd","onEdit","onDelete","showIndexBadge","testID","ref","keyExtractor","it","String","id","renderItem","item","index","createElement","items","activities","getItemLayout","_","length","offset","contentContainerStyle","listContainer","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews","windowSize","ListEmptyComponent","style","height"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useCallback } from \"react\";\nimport { View, FlatList } from \"react-native\";\n\n// components\nimport ActivityRows from \"./components/activite-row\";\n\n// typings\nimport type { ActivityItemModel, ActivityTimelineProps, IDataActivityProps } from \"./interface\";\nimport { asBaseComponent } from \"../../@types/as-base-component\";\n\n// styles\nimport { styles, ROW_HEIGHT } from \"./styles\";\n\n/**\n * Componente ActivityTimeline para a interação da ui.\n */\nconst ActivityTimeline = forwardRef<any, ActivityTimelineProps>(\n (\n { data, onAdd, onEdit, onDelete, showIndexBadge = true, testID = \"activity-timeline\" },\n ref\n ): React.ReactElement => {\n const keyExtractor = useCallback((it: ActivityItemModel) => String(it.id), []);\n\n const renderItem = useCallback(\n ({ item, index }: { item: IDataActivityProps; index: number }) => (\n <ActivityRows\n index={index}\n items={data}\n activities={item}\n onAdd={onAdd}\n onEdit={onEdit}\n onDelete={onDelete}\n showIndexBadge={showIndexBadge}\n />\n ),\n [onAdd, onEdit, onDelete, showIndexBadge]\n );\n\n const getItemLayout = useCallback(\n (_: any, index: number) => ({\n length: ROW_HEIGHT,\n offset: ROW_HEIGHT * index,\n index,\n }),\n []\n );\n return (\n <FlatList\n ref={ref}\n testID={testID}\n data={data as any[]}\n keyExtractor={keyExtractor}\n renderItem={renderItem as any}\n contentContainerStyle={styles.listContainer}\n getItemLayout={getItemLayout}\n initialNumToRender={10}\n maxToRenderPerBatch={10}\n removeClippedSubviews\n windowSize={10}\n ListEmptyComponent={<View style={{ height: 8 }} />}\n />\n );\n }\n);\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(ActivityTimeline);\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;;AAE7C;AACA,OAAOC,YAAY,MAAM,2BAA2B;;AAEpD;;AAEA,SAASC,eAAe,QAAQ,gCAAgC;;AAEhE;AACA,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;;AAE7C;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGR,UAAU,CACjC,CACE;EAAES,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,cAAc,GAAG,IAAI;EAAEC,MAAM,GAAG;AAAoB,CAAC,EACtFC,GAAG,KACoB;EACvB,MAAMC,YAAY,GAAGf,WAAW,CAAEgB,EAAqB,IAAKC,MAAM,CAACD,EAAE,CAACE,EAAE,CAAC,EAAE,EAAE,CAAC;EAE9E,MAAMC,UAAU,GAAGnB,WAAW,CAC5B,CAAC;IAAEoB,IAAI;IAAEC;EAAmD,CAAC,kBAC3DvB,KAAA,CAAAwB,aAAA,CAACnB,YAAY;IACXkB,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEf,IAAK;IACZgB,UAAU,EAAEJ,IAAK;IACjBX,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CACF,EACD,CAACH,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,CAC1C,CAAC;EAED,MAAMa,aAAa,GAAGzB,WAAW,CAC/B,CAAC0B,CAAM,EAAEL,KAAa,MAAM;IAC1BM,MAAM,EAAErB,UAAU;IAClBsB,MAAM,EAAEtB,UAAU,GAAGe,KAAK;IAC1BA;EACF,CAAC,CAAC,EACF,EACF,CAAC;EACD,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,QAAQ;IACPY,GAAG,EAAEA,GAAI;IACTD,MAAM,EAAEA,MAAO;IACfL,IAAI,EAAEA,IAAc;IACpBO,YAAY,EAAEA,YAAa;IAC3BI,UAAU,EAAEA,UAAkB;IAC9BU,qBAAqB,EAAExB,MAAM,CAACyB,aAAc;IAC5CL,aAAa,EAAEA,aAAc;IAC7BM,kBAAkB,EAAE,EAAG;IACvBC,mBAAmB,EAAE,EAAG;IACxBC,qBAAqB;IACrBC,UAAU,EAAE,EAAG;IACfC,kBAAkB,eAAErC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACmC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAE;IAAE,CAAE;EAAE,CACpD,CAAC;AAEN,CACF,CAAC;;AAED;AACA;AACA;AACA,eAAejC,eAAe,CAACG,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/**\
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\nimport type { TouchableOpacityProps } from \"react-native\";\nimport type { SVG_NAME } from \"../../common/icons-svg/constants\";\n\n/**\n * TYPES\n */\ntype ActivityId = string | number;\n\ntype ActivityItemModel = {\n id: ActivityId;\n title: string; // \"Operação com veículo\", \"Refeição\", ...\n date: Date | string; // pode vir Date ou string já formatada\n time: Date | string; // idem\n invalid?: boolean; // destaca em vermelho\n};\n\ntype IDataActivityProps = {\n id?: number | string;\n ec_tipo_atividade_id?: number;\n duracao_segundos: string | number;\n data_inicio: string;\n data_fim: string;\n descricao: string;\n sincronizado: boolean;\n tipo: string;\n referencia: string;\n};\n\ntype IconName = keyof typeof SVG_NAME;\n\ntype OnActivity = (item: IDataActivityProps) => void;\n\ntype ActivityTimelineProps = TouchableOpacityProps & {\n data: IDataActivityProps[];\n onAdd: OnActivity; // add novo após o item\n onEdit: OnActivity;\n onDelete: OnActivity;\n showIndexBadge?: boolean; // mostra o “3/4/5”\n testID?: string;\n};\n\ntype IActivitieRowProps = {\n index: number;\n activities: IDataActivityProps;\n items: IDataActivityProps[];\n onAdd: OnActivity;\n onEdit: OnActivity;\n onDelete: OnActivity;\n showIndexBadge?: boolean;\n};\n\n/**\n * EXPORTS\n */\nexport type {\n ActivityId,\n ActivityItemModel,\n IconName,\n OnActivity,\n ActivityTimelineProps,\n IActivitieRowProps,\n IDataActivityProps,\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
const baseActivities = {
|
|
9
9
|
trabalho: [{
|
|
10
10
|
id: 1,
|
|
11
|
-
referencia: "
|
|
11
|
+
referencia: "operacao_veiculo",
|
|
12
12
|
cor_hex: "#000000",
|
|
13
|
-
descricao: "
|
|
13
|
+
descricao: "Operação com Veículo",
|
|
14
14
|
tipo: "trabalho"
|
|
15
15
|
}, {
|
|
16
16
|
id: 2,
|
|
@@ -65,14 +65,14 @@ export const activitiesByDriverType = {
|
|
|
65
65
|
normal: baseActivities,
|
|
66
66
|
carregador: {
|
|
67
67
|
trabalho: [{
|
|
68
|
-
id:
|
|
69
|
-
referencia: "
|
|
68
|
+
id: 22,
|
|
69
|
+
referencia: "em_operacao_carregamento",
|
|
70
70
|
cor_hex: "#000000",
|
|
71
|
-
descricao: "Em
|
|
71
|
+
descricao: "Em operação - Carregamento",
|
|
72
72
|
tipo: "trabalho"
|
|
73
73
|
}, {
|
|
74
74
|
id: 21,
|
|
75
|
-
referencia: "
|
|
75
|
+
referencia: "tempo_disposicao",
|
|
76
76
|
cor_hex: "#000000",
|
|
77
77
|
descricao: "Tempo à Disposição",
|
|
78
78
|
tipo: "trabalho"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["baseActivities","trabalho","id","referencia","cor_hex","descricao","tipo","descanso","activitiesByDriverType","normal","carregador"],"sources":["index.ts"],"sourcesContent":["/**\n * Tipagem da atividade\n */\nexport interface IActivity {\n id: number;\n referencia: string;\n cor_hex: string;\n descricao: string;\n tipo: \"trabalho\" | \"descanso\";\n}\n\n/**\n * Lista base de atividades padrão (normal)\n */\nconst baseActivities: Record<string, IActivity[]> = {\n trabalho: [\n {\n id: 1,\n referencia: \"
|
|
1
|
+
{"version":3,"names":["baseActivities","trabalho","id","referencia","cor_hex","descricao","tipo","descanso","activitiesByDriverType","normal","carregador"],"sources":["index.ts"],"sourcesContent":["/**\n * Tipagem da atividade\n */\nexport interface IActivity {\n id: number;\n referencia: string;\n cor_hex: string;\n descricao: string;\n tipo: \"trabalho\" | \"descanso\";\n}\n\n/**\n * Lista base de atividades padrão (normal)\n */\nconst baseActivities: Record<string, IActivity[]> = {\n trabalho: [\n {\n id: 1,\n referencia: \"operacao_veiculo\",\n cor_hex: \"#000000\",\n descricao: \"Operação com Veículo\",\n tipo: \"trabalho\",\n },\n {\n id: 2,\n referencia: \"aguardando_carga\",\n cor_hex: \"#000000\",\n descricao: \"Em Carga\",\n tipo: \"trabalho\",\n },\n {\n id: 3,\n referencia: \"aguardando_descarga\",\n cor_hex: \"#000000\",\n descricao: \"Em Descarga\",\n tipo: \"trabalho\",\n },\n {\n id: 8,\n referencia: \"disposicao_veiculo_parado\",\n cor_hex: \"#000000\",\n descricao: \"Disposição com Veículo Parado\",\n tipo: \"trabalho\",\n },\n ],\n descanso: [\n {\n id: 5,\n referencia: \"repouso_semanal\",\n cor_hex: \"#000000\",\n descricao: \"Repouso Semanal\",\n tipo: \"descanso\",\n },\n {\n id: 6,\n referencia: \"repouso_noturno\",\n cor_hex: \"#000000\",\n descricao: \"Repouso Noturno\",\n tipo: \"descanso\",\n },\n {\n id: 7,\n referencia: \"refeicao\",\n cor_hex: \"#000000\",\n descricao: \"Refeição\",\n tipo: \"descanso\",\n },\n {\n id: 9,\n referencia: \"descanso\",\n cor_hex: \"#000000\",\n descricao: \"Descanso\",\n tipo: \"descanso\",\n },\n ],\n};\n\n/**\n * Atividades específicas por tipo de usuário\n */\nexport const activitiesByDriverType: Record<string, Record<string, IActivity[]>> = {\n normal: baseActivities,\n carregador: {\n trabalho: [\n {\n id: 22,\n referencia: \"em_operacao_carregamento\",\n cor_hex: \"#000000\",\n descricao: \"Em operação - Carregamento\",\n tipo: \"trabalho\",\n },\n {\n id: 21,\n referencia: \"tempo_disposicao\",\n cor_hex: \"#000000\",\n descricao: \"Tempo à Disposição\",\n tipo: \"trabalho\",\n },\n ],\n descanso: baseActivities.descanso!,\n },\n};\n"],"mappings":"AAAA;AACA;AACA;;AASA;AACA;AACA;AACA,MAAMA,cAA2C,GAAG;EAClDC,QAAQ,EAAE,CACR;IACEC,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,kBAAkB;IAC9BC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,sBAAsB;IACjCC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,kBAAkB;IAC9BC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,qBAAqB;IACjCC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,aAAa;IACxBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,2BAA2B;IACvCC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,+BAA+B;IAC1CC,IAAI,EAAE;EACR,CAAC,CACF;EACDC,QAAQ,EAAE,CACR;IACEL,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,iBAAiB;IAC7BC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,iBAAiB;IAC5BC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,iBAAiB;IAC7BC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,iBAAiB;IAC5BC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,UAAU;IACtBC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,UAAU;IACtBC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC;AAEL,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,sBAAmE,GAAG;EACjFC,MAAM,EAAET,cAAc;EACtBU,UAAU,EAAE;IACVT,QAAQ,EAAE,CACR;MACEC,EAAE,EAAE,EAAE;MACNC,UAAU,EAAE,0BAA0B;MACtCC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,4BAA4B;MACvCC,IAAI,EAAE;IACR,CAAC,EACD;MACEJ,EAAE,EAAE,EAAE;MACNC,UAAU,EAAE,kBAAkB;MAC9BC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,oBAAoB;MAC/BC,IAAI,EAAE;IACR,CAAC,CACF;IACDC,QAAQ,EAAEP,cAAc,CAACO;EAC3B;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,25 +1,36 @@
|
|
|
1
|
+
/* eslint-disable no-undef */
|
|
2
|
+
|
|
1
3
|
import ActivityTimeline from "../../components/activity-timeline";
|
|
2
4
|
const sampleData = [{
|
|
3
|
-
id: 1,
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
id: "1",
|
|
6
|
+
ec_tipo_atividade_id: 1,
|
|
7
|
+
descricao: "Descanso",
|
|
8
|
+
data_inicio: "07/03/2024 16:52",
|
|
9
|
+
data_fim: "07/03/2024 17:52",
|
|
10
|
+
duracao_segundos: "3600",
|
|
11
|
+
sincronizado: true,
|
|
12
|
+
tipo: "descanso",
|
|
13
|
+
referencia: "descanso"
|
|
12
14
|
}, {
|
|
13
|
-
id:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
id: "2",
|
|
16
|
+
ec_tipo_atividade_id: 2,
|
|
17
|
+
descricao: "Repouso Noturno",
|
|
18
|
+
data_inicio: "07/03/2024 16:52",
|
|
19
|
+
data_fim: "07/03/2024 17:52",
|
|
20
|
+
duracao_segundos: "3600",
|
|
21
|
+
sincronizado: true,
|
|
22
|
+
tipo: "descanso",
|
|
23
|
+
referencia: "repouso_noturno"
|
|
18
24
|
}, {
|
|
19
|
-
id:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
id: "3",
|
|
26
|
+
jr_tipo_atividade_id: 3,
|
|
27
|
+
descricao: "Descarga",
|
|
28
|
+
data_inicio: "06/03/2024 14:52",
|
|
29
|
+
data_fim: "06/03/2024 16:52",
|
|
30
|
+
duracao_segundos: "7230",
|
|
31
|
+
sincronizado: true,
|
|
32
|
+
tipo: "trabalho",
|
|
33
|
+
referencia: "em_descarga"
|
|
23
34
|
}];
|
|
24
35
|
const meta = {
|
|
25
36
|
title: "componente/ActivityTimeline",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ActivityTimeline","sampleData","id","
|
|
1
|
+
{"version":3,"names":["ActivityTimeline","sampleData","id","ec_tipo_atividade_id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","tipo","referencia","jr_tipo_atividade_id","meta","title","component","args","data","showIndexBadge","onAdd","item","console","log","onEdit","onDelete","parameters","notes","Padrao","name","SemBadge","ListaVazia"],"sources":["activity-timeline.stories.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport ActivityTimeline from \"../../components/activity-timeline\";\n\nimport type { IDataActivityProps } from \"../../components/activity-timeline/interface\";\n\nconst sampleData = [\n {\n id: \"1\",\n ec_tipo_atividade_id: 1,\n descricao: \"Descanso\",\n data_inicio: \"07/03/2024 16:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3600\",\n sincronizado: true,\n tipo: \"descanso\",\n referencia: \"descanso\",\n },\n {\n id: \"2\",\n ec_tipo_atividade_id: 2,\n descricao: \"Repouso Noturno\",\n data_inicio: \"07/03/2024 16:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3600\",\n sincronizado: true,\n tipo: \"descanso\",\n referencia: \"repouso_noturno\",\n },\n {\n id: \"3\",\n jr_tipo_atividade_id: 3,\n descricao: \"Descarga\",\n data_inicio: \"06/03/2024 14:52\",\n data_fim: \"06/03/2024 16:52\",\n duracao_segundos: \"7230\",\n sincronizado: true,\n tipo: \"trabalho\",\n referencia: \"em_descarga\",\n },\n];\n\nconst meta: Meta<typeof ActivityTimeline> = {\n title: \"componente/ActivityTimeline\",\n component: ActivityTimeline,\n args: {\n data: sampleData,\n showIndexBadge: true,\n onAdd: (item: IDataActivityProps) => console.log(\"onAdd\", item),\n onEdit: (item: IDataActivityProps) => console.log(\"onEdit\", item),\n onDelete: (item: IDataActivityProps) => console.log(\"onDelete\", item),\n },\n parameters: {\n notes: `\n# ActivityTimeline\n\nLista de atividades com ações de adicionar, editar e excluir.\n\nExemplo de uso:\n\n\\`\\`\\`tsx\n<ActivityTimeline\n data={data}\n showIndexBadge\n onAdd={(item) => console.log('onAdd', item)}\n onEdit={(item) => console.log('onEdit', item)}\n onDelete={(item) => console.log('onDelete', item)}\n/>\n\\`\\`\\`\n `,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Padrao: Story = {\n name: \"activity-timeline-padrao\",\n args: {\n data: sampleData,\n showIndexBadge: true,\n },\n};\n\nexport const SemBadge: Story = {\n name: \"activity-timeline-sem-badge\",\n args: {\n data: sampleData,\n showIndexBadge: false,\n },\n};\n\nexport const ListaVazia: Story = {\n name: \"activity-timeline-lista-vazia\",\n args: {\n data: [],\n },\n};\n"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,MAAM,oCAAoC;AAIjE,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,oBAAoB,EAAE,CAAC;EACvBC,SAAS,EAAE,UAAU;EACrBC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE,IAAI;EAClBC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE;AACd,CAAC,EACD;EACER,EAAE,EAAE,GAAG;EACPC,oBAAoB,EAAE,CAAC;EACvBC,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE,IAAI;EAClBC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE;AACd,CAAC,EACD;EACER,EAAE,EAAE,GAAG;EACPS,oBAAoB,EAAE,CAAC;EACvBP,SAAS,EAAE,UAAU;EACrBC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE,IAAI;EAClBC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE;AACd,CAAC,CACF;AAED,MAAME,IAAmC,GAAG;EAC1CC,KAAK,EAAE,6BAA6B;EACpCC,SAAS,EAAEd,gBAAgB;EAC3Be,IAAI,EAAE;IACJC,IAAI,EAAEf,UAAU;IAChBgB,cAAc,EAAE,IAAI;IACpBC,KAAK,EAAGC,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEF,IAAI,CAAC;IAC/DG,MAAM,EAAGH,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,IAAI,CAAC;IACjEI,QAAQ,EAAGJ,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,UAAU,EAAEF,IAAI;EACtE,CAAC;EACDK,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeb,IAAI;AAInB,OAAO,MAAMc,MAAa,GAAG;EAC3BC,IAAI,EAAE,0BAA0B;EAChCZ,IAAI,EAAE;IACJC,IAAI,EAAEf,UAAU;IAChBgB,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMW,QAAe,GAAG;EAC7BD,IAAI,EAAE,6BAA6B;EACnCZ,IAAI,EAAE;IACJC,IAAI,EAAEf,UAAU;IAChBgB,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMY,UAAiB,GAAG;EAC/BF,IAAI,EAAE,+BAA+B;EACrCZ,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}
|
|
@@ -17,6 +17,11 @@ const getIconByProperty = (propertyType, color) => {
|
|
|
17
17
|
color: color,
|
|
18
18
|
icon: "STEERING_WHEEL"
|
|
19
19
|
});
|
|
20
|
+
case "em_operacao_carregamento":
|
|
21
|
+
return /*#__PURE__*/React.createElement(Icons, {
|
|
22
|
+
color: color,
|
|
23
|
+
icon: "STEERING_WHEEL"
|
|
24
|
+
});
|
|
20
25
|
case "manutencao":
|
|
21
26
|
return /*#__PURE__*/React.createElement(Icons, {
|
|
22
27
|
color: color,
|
|
@@ -41,7 +46,7 @@ const getIconByProperty = (propertyType, color) => {
|
|
|
41
46
|
case "tempo_disposicao":
|
|
42
47
|
return /*#__PURE__*/React.createElement(Icons, {
|
|
43
48
|
color: color,
|
|
44
|
-
icon: "
|
|
49
|
+
icon: "HOURGLASS"
|
|
45
50
|
});
|
|
46
51
|
case "descanso":
|
|
47
52
|
return /*#__PURE__*/React.createElement(Icons, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Icons","getIconByProperty","propertyType","color","createElement","icon","size"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport React from \"react\";\nimport { Icons } from \"../../common/icons-svg\";\n\nexport type PropertyType =\n | \"operacao_veiculo\"\n | \"em_operacao\"\n | \"manutencao\"\n | \"tempo_disposicao\"\n | \"aguardando_carga\"\n | \"disposicao_veiculo_parado\"\n | \"aguardando_descarga\"\n | \"descanso\"\n | \"repouso_semanal\"\n | \"repouso_noturno\"\n | \"refeicao\"\n | \"ferias\";\n\n/**\n * Function that will map property types to corresponding icons in SVG 🛠️.\n * @param propertyType\n * @param color\n * @returns SVG\n */\nconst getIconByProperty = (propertyType: PropertyType, color?: string): React.ReactNode => {\n switch (propertyType) {\n case \"operacao_veiculo\":\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\n\n case \"manutencao\":\n return <Icons color={color} icon=\"GEAR\" />;\n\n case \"aguardando_carga\":\n return <Icons color={color} icon=\"TIMER\" />;\n\n case \"disposicao_veiculo_parado\":\n return <Icons color={color} size={20} icon=\"TRUCK_ACTIVITY\" />;\n\n case \"aguardando_descarga\":\n return <Icons color={color} icon=\"HOURGLASS\" />;\n\n case \"tempo_disposicao\":\n return <Icons color={color} icon=\"
|
|
1
|
+
{"version":3,"names":["React","Icons","getIconByProperty","propertyType","color","createElement","icon","size"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport React from \"react\";\nimport { Icons } from \"../../common/icons-svg\";\n\nexport type PropertyType =\n | \"operacao_veiculo\"\n | \"em_operacao\"\n | \"manutencao\"\n | \"tempo_disposicao\"\n | \"em_operacao_carregamento\"\n | \"aguardando_carga\"\n | \"disposicao_veiculo_parado\"\n | \"aguardando_descarga\"\n | \"descanso\"\n | \"repouso_semanal\"\n | \"repouso_noturno\"\n | \"refeicao\"\n | \"ferias\";\n\n/**\n * Function that will map property types to corresponding icons in SVG 🛠️.\n * @param propertyType\n * @param color\n * @returns SVG\n */\nconst getIconByProperty = (propertyType: PropertyType, color?: string): React.ReactNode => {\n switch (propertyType) {\n case \"operacao_veiculo\":\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\n\n case \"em_operacao_carregamento\":\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\n\n case \"manutencao\":\n return <Icons color={color} icon=\"GEAR\" />;\n\n case \"aguardando_carga\":\n return <Icons color={color} icon=\"TIMER\" />;\n\n case \"disposicao_veiculo_parado\":\n return <Icons color={color} size={20} icon=\"TRUCK_ACTIVITY\" />;\n\n case \"aguardando_descarga\":\n return <Icons color={color} icon=\"HOURGLASS\" />;\n\n case \"tempo_disposicao\":\n return <Icons color={color} icon=\"HOURGLASS\" />;\n\n case \"descanso\":\n return <Icons color={color} icon=\"COFFEE\" />;\n\n case \"em_operacao\":\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\n\n case \"repouso_semanal\":\n return <Icons color={color} icon=\"HOUSE\" />;\n\n case \"repouso_noturno\":\n return <Icons color={color} icon=\"MOON_STARS\" />;\n\n case \"refeicao\":\n return <Icons color={color} icon=\"CALL_BELL\" />;\n\n case \"ferias\":\n return <Icons color={color} icon=\"ISLAND\" />;\n default:\n return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\n }\n};\n\n/**\n * EXPORTS\n */\nexport { getIconByProperty };\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAiB9C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAGA,CAACC,YAA0B,EAAEC,KAAc,KAAsB;EACzF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOH,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,0BAA0B;MAC7B,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAE,EAAG;QAACD,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEhE,KAAK,qBAAqB;MACxB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,kBAAkB;MACrB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,aAAa;MAChB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,iBAAiB;MACpB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAON,KAAA,CAAAK,aAAA,CAACJ,KAAK;QAACG,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASJ,iBAAiB","ignoreList":[]}
|
|
@@ -9,6 +9,8 @@ export declare enum PropertyType {
|
|
|
9
9
|
AGUARDANDO_CARGA = "aguardando_carga",
|
|
10
10
|
DISPOSICAO_VEICULO_PARADO = "disposicao_veiculo_parado",
|
|
11
11
|
AGUARDANDO = "aguardando_descarga",
|
|
12
|
+
TEMPO_A_DISPOSICAO = "tempo_disposicao",
|
|
13
|
+
OPERACAO_CARREGAMENTO = "em_operacao_carregamento",
|
|
12
14
|
DESCANSO = "descanso",
|
|
13
15
|
REPOUSO_SEMANAL = "repouso_semanal",
|
|
14
16
|
REPOUSO_NOTURNO = "repouso_noturno",
|
|
@@ -6,5 +6,5 @@ import type { IActivitieRowProps } from "../../interface";
|
|
|
6
6
|
/**
|
|
7
7
|
* EXPORTS
|
|
8
8
|
*/
|
|
9
|
-
declare const _default: React.ComponentType<IActivitieRowProps
|
|
9
|
+
declare const _default: React.ComponentType<IActivitieRowProps & React.RefAttributes<any>>;
|
|
10
10
|
export default _default;
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
import React from "react";
|
|
5
|
+
import type { IDataActivityProps } from "./interface";
|
|
5
6
|
/**
|
|
6
7
|
* EXPORTS
|
|
7
8
|
*/
|
|
8
9
|
declare const _default: React.ComponentType<import("react-native").TouchableOpacityProps & {
|
|
9
|
-
data:
|
|
10
|
+
data: IDataActivityProps[];
|
|
10
11
|
onAdd: import("./interface").OnActivity;
|
|
11
12
|
onEdit: import("./interface").OnActivity;
|
|
12
13
|
onDelete: import("./interface").OnActivity;
|
|
@@ -14,20 +14,31 @@ declare type ActivityItemModel = {
|
|
|
14
14
|
time: Date | string;
|
|
15
15
|
invalid?: boolean;
|
|
16
16
|
};
|
|
17
|
+
declare type IDataActivityProps = {
|
|
18
|
+
id?: number | string;
|
|
19
|
+
ec_tipo_atividade_id?: number;
|
|
20
|
+
duracao_segundos: string | number;
|
|
21
|
+
data_inicio: string;
|
|
22
|
+
data_fim: string;
|
|
23
|
+
descricao: string;
|
|
24
|
+
sincronizado: boolean;
|
|
25
|
+
tipo: string;
|
|
26
|
+
referencia: string;
|
|
27
|
+
};
|
|
17
28
|
declare type IconName = keyof typeof SVG_NAME;
|
|
18
|
-
declare type OnActivity = (item:
|
|
19
|
-
declare type ActivityTimelineProps
|
|
20
|
-
data:
|
|
29
|
+
declare type OnActivity = (item: IDataActivityProps) => void;
|
|
30
|
+
declare type ActivityTimelineProps = TouchableOpacityProps & {
|
|
31
|
+
data: IDataActivityProps[];
|
|
21
32
|
onAdd: OnActivity;
|
|
22
33
|
onEdit: OnActivity;
|
|
23
34
|
onDelete: OnActivity;
|
|
24
35
|
showIndexBadge?: boolean;
|
|
25
36
|
testID?: string;
|
|
26
37
|
};
|
|
27
|
-
declare type IActivitieRowProps
|
|
38
|
+
declare type IActivitieRowProps = {
|
|
28
39
|
index: number;
|
|
29
|
-
activities:
|
|
30
|
-
items:
|
|
40
|
+
activities: IDataActivityProps;
|
|
41
|
+
items: IDataActivityProps[];
|
|
31
42
|
onAdd: OnActivity;
|
|
32
43
|
onEdit: OnActivity;
|
|
33
44
|
onDelete: OnActivity;
|
|
@@ -36,4 +47,4 @@ declare type IActivitieRowProps<T> = {
|
|
|
36
47
|
/**
|
|
37
48
|
* EXPORTS
|
|
38
49
|
*/
|
|
39
|
-
export type { ActivityId, ActivityItemModel, IconName, OnActivity, ActivityTimelineProps, IActivitieRowProps, };
|
|
50
|
+
export type { ActivityId, ActivityItemModel, IconName, OnActivity, ActivityTimelineProps, IActivitieRowProps, IDataActivityProps, };
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
declare const _default: React.ComponentType<import("react-native").TouchableOpacityProps & {
|
|
6
6
|
value: any;
|
|
7
|
-
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX" | "CHECK_BOX_OUTLINE" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "CLOSED" | "LOADING" | "ACTIVITY" | "HISTORY" | "BELL" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "X_CIRCLE" | "ELLIPSE" | "PENCIL" | "CAR" | "TRUCK_ACTIVITY" | "COFFEE" | "AGENT" | "CHECK_OUTLINE" | "BED" | "REFRESH_CCW_DOT" | "HOURGLASS" | "HOUSE" | "ISLAND" | "EXCLAMATION_TRIANGLE" | "SCALES";
|
|
7
|
+
icon: "CAMERA_PLUS" | "STEERING_WHEEL" | "CHECK_BOX_FILL" | "CHECK_BOX" | "CHECK_BOX_OUTLINE" | "MOON_STARS" | "CALL_BELL" | "STEERING_WHEEL_FILL" | "TROPHY" | "SHOPPING_CART" | "CREDIT_CARD" | "FILE_TEXT" | "TRUCK" | "PACKAGE_CHECK" | "PLUS" | "EYE_SLASH" | "EYE" | "CALENDAR" | "TIMER" | "GEAR" | "CURRENCY" | "GAUGE" | "GAS_PUMP" | "ARROW_LEFT" | "BLUETOOTH" | "BLUETOOTH_CONNECTED" | "LIST" | "WIFI_X" | "WIFI_HIGH" | "NOTE_PINCEL" | "CHECK_CIRCLE" | "ARROW_DROP_DOWN" | "CLOSED" | "LOADING" | "ACTIVITY" | "HISTORY" | "BELL" | "FILES" | "LIFEBUOY" | "RECUSED" | "EXCLAMATION_CIRCLE" | "X_CIRCLE" | "ELLIPSE" | "PENCIL" | "CAR" | "TRUCK_ACTIVITY" | "COFFEE" | "AGENT" | "CHECK_OUTLINE" | "BED" | "REFRESH_CCW_DOT" | "HOURGLASS" | "HOUSE" | "ISLAND" | "EXCLAMATION_TRIANGLE" | "SCALES" | "CARRIER";
|
|
8
8
|
disabled?: boolean | undefined;
|
|
9
9
|
textColor?: string | undefined;
|
|
10
10
|
onPressConfirm: (value: any) => void;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
import React from "react";
|
|
5
|
-
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";
|
|
5
|
+
export declare type PropertyType = "operacao_veiculo" | "em_operacao" | "manutencao" | "tempo_disposicao" | "em_operacao_carregamento" | "aguardando_carga" | "disposicao_veiculo_parado" | "aguardando_descarga" | "descanso" | "repouso_semanal" | "repouso_noturno" | "refeicao" | "ferias";
|
|
6
6
|
/**
|
|
7
7
|
* Function that will map property types to corresponding icons in SVG 🛠️.
|
|
8
8
|
* @param propertyType
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-exp-fig",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.35",
|
|
4
4
|
"description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
"react": "*",
|
|
190
190
|
"react-dom": "*",
|
|
191
191
|
"react-native": "*",
|
|
192
|
-
"react-native-exp-fig": "^0.1.
|
|
192
|
+
"react-native-exp-fig": "^0.1.34",
|
|
193
193
|
"react-native-gesture-handler": "^2.19.0",
|
|
194
194
|
"react-native-reanimated": "^3.16.7",
|
|
195
195
|
"react-native-safe-area-context": "*",
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import Svg, { Path } from "react-native-svg";
|
|
6
|
+
|
|
7
|
+
//typings
|
|
8
|
+
import { ISvgProps } from "../interface";
|
|
9
|
+
|
|
10
|
+
const SvgIconCarrier: React.FC<ISvgProps> = ({ color, size = 17 }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
//@ts-ignore
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
width={size}
|
|
15
|
+
height={size - 2}
|
|
16
|
+
fill="none"
|
|
17
|
+
viewBox="0 0 17 15"
|
|
18
|
+
>
|
|
19
|
+
<Path
|
|
20
|
+
fill={color ?? "#2BA20D"}
|
|
21
|
+
fillRule="evenodd"
|
|
22
|
+
d="M15.938 13.125c0 .516-.477.938-1.063.938H2.125c-.586 0-1.062-.422-1.062-.938V1.875c0-.516.476-.937 1.062-.937h12.75c.586 0 1.063.421 1.063.937zM14.875 0H2.125C.951 0 0 .84 0 1.875v11.25C0 14.161.951 15 2.125 15h12.75C16.049 15 17 14.16 17 13.125V1.875C17 .839 16.049 0 14.875 0m-3.187 7.031H9.03V4.688c0-.258-.238-.47-.531-.47s-.531.212-.531.47V7.03H5.312c-.293 0-.53.211-.53.469s.237.469.53.469H7.97v2.343c0 .258.238.47.531.47s.531-.212.531-.47V7.97h2.656c.294 0 .532-.211.532-.469s-.238-.469-.531-.469"
|
|
23
|
+
clipRule="evenodd"
|
|
24
|
+
></Path>
|
|
25
|
+
</Svg>
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* EXPORTS
|
|
30
|
+
*/
|
|
31
|
+
export { SvgIconCarrier };
|
|
@@ -59,6 +59,7 @@ import { SvgPackage } from "./package";
|
|
|
59
59
|
import { SvgIconHouse } from "./house";
|
|
60
60
|
import { SvgIconWarningTriangle } from "./eclamation-triangle";
|
|
61
61
|
import { SvgIconScales } from "./scales";
|
|
62
|
+
import { SvgIconCarrier } from "./carrier/inde";
|
|
62
63
|
|
|
63
64
|
// typing
|
|
64
65
|
import { ISvgProps } from "./interface";
|
|
@@ -162,6 +163,9 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
|
162
163
|
case "NOTE_PINCEL":
|
|
163
164
|
return <SvgIconNotePencil color={color} size={size} icon={"NOTE_PINCEL"} />;
|
|
164
165
|
|
|
166
|
+
case "CARRIER":
|
|
167
|
+
return <SvgIconCarrier color={color} size={size} icon={"CARRIER"} />;
|
|
168
|
+
|
|
165
169
|
case "CHECK_CIRCLE":
|
|
166
170
|
return (
|
|
167
171
|
<SvgIconCheckCircle
|
|
@@ -22,6 +22,8 @@ export enum PropertyType {
|
|
|
22
22
|
AGUARDANDO_CARGA = "aguardando_carga",
|
|
23
23
|
DISPOSICAO_VEICULO_PARADO = "disposicao_veiculo_parado",
|
|
24
24
|
AGUARDANDO = "aguardando_descarga",
|
|
25
|
+
TEMPO_A_DISPOSICAO = "tempo_disposicao",
|
|
26
|
+
OPERACAO_CARREGAMENTO = "em_operacao_carregamento",
|
|
25
27
|
DESCANSO = "descanso",
|
|
26
28
|
REPOUSO_SEMANAL = "repouso_semanal",
|
|
27
29
|
REPOUSO_NOTURNO = "repouso_noturno",
|
|
@@ -35,6 +37,8 @@ const propertyTypeIcons: Record<PropertyType, (color?: string) => React.JSX.Elem
|
|
|
35
37
|
[PropertyType.AGUARDANDO_CARGA]: (color) => <SvgIconTimer color={color} />,
|
|
36
38
|
[PropertyType.DISPOSICAO_VEICULO_PARADO]: (color) => <SvgIconTruck color={color} />,
|
|
37
39
|
[PropertyType.AGUARDANDO]: (color) => <SvgIconHourGlassMedium color={color} />,
|
|
40
|
+
[PropertyType.TEMPO_A_DISPOSICAO]: (color) => <SvgIconHourGlassMedium color={color} />,
|
|
41
|
+
[PropertyType.OPERACAO_CARREGAMENTO]: (color) => <SvgIconSteeringWheel color={color} />,
|
|
38
42
|
[PropertyType.DESCANSO]: (color) => <SvgIconCoffee color={color} />,
|
|
39
43
|
[PropertyType.REPOUSO_SEMANAL]: (color) => <SvgIconHouse color={color} />,
|
|
40
44
|
[PropertyType.REPOUSO_NOTURNO]: (color) => <SvgIconMoonStars color={color} />,
|