react-native-exp-fig 0.1.18 → 0.1.20

package/lib/commonjs/components/step-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_getIconByStatus","_styles","_iconsSvg","_formatData","e","__esModule","default","StepIndicator","data","type","backgroundColorBall","textColorDescription","titleColor","titleNumberColor","StepDefault","createElement","Fragment","length","map","history","index","View","testID","style","styles","containerIndicator","key","id","containerBall","width","height","marginTop","position","backgroundColor","Text","titleNumber","containerMain","title","descricao","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text } from \"react-native\";\n\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { Icons } from \"../../common/icons-svg\";\nimport { formHoursMinute } from \"../../utils/format-data\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\n\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  backgroundColorBall,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n}) => {\n  const StepDefault = () => {\n    return (\n      <>\n        {data!.length > 0 &&\n          data!.map((history, index) => (\n            <View testID=\"step-indicator\" style={styles({}).containerIndicator} key={history.id}>\n              <View style={styles({ backgroundColorBall }).containerBall}>\n                {data!?.length > 1 && index < data!?.length - 1 && (\n                  <View\n                    style={{\n                      width: 2,\n                      height: 84,\n                      marginTop: 116,\n                      position: \"relative\",\n                      backgroundColor: \"#050022\",\n                    }}\n                  />\n                )}\n                <Text style={styles({ titleNumberColor }).titleNumber}>\n                  {data!?.length - index}\n                </Text>\n              </View>\n\n              <View style={styles({}).containerMain}>\n                <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                {history?.data_inicio && (\n                  <Text style={styles({ textColorDescription }).titleDescription}>\n                    {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                  </Text>\n                )}\n\n                {history.duracao_segundos && (\n                  <Text style={styles({ textColorDescription }).titleDescription}>\n                    Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                  </Text>\n                )}\n              </View>\n            </View>\n          ))}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport { StepIndicator };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_getIconByStatus","_styles","_iconsSvg","_formatData","_theme","e","__esModule","default","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","StepDefault","createElement","Fragment","length","map","history","index","View","testID","style","styles","containerIndicator","key","id","sincronizado","containerBall","width","height","marginTop","position","backgroundColor","theme","colors","blue","orange","Text","titleNumber","containerMain","title","descricao","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","exports"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\nimport { View, Text } from \"react-native\";\r\n\r\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\r\n\r\n// typings\r\nimport { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { formHoursMinute } from \"../../utils/format-data\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n/**\r\n * Componente StepIndicator para a interação da ui.\r\n */\r\n\r\nconst StepIndicator: React.FC<IStepIndicator> = ({\r\n  data = [],\r\n  type,\r\n  textColorDescription,\r\n  titleColor,\r\n  titleNumberColor,\r\n}) => {\r\n  const StepDefault = () => {\r\n    return (\r\n      <>\r\n        {data!.length > 0 &&\r\n          data!.map((history, index) => (\r\n            <View testID=\"step-indicator\" style={styles({}).containerIndicator} key={history.id}>\r\n              <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\r\n                {data!?.length > 1 && index < data!?.length - 1 && (\r\n                  <View\r\n                    style={{\r\n                      width: 2,\r\n                      height: 84,\r\n                      marginTop: 116,\r\n                      position: \"relative\",\r\n                      backgroundColor: history.sincronizado\r\n                        ? theme.colors.blue[500]\r\n                        : theme.colors.orange[150],\r\n                    }}\r\n                  />\r\n                )}\r\n                <Text style={styles({ titleNumberColor }).titleNumber}>\r\n                  {data!?.length - index}\r\n                </Text>\r\n              </View>\r\n\r\n              <View style={styles({}).containerMain}>\r\n                <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\r\n\r\n                {history?.data_inicio && (\r\n                  <Text style={styles({ textColorDescription }).titleDescription}>\r\n                    {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\r\n                  </Text>\r\n                )}\r\n\r\n                {history.duracao_segundos && (\r\n                  <Text style={styles({ textColorDescription }).titleDescription}>\r\n                    Duração: {formHoursMinute(history?.duracao_segundos as string)}\r\n                  </Text>\r\n                )}\r\n              </View>\r\n            </View>\r\n          ))}\r\n      </>\r\n    );\r\n  };\r\n\r\n  const StepCustom = () => {\r\n    return (\r\n      <View\r\n        style={{\r\n          width: \"100%\",\r\n          height: 84,\r\n          paddingHorizontal: 24,\r\n          display: \"flex\",\r\n          flexDirection: \"row\",\r\n        }}\r\n      >\r\n        {data.map((step, indexCustom) => {\r\n          const descricao = getIconKeyByValue(step.descricao);\r\n\r\n          return (\r\n            <React.Fragment key={`step-${indexCustom}`}>\r\n              <View\r\n                style={{\r\n                  width: 45,\r\n                  height: 45,\r\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\r\n                  borderRadius: 50,\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  borderWidth: 1,\r\n                  borderColor: \"#fff\",\r\n                }}\r\n              >\r\n                <View\r\n                  style={{\r\n                    width: 45,\r\n                    height: 45,\r\n                    backgroundColor: \"transparent\",\r\n                    borderRadius: 50,\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  {descricao && <Icons icon={descricao} />}\r\n                </View>\r\n                <Text\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    top: 56,\r\n                    fontWeight: \"600\",\r\n                    fontSize: 10,\r\n                    lineHeight: 14,\r\n                    textAlign: \"center\",\r\n                    color: \"#fff\",\r\n                    width: 75,\r\n                  }}\r\n                >\r\n                  {step.descricao}\r\n                </Text>\r\n              </View>\r\n\r\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\r\n                <View\r\n                  style={{\r\n                    width: 35,\r\n                    height: 2,\r\n                    marginTop: 24,\r\n                    position: \"relative\",\r\n                    backgroundColor: \"orange\",\r\n                  }}\r\n                />\r\n              )}\r\n            </React.Fragment>\r\n          );\r\n        })}\r\n      </View>\r\n    );\r\n  };\r\n\r\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\r\n    switch (stepType) {\r\n      case \"default\":\r\n        return <StepDefault />;\r\n      case \"custom\":\r\n        return <StepCustom />;\r\n      default:\r\n        return <View />;\r\n    }\r\n  };\r\n\r\n  return <>{handleRenderComponent(type!)}</>;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { StepIndicator };\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/step-indicator/interface.d.js.map

@@ -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":[]}
+{"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":[]}

package/lib/commonjs/components/step-indicator/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.styles = void 0;
 var _reactNative = require("react-native");
 var _theme = require("../../styles/theme/theme");
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // typings
@@ -15,7 +15,7 @@ var _theme = require("../../styles/theme/theme");
 // styles
 
 const styles = props => {
-  var _props$backgroundColo, _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
+  var _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
   return _reactNative.StyleSheet.create({
     containerIndicator: {
       width: "100%",
@@ -27,7 +27,7 @@ const styles = props => {
     containerBall: {
       width: 32,
       height: 32,
-      backgroundColor: (_props$backgroundColo = props.backgroundColorBall) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : _theme.theme.colors.blue[500],
+      backgroundColor: props.sincronizado ? _theme.theme.colors.blue[500] : _theme.theme.colors.orange[150],
       flexDirection: "row",
       alignItems: "center",
       justifyContent: "center",
@@ -68,8 +68,8 @@ const styles = props => {
   });
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 exports.styles = styles;
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/step-indicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_theme","styles","props","_props$backgroundColo","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","StyleSheet","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","backgroundColorBall","theme","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","exports"],"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":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAIA;;AAGA;;AAGA,MAAME,MAAM,GAAIC,KAAqB;EAAA,IAAAC,qBAAA,EAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCC,uBAAU,CAACC,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,GAAAZ,qBAAA,GAAED,KAAK,CAACc,mBAAmB,cAAAb,qBAAA,cAAAA,qBAAA,GAAIc,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACpEP,aAAa,EAAE,KAAK;MACpBQ,UAAU,EAAE,QAAQ;MACpBP,cAAc,EAAE,QAAQ;MACxBQ,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAnB,iBAAA,GAAEF,KAAK,CAACsB,UAAU,cAAApB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCqB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEV,YAAK,CAACW,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAlB,qBAAA,GAAEH,KAAK,CAAC8B,gBAAgB,cAAA3B,qBAAA,cAAAA,qBAAA,GAAIY,YAAK,CAACC,MAAM,CAACe,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEjB,YAAK,CAACkB,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEV,YAAK,CAACW,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAjB,qBAAA,GAAEJ,KAAK,CAACqC,oBAAoB,cAAAjC,qBAAA,cAAAA,qBAAA,GAAIW,YAAK,CAACC,MAAM,CAACsB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEV,YAAK,CAACW,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAEjB,YAAK,CAACkB,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;AAFAY,OAAA,CAAAzC,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_theme","styles","props","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","StyleSheet","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","sincronizado","theme","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","exports"],"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":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAIA;;AAGA;;AAGA,MAAME,MAAM,GAAIC,KAAqB;EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCC,uBAAU,CAACC,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,EAAEZ,KAAK,CAACa,YAAY,GAAGC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGF,YAAK,CAACC,MAAM,CAACE,MAAM,CAAC,GAAG,CAAC;MACvFR,aAAa,EAAE,KAAK;MACpBS,UAAU,EAAE,QAAQ;MACpBR,cAAc,EAAE,QAAQ;MACxBS,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAApB,iBAAA,GAAED,KAAK,CAACsB,UAAU,cAAArB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCsB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEX,YAAK,CAACY,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAnB,qBAAA,GAAEF,KAAK,CAAC8B,gBAAgB,cAAA5B,qBAAA,cAAAA,qBAAA,GAAIY,YAAK,CAACC,MAAM,CAACgB,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAElB,YAAK,CAACmB,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEX,YAAK,CAACY,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAlB,qBAAA,GAAEH,KAAK,CAACqC,oBAAoB,cAAAlC,qBAAA,cAAAA,qBAAA,GAAIW,YAAK,CAACC,MAAM,CAACuB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEX,YAAK,CAACY,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAElB,YAAK,CAACmB,KAAK,CAACC,iBAAiB;MACzCP,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDW,aAAa,EAAE;MACbhC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBS,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AAFAY,OAAA,CAAAzC,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/stories/activities-progress/activities-progress.stories.js

@@ -14,7 +14,7 @@ const meta = {
     data_inicio_horario: "17:20",
     tipo_atividade: "trabalho",
     titleLabel: "Operação com Veículo",
-    criado_ofiline: true,
+    criado_offline: true,
     referencia: "repouso_semanal"
   },
   parameters: {
@@ -30,7 +30,7 @@ Você usa assim:
   data_inicio_horario="17:20"
   tipo_atividade="descanso"
   titleLabel="Repouso Noturno"
-  criado_ofiline=true
+  criado_offline=true
   referencia="repouso_semanal"
 />
 \`\`\`
@@ -50,7 +50,7 @@ const ActivitiesProgressTrabalho = exports.ActivitiesProgressTrabalho = {
     data_inicio_horario: "14:30",
     titleLabel: "Em Carga",
     tipo_atividade: "trabalho",
-    criado_ofiline: true,
+    criado_offline: true,
     referencia: "operacao_veiculo"
   }
 };
@@ -62,7 +62,7 @@ const ActivitiesProgressDescanso = exports.ActivitiesProgressDescanso = {
     data_inicio_horario: "12:00",
     titleLabel: "Refeição",
     tipo_atividade: "descanso",
-    criado_ofiline: false,
+    criado_offline: false,
     referencia: "refeicao"
   }
 };

package/lib/commonjs/stories/activities-progress/activities-progress.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_activitiesProgress","require","meta","title","component","ActivitiesProgress","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","criado_ofiline","referencia","parameters","notes","_default","exports","default","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,IAAAA,mBAAA,GAAAC,OAAA;AAEA,MAAMC,IAAqC,GAAG;EAC5CC,KAAK,EAAE,+BAA+B;EACtCC,SAAS,EAAEC,sCAAkB;EAC7BC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,IAAI;AAIZ,MAAMiB,wBAA+B,GAAAF,OAAA,CAAAE,wBAAA,GAAG;EAC7CC,IAAI,EAAE,4BAA4B;EAClCd,IAAI,EAAE,CAAC;AACT,CAAC;AAEM,MAAMe,0BAAiC,GAAAJ,OAAA,CAAAI,0BAAA,GAAG;EAC/CD,IAAI,EAAE,8BAA8B;EACpCd,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;AAEM,MAAMS,0BAAiC,GAAAL,OAAA,CAAAK,0BAAA,GAAG;EAC/CF,IAAI,EAAE,8BAA8B;EACpCd,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":[]}
+{"version":3,"names":["_activitiesProgress","require","meta","title","component","ActivitiesProgress","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","criado_offline","referencia","parameters","notes","_default","exports","default","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,IAAAA,mBAAA,GAAAC,OAAA;AAEA,MAAMC,IAAqC,GAAG;EAC5CC,KAAK,EAAE,+BAA+B;EACtCC,SAAS,EAAEC,sCAAkB;EAC7BC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,IAAI;AAIZ,MAAMiB,wBAA+B,GAAAF,OAAA,CAAAE,wBAAA,GAAG;EAC7CC,IAAI,EAAE,4BAA4B;EAClCd,IAAI,EAAE,CAAC;AACT,CAAC;AAEM,MAAMe,0BAAiC,GAAAJ,OAAA,CAAAI,0BAAA,GAAG;EAC/CD,IAAI,EAAE,8BAA8B;EACpCd,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;AAEM,MAAMS,0BAAiC,GAAAL,OAAA,CAAAK,0BAAA,GAAG;EAC/CF,IAAI,EAAE,8BAA8B;EACpCd,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":[]}

package/lib/commonjs/stories/loading-details/loading-details.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Profile = void 0;
+exports.default = exports.ProfileDisabled = exports.Profile = void 0;
 var _loadingDetails = require("../../components/loading-details");
 const meta = {
   title: "componente/LoadingDetails",
@@ -12,7 +12,8 @@ const meta = {
     numero: "01",
     local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
     date: "24/03/2025",
-    duracao: "00:00"
+    duracao: "00:00",
+    disabled: false
   },
   parameters: {
     notes: `
@@ -29,6 +30,7 @@ Você usa assim:
     handleClickGoback={() => {}}
     isLoadingStart={false}
     handleClickStart={() => {}}
+    disabled={true}
   />
 \`\`\`
 `
@@ -44,4 +46,14 @@ const Profile = exports.Profile = {
     duracao: "00:00"
   }
 };
+const ProfileDisabled = exports.ProfileDisabled = {
+  name: "loading-details-disabled",
+  args: {
+    numero: "01",
+    local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
+    date: "24/03/2025",
+    duracao: "00:00",
+    disabled: true
+  }
+};
 //# sourceMappingURL=loading-details.stories.js.map

package/lib/commonjs/stories/loading-details/loading-details.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_loadingDetails","require","meta","title","component","LoadingDetails","args","numero","local","date","duracao","parameters","notes","_default","exports","default","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,IAAAA,eAAA,GAAAC,OAAA;AAEA,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEC,8BAA0B;EACrCC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEab,IAAI;AAIZ,MAAMc,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAC5BC,IAAI,EAAE,iBAAiB;EACvBX,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_loadingDetails","require","meta","title","component","LoadingDetails","args","numero","local","date","duracao","disabled","parameters","notes","_default","exports","default","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,IAAAA,eAAA,GAAAC,OAAA;AAEA,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEC,8BAA0B;EACrCC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEad,IAAI;AAIZ,MAAMe,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAC5BC,IAAI,EAAE,iBAAiB;EACvBZ,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX;AACF,CAAC;AACM,MAAMS,eAAsB,GAAAJ,OAAA,CAAAI,eAAA,GAAG;EACpCD,IAAI,EAAE,0BAA0B;EAChCZ,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":[]}

package/lib/commonjs/stories/step-indicator/step-indicator.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StepIndicatorDefault = exports.StepIndicationCustom = void 0;
+exports.default = exports.StepIndicatorSincronizadoFalse = exports.StepIndicatorDefault = exports.StepIndicationCustom = void 0;
 var _stepIndicator = require("../../components/step-indicator");
 var _theme = require("../../styles/theme/theme");
 // components
@@ -19,9 +19,9 @@ const meta = {
       descricao: "Repouso Noturno",
       data_inicio: "07/03/2024 14:52",
       data_fim: "07/03/2024 17:52",
-      duracao_segundos: "3601"
+      duracao_segundos: "3601",
+      sincronizado: true
     }],
-    backgroundColorBall: _theme.theme.colors.blue[500],
     titleColor: _theme.theme.colors.neutral[25],
     titleNumberColor: _theme.theme.colors.neutral[25]
   },
@@ -33,7 +33,6 @@ Este é um componente de step indicator.
 Você usa assim:
 \`\`\`tsx
 <StepIndicator
-    backgroundColorBall="#050022"
     type="default"
     data={dataMock}
   />
@@ -47,13 +46,30 @@ const dataMock = [{
   descricao: "Repouso Noturno",
   data_inicio: "07/03/2024 14:52",
   data_fim: "07/03/2024 17:52",
-  duracao_segundos: "3601"
+  duracao_segundos: "3601",
+  sincronizado: true
+}, {
+  id: 2,
+  descricao: "Descarga",
+  data_inicio: "06/03/2024 14:52",
+  data_fim: "06/03/2024 16:52",
+  duracao_segundos: "7200",
+  sincronizado: true
+}];
+const dataMockFalse = [{
+  id: 1,
+  descricao: "Repouso Noturno",
+  data_inicio: "07/03/2024 14:52",
+  data_fim: "07/03/2024 17:52",
+  duracao_segundos: "3601",
+  sincronizado: false
 }, {
   id: 2,
   descricao: "Descarga",
   data_inicio: "06/03/2024 14:52",
   data_fim: "06/03/2024 16:52",
-  duracao_segundos: "7200"
+  duracao_segundos: "7200",
+  sincronizado: false
 }];
 const dataMockCustom = [{
   id: 1,
@@ -91,7 +107,18 @@ const StepIndicatorDefault = exports.StepIndicatorDefault = {
   args: {
     data: dataMock,
     type: "default",
-    backgroundColorBall: _theme.theme.colors.blue[500],
+    sincronizado: true,
+    titleColor: _theme.theme.colors.neutral[25],
+    textColorDescription: _theme.theme.colors.gray[300],
+    titleNumberColor: _theme.theme.colors.neutral[25]
+  }
+};
+const StepIndicatorSincronizadoFalse = exports.StepIndicatorSincronizadoFalse = {
+  name: "step-indicator-sincronizado-false",
+  args: {
+    data: dataMockFalse,
+    type: "default",
+    sincronizado: false,
     titleColor: _theme.theme.colors.neutral[25],
     textColorDescription: _theme.theme.colors.gray[300],
     titleNumberColor: _theme.theme.colors.neutral[25]

package/lib/commonjs/stories/step-indicator/step-indicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stepIndicator","require","_theme","meta","title","component","StepIndicator","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","backgroundColorBall","theme","colors","blue","titleColor","neutral","titleNumberColor","parameters","notes","_default","exports","default","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":[]}
+{"version":3,"names":["_stepIndicator","require","_theme","meta","title","component","StepIndicator","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","titleColor","theme","colors","neutral","titleNumberColor","parameters","notes","_default","exports","default","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":[]}

package/lib/commonjs/styles/theme/theme.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.theme = void 0;
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 const borderWidths = {
@@ -67,6 +67,7 @@ const colors = {
     950: "#94a3b8"
   },
   green: {
+    100: "#20AD4880",
     200: "#25BA76",
     250: "#20AD48",
     400: "#49C63E",
@@ -155,8 +156,8 @@ const letterSpacing = {
   strong: 1
 };
 
-/**
- * EXPORTSS
+/**
+ * EXPORTSS
  */
 const theme = exports.theme = {
   borderWidths,

package/lib/commonjs/styles/theme/theme.js.map

@@ -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","exports"],"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":[]}
+{"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","exports"],"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":[]}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getIconByProperty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _iconsSvg = require("../../common/icons-svg");
+var _theme = require("../../styles/theme/theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * IMPORTS
@@ -36,8 +37,9 @@ const getIconByProperty = (propertyType, color) => {
       });
     case "disposicao_veiculo_parado":
       return /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
-        color: color,
-        icon: "TRUCK"
+        color: _theme.theme.colors.blue[500],
+        size: 20,
+        icon: "TRUCK_ACTIVITY"
       });
     case "aguardando_descarga":
       return /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconsSvg","e","__esModule","default","getIconByProperty","propertyType","color","createElement","Icons","icon","exports"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAL/C;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,qBAAqB;MACxB,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOZ,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAN,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconsSvg","_theme","e","__esModule","default","getIconByProperty","propertyType","color","createElement","Icons","icon","theme","colors","blue","size","exports"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AANjD;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOT,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEI,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACJ,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOb,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAAS,KAAK;QAACF,KAAK,EAAEA,KAAM;QAACG,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AAFAK,OAAA,CAAAV,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/module/common/icons-svg/index.js

@@ -145,7 +145,8 @@ const Icons = ({
       });
     case "TRUCK":
       return /*#__PURE__*/React.createElement(IconTruck, {
-        icon: "TRUCK"
+        icon: "TRUCK",
+        color: color
       });
     case "PACKAGE_CHECK":
       return /*#__PURE__*/React.createElement(IconPackageCheck, {