jornada-ui 0.4.10 → 0.4.11

package/lib/commonjs/components/supply-error-card/index.js

@@ -14,8 +14,8 @@ var _theme = require("../../styles/theme/theme.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // componentes
@@ -26,19 +26,19 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // styles / theme
 
-/**
- * Componente SupplyErrorCard para a interação da  ui.
+/**
+ * Componente SupplyErrorCard para a interação da  ui.
  */const SupplyErrorCard = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     backgroundColor,
-    messages,
+    errors,
     handleOnPress
   } = props;
   const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
 
   /**Função para alternar a expansão do card */
   const handleToggleExpand = () => setIsExpanded(prev => !prev);
-  const firstMessage = messages?.[0];
+  const firstMessage = errors?.[0];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
     onPress: handleToggleExpand,
     activeOpacity: 0.9,
@@ -74,11 +74,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
           flexStyle: {
             justifyContent: "center"
           },
-          children: isExpanded ? messages?.map((error, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          children: isExpanded ? errors?.map((error, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             activeOpacity: 0.7,
             onPress: () => handleOnPress(error),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-              text: `${index + 1}. ${error.mensagem ?? "Sem mensagens de erro"}`,
+              text: `${index + 1}. ${error.descricao ?? "Sem mensagens de erro"}`,
               color: _theme.theme.colors.red[900],
               size: _theme.theme.fontSizes.sm,
               fontFamily: _theme.theme.fonts.inter_medium_500,
@@ -86,7 +86,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
               marginBottom: _theme.theme.margins.xs
             })
           }, error?.id)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-            text: firstMessage ? `1. ${firstMessage.mensagem}` : "Nenhum erro disponível",
+            text: firstMessage ? `1. ${firstMessage.descricao}` : "Nenhum erro disponível",
             color: _theme.theme.colors.red[900],
             size: _theme.theme.fontSizes.sm,
             fontFamily: _theme.theme.fonts.inter_medium_500,
@@ -101,7 +101,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
             icon: isExpanded ? "ARROW_CHEVRON_UP" : "ARROW_CHEVRON_DOWN",
-            size: 32
+            size: 32,
+            color: _theme.theme.colors.gray[800]
           })
         })]
       })
@@ -110,8 +111,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 });
 SupplyErrorCard.displayName = "SupplyErrorCard";
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(SupplyErrorCard);
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/supply-error-card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_index3","_asBaseComponent","_theme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SupplyErrorCard","forwardRef","props","ref","backgroundColor","messages","handleOnPress","isExpanded","setIsExpanded","useState","handleToggleExpand","prev","firstMessage","jsx","TouchableOpacity","onPress","activeOpacity","children","width","borderStyled","borderRadius","theme","borderWidths","thick_medium","borderWidth","thin_medium","borderColor","colors","orange","jsxs","yellow","thin_bold","flexStyle","flexDirection","justifyContent","paddingStyle","padding","paddings","xs","Icons","icon","size","map","error","index","text","mensagem","color","red","fontSizes","sm","fontFamily","fonts","inter_medium_500","lineHeight","lg","marginBottom","margins","id","alignItems","textAlign","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/supply-error-card/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_index3","_asBaseComponent","_theme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SupplyErrorCard","forwardRef","props","ref","backgroundColor","errors","handleOnPress","isExpanded","setIsExpanded","useState","handleToggleExpand","prev","firstMessage","jsx","TouchableOpacity","onPress","activeOpacity","children","width","borderStyled","borderRadius","theme","borderWidths","thick_medium","borderWidth","thin_medium","borderColor","colors","orange","jsxs","yellow","thin_bold","flexStyle","flexDirection","justifyContent","paddingStyle","padding","paddings","xs","Icons","icon","size","map","error","index","text","descricao","color","red","fontSizes","sm","fontFamily","fonts","inter_medium_500","lineHeight","lg","marginBottom","margins","id","alignItems","textAlign","gray","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/supply-error-card/index.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AAGA,IAAAK,OAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AAGA,IAAAO,MAAA,GAAAP,OAAA;AAAiD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAU,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAlBjD;AACA;AACA;;AAIA;;AAIA;;AAGA;;AAIA;;AAGA;AACA;AACA,GACA,MAAMgB,eAAe,gBAAG,IAAAC,iBAAU,EAA4B,CAACC,KAAK,EAAEC,GAAG,KAAyB;EAChG,MAAM;IAAEC,eAAe;IAAEC,MAAM;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EACxD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;;EAEnD;EACA,MAAMC,kBAAkB,GAAGA,CAAA,KAAMF,aAAa,CAAEG,IAAI,IAAK,CAACA,IAAI,CAAC;EAE/D,MAAMC,YAAY,GAAGP,MAAM,GAAG,CAAC,CAAC;EAEhC,oBACE,IAAAzB,WAAA,CAAAiC,GAAA,EAACxC,YAAA,CAAAyC,gBAAgB;IAACC,OAAO,EAAEL,kBAAmB;IAACM,aAAa,EAAE,GAAI;IAAAC,QAAA,eAChE,IAAArC,WAAA,CAAAiC,GAAA,EAACvC,MAAA,CAAAS,OAAG;MACFoB,GAAG,EAAEA,GAAI;MACTe,KAAK,EAAE,MAAO;MACdC,YAAY,EAAE;QACZC,YAAY,EAAEC,YAAK,CAACC,YAAY,CAACC,YAAY;QAC7CC,WAAW,EAAEH,YAAK,CAACC,YAAY,CAACG,WAAW;QAC3CC,WAAW,EAAEL,YAAK,CAACM,MAAM,CAACC,MAAM,CAAC,GAAG;MACtC,CAAE;MAAAX,QAAA,eAEF,IAAArC,WAAA,CAAAiD,IAAA,EAACvD,MAAA,CAAAS,OAAG;QACFmC,KAAK,EAAE,MAAO;QACdd,eAAe,EAAEA,eAAe,IAAIiB,YAAK,CAACM,MAAM,CAACG,MAAM,CAAC,GAAG,CAAE;QAC7DX,YAAY,EAAE;UAAEC,YAAY,EAAEC,YAAK,CAACC,YAAY,CAACS;QAAU,CAAE;QAC7DC,SAAS,EAAE;UAAEC,aAAa,EAAE,KAAK;UAAEC,cAAc,EAAE;QAAgB,CAAE;QACrEC,YAAY,EAAE;UAAEC,OAAO,EAAEf,YAAK,CAACgB,QAAQ,CAACC;QAAG,CAAE;QAAArB,QAAA,gBAE7C,IAAArC,WAAA,CAAAiC,GAAA,EAACvC,MAAA,CAAAS,OAAG;UAACmC,KAAK,EAAE,KAAM;UAAAD,QAAA,eAChB,IAAArC,WAAA,CAAAiC,GAAA,EAACpC,OAAA,CAAA8D,KAAK;YAACC,IAAI,EAAE,sBAAuB;YAACC,IAAI,EAAE;UAAG,CAAE;QAAC,CAC9C,CAAC,eAEN,IAAA7D,WAAA,CAAAiC,GAAA,EAACvC,MAAA,CAAAS,OAAG;UAACmC,KAAK,EAAE,KAAM;UAACc,SAAS,EAAE;YAAEE,cAAc,EAAE;UAAS,CAAE;UAAAjB,QAAA,EACxDV,UAAU,GACTF,MAAM,EAAEqC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACvB,IAAAhE,WAAA,CAAAiC,GAAA,EAACxC,YAAA,CAAAyC,gBAAgB;YAEfE,aAAa,EAAE,GAAI;YACnBD,OAAO,EAAEA,CAAA,KAAMT,aAAa,CAACqC,KAAK,CAAE;YAAA1B,QAAA,eAEpC,IAAArC,WAAA,CAAAiC,GAAA,EAACrC,OAAA,CAAAO,OAAU;cACT8D,IAAI,EAAE,GAAGD,KAAK,GAAG,CAAC,KAAKD,KAAK,CAACG,SAAS,IAAI,uBAAuB,EAAG;cACpEC,KAAK,EAAE1B,YAAK,CAACM,MAAM,CAACqB,GAAG,CAAC,GAAG,CAAE;cAC7BP,IAAI,EAAEpB,YAAK,CAAC4B,SAAS,CAACC,EAAG;cACzBC,UAAU,EAAE9B,YAAK,CAAC+B,KAAK,CAACC,gBAAiB;cACzCC,UAAU,EAAEjC,YAAK,CAAC4B,SAAS,CAACM,EAAG;cAC/BC,YAAY,EAAEnC,YAAK,CAACoC,OAAO,CAACnB;YAAG,CAChC;UAAC,GAXGK,KAAK,EAAEe,EAYI,CACnB,CAAC,gBAEF,IAAA9E,WAAA,CAAAiC,GAAA,EAACrC,OAAA,CAAAO,OAAU;YACT8D,IAAI,EAAEjC,YAAY,GAAG,MAAMA,YAAY,CAACkC,SAAS,EAAE,GAAG,wBAAyB;YAC/EC,KAAK,EAAE1B,YAAK,CAACM,MAAM,CAACqB,GAAG,CAAC,GAAG,CAAE;YAC7BP,IAAI,EAAEpB,YAAK,CAAC4B,SAAS,CAACC,EAAG;YACzBC,UAAU,EAAE9B,YAAK,CAAC+B,KAAK,CAACC,gBAAiB;YACzCC,UAAU,EAAEjC,YAAK,CAAC4B,SAAS,CAACM;UAAG,CAChC;QACF,CACE,CAAC,eAEN,IAAA3E,WAAA,CAAAiC,GAAA,EAACvC,MAAA,CAAAS,OAAG;UACFmC,KAAK,EAAE,KAAM;UACbc,SAAS,EAAE;YACT2B,UAAU,EAAE,UAAU;YACtBzB,cAAc,EAAE,YAAY;YAC5B0B,SAAS,EAAE;UACb,CAAE;UAAA3C,QAAA,eAEF,IAAArC,WAAA,CAAAiC,GAAA,EAACpC,OAAA,CAAA8D,KAAK;YACJC,IAAI,EAAEjC,UAAU,GAAG,kBAAkB,GAAG,oBAAqB;YAC7DkC,IAAI,EAAE,EAAG;YACTM,KAAK,EAAE1B,YAAK,CAACM,MAAM,CAACkC,IAAI,CAAC,GAAG;UAAE,CAC/B;QAAC,CACC,CAAC;MAAA,CACH;IAAC,CACH;EAAC,CACU,CAAC;AAEvB,CAAC,CAAC;AAEF7D,eAAe,CAAC8D,WAAW,GAAG,iBAAiB;;AAE/C;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GAGe,IAAAkF,gCAAe,EAACjE,eAAe,CAAC","ignoreList":[]}

package/lib/commonjs/stories/supply-error-card/supply-error-card.stories.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SupplyErrorCardNotMessage = exports.Default = void 0;
 var _index = _interopRequireDefault(require("../../components/supply-error-card/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // component
@@ -16,19 +16,19 @@ const meta = {
   title: "componente/SupplyErrorCard",
   component: _index.default,
   args: {
-    messages: [{
+    errors: [{
       id: 101,
-      mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
+      descricacao: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
     }, {
       id: 203,
-      mensagem: "Valor inválido no abastecimento #203."
+      descricacao: "Valor inválido no abastecimento #203."
     }, {
       id: 310,
-      mensagem: "Imagem do comprovante ausente no abastecimento #310."
+      descricacao: "Imagem do comprovante ausente no abastecimento #310."
     }]
   },
   argTypes: {
-    messages: {
+    errors: {
       description: "Lista de mensagens de erro/exceção relacionadas a abastecimentos.",
       control: "object",
       table: {
@@ -47,13 +47,13 @@ Ao **clicar**, expande e mostra a lista completa. O ícone alterna entre *chevro
 
 ## Uso básico
 \`\`\`tsx
-const mensagens = [
-  { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
-  { id: 203, mensagem: "Valor inválido no abastecimento #203." },
-  { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
+const errors = [
+  { id: 101, descricao: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
+  { id: 203, descricao: "Valor inválido no abastecimento #203." },
+  { id: 310, descricao: "Imagem do comprovante ausente no abastecimento #310." },
 ];
 
-<SupplyErrorCard messages={mensagens} />
+<SupplyErrorCard errors={mensagens} />
 \`\`\`
 
 ## Dicas
@@ -66,7 +66,7 @@ var _default = exports.default = meta;
 const Default = exports.Default = {
   name: "supply-error-card-default",
   args: {
-    messages: [{
+    errors: [{
       id: 101,
       mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
     }, {
@@ -81,7 +81,7 @@ const Default = exports.Default = {
 const SupplyErrorCardNotMessage = exports.SupplyErrorCardNotMessage = {
   name: "supply-error-card",
   args: {
-    messages: []
+    errors: []
   }
 };
 //# sourceMappingURL=supply-error-card.stories.js.map

package/lib/commonjs/stories/supply-error-card/supply-error-card.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","_interopRequireDefault","require","e","__esModule","default","meta","title","component","SupplyErrorCard","args","messages","id","mensagem","argTypes","description","control","table","type","summary","parameters","notes","_default","exports","Default","name","SupplyErrorCardNotMessage"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/supply-error-card/supply-error-card.stories.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAPjE;AACA;AACA;;AAIA;;AAGA,MAAMG,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,cAA2B;EACtCC,IAAI,EAAE;IACJC,QAAQ,EAAE,CACR;MAAEC,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAuD,CAAC;EAEjF,CAAC;EACDC,QAAQ,EAAE;IACRH,QAAQ,EAAE;MACRI,WAAW,EAAE,mEAAmE;MAChFC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAEC,OAAO,EAAE;QAA0C;MAC7D;IACF;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,IAAI;AAIZ,MAAMkB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG;EAC5BC,IAAI,EAAE,2BAA2B;EACjCf,IAAI,EAAE;IACJC,QAAQ,EAAE,CACR;MAAEC,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAuD,CAAC;EAEjF;AACF,CAAC;AAEM,MAAMa,yBAAgC,GAAAH,OAAA,CAAAG,yBAAA,GAAG;EAC9CD,IAAI,EAAE,mBAAmB;EACzBf,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAG;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["_index","_interopRequireDefault","require","e","__esModule","default","meta","title","component","SupplyErrorCard","args","errors","id","descricacao","argTypes","description","control","table","type","summary","parameters","notes","_default","exports","Default","name","mensagem","SupplyErrorCardNotMessage"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/supply-error-card/supply-error-card.stories.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAPjE;AACA;AACA;;AAIA;;AAGA,MAAMG,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,cAA2B;EACtCC,IAAI,EAAE;IACJC,MAAM,EAAE,CACN;MAAEC,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAgE,CAAC,EACzF;MAAED,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAwC,CAAC,EACjE;MAAED,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAuD,CAAC;EAEpF,CAAC;EACDC,QAAQ,EAAE;IACRH,MAAM,EAAE;MACNI,WAAW,EAAE,mEAAmE;MAChFC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAEC,OAAO,EAAE;QAA0C;MAC7D;IACF;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,IAAI;AAIZ,MAAMkB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG;EAC5BC,IAAI,EAAE,2BAA2B;EACjCf,IAAI,EAAE;IACJC,MAAM,EAAE,CACN;MAAEC,EAAE,EAAE,GAAG;MAAEc,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAEd,EAAE,EAAE,GAAG;MAAEc,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAEd,EAAE,EAAE,GAAG;MAAEc,QAAQ,EAAE;IAAuD,CAAC;EAEjF;AACF,CAAC;AAEM,MAAMC,yBAAgC,GAAAJ,OAAA,CAAAI,yBAAA,GAAG;EAC9CF,IAAI,EAAE,mBAAmB;EACzBf,IAAI,EAAE;IAAEC,MAAM,EAAE;EAAG;AACrB,CAAC","ignoreList":[]}

package/lib/module/components/supply-error-card/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 import React, { forwardRef, useState } from "react";
 import { TouchableOpacity } from "react-native";
@@ -20,21 +20,21 @@ import { asBaseComponent } from "../../@types/as-base-component.js";
 // styles / theme
 import { theme } from "../../styles/theme/theme.js";
 
-/**
- * Componente SupplyErrorCard para a interação da  ui.
+/**
+ * Componente SupplyErrorCard para a interação da  ui.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SupplyErrorCard = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     backgroundColor,
-    messages,
+    errors,
     handleOnPress
   } = props;
   const [isExpanded, setIsExpanded] = useState(false);
 
   /**Função para alternar a expansão do card */
   const handleToggleExpand = () => setIsExpanded(prev => !prev);
-  const firstMessage = messages?.[0];
+  const firstMessage = errors?.[0];
   return /*#__PURE__*/_jsx(TouchableOpacity, {
     onPress: handleToggleExpand,
     activeOpacity: 0.9,
@@ -70,11 +70,11 @@ const SupplyErrorCard = /*#__PURE__*/forwardRef((props, ref) => {
           flexStyle: {
             justifyContent: "center"
           },
-          children: isExpanded ? messages?.map((error, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
+          children: isExpanded ? errors?.map((error, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
             activeOpacity: 0.7,
             onPress: () => handleOnPress(error),
             children: /*#__PURE__*/_jsx(Typography, {
-              text: `${index + 1}. ${error.mensagem ?? "Sem mensagens de erro"}`,
+              text: `${index + 1}. ${error.descricao ?? "Sem mensagens de erro"}`,
               color: theme.colors.red[900],
               size: theme.fontSizes.sm,
               fontFamily: theme.fonts.inter_medium_500,
@@ -82,7 +82,7 @@ const SupplyErrorCard = /*#__PURE__*/forwardRef((props, ref) => {
               marginBottom: theme.margins.xs
             })
           }, error?.id)) : /*#__PURE__*/_jsx(Typography, {
-            text: firstMessage ? `1. ${firstMessage.mensagem}` : "Nenhum erro disponível",
+            text: firstMessage ? `1. ${firstMessage.descricao}` : "Nenhum erro disponível",
             color: theme.colors.red[900],
             size: theme.fontSizes.sm,
             fontFamily: theme.fonts.inter_medium_500,
@@ -97,7 +97,8 @@ const SupplyErrorCard = /*#__PURE__*/forwardRef((props, ref) => {
           },
           children: /*#__PURE__*/_jsx(Icons, {
             icon: isExpanded ? "ARROW_CHEVRON_UP" : "ARROW_CHEVRON_DOWN",
-            size: 32
+            size: 32,
+            color: theme.colors.gray[800]
           })
         })]
       })
@@ -106,8 +107,8 @@ const SupplyErrorCard = /*#__PURE__*/forwardRef((props, ref) => {
 });
 SupplyErrorCard.displayName = "SupplyErrorCard";
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export default asBaseComponent(SupplyErrorCard);
 //# sourceMappingURL=index.js.map

package/lib/module/components/supply-error-card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useState","TouchableOpacity","Box","Typography","Icons","asBaseComponent","theme","jsx","_jsx","jsxs","_jsxs","SupplyErrorCard","props","ref","backgroundColor","messages","handleOnPress","isExpanded","setIsExpanded","handleToggleExpand","prev","firstMessage","onPress","activeOpacity","children","width","borderStyled","borderRadius","borderWidths","thick_medium","borderWidth","thin_medium","borderColor","colors","orange","yellow","thin_bold","flexStyle","flexDirection","justifyContent","paddingStyle","padding","paddings","xs","icon","size","map","error","index","text","mensagem","color","red","fontSizes","sm","fontFamily","fonts","inter_medium_500","lineHeight","lg","marginBottom","margins","id","alignItems","textAlign","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/supply-error-card/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useState","TouchableOpacity","Box","Typography","Icons","asBaseComponent","theme","jsx","_jsx","jsxs","_jsxs","SupplyErrorCard","props","ref","backgroundColor","errors","handleOnPress","isExpanded","setIsExpanded","handleToggleExpand","prev","firstMessage","onPress","activeOpacity","children","width","borderStyled","borderRadius","borderWidths","thick_medium","borderWidth","thin_medium","borderColor","colors","orange","yellow","thin_bold","flexStyle","flexDirection","justifyContent","paddingStyle","padding","paddings","xs","icon","size","map","error","index","text","descricao","color","red","fontSizes","sm","fontFamily","fonts","inter_medium_500","lineHeight","lg","marginBottom","margins","id","alignItems","textAlign","gray","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/supply-error-card/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/stories/supply-error-card/supply-error-card.stories.js

@@ -1,7 +1,7 @@
 "use strict";
 
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // component
@@ -10,19 +10,19 @@ const meta = {
   title: "componente/SupplyErrorCard",
   component: SupplyErrorCard,
   args: {
-    messages: [{
+    errors: [{
       id: 101,
-      mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
+      descricacao: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
     }, {
       id: 203,
-      mensagem: "Valor inválido no abastecimento #203."
+      descricacao: "Valor inválido no abastecimento #203."
     }, {
       id: 310,
-      mensagem: "Imagem do comprovante ausente no abastecimento #310."
+      descricacao: "Imagem do comprovante ausente no abastecimento #310."
     }]
   },
   argTypes: {
-    messages: {
+    errors: {
       description: "Lista de mensagens de erro/exceção relacionadas a abastecimentos.",
       control: "object",
       table: {
@@ -41,13 +41,13 @@ Ao **clicar**, expande e mostra a lista completa. O ícone alterna entre *chevro
 
 ## Uso básico
 \`\`\`tsx
-const mensagens = [
-  { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
-  { id: 203, mensagem: "Valor inválido no abastecimento #203." },
-  { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
+const errors = [
+  { id: 101, descricao: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
+  { id: 203, descricao: "Valor inválido no abastecimento #203." },
+  { id: 310, descricao: "Imagem do comprovante ausente no abastecimento #310." },
 ];
 
-<SupplyErrorCard messages={mensagens} />
+<SupplyErrorCard errors={mensagens} />
 \`\`\`
 
 ## Dicas
@@ -60,7 +60,7 @@ export default meta;
 export const Default = {
   name: "supply-error-card-default",
   args: {
-    messages: [{
+    errors: [{
       id: 101,
       mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir."
     }, {
@@ -75,7 +75,7 @@ export const Default = {
 export const SupplyErrorCardNotMessage = {
   name: "supply-error-card",
   args: {
-    messages: []
+    errors: []
   }
 };
 //# sourceMappingURL=supply-error-card.stories.js.map

package/lib/module/stories/supply-error-card/supply-error-card.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["SupplyErrorCard","meta","title","component","args","messages","id","mensagem","argTypes","description","control","table","type","summary","parameters","notes","Default","name","SupplyErrorCardNotMessage"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/supply-error-card/supply-error-card.stories.tsx"],"mappings":";;AAAA;AACA;AACA;;AAIA;AACA,OAAOA,eAAe,MAAM,6CAAoC;AAEhE,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAA2B;EACtCI,IAAI,EAAE;IACJC,QAAQ,EAAE,CACR;MAAEC,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAuD,CAAC;EAEjF,CAAC;EACDC,QAAQ,EAAE;IACRH,QAAQ,EAAE;MACRI,WAAW,EAAE,mEAAmE;MAChFC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAEC,OAAO,EAAE;QAA0C;MAC7D;IACF;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAed,IAAI;AAInB,OAAO,MAAMe,OAAc,GAAG;EAC5BC,IAAI,EAAE,2BAA2B;EACjCb,IAAI,EAAE;IACJC,QAAQ,EAAE,CACR;MAAEC,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAED,EAAE,EAAE,GAAG;MAAEC,QAAQ,EAAE;IAAuD,CAAC;EAEjF;AACF,CAAC;AAED,OAAO,MAAMW,yBAAgC,GAAG;EAC9CD,IAAI,EAAE,mBAAmB;EACzBb,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAG;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["SupplyErrorCard","meta","title","component","args","errors","id","descricacao","argTypes","description","control","table","type","summary","parameters","notes","Default","name","mensagem","SupplyErrorCardNotMessage"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/supply-error-card/supply-error-card.stories.tsx"],"mappings":";;AAAA;AACA;AACA;;AAIA;AACA,OAAOA,eAAe,MAAM,6CAAoC;AAEhE,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAA2B;EACtCI,IAAI,EAAE;IACJC,MAAM,EAAE,CACN;MAAEC,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAgE,CAAC,EACzF;MAAED,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAwC,CAAC,EACjE;MAAED,EAAE,EAAE,GAAG;MAAEC,WAAW,EAAE;IAAuD,CAAC;EAEpF,CAAC;EACDC,QAAQ,EAAE;IACRH,MAAM,EAAE;MACNI,WAAW,EAAE,mEAAmE;MAChFC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAEC,OAAO,EAAE;QAA0C;MAC7D;IACF;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAed,IAAI;AAInB,OAAO,MAAMe,OAAc,GAAG;EAC5BC,IAAI,EAAE,2BAA2B;EACjCb,IAAI,EAAE;IACJC,MAAM,EAAE,CACN;MAAEC,EAAE,EAAE,GAAG;MAAEY,QAAQ,EAAE;IAAgE,CAAC,EACtF;MAAEZ,EAAE,EAAE,GAAG;MAAEY,QAAQ,EAAE;IAAwC,CAAC,EAC9D;MAAEZ,EAAE,EAAE,GAAG;MAAEY,QAAQ,EAAE;IAAuD,CAAC;EAEjF;AACF,CAAC;AAED,OAAO,MAAMC,yBAAgC,GAAG;EAC9CF,IAAI,EAAE,mBAAmB;EACzBb,IAAI,EAAE;IAAEC,MAAM,EAAE;EAAG;AACrB,CAAC","ignoreList":[]}

package/lib/typescript/commonjs/src/components/supply-error-card/index.d.ts

@@ -6,14 +6,8 @@ import React from "react";
  * EXPORTS
  */
 declare const _default: React.ComponentType<import("react-native").ViewProps & {
-    messages?: {
-        id: number;
-        mensagem: string;
-    }[];
-    handleOnPress: (data: {
-        id: number;
-        mensagem: string;
-    }) => void;
+    errors?: any[];
+    handleOnPress: (data: any) => void;
     testID?: string;
     borderStyled?: {
         borderStyle?: "solid" | "dotted" | "dashed";
@@ -67,6 +61,7 @@ declare const _default: React.ComponentType<import("react-native").ViewProps & {
         colorTextData?: string;
     };
     valor?: number;
+    messages?: string[];
     erroIds?: number[];
 } & React.RefAttributes<any>>;
 export default _default;

package/lib/typescript/commonjs/src/components/supply-error-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/supply-error-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAkGpD;;GAEG;;;;;;;;;;;;mBA/EoB,CAAC;oBACX,CAAC;4BAEN,CAAC;2BACE,CAAC;+BAEV,CADF;8BAII,CAAJ;mBAA6C,CAAC;uBAEtC,CAAC;wBAEK,CAAC;sBACqB,CAAC;yBACT,CAAC;mBACX,CAAC;yBACX,CAAN;uBAES,CAAC;wBAEF,CAAN;sBAA6B,CAAC;;;kBAKxB,CAAR;iBACgD,CAAC;YAGA,CAAC;qBACnC,CAAC;gBAEF,CAAP;iBACiB,CAAC;sBAEH,CAAC;;;cAQW,CAAC;kBAErB,CAAX;mBACS,CAAF;iBAEI,CAAC;oBACkB,CAAA;;;eASzB,CAAV;mBAEY,CAAX;oBACkB,CAAC;kBACG,CAAC;qBACC,CAAA;;;;;;;gBAiB2+B,CAAC;iBAAwB,CAAC;qBAA4B,CAAC;qBAA4B,CAAC;;;;;AADxlC,wBAAgD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/supply-error-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAsGpD;;GAEG;;;;;;mBApFgC,CAAC;oBAAkD,CAAC;4BACjD,CAAC;2BACV,CAAC;+BAEF,CAAC;8BACM,CAAA;mBAEzB,CAAC;uBAGF,CAAC;wBAA+C,CAAC;sBAGlD,CAAL;yBAEO,CAAL;mBAA2C,CAAC;yBAC1B,CAAC;uBAA6B,CAAC;wBACzB,CAAC;sBACrB,CAAC;;;kBAMsD,CAAC;iBAEzD,CAAA;YAE0C,CAAC;qBAGzC,CAAF;gBACI,CAAP;iBACuB,CAAC;sBAEV,CAAC;;;cASA,CAAd;kBAAyC,CAAC;mBACV,CAAC;iBAEvB,CAAT;oBACO,CAAC;;;eAOE,CAAC;mBACJ,CAAD;oBAIH,CAAH;kBAEK,CAAJ;qBACmB,CAAC;;;;;;;gBAuByzB,CAAC;iBAAuB,CAAC;qBAA2B,CAAC;qBAA2B,CAAC;;;;;;AADt6B,wBAAgD"}

package/lib/typescript/module/src/components/supply-error-card/index.d.ts

@@ -6,14 +6,8 @@ import React from "react";
  * EXPORTS
  */
 declare const _default: React.ComponentType<import("react-native").ViewProps & {
-    messages?: {
-        id: number;
-        mensagem: string;
-    }[];
-    handleOnPress: (data: {
-        id: number;
-        mensagem: string;
-    }) => void;
+    errors?: any[];
+    handleOnPress: (data: any) => void;
     testID?: string;
     borderStyled?: {
         borderStyle?: "solid" | "dotted" | "dashed";
@@ -67,6 +61,7 @@ declare const _default: React.ComponentType<import("react-native").ViewProps & {
         colorTextData?: string;
     };
     valor?: number;
+    messages?: string[];
     erroIds?: number[];
 } & React.RefAttributes<any>>;
 export default _default;

package/lib/typescript/module/src/components/supply-error-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/supply-error-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAkGpD;;GAEG;;;;;;;;;;;;mBA/EoB,CAAC;oBACX,CAAC;4BAEN,CAAC;2BACE,CAAC;+BAEV,CADF;8BAII,CAAJ;mBAA6C,CAAC;uBAEtC,CAAC;wBAEK,CAAC;sBACqB,CAAC;yBACT,CAAC;mBACX,CAAC;yBACX,CAAN;uBAES,CAAC;wBAEF,CAAN;sBAA6B,CAAC;;;kBAKxB,CAAR;iBACgD,CAAC;YAGA,CAAC;qBACnC,CAAC;gBAEF,CAAP;iBACiB,CAAC;sBAEH,CAAC;;;cAQW,CAAC;kBAErB,CAAX;mBACS,CAAF;iBAEI,CAAC;oBACkB,CAAA;;;eASzB,CAAV;mBAEY,CAAX;oBACkB,CAAC;kBACG,CAAC;qBACC,CAAA;;;;;;;gBAiB2+B,CAAC;iBAAwB,CAAC;qBAA4B,CAAC;qBAA4B,CAAC;;;;;AADxlC,wBAAgD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/supply-error-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAsGpD;;GAEG;;;;;;mBApFgC,CAAC;oBAAkD,CAAC;4BACjD,CAAC;2BACV,CAAC;+BAEF,CAAC;8BACM,CAAA;mBAEzB,CAAC;uBAGF,CAAC;wBAA+C,CAAC;sBAGlD,CAAL;yBAEO,CAAL;mBAA2C,CAAC;yBAC1B,CAAC;uBAA6B,CAAC;wBACzB,CAAC;sBACrB,CAAC;;;kBAMsD,CAAC;iBAEzD,CAAA;YAE0C,CAAC;qBAGzC,CAAF;gBACI,CAAP;iBACuB,CAAC;sBAEV,CAAC;;;cASA,CAAd;kBAAyC,CAAC;mBACV,CAAC;iBAEvB,CAAT;oBACO,CAAC;;;eAOE,CAAC;mBACJ,CAAD;oBAIH,CAAH;kBAEK,CAAJ;qBACmB,CAAC;;;;;;;gBAuByzB,CAAC;iBAAuB,CAAC;qBAA2B,CAAC;qBAA2B,CAAC;;;;;;AADt6B,wBAAgD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jornada-ui",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/supply-error-card/index.tsx

@@ -1,105 +1,109 @@
-/**
- * IMPORTS
- */
-import React, { forwardRef, useState } from "react";
-import { TouchableOpacity } from "react-native";
-
-// componentes
-import Box from "../box";
-import Typography from "../typography";
-
-// commons / icons
-import { Icons } from "../../common/icons-svg";
-
-// typings
-import type { SupplyErrorCardProps } from "./interface";
-import { asBaseComponent } from "../../@types/as-base-component";
-
-// styles / theme
-import { theme } from "../../styles/theme/theme";
-
-/**
- * Componente SupplyErrorCard para a interação da  ui.
- */
-const SupplyErrorCard = forwardRef<any, SupplyErrorCardProps>((props, ref): React.ReactElement => {
-  const { backgroundColor, messages, handleOnPress } = props;
-  const [isExpanded, setIsExpanded] = useState(false);
-
-  /**Função para alternar a expansão do card */
-  const handleToggleExpand = () => setIsExpanded((prev) => !prev);
-
-  const firstMessage = messages?.[0];
-
-  return (
-    <TouchableOpacity onPress={handleToggleExpand} activeOpacity={0.9}>
-      <Box
-        ref={ref}
-        width={"100%"}
-        borderStyled={{
-          borderRadius: theme.borderWidths.thick_medium,
-          borderWidth: theme.borderWidths.thin_medium,
-          borderColor: theme.colors.orange[150],
-        }}
-      >
-        <Box
-          width={"100%"}
-          backgroundColor={backgroundColor ?? theme.colors.yellow[120]}
-          borderStyled={{ borderRadius: theme.borderWidths.thin_bold }}
-          flexStyle={{ flexDirection: "row", justifyContent: "space-between" }}
-          paddingStyle={{ padding: theme.paddings.xs }}
-        >
-          <Box width={"10%"}>
-            <Icons icon={"EXCLAMATION_TRIANGLE"} size={32} />
-          </Box>
-
-          <Box width={"70%"} flexStyle={{ justifyContent: "center" }}>
-            {isExpanded ? (
-              messages?.map((error, index) => (
-                <TouchableOpacity
-                  key={error?.id}
-                  activeOpacity={0.7}
-                  onPress={() => handleOnPress(error)}
-                >
-                  <Typography
-                    text={`${index + 1}. ${error.mensagem ?? "Sem mensagens de erro"}`}
-                    color={theme.colors.red[900]}
-                    size={theme.fontSizes.sm}
-                    fontFamily={theme.fonts.inter_medium_500}
-                    lineHeight={theme.fontSizes.lg}
-                    marginBottom={theme.margins.xs}
-                  />
-                </TouchableOpacity>
-              ))
-            ) : (
-              <Typography
-                text={firstMessage ? `1. ${firstMessage.mensagem}` : "Nenhum erro disponível"}
-                color={theme.colors.red[900]}
-                size={theme.fontSizes.sm}
-                fontFamily={theme.fonts.inter_medium_500}
-                lineHeight={theme.fontSizes.lg}
-              />
-            )}
-          </Box>
-
-          <Box
-            width={"10%"}
-            flexStyle={{
-              alignItems: "flex-end",
-              justifyContent: "flex-start",
-              textAlign: "center",
-            }}
-          >
-            <Icons icon={isExpanded ? "ARROW_CHEVRON_UP" : "ARROW_CHEVRON_DOWN"} size={32} />
-          </Box>
-        </Box>
-      </Box>
-    </TouchableOpacity>
-  );
-});
-
-SupplyErrorCard.displayName = "SupplyErrorCard";
-
-/**
- * EXPORTS
- */
-export default asBaseComponent(SupplyErrorCard);
+/**
+ * IMPORTS
+ */
+import React, { forwardRef, useState } from "react";
+import { TouchableOpacity } from "react-native";
+
+// componentes
+import Box from "../box";
+import Typography from "../typography";
+
+// commons / icons
+import { Icons } from "../../common/icons-svg";
+
+// typings
+import type { SupplyErrorCardProps } from "./interface";
+import { asBaseComponent } from "../../@types/as-base-component";
+
+// styles / theme
+import { theme } from "../../styles/theme/theme";
+
+/**
+ * Componente SupplyErrorCard para a interação da  ui.
+ */
+const SupplyErrorCard = forwardRef<any, SupplyErrorCardProps>((props, ref): React.ReactElement => {
+  const { backgroundColor, errors, handleOnPress } = props;
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  /**Função para alternar a expansão do card */
+  const handleToggleExpand = () => setIsExpanded((prev) => !prev);
+
+  const firstMessage = errors?.[0];
+
+  return (
+    <TouchableOpacity onPress={handleToggleExpand} activeOpacity={0.9}>
+      <Box
+        ref={ref}
+        width={"100%"}
+        borderStyled={{
+          borderRadius: theme.borderWidths.thick_medium,
+          borderWidth: theme.borderWidths.thin_medium,
+          borderColor: theme.colors.orange[150],
+        }}
+      >
+        <Box
+          width={"100%"}
+          backgroundColor={backgroundColor ?? theme.colors.yellow[120]}
+          borderStyled={{ borderRadius: theme.borderWidths.thin_bold }}
+          flexStyle={{ flexDirection: "row", justifyContent: "space-between" }}
+          paddingStyle={{ padding: theme.paddings.xs }}
+        >
+          <Box width={"10%"}>
+            <Icons icon={"EXCLAMATION_TRIANGLE"} size={32} />
+          </Box>
+
+          <Box width={"70%"} flexStyle={{ justifyContent: "center" }}>
+            {isExpanded ? (
+              errors?.map((error, index) => (
+                <TouchableOpacity
+                  key={error?.id}
+                  activeOpacity={0.7}
+                  onPress={() => handleOnPress(error)}
+                >
+                  <Typography
+                    text={`${index + 1}. ${error.descricao ?? "Sem mensagens de erro"}`}
+                    color={theme.colors.red[900]}
+                    size={theme.fontSizes.sm}
+                    fontFamily={theme.fonts.inter_medium_500}
+                    lineHeight={theme.fontSizes.lg}
+                    marginBottom={theme.margins.xs}
+                  />
+                </TouchableOpacity>
+              ))
+            ) : (
+              <Typography
+                text={firstMessage ? `1. ${firstMessage.descricao}` : "Nenhum erro disponível"}
+                color={theme.colors.red[900]}
+                size={theme.fontSizes.sm}
+                fontFamily={theme.fonts.inter_medium_500}
+                lineHeight={theme.fontSizes.lg}
+              />
+            )}
+          </Box>
+
+          <Box
+            width={"10%"}
+            flexStyle={{
+              alignItems: "flex-end",
+              justifyContent: "flex-start",
+              textAlign: "center",
+            }}
+          >
+            <Icons
+              icon={isExpanded ? "ARROW_CHEVRON_UP" : "ARROW_CHEVRON_DOWN"}
+              size={32}
+              color={theme.colors.gray[800]}
+            />
+          </Box>
+        </Box>
+      </Box>
+    </TouchableOpacity>
+  );
+});
+
+SupplyErrorCard.displayName = "SupplyErrorCard";
+
+/**
+ * EXPORTS
+ */
+export default asBaseComponent(SupplyErrorCard);

package/src/components/supply-error-card/interface.d.ts

@@ -1,139 +1,133 @@
-/* eslint-disable no-unused-vars */
-/**
- * IMPORTS
- */
-import { type DimensionValue, type ViewProps } from "react-native";
-
-// Objeto de mensagem
-type ErrorMessage = {
-  id: number;
-  mensagem: string;
-};
-
-/**
- * INTERFACE
- */
-type SupplyErrorCardProps = ViewProps & {
-  // Adicionando mensagem de eroo
-  messages?: ErrorMessage[];
-
-  handleOnPress: (data: ErrorMessage) => void;
-
-  /**
-   * TestID para testes automático e identificação
-   */
-  testID?: string;
-
-  /**
-   * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.
-   */
-  borderStyled?: {
-    borderStyle?: "solid" | "dotted" | "dashed";
-
-    borderRadius?: number | DimensionValue;
-    borderTopRightRadius?: number | DimensionValue;
-    borderTopLeftRadius?: number | DimensionValue;
-    borderBottomRightRadius?: number | DimensionValue;
-    borderBottomLeftRadius?: number | DimensionValue;
-
-    borderWidth?: number | DimensionValue;
-    borderLeftWidth?: number | DimensionValue;
-    borderRightWidth?: number | DimensionValue;
-    borderTopWidth?: number | DimensionValue;
-    borderBottomWidth?: number | DimensionValue;
-
-    borderColor?: string;
-    borderBottomColor?: string;
-    borderLeftColor?: string;
-    borderRightColor?: string;
-    borderTopColor?: string;
-  };
-
-  /**
-   * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.
-   */
-  flexStyle?: {
-    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    flex?: string | number;
-    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
-    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
-    textAlign?: "auto" | "center" | "left" | "right" | "justify";
-    justifyContent?:
-      | "flex-start"
-      | "flex-end"
-      | "center"
-      | "space-between"
-      | "space-around"
-      | "space-evenly";
-  };
-
-  /**
-   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).
-   */
-  marginStyle?: {
-    margin?: number | DimensionValue;
-    marginLeft?: number | DimensionValue;
-    marginRight?: number | DimensionValue;
-    marginTop?: number | DimensionValue;
-    marginBottom?: number | DimensionValue;
-  };
-
-  /**
-   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).
-   */
-  paddingStyle?: {
-    padding?: number | DimensionValue;
-    paddingLeft?: number | DimensionValue;
-    paddingRight?: number | DimensionValue;
-    paddingTop?: number | DimensionValue;
-    paddingBottom?: number | DimensionValue;
-  };
-
-  /**
-   * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.
-   */
-  height?: number | DimensionValue;
-
-  /**
-   * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.
-   */
-  width?: number | DimensionValue;
-
-  /**
-   * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..
-   * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.
-   */
-  backgroundColor?: string;
-
-  /**
-   * Propriedade texto que sera renderizado pro usuário final
-   */
-  text?: string;
-
-  /**
-   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.
-   */
-  color?: {
-    colorSvg?: string;
-    colorText?: string;
-    colorTextBold?: string;
-    colorTextData?: string;
-  };
-
-  /**
-   * Propriedade que define o valor a ser pago
-   */
-  valor?: number;
-
-  /**
-   * Lista de mensagens de erro (renderizadas uma abaixo da outra)
-   */
-  messages?: string[];
-  erroIds?: number[];
-};
-
-/**
- * EXPORT
- */
-export type { SupplyErrorCardProps };
+/* eslint-disable no-unused-vars */
+/**
+ * IMPORTS
+ */
+import { type DimensionValue, type ViewProps } from "react-native";
+
+/**
+ * INTERFACE
+ */
+type SupplyErrorCardProps = ViewProps & {
+  /**Propiedade responsavel por armazenar os error */
+  errors?: any[];
+
+  handleOnPress: (data: any) => void;
+
+  /**
+   * TestID para testes automático e identificação
+   */
+  testID?: string;
+
+  /**
+   * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.
+   */
+  borderStyled?: {
+    borderStyle?: "solid" | "dotted" | "dashed";
+
+    borderRadius?: number | DimensionValue;
+    borderTopRightRadius?: number | DimensionValue;
+    borderTopLeftRadius?: number | DimensionValue;
+    borderBottomRightRadius?: number | DimensionValue;
+    borderBottomLeftRadius?: number | DimensionValue;
+
+    borderWidth?: number | DimensionValue;
+    borderLeftWidth?: number | DimensionValue;
+    borderRightWidth?: number | DimensionValue;
+    borderTopWidth?: number | DimensionValue;
+    borderBottomWidth?: number | DimensionValue;
+
+    borderColor?: string;
+    borderBottomColor?: string;
+    borderLeftColor?: string;
+    borderRightColor?: string;
+    borderTopColor?: string;
+  };
+
+  /**
+   * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.
+   */
+  flexStyle?: {
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    flex?: string | number;
+    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+    textAlign?: "auto" | "center" | "left" | "right" | "justify";
+    justifyContent?:
+      | "flex-start"
+      | "flex-end"
+      | "center"
+      | "space-between"
+      | "space-around"
+      | "space-evenly";
+  };
+
+  /**
+   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).
+   */
+  marginStyle?: {
+    margin?: number | DimensionValue;
+    marginLeft?: number | DimensionValue;
+    marginRight?: number | DimensionValue;
+    marginTop?: number | DimensionValue;
+    marginBottom?: number | DimensionValue;
+  };
+
+  /**
+   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).
+   */
+  paddingStyle?: {
+    padding?: number | DimensionValue;
+    paddingLeft?: number | DimensionValue;
+    paddingRight?: number | DimensionValue;
+    paddingTop?: number | DimensionValue;
+    paddingBottom?: number | DimensionValue;
+  };
+
+  /**
+   * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.
+   */
+  height?: number | DimensionValue;
+
+  /**
+   * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.
+   */
+  width?: number | DimensionValue;
+
+  /**
+   * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..
+   * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.
+   */
+  backgroundColor?: string;
+
+  /**
+   * Propriedade texto que sera renderizado pro usuário final
+   */
+  text?: string;
+
+  /**
+   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.
+   */
+  color?: {
+    colorSvg?: string;
+    colorText?: string;
+    colorTextBold?: string;
+    colorTextData?: string;
+  };
+
+  /**
+   * Propriedade que define o valor a ser pago
+   */
+  valor?: number;
+
+  /**
+   * Lista de mensagens de erro (renderizadas uma abaixo da outra)
+   */
+  messages?: string[];
+  erroIds?: number[];
+};
+
+/**
+ * EXPORT
+ */
+export type { SupplyErrorCardProps };

package/src/stories/supply-error-card/supply-error-card.stories.tsx

@@ -1,72 +1,72 @@
-/**
- * IMPORTS
- */
-import type React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-
-// component
-import SupplyErrorCard from "../../components/supply-error-card";
-
-const meta: Meta<typeof SupplyErrorCard> = {
-  title: "componente/SupplyErrorCard",
-  component: SupplyErrorCard as React.FC,
-  args: {
-    messages: [
-      { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
-      { id: 203, mensagem: "Valor inválido no abastecimento #203." },
-      { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
-    ],
-  },
-  argTypes: {
-    messages: {
-      description: "Lista de mensagens de erro/exceção relacionadas a abastecimentos.",
-      control: "object",
-      table: {
-        type: { summary: "Array<{ id: number; mensagem: string }>" },
-      },
-    },
-  },
-  parameters: {
-    notes: `
-# SupplyErrorCard
-
-Card de alertas de abastecimento. Quando **fechado**, exibe apenas a primeira mensagem.
-Ao **clicar**, expande e mostra a lista completa. O ícone alterna entre *chevron down/up*.
-
-## Uso básico
-\`\`\`tsx
-const mensagens = [
-  { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
-  { id: 203, mensagem: "Valor inválido no abastecimento #203." },
-  { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
-];
-
-<SupplyErrorCard messages={mensagens} />
-\`\`\`
-
-## Dicas
-- Renderize em um container com padding.
-- Trate cliques/expansão no próprio componente; este story demonstra o comportamento padrão.
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  name: "supply-error-card-default",
-  args: {
-    messages: [
-      { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
-      { id: 203, mensagem: "Valor inválido no abastecimento #203." },
-      { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
-    ],
-  },
-};
-
-export const SupplyErrorCardNotMessage: Story = {
-  name: "supply-error-card",
-  args: { messages: [] },
-};
+/**
+ * IMPORTS
+ */
+import type React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+
+// component
+import SupplyErrorCard from "../../components/supply-error-card";
+
+const meta: Meta<typeof SupplyErrorCard> = {
+  title: "componente/SupplyErrorCard",
+  component: SupplyErrorCard as React.FC,
+  args: {
+    errors: [
+      { id: 101, descricacao: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
+      { id: 203, descricacao: "Valor inválido no abastecimento #203." },
+      { id: 310, descricacao: "Imagem do comprovante ausente no abastecimento #310." },
+    ],
+  },
+  argTypes: {
+    errors: {
+      description: "Lista de mensagens de erro/exceção relacionadas a abastecimentos.",
+      control: "object",
+      table: {
+        type: { summary: "Array<{ id: number; mensagem: string }>" },
+      },
+    },
+  },
+  parameters: {
+    notes: `
+# SupplyErrorCard
+
+Card de alertas de abastecimento. Quando **fechado**, exibe apenas a primeira mensagem.
+Ao **clicar**, expande e mostra a lista completa. O ícone alterna entre *chevron down/up*.
+
+## Uso básico
+\`\`\`tsx
+const errors = [
+  { id: 101, descricao: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
+  { id: 203, descricao: "Valor inválido no abastecimento #203." },
+  { id: 310, descricao: "Imagem do comprovante ausente no abastecimento #310." },
+];
+
+<SupplyErrorCard errors={mensagens} />
+\`\`\`
+
+## Dicas
+- Renderize em um container com padding.
+- Trate cliques/expansão no próprio componente; este story demonstra o comportamento padrão.
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "supply-error-card-default",
+  args: {
+    errors: [
+      { id: 101, mensagem: "Erro ao sincronizar abastecimento #101. Clique para corrigir." },
+      { id: 203, mensagem: "Valor inválido no abastecimento #203." },
+      { id: 310, mensagem: "Imagem do comprovante ausente no abastecimento #310." },
+    ],
+  },
+};
+
+export const SupplyErrorCardNotMessage: Story = {
+  name: "supply-error-card",
+  args: { errors: [] },
+};