react-native-exp-fig 0.1.18 → 0.1.20

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.
Files changed (74) hide show
  1. package/lib/commonjs/common/icons-svg/index.js +2 -1
  2. package/lib/commonjs/common/icons-svg/index.js.map +1 -1
  3. package/lib/commonjs/components/activities-daily/index.js +6 -5
  4. package/lib/commonjs/components/activities-daily/index.js.map +1 -1
  5. package/lib/commonjs/components/activities-progress/index.js +5 -4
  6. package/lib/commonjs/components/activities-progress/index.js.map +1 -1
  7. package/lib/commonjs/components/activities-progress/interface.d.js.map +1 -1
  8. package/lib/commonjs/components/loading-details/index.js +13 -11
  9. package/lib/commonjs/components/loading-details/index.js.map +1 -1
  10. package/lib/commonjs/components/loading-details/interface.d.js.map +1 -1
  11. package/lib/commonjs/components/notification-loading/index.js +5 -6
  12. package/lib/commonjs/components/notification-loading/index.js.map +1 -1
  13. package/lib/commonjs/components/step-indicator/index.js +9 -9
  14. package/lib/commonjs/components/step-indicator/index.js.map +1 -1
  15. package/lib/commonjs/components/step-indicator/interface.d.js.map +1 -1
  16. package/lib/commonjs/components/step-indicator/styles.js +6 -6
  17. package/lib/commonjs/components/step-indicator/styles.js.map +1 -1
  18. package/lib/commonjs/stories/activities-progress/activities-progress.stories.js +4 -4
  19. package/lib/commonjs/stories/activities-progress/activities-progress.stories.js.map +1 -1
  20. package/lib/commonjs/stories/loading-details/loading-details.stories.js +14 -2
  21. package/lib/commonjs/stories/loading-details/loading-details.stories.js.map +1 -1
  22. package/lib/commonjs/stories/step-indicator/step-indicator.stories.js +34 -7
  23. package/lib/commonjs/stories/step-indicator/step-indicator.stories.js.map +1 -1
  24. package/lib/commonjs/styles/theme/theme.js +5 -4
  25. package/lib/commonjs/styles/theme/theme.js.map +1 -1
  26. package/lib/commonjs/utils/get-icon-by-property/index.js +4 -2
  27. package/lib/commonjs/utils/get-icon-by-property/index.js.map +1 -1
  28. package/lib/module/common/icons-svg/index.js +2 -1
  29. package/lib/module/common/icons-svg/index.js.map +1 -1
  30. package/lib/module/components/activities-daily/index.js +6 -5
  31. package/lib/module/components/activities-daily/index.js.map +1 -1
  32. package/lib/module/components/activities-progress/index.js +5 -4
  33. package/lib/module/components/activities-progress/index.js.map +1 -1
  34. package/lib/module/components/activities-progress/interface.d.js.map +1 -1
  35. package/lib/module/components/loading-details/index.js +13 -11
  36. package/lib/module/components/loading-details/index.js.map +1 -1
  37. package/lib/module/components/loading-details/interface.d.js.map +1 -1
  38. package/lib/module/components/notification-loading/index.js +5 -6
  39. package/lib/module/components/notification-loading/index.js.map +1 -1
  40. package/lib/module/components/step-indicator/index.js +9 -9
  41. package/lib/module/components/step-indicator/index.js.map +1 -1
  42. package/lib/module/components/step-indicator/interface.d.js.map +1 -1
  43. package/lib/module/components/step-indicator/styles.js +6 -6
  44. package/lib/module/components/step-indicator/styles.js.map +1 -1
  45. package/lib/module/stories/activities-progress/activities-progress.stories.js +4 -4
  46. package/lib/module/stories/activities-progress/activities-progress.stories.js.map +1 -1
  47. package/lib/module/stories/loading-details/loading-details.stories.js +13 -1
  48. package/lib/module/stories/loading-details/loading-details.stories.js.map +1 -1
  49. package/lib/module/stories/step-indicator/step-indicator.stories.js +33 -6
  50. package/lib/module/stories/step-indicator/step-indicator.stories.js.map +1 -1
  51. package/lib/module/styles/theme/theme.js +5 -4
  52. package/lib/module/styles/theme/theme.js.map +1 -1
  53. package/lib/module/utils/get-icon-by-property/index.js +4 -2
  54. package/lib/module/utils/get-icon-by-property/index.js.map +1 -1
  55. package/lib/typescript/src/stories/loading-details/loading-details.stories.d.ts +1 -0
  56. package/lib/typescript/src/stories/step-indicator/step-indicator.stories.d.ts +1 -0
  57. package/lib/typescript/src/styles/global/theme-provider.d.ts +1 -0
  58. package/lib/typescript/src/styles/theme/theme.d.ts +1 -0
  59. package/package.json +1 -1
  60. package/src/common/icons-svg/index.tsx +1 -1
  61. package/src/components/activities-daily/index.tsx +116 -116
  62. package/src/components/activities-progress/index.tsx +5 -4
  63. package/src/components/activities-progress/interface.d.ts +2 -2
  64. package/src/components/loading-details/index.tsx +156 -154
  65. package/src/components/loading-details/interface.d.ts +31 -28
  66. package/src/components/notification-loading/index.tsx +157 -162
  67. package/src/components/step-indicator/index.tsx +166 -164
  68. package/src/components/step-indicator/interface.d.ts +35 -34
  69. package/src/components/step-indicator/styles.ts +68 -68
  70. package/src/stories/activities-progress/activities-progress.stories.tsx +4 -4
  71. package/src/stories/loading-details/loading-details.stories.tsx +60 -48
  72. package/src/stories/step-indicator/step-indicator.stories.tsx +154 -124
  73. package/src/styles/theme/theme.ts +172 -171
  74. package/src/utils/get-icon-by-property/index.tsx +2 -1
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\ntype IData = {\n id: number;\n duracao_segundos: string | number;\n data_inicio: string;\n data_fim: string;\n descricao: string;\n};\ninterface IStepIndicator {\n /**dados que vão ser renderizados */\n data?: IData[];\n\n /**tupo de renderização padrão ou customizada */\n type?: \"default\" | \"custom\";\n\n /**tamanho do step indicator */\n backgroundColorBall?: string;\n\n /**cor do texto */\n titleColor?: string;\n\n /**cor do numero do step indicator */\n titleNumberColor?: string;\n\n /**cor do texto da descrição */\n textColorDescription?: string;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\ntype IData = {\r\n id: number;\r\n duracao_segundos: string | number;\r\n data_inicio: string;\r\n data_fim: string;\r\n descricao: string;\r\n sincronizado;\r\n};\r\ninterface IStepIndicator {\r\n /**dados que vão ser renderizados */\r\n data?: IData[];\r\n\r\n /**tupo de renderização padrão ou customizada */\r\n type?: \"default\" | \"custom\";\r\n\r\n /**cor do texto */\r\n titleColor?: string;\r\n\r\n /**cor do numero do step indicator */\r\n titleNumberColor?: string;\r\n\r\n /**cor do texto da descrição */\r\n textColorDescription?: string;\r\n\r\n /**verifica se foi sincronizado com back end */\r\n sincronizado?: boolean;\r\n}\r\n/**\r\n * EXPORTS\r\n */\r\nexport { type IStepIndicator };\r\n"],"mappings":"","ignoreList":[]}
@@ -1,5 +1,5 @@
1
- /**
2
- * IMPORTS
1
+ /**
2
+ * IMPORTS
3
3
  */
4
4
 
5
5
  import { StyleSheet } from "react-native";
@@ -9,7 +9,7 @@ import { StyleSheet } from "react-native";
9
9
  // styles
10
10
  import { theme } from "../../styles/theme/theme";
11
11
  const styles = props => {
12
- var _props$backgroundColo, _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
12
+ var _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
13
13
  return StyleSheet.create({
14
14
  containerIndicator: {
15
15
  width: "100%",
@@ -21,7 +21,7 @@ const styles = props => {
21
21
  containerBall: {
22
22
  width: 32,
23
23
  height: 32,
24
- backgroundColor: (_props$backgroundColo = props.backgroundColorBall) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : theme.colors.blue[500],
24
+ backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],
25
25
  flexDirection: "row",
26
26
  alignItems: "center",
27
27
  justifyContent: "center",
@@ -62,8 +62,8 @@ const styles = props => {
62
62
  });
63
63
  };
64
64
 
65
- /**
66
- * EXPORTS
65
+ /**
66
+ * EXPORTS
67
67
  */
68
68
  export { styles };
69
69
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","theme","styles","props","_props$backgroundColo","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","backgroundColorBall","colors","blue","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStepIndicator } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = (props: IStepIndicator) =>\n StyleSheet.create({\n containerIndicator: {\n width: \"100%\",\n height: 86,\n flexDirection: \"row\",\n justifyContent: \"flex-start\",\n // backgroundColor: theme.colors.gray[300],\n },\n containerBall: {\n width: 32,\n height: 32,\n backgroundColor: props.backgroundColorBall ?? theme.colors.blue[500],\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: 16,\n },\n title: {\n color: props.titleColor ?? \"black\",\n textAlign: \"center\",\n lineHeight: 20,\n fontSize: theme.fontSizes[\"sm\"],\n fontWeight: \"500\",\n marginLeft: 8,\n },\n titleNumber: {\n color: props.titleNumberColor ?? theme.colors.neutral[25],\n textAlign: \"center\",\n lineHeight: 16,\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: theme.fontSizes[\"xs\"],\n position: \"absolute\",\n },\n titleDescription: {\n color: props.textColorDescription ?? theme.colors.gray[700],\n textAlign: \"center\",\n lineHeight: 16,\n fontSize: theme.fontSizes[\"xs\"],\n fontFamily: theme.fonts.inter_regular_400,\n fontWeight: \"400\",\n marginLeft: 8,\n },\n containerMain: {\n width: \"100%\",\n height: 56,\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n marginLeft: 2,\n },\n });\n\n/**\n * EXPORTS\n */\nexport { styles };\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAqB;EAAA,IAAAC,qBAAA,EAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCP,UAAU,CAACQ,MAAM,CAAC;IAChBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;MAChB;IACF,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVI,eAAe,GAAAX,qBAAA,GAAED,KAAK,CAACa,mBAAmB,cAAAZ,qBAAA,cAAAA,qBAAA,GAAIH,KAAK,CAACgB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACpEN,aAAa,EAAE,KAAK;MACpBO,UAAU,EAAE,QAAQ;MACpBN,cAAc,EAAE,QAAQ;MACxBO,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAjB,iBAAA,GAAEF,KAAK,CAACoB,UAAU,cAAAlB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCmB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAhB,qBAAA,GAAEH,KAAK,CAAC4B,gBAAgB,cAAAzB,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACgB,MAAM,CAACe,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAf,qBAAA,GAAEJ,KAAK,CAACmC,oBAAoB,cAAA/B,qBAAA,cAAAA,qBAAA,GAAIN,KAAK,CAACgB,MAAM,CAACsB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCP,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDW,aAAa,EAAE;MACb9B,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBO,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAAS3B,MAAM","ignoreList":[]}
1
+ {"version":3,"names":["StyleSheet","theme","styles","props","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","sincronizado","colors","blue","orange","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\n\r\n// typings\r\nimport { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst styles = (props: IStepIndicator) =>\r\n StyleSheet.create({\r\n containerIndicator: {\r\n width: \"100%\",\r\n height: 86,\r\n flexDirection: \"row\",\r\n justifyContent: \"flex-start\",\r\n // backgroundColor: theme.colors.gray[300],\r\n },\r\n containerBall: {\r\n width: 32,\r\n height: 32,\r\n backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n borderRadius: 16,\r\n },\r\n title: {\r\n color: props.titleColor ?? \"black\",\r\n textAlign: \"center\",\r\n lineHeight: 20,\r\n fontSize: theme.fontSizes[\"sm\"],\r\n fontWeight: \"500\",\r\n marginLeft: 8,\r\n },\r\n titleNumber: {\r\n color: props.titleNumberColor ?? theme.colors.neutral[25],\r\n textAlign: \"center\",\r\n lineHeight: 16,\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontSize: theme.fontSizes[\"xs\"],\r\n position: \"absolute\",\r\n },\r\n titleDescription: {\r\n color: props.textColorDescription ?? theme.colors.gray[700],\r\n textAlign: \"center\",\r\n lineHeight: 16,\r\n fontSize: theme.fontSizes[\"xs\"],\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontWeight: \"400\",\r\n marginLeft: 8,\r\n },\r\n containerMain: {\r\n width: \"100%\",\r\n height: 56,\r\n flexDirection: \"column\",\r\n alignItems: \"flex-start\",\r\n marginLeft: 2,\r\n },\r\n });\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAqB;EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCN,UAAU,CAACO,MAAM,CAAC;IAChBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;MAChB;IACF,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVI,eAAe,EAAEX,KAAK,CAACY,YAAY,GAAGd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGhB,KAAK,CAACe,MAAM,CAACE,MAAM,CAAC,GAAG,CAAC;MACvFP,aAAa,EAAE,KAAK;MACpBQ,UAAU,EAAE,QAAQ;MACpBP,cAAc,EAAE,QAAQ;MACxBQ,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAlB,iBAAA,GAAED,KAAK,CAACoB,UAAU,cAAAnB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCoB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAjB,qBAAA,GAAEF,KAAK,CAAC4B,gBAAgB,cAAA1B,qBAAA,cAAAA,qBAAA,GAAIJ,KAAK,CAACe,MAAM,CAACgB,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAhB,qBAAA,GAAEH,KAAK,CAACmC,oBAAoB,cAAAhC,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACe,MAAM,CAACuB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCP,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDW,aAAa,EAAE;MACb/B,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBQ,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAAS3B,MAAM","ignoreList":[]}
@@ -8,7 +8,7 @@ const meta = {
8
8
  data_inicio_horario: "17:20",
9
9
  tipo_atividade: "trabalho",
10
10
  titleLabel: "Operação com Veículo",
11
- criado_ofiline: true,
11
+ criado_offline: true,
12
12
  referencia: "repouso_semanal"
13
13
  },
14
14
  parameters: {
@@ -24,7 +24,7 @@ Você usa assim:
24
24
  data_inicio_horario="17:20"
25
25
  tipo_atividade="descanso"
26
26
  titleLabel="Repouso Noturno"
27
- criado_ofiline=true
27
+ criado_offline=true
28
28
  referencia="repouso_semanal"
29
29
  />
30
30
  \`\`\`
@@ -44,7 +44,7 @@ export const ActivitiesProgressTrabalho = {
44
44
  data_inicio_horario: "14:30",
45
45
  titleLabel: "Em Carga",
46
46
  tipo_atividade: "trabalho",
47
- criado_ofiline: true,
47
+ criado_offline: true,
48
48
  referencia: "operacao_veiculo"
49
49
  }
50
50
  };
@@ -56,7 +56,7 @@ export const ActivitiesProgressDescanso = {
56
56
  data_inicio_horario: "12:00",
57
57
  titleLabel: "Refeição",
58
58
  tipo_atividade: "descanso",
59
- criado_ofiline: false,
59
+ criado_offline: false,
60
60
  referencia: "refeicao"
61
61
  }
62
62
  };
@@ -1 +1 @@
1
- {"version":3,"names":["ActivitiesProgress","meta","title","component","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","criado_ofiline","referencia","parameters","notes","ActivitiesProgressPadrao","name","ActivitiesProgressTrabalho","ActivitiesProgressDescanso"],"sources":["activities-progress.stories.tsx"],"sourcesContent":["import type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport { ActivitiesProgress } from \"../../components/activities-progress\";\r\n\r\nconst meta: Meta<typeof ActivitiesProgress> = {\r\n title: \"componente/ActivitiesProgress\",\r\n component: ActivitiesProgress,\r\n args: {\r\n data_inicio: \"11/05/2025\",\r\n duracao: \"00:30\",\r\n data_inicio_horario: \"17:20\",\r\n tipo_atividade: \"trabalho\",\r\n titleLabel: \"Operação com Veículo\",\r\n criado_ofiline: true,\r\n referencia: \"repouso_semanal\",\r\n },\r\n parameters: {\r\n notes: `\r\n# ActivitiesProgress\r\n\r\nEste é um componente de progresso de atividades.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<ActivitiesProgress\r\n data_inicio=\"11/05/2025\"\r\n duracao=\"00:30\"\r\n data_inicio_horario=\"17:20\"\r\n tipo_atividade=\"descanso\"\r\n titleLabel=\"Repouso Noturno\"\r\n criado_ofiline=true\r\n referencia=\"repouso_semanal\"\r\n/>\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const ActivitiesProgressPadrao: Story = {\r\n name: \"activities-progress-padrao\",\r\n args: {},\r\n};\r\n\r\nexport const ActivitiesProgressTrabalho: Story = {\r\n name: \"activities-progress-trabalho\",\r\n args: {\r\n data_inicio: \"15/06/2023\",\r\n duracao: \"01:45\",\r\n data_inicio_horario: \"14:30\",\r\n titleLabel: \"Em Carga\",\r\n tipo_atividade: \"trabalho\",\r\n criado_ofiline: true,\r\n referencia: \"operacao_veiculo\",\r\n },\r\n};\r\n\r\nexport const ActivitiesProgressDescanso: Story = {\r\n name: \"activities-progress-descanso\",\r\n args: {\r\n data_inicio: \"20/07/2023\",\r\n duracao: \"00:15\",\r\n data_inicio_horario: \"12:00\",\r\n titleLabel: \"Refeição\",\r\n tipo_atividade: \"descanso\",\r\n criado_ofiline: false,\r\n referencia: \"refeicao\",\r\n },\r\n};\r\n"],"mappings":"AAEA,SAASA,kBAAkB,QAAQ,sCAAsC;AAEzE,MAAMC,IAAqC,GAAG;EAC5CC,KAAK,EAAE,+BAA+B;EACtCC,SAAS,EAAEH,kBAAkB;EAC7BI,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,sBAAsB;IAClCC,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,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,eAAeZ,IAAI;AAInB,OAAO,MAAMa,wBAA+B,GAAG;EAC7CC,IAAI,EAAE,4BAA4B;EAClCX,IAAI,EAAE,CAAC;AACT,CAAC;AAED,OAAO,MAAMY,0BAAiC,GAAG;EAC/CD,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMM,0BAAiC,GAAG;EAC/CF,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,KAAK;IACrBC,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["ActivitiesProgress","meta","title","component","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","criado_offline","referencia","parameters","notes","ActivitiesProgressPadrao","name","ActivitiesProgressTrabalho","ActivitiesProgressDescanso"],"sources":["activities-progress.stories.tsx"],"sourcesContent":["import type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport { ActivitiesProgress } from \"../../components/activities-progress\";\r\n\r\nconst meta: Meta<typeof ActivitiesProgress> = {\r\n title: \"componente/ActivitiesProgress\",\r\n component: ActivitiesProgress,\r\n args: {\r\n data_inicio: \"11/05/2025\",\r\n duracao: \"00:30\",\r\n data_inicio_horario: \"17:20\",\r\n tipo_atividade: \"trabalho\",\r\n titleLabel: \"Operação com Veículo\",\r\n criado_offline: true,\r\n referencia: \"repouso_semanal\",\r\n },\r\n parameters: {\r\n notes: `\r\n# ActivitiesProgress\r\n\r\nEste é um componente de progresso de atividades.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<ActivitiesProgress\r\n data_inicio=\"11/05/2025\"\r\n duracao=\"00:30\"\r\n data_inicio_horario=\"17:20\"\r\n tipo_atividade=\"descanso\"\r\n titleLabel=\"Repouso Noturno\"\r\n criado_offline=true\r\n referencia=\"repouso_semanal\"\r\n/>\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const ActivitiesProgressPadrao: Story = {\r\n name: \"activities-progress-padrao\",\r\n args: {},\r\n};\r\n\r\nexport const ActivitiesProgressTrabalho: Story = {\r\n name: \"activities-progress-trabalho\",\r\n args: {\r\n data_inicio: \"15/06/2023\",\r\n duracao: \"01:45\",\r\n data_inicio_horario: \"14:30\",\r\n titleLabel: \"Em Carga\",\r\n tipo_atividade: \"trabalho\",\r\n criado_offline: true,\r\n referencia: \"operacao_veiculo\",\r\n },\r\n};\r\n\r\nexport const ActivitiesProgressDescanso: Story = {\r\n name: \"activities-progress-descanso\",\r\n args: {\r\n data_inicio: \"20/07/2023\",\r\n duracao: \"00:15\",\r\n data_inicio_horario: \"12:00\",\r\n titleLabel: \"Refeição\",\r\n tipo_atividade: \"descanso\",\r\n criado_offline: false,\r\n referencia: \"refeicao\",\r\n },\r\n};\r\n"],"mappings":"AAEA,SAASA,kBAAkB,QAAQ,sCAAsC;AAEzE,MAAMC,IAAqC,GAAG;EAC5CC,KAAK,EAAE,+BAA+B;EACtCC,SAAS,EAAEH,kBAAkB;EAC7BI,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,sBAAsB;IAClCC,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,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,eAAeZ,IAAI;AAInB,OAAO,MAAMa,wBAA+B,GAAG;EAC7CC,IAAI,EAAE,4BAA4B;EAClCX,IAAI,EAAE,CAAC;AACT,CAAC;AAED,OAAO,MAAMY,0BAAiC,GAAG;EAC/CD,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMM,0BAAiC,GAAG;EAC/CF,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,KAAK;IACrBC,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}
@@ -6,7 +6,8 @@ const meta = {
6
6
  numero: "01",
7
7
  local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
8
8
  date: "24/03/2025",
9
- duracao: "00:00"
9
+ duracao: "00:00",
10
+ disabled: false
10
11
  },
11
12
  parameters: {
12
13
  notes: `
@@ -23,6 +24,7 @@ Você usa assim:
23
24
  handleClickGoback={() => {}}
24
25
  isLoadingStart={false}
25
26
  handleClickStart={() => {}}
27
+ disabled={true}
26
28
  />
27
29
  \`\`\`
28
30
  `
@@ -38,4 +40,14 @@ export const Profile = {
38
40
  duracao: "00:00"
39
41
  }
40
42
  };
43
+ export const ProfileDisabled = {
44
+ name: "loading-details-disabled",
45
+ args: {
46
+ numero: "01",
47
+ local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
48
+ date: "24/03/2025",
49
+ duracao: "00:00",
50
+ disabled: true
51
+ }
52
+ };
41
53
  //# sourceMappingURL=loading-details.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["LoadingDetails","meta","title","component","args","numero","local","date","duracao","parameters","notes","Profile","name"],"sources":["loading-details.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StoryObj, Meta } from \"@storybook/react\";\n\nimport { LoadingDetails } from \"../../components/loading-details\";\n\nconst meta: Meta<typeof LoadingDetails> = {\n title: \"componente/LoadingDetails\",\n component: LoadingDetails as React.FC,\n args: {\n numero: \"01\",\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\n date: \"24/03/2025\",\n duracao: \"00:00\",\n },\n parameters: {\n notes: `\n# LoadingDetails\n\nEste é um componente de LoadingDetails.\nVocê usa assim:\n\\`\\`\\`tsx\n<LoadingDetails\n numero=\"01\"\n local=\"Doca 1, Pátio 02 - Usiminas (Ipatinga)\"\n date=\"24/03/2025\"\n duracao=\"00:00\"\n handleClickGoback={() => {}}\n isLoadingStart={false}\n handleClickStart={() => {}}\n />\n\\`\\`\\`\n`,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Profile: Story = {\n name: \"loading-details\",\n args: {\n numero: \"01\",\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\n date: \"24/03/2025\",\n duracao: \"00:00\",\n },\n};\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEH,cAA0B;EACrCI,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX,CAAC;EACDC,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,eAAeT,IAAI;AAInB,OAAO,MAAMU,OAAc,GAAG;EAC5BC,IAAI,EAAE,iBAAiB;EACvBR,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["LoadingDetails","meta","title","component","args","numero","local","date","duracao","disabled","parameters","notes","Profile","name","ProfileDisabled"],"sources":["loading-details.stories.tsx"],"sourcesContent":["import React from \"react\";\r\nimport type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport { LoadingDetails } from \"../../components/loading-details\";\r\n\r\nconst meta: Meta<typeof LoadingDetails> = {\r\n title: \"componente/LoadingDetails\",\r\n component: LoadingDetails as React.FC,\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n disabled: false,\r\n },\r\n parameters: {\r\n notes: `\r\n# LoadingDetails\r\n\r\nEste é um componente de LoadingDetails.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<LoadingDetails\r\n numero=\"01\"\r\n local=\"Doca 1, Pátio 02 - Usiminas (Ipatinga)\"\r\n date=\"24/03/2025\"\r\n duracao=\"00:00\"\r\n handleClickGoback={() => {}}\r\n isLoadingStart={false}\r\n handleClickStart={() => {}}\r\n disabled={true}\r\n />\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Profile: Story = {\r\n name: \"loading-details\",\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n },\r\n};\r\nexport const ProfileDisabled: Story = {\r\n name: \"loading-details-disabled\",\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n disabled: true,\r\n },\r\n};\r\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEH,cAA0B;EACrCI,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeV,IAAI;AAInB,OAAO,MAAMW,OAAc,GAAG;EAC5BC,IAAI,EAAE,iBAAiB;EACvBT,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX;AACF,CAAC;AACD,OAAO,MAAMM,eAAsB,GAAG;EACpCD,IAAI,EAAE,0BAA0B;EAChCT,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC","ignoreList":[]}
@@ -12,9 +12,9 @@ const meta = {
12
12
  descricao: "Repouso Noturno",
13
13
  data_inicio: "07/03/2024 14:52",
14
14
  data_fim: "07/03/2024 17:52",
15
- duracao_segundos: "3601"
15
+ duracao_segundos: "3601",
16
+ sincronizado: true
16
17
  }],
17
- backgroundColorBall: theme.colors.blue[500],
18
18
  titleColor: theme.colors.neutral[25],
19
19
  titleNumberColor: theme.colors.neutral[25]
20
20
  },
@@ -26,7 +26,6 @@ Este é um componente de step indicator.
26
26
  Você usa assim:
27
27
  \`\`\`tsx
28
28
  <StepIndicator
29
- backgroundColorBall="#050022"
30
29
  type="default"
31
30
  data={dataMock}
32
31
  />
@@ -40,13 +39,30 @@ const dataMock = [{
40
39
  descricao: "Repouso Noturno",
41
40
  data_inicio: "07/03/2024 14:52",
42
41
  data_fim: "07/03/2024 17:52",
43
- duracao_segundos: "3601"
42
+ duracao_segundos: "3601",
43
+ sincronizado: true
44
+ }, {
45
+ id: 2,
46
+ descricao: "Descarga",
47
+ data_inicio: "06/03/2024 14:52",
48
+ data_fim: "06/03/2024 16:52",
49
+ duracao_segundos: "7200",
50
+ sincronizado: true
51
+ }];
52
+ const dataMockFalse = [{
53
+ id: 1,
54
+ descricao: "Repouso Noturno",
55
+ data_inicio: "07/03/2024 14:52",
56
+ data_fim: "07/03/2024 17:52",
57
+ duracao_segundos: "3601",
58
+ sincronizado: false
44
59
  }, {
45
60
  id: 2,
46
61
  descricao: "Descarga",
47
62
  data_inicio: "06/03/2024 14:52",
48
63
  data_fim: "06/03/2024 16:52",
49
- duracao_segundos: "7200"
64
+ duracao_segundos: "7200",
65
+ sincronizado: false
50
66
  }];
51
67
  const dataMockCustom = [{
52
68
  id: 1,
@@ -84,7 +100,18 @@ export const StepIndicatorDefault = {
84
100
  args: {
85
101
  data: dataMock,
86
102
  type: "default",
87
- backgroundColorBall: theme.colors.blue[500],
103
+ sincronizado: true,
104
+ titleColor: theme.colors.neutral[25],
105
+ textColorDescription: theme.colors.gray[300],
106
+ titleNumberColor: theme.colors.neutral[25]
107
+ }
108
+ };
109
+ export const StepIndicatorSincronizadoFalse = {
110
+ name: "step-indicator-sincronizado-false",
111
+ args: {
112
+ data: dataMockFalse,
113
+ type: "default",
114
+ sincronizado: false,
88
115
  titleColor: theme.colors.neutral[25],
89
116
  textColorDescription: theme.colors.gray[300],
90
117
  titleNumberColor: theme.colors.neutral[25]
@@ -1 +1 @@
1
- {"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","backgroundColorBall","colors","blue","titleColor","neutral","titleNumberColor","parameters","notes","dataMock","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicationCustom","orange"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport { StepIndicator } from \"../../components/step-indicator\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof StepIndicator> = {\n title: \"Componente/StepIndicator\",\n component: StepIndicator,\n args: {\n data: [\n {\n id: 1,\n descricao: \"Repouso Noturno\",\n data_inicio: \"07/03/2024 14:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3601\",\n },\n ],\n backgroundColorBall: theme.colors.blue[500],\n titleColor: theme.colors.neutral[25],\n titleNumberColor: theme.colors.neutral[25],\n },\n parameters: {\n notes: `\n# StepIndicator\n\nEste é um componente de step indicator.\nVocê usa assim:\n\\`\\`\\`tsx\n<StepIndicator\n backgroundColorBall=\"#050022\"\n type=\"default\"\n data={dataMock}\n />\n\\`\\`\\`\n`,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst dataMock = [\n {\n id: 1,\n descricao: \"Repouso Noturno\",\n data_inicio: \"07/03/2024 14:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3601\",\n },\n {\n id: 2,\n descricao: \"Descarga\",\n data_inicio: \"06/03/2024 14:52\",\n data_fim: \"06/03/2024 16:52\",\n duracao_segundos: \"7200\",\n },\n];\n\nconst dataMockCustom = [\n {\n id: 1,\n descricao: \"Pedido Realizado\",\n data_inicio: \"\",\n data_fim: \"\",\n duracao_segundos: \"\",\n },\n {\n id: 2,\n descricao: \"Pagamento Aprovado\",\n data_inicio: \"07/03/2024 14:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3601\",\n },\n {\n id: 3,\n descricao: \"Pedido Faturado\",\n data_inicio: \"\",\n data_fim: \"\",\n duracao_segundos: \"\",\n },\n {\n id: 4,\n descricao: \"Pedido Enviado\",\n data_inicio: \"\",\n data_fim: \"\",\n duracao_segundos: \"\",\n },\n {\n id: 4,\n descricao: \"Pedido Entregue\",\n data_inicio: \"07/03/2024 14:52\",\n data_fim: \"07/03/2024 17:52\",\n duracao_segundos: \"3601\",\n },\n];\n\nexport const StepIndicatorDefault: Story = {\n name: \"step-indicator-default\",\n args: {\n data: dataMock,\n type: \"default\",\n backgroundColorBall: theme.colors.blue[500],\n titleColor: theme.colors.neutral[25],\n textColorDescription: theme.colors.gray[300],\n titleNumberColor: theme.colors.neutral[25],\n },\n};\n\nexport const StepIndicationCustom: Story = {\n name: \"step-indicator-custom\",\n args: {\n data: dataMockCustom,\n type: \"custom\",\n backgroundColorBall: theme.colors.orange[150],\n titleColor: theme.colors.blue[500],\n textColorDescription: theme.colors.gray[300],\n titleNumberColor: theme.colors.neutral[25],\n },\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","titleColor","colors","neutral","titleNumberColor","parameters","notes","dataMock","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\r\n\r\n// components\r\nimport { StepIndicator } from \"../../components/step-indicator\";\r\n\r\n// styles\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst meta: Meta<typeof StepIndicator> = {\r\n title: \"Componente/StepIndicator\",\r\n component: StepIndicator,\r\n args: {\r\n data: [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: true,\r\n },\r\n ],\r\n titleColor: theme.colors.neutral[25],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n parameters: {\r\n notes: `\r\n# StepIndicator\r\n\r\nEste é um componente de step indicator.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<StepIndicator\r\n type=\"default\"\r\n data={dataMock}\r\n />\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nconst dataMock = [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: true,\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Descarga\",\r\n data_inicio: \"06/03/2024 14:52\",\r\n data_fim: \"06/03/2024 16:52\",\r\n duracao_segundos: \"7200\",\r\n sincronizado: true,\r\n },\r\n];\r\nconst dataMockFalse = [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: false,\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Descarga\",\r\n data_inicio: \"06/03/2024 14:52\",\r\n data_fim: \"06/03/2024 16:52\",\r\n duracao_segundos: \"7200\",\r\n sincronizado: false,\r\n },\r\n];\r\n\r\nconst dataMockCustom = [\r\n {\r\n id: 1,\r\n descricao: \"Pedido Realizado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Pagamento Aprovado\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n },\r\n {\r\n id: 3,\r\n descricao: \"Pedido Faturado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 4,\r\n descricao: \"Pedido Enviado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 4,\r\n descricao: \"Pedido Entregue\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n },\r\n];\r\n\r\nexport const StepIndicatorDefault: Story = {\r\n name: \"step-indicator-default\",\r\n args: {\r\n data: dataMock,\r\n type: \"default\",\r\n sincronizado: true,\r\n titleColor: theme.colors.neutral[25],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\nexport const StepIndicatorSincronizadoFalse: Story = {\r\n name: \"step-indicator-sincronizado-false\",\r\n args: {\r\n data: dataMockFalse,\r\n type: \"default\",\r\n sincronizado: false,\r\n titleColor: theme.colors.neutral[25],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\n\r\nexport const StepIndicationCustom: Story = {\r\n name: \"step-indicator-custom\",\r\n args: {\r\n data: dataMockCustom,\r\n type: \"custom\",\r\n backgroundColorBall: theme.colors.orange[150],\r\n titleColor: theme.colors.blue[500],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,5 @@
1
- /**
2
- * IMPORTS
1
+ /**
2
+ * IMPORTS
3
3
  */
4
4
 
5
5
  const borderWidths = {
@@ -61,6 +61,7 @@ const colors = {
61
61
  950: "#94a3b8"
62
62
  },
63
63
  green: {
64
+ 100: "#20AD4880",
64
65
  200: "#25BA76",
65
66
  250: "#20AD48",
66
67
  400: "#49C63E",
@@ -149,8 +150,8 @@ const letterSpacing = {
149
150
  strong: 1
150
151
  };
151
152
 
152
- /**
153
- * EXPORTSS
153
+ /**
154
+ * EXPORTSS
154
155
  */
155
156
  export const theme = {
156
157
  borderWidths,
@@ -1 +1 @@
1
- {"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nconst borderWidths = {\n thin: 1,\n thin_medium: 2,\n thin_bold: 6,\n thick: 4,\n thick_medium: 8,\n thick_bold: 12,\n thick_large: 16,\n hairline: 999,\n};\n\nconst colors = {\n neutral: {\n 25: \"#FFFFFF\",\n 50: \"#E7EEFF\",\n 75: \"#E5E1F9\",\n 200: \"#C6C6C6\",\n 300: \"#F3F3F3\",\n 400: \"#F4F5F6\",\n },\n black: {\n 10: \"#000000\",\n 25: \"#1E1E1E\",\n 100: \"#393939\",\n 180: \"#35302B\",\n },\n blue: {\n 25: \"#1E1E1E\",\n 50: \"#1EA7fD\",\n 100: \"#051C3B\",\n 150: \"#2E41F2\",\n 350: \"#357FD6\",\n 375: \"#056CF2\",\n 400: \"#2D3748\",\n 400_50: \"#2D374880\",\n 500: \"#050022\",\n 525: \"#051C3B\",\n },\n red: {\n 400: \"#D23A1A\",\n 500: \"#C54239\",\n 600: \"#B3261E\",\n 800: \"#E72626\",\n 900: \"#9F0000\",\n },\n gray: {\n 300: \"#D9D9D9\",\n 350: \"#CDCDCD\",\n 400: \"#C6C6C6\",\n 500: \"#1c1c1e\",\n 600: \"#5E5E5E\",\n 700: \"#727272\",\n 800: \"#837676\",\n 850: \"#868686\",\n 875: \"#949494\",\n 900: \"#9B9B9B\",\n 925: \"#957c5f\",\n 950: \"#94a3b8\",\n },\n green: {\n 200: \"#25BA76\",\n 250: \"#20AD48\",\n 400: \"#49C63E\",\n 500: \"#50C58F\",\n },\n orange: {\n 500: \"#FC5701\",\n 450: \"#FC6C2D\",\n 150: \"#FFA41C\",\n },\n yellow: {\n 100: \"#DFAE00\",\n 50: \"#F0CA4B\",\n 75: \"#F59E0B\",\n 90: \"#957C5F\",\n },\n};\n\nconst fonts = {\n inter_thin_100: \"Inter-Thin\",\n inter_extra_light_200: \"Inter-ExtraLight\",\n inter_light_300: \"Inter-Light\",\n inter_regular_400: \"Inter-Regular\",\n inter_medium_500: \"Inter-Medium\",\n inter_semi_bold_600: \"Inter-SemiBold\",\n inter_bold_700: \"Inter-Bold\",\n inter_extra_bold_800: \"Inter-ExtraBold\",\n inter_bold: \"Inter-Bold\",\n};\n\nconst fontSizes = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 32,\n \"4xl\": 38,\n \"5xl\": 50,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst margins = {\n \"1xs\": 6,\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst paddings = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst shadows = {\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\n};\n\nconst letterSpacing = {\n o_16: 0.16,\n regular: 0.5,\n medium: 0.75,\n strong: 1,\n};\n\n/**\n * EXPORTSS\n */\nexport const theme = {\n borderWidths,\n colors,\n fonts,\n fontSizes,\n margins,\n shadows,\n paddings,\n letterSpacing,\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nconst borderWidths = {\r\n thin: 1,\r\n thin_medium: 2,\r\n thin_bold: 6,\r\n thick: 4,\r\n thick_medium: 8,\r\n thick_bold: 12,\r\n thick_large: 16,\r\n hairline: 999,\r\n};\r\n\r\nconst colors = {\r\n neutral: {\r\n 25: \"#FFFFFF\",\r\n 50: \"#E7EEFF\",\r\n 75: \"#E5E1F9\",\r\n 200: \"#C6C6C6\",\r\n 300: \"#F3F3F3\",\r\n 400: \"#F4F5F6\",\r\n },\r\n black: {\r\n 10: \"#000000\",\r\n 25: \"#1E1E1E\",\r\n 100: \"#393939\",\r\n 180: \"#35302B\",\r\n },\r\n blue: {\r\n 25: \"#1E1E1E\",\r\n 50: \"#1EA7fD\",\r\n 100: \"#051C3B\",\r\n 150: \"#2E41F2\",\r\n 350: \"#357FD6\",\r\n 375: \"#056CF2\",\r\n 400: \"#2D3748\",\r\n 400_50: \"#2D374880\",\r\n 500: \"#050022\",\r\n 525: \"#051C3B\",\r\n },\r\n red: {\r\n 400: \"#D23A1A\",\r\n 500: \"#C54239\",\r\n 600: \"#B3261E\",\r\n 800: \"#E72626\",\r\n 900: \"#9F0000\",\r\n },\r\n gray: {\r\n 300: \"#D9D9D9\",\r\n 350: \"#CDCDCD\",\r\n 400: \"#C6C6C6\",\r\n 500: \"#1c1c1e\",\r\n 600: \"#5E5E5E\",\r\n 700: \"#727272\",\r\n 800: \"#837676\",\r\n 850: \"#868686\",\r\n 875: \"#949494\",\r\n 900: \"#9B9B9B\",\r\n 925: \"#957c5f\",\r\n 950: \"#94a3b8\",\r\n },\r\n green: {\r\n 100: \"#20AD4880\",\r\n 200: \"#25BA76\",\r\n 250: \"#20AD48\",\r\n 400: \"#49C63E\",\r\n 500: \"#50C58F\",\r\n },\r\n orange: {\r\n 500: \"#FC5701\",\r\n 450: \"#FC6C2D\",\r\n 150: \"#FFA41C\",\r\n },\r\n yellow: {\r\n 100: \"#DFAE00\",\r\n 50: \"#F0CA4B\",\r\n 75: \"#F59E0B\",\r\n 90: \"#957C5F\",\r\n },\r\n};\r\n\r\nconst fonts = {\r\n inter_thin_100: \"Inter-Thin\",\r\n inter_extra_light_200: \"Inter-ExtraLight\",\r\n inter_light_300: \"Inter-Light\",\r\n inter_regular_400: \"Inter-Regular\",\r\n inter_medium_500: \"Inter-Medium\",\r\n inter_semi_bold_600: \"Inter-SemiBold\",\r\n inter_bold_700: \"Inter-Bold\",\r\n inter_extra_bold_800: \"Inter-ExtraBold\",\r\n inter_bold: \"Inter-Bold\",\r\n};\r\n\r\nconst fontSizes = {\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 32,\r\n \"4xl\": 38,\r\n \"5xl\": 50,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst margins = {\r\n \"1xs\": 6,\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 30,\r\n \"4xl\": 36,\r\n \"5xl\": 48,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst paddings = {\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 30,\r\n \"4xl\": 36,\r\n \"5xl\": 48,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst shadows = {\r\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\r\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\r\n};\r\n\r\nconst letterSpacing = {\r\n o_16: 0.16,\r\n regular: 0.5,\r\n medium: 0.75,\r\n strong: 1,\r\n};\r\n\r\n/**\r\n * EXPORTSS\r\n */\r\nexport const theme = {\r\n borderWidths,\r\n colors,\r\n fonts,\r\n fontSizes,\r\n margins,\r\n shadows,\r\n paddings,\r\n letterSpacing,\r\n};\r\n"],"mappings":"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","ignoreList":[]}
@@ -4,6 +4,7 @@
4
4
 
5
5
  import React from "react";
6
6
  import { Icons } from "../../common/icons-svg";
7
+ import { theme } from "../../styles/theme/theme";
7
8
 
8
9
  /**
9
10
  * Function that will map property types to corresponding icons in SVG 🛠️.
@@ -30,8 +31,9 @@ const getIconByProperty = (propertyType, color) => {
30
31
  });
31
32
  case "disposicao_veiculo_parado":
32
33
  return /*#__PURE__*/React.createElement(Icons, {
33
- color: color,
34
- icon: "TRUCK"
34
+ color: theme.colors.blue[500],
35
+ size: 20,
36
+ icon: "TRUCK_ACTIVITY"
35
37
  });
36
38
  case "aguardando_descarga":
37
39
  return /*#__PURE__*/React.createElement(Icons, {
@@ -1 +1 @@
1
- {"version":3,"names":["React","Icons","getIconByProperty","propertyType","color","createElement","icon"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {\r\n switch (propertyType) {\r\n case \"operacao_veiculo\":\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n case \"manutencao\":\r\n return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n case \"aguardando_carga\":\r\n return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n case \"disposicao_veiculo_parado\":\r\n return <Icons color={color} icon=\"TRUCK\" />;\r\n\r\n case \"aguardando_descarga\":\r\n return <Icons color={color} icon=\"HOURGLASS\" />;\r\n\r\n case \"descanso\":\r\n return <Icons color={color} icon=\"COFFEE\" />;\r\n\r\n case \"repouso_semanal\":\r\n return <Icons color={color} icon=\"HOUSE\" />;\r\n\r\n case \"repouso_noturno\":\r\n return <Icons color={color} icon=\"MOON_STARS\" />;\r\n\r\n case \"refeicao\":\r\n return <Icons color={color} icon=\"CALL_BELL\" />;\r\n\r\n case \"ferias\":\r\n return <Icons color={color} icon=\"ISLAND\" />;\r\n default:\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\r\n }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { getIconByProperty };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOH,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;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,qBAAqB;MACxB,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,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":[]}
1
+ {"version":3,"names":["React","Icons","theme","getIconByProperty","propertyType","color","createElement","icon","colors","blue","size"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {\r\n switch (propertyType) {\r\n case \"operacao_veiculo\":\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n case \"manutencao\":\r\n return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n case \"aguardando_carga\":\r\n return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n case \"disposicao_veiculo_parado\":\r\n return <Icons color={theme.colors.blue[500]} size={20} icon=\"TRUCK_ACTIVITY\" />;\r\n\r\n case \"aguardando_descarga\":\r\n return <Icons color={color} icon=\"HOURGLASS\" />;\r\n\r\n case \"descanso\":\r\n return <Icons color={color} icon=\"COFFEE\" />;\r\n\r\n case \"repouso_semanal\":\r\n return <Icons color={color} icon=\"HOUSE\" />;\r\n\r\n case \"repouso_noturno\":\r\n return <Icons color={color} icon=\"MOON_STARS\" />;\r\n\r\n case \"refeicao\":\r\n return <Icons color={color} icon=\"CALL_BELL\" />;\r\n\r\n case \"ferias\":\r\n return <Icons color={color} icon=\"ISLAND\" />;\r\n default:\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\r\n }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { getIconByProperty };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEH,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACH,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASJ,iBAAiB","ignoreList":[]}
@@ -4,3 +4,4 @@ declare const meta: Meta<typeof LoadingDetails>;
4
4
  export default meta;
5
5
  declare type Story = StoryObj<typeof meta>;
6
6
  export declare const Profile: Story;
7
+ export declare const ProfileDisabled: Story;
@@ -4,4 +4,5 @@ declare const meta: Meta<typeof StepIndicator>;
4
4
  export default meta;
5
5
  declare type Story = StoryObj<typeof meta>;
6
6
  export declare const StepIndicatorDefault: Story;
7
+ export declare const StepIndicatorSincronizadoFalse: Story;
7
8
  export declare const StepIndicationCustom: Story;
@@ -62,6 +62,7 @@ export declare const useTheme: () => {
62
62
  950: string;
63
63
  };
64
64
  green: {
65
+ 100: string;
65
66
  200: string;
66
67
  250: string;
67
68
  400: string;
@@ -64,6 +64,7 @@ export declare const theme: {
64
64
  950: string;
65
65
  };
66
66
  green: {
67
+ 100: string;
67
68
  200: string;
68
69
  250: string;
69
70
  400: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-exp-fig",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
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",
@@ -107,7 +107,7 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
107
107
  return <IconFileText icon={"FILE_TEXT"} />;
108
108
 
109
109
  case "TRUCK":
110
- return <IconTruck icon={"TRUCK"} />;
110
+ return <IconTruck icon={"TRUCK"} color={color} />;
111
111
 
112
112
  case "PACKAGE_CHECK":
113
113
  return <IconPackageCheck icon={"PACKAGE_CHECK"} />;