@loja-integrada/admin-components 0.19.3 → 0.19.5

package/dist/Components/Tabs/TabsItem.d.ts

@@ -10,5 +10,5 @@ interface TabsItemProps extends TabsItemInterface {
      */
     onChange: (arg0: string) => void;
 }
-export declare const TabsItem: ({ id, title, active, disabled, onChange, }: TabsItemProps) => JSX.Element;
+export declare const TabsItem: ({ id, title, titleComplement, active, disabled, onChange, }: TabsItemProps) => JSX.Element;
 export {};

package/dist/Components/Tabs/TabsItem.interface.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TabsItemInterface {
     /**
      * Item identification
@@ -7,6 +8,10 @@ export interface TabsItemInterface {
      * Item visible title
      */
     title: string;
+    /**
+     * Complement to title
+     * */
+    titleComplement?: string | React.ReactNode;
     /**
      * Disabled a specific tab
      */

package/dist/Indicators/InformationBox/InformationBox.d.ts

@@ -8,7 +8,7 @@ declare const InformationBoxTypes: Record<InformationBoxTypesOptions, {
     icon: IconProps['icon'];
     iconClass: string;
 }>;
-export declare const InformationBox: React.MemoExoticComponent<({ type, subtitle, title, }: InformationBoxProps) => JSX.Element>;
+export declare const InformationBox: React.MemoExoticComponent<({ type, title, subtitle, showClose, onClose, }: InformationBoxProps) => JSX.Element | null>;
 export interface InformationBoxProps {
     /** InformationBox color
      * @default info
@@ -22,5 +22,13 @@ export interface InformationBoxProps {
      * InformationBox text below title
      */
     subtitle?: string | React.ReactNode;
+    /** Show close button
+     * @default false
+     */
+    showClose?: boolean;
+    /**
+     * Function to close InformationBox (also activate `showClose`)
+     */
+    onClose?: () => void;
 }
 export {};

package/dist/admin-components.cjs.development.js

@@ -34756,7 +34756,7 @@ cov_1urw57c37o();
 
 function cov_1s85yl253c() {
   var path = "/runner/_work/admin-components/admin-components/styleguide/src/Indicators/InformationBox/InformationBox.tsx";
-  var hash = "bbddf25b9d522fb9cc25ddaaf1d133ec8011ff91";
+  var hash = "196d0c3db97edecf529f8af6f14208a122fb1109";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -34778,27 +34778,87 @@ function cov_1s85yl253c() {
           column: 32
         },
         end: {
-          line: 41,
+          line: 50,
           column: 1
         }
       },
       "2": {
         start: {
           line: 34,
+          column: 60
+        },
+        end: {
+          line: 34,
+          column: 74
+        }
+      },
+      "3": {
+        start: {
+          line: 35,
+          column: 26
+        },
+        end: {
+          line: 38,
+          column: 5
+        }
+      },
+      "4": {
+        start: {
+          line: 36,
+          column: 8
+        },
+        end: {
+          line: 36,
+          column: 39
+        }
+      },
+      "5": {
+        start: {
+          line: 37,
+          column: 8
+        },
+        end: {
+          line: 37,
+          column: 20
+        }
+      },
+      "6": {
+        start: {
+          line: 39,
           column: 4
         },
         end: {
           line: 40,
-          column: 140
+          column: 20
         }
       },
-      "3": {
+      "7": {
         start: {
-          line: 42,
+          line: 40,
+          column: 8
+        },
+        end: {
+          line: 40,
+          column: 20
+        }
+      },
+      "8": {
+        start: {
+          line: 41,
+          column: 4
+        },
+        end: {
+          line: 49,
+          column: 70
+        }
+      },
+      "9": {
+        start: {
+          line: 51,
           column: 30
         },
         end: {
-          line: 42,
+          line: 51,
           column: 65
         }
       }
@@ -34819,14 +34879,38 @@ function cov_1s85yl253c() {
         loc: {
           start: {
             line: 33,
-            column: 73
+            column: 101
           },
           end: {
-            line: 41,
+            line: 50,
             column: 1
           }
         },
         line: 33
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 35,
+            column: 26
+          },
+          end: {
+            line: 35,
+            column: 27
+          }
+        },
+        loc: {
+          start: {
+            line: 35,
+            column: 32
+          },
+          end: {
+            line: 38,
+            column: 5
+          }
+        },
+        line: 35
       }
     },
     branchMap: {
@@ -34857,86 +34941,195 @@ function cov_1s85yl253c() {
       "1": {
         loc: {
           start: {
-            line: 39,
-            column: 141
+            line: 33,
+            column: 67
           },
           end: {
-            line: 39,
-            column: 181
+            line: 33,
+            column: 84
           }
         },
-        type: "binary-expr",
+        type: "default-arg",
         locations: [{
+          start: {
+            line: 33,
+            column: 79
+          },
+          end: {
+            line: 33,
+            column: 84
+          }
+        }],
+        line: 33
+      },
+      "2": {
+        loc: {
           start: {
             line: 39,
-            column: 141
+            column: 4
           },
           end: {
+            line: 40,
+            column: 20
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
             line: 39,
-            column: 146
+            column: 4
+          },
+          end: {
+            line: 40,
+            column: 20
           }
         }, {
           start: {
-            line: 39,
-            column: 150
+            line: undefined,
+            column: undefined
           },
           end: {
-            line: 39,
-            column: 181
+            line: undefined,
+            column: undefined
           }
         }],
         line: 39
       },
-      "2": {
+      "3": {
         loc: {
           start: {
-            line: 40,
+            line: 46,
+            column: 145
+          },
+          end: {
+            line: 46,
+            column: 185
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 46,
+            column: 145
+          },
+          end: {
+            line: 46,
+            column: 150
+          }
+        }, {
+          start: {
+            line: 46,
+            column: 154
+          },
+          end: {
+            line: 46,
+            column: 185
+          }
+        }],
+        line: 46
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 47,
             column: 16
           },
           end: {
-            line: 40,
+            line: 47,
             column: 135
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 40,
+            line: 47,
             column: 16
           },
           end: {
-            line: 40,
+            line: 47,
             column: 24
           }
         }, {
           start: {
-            line: 40,
+            line: 47,
             column: 29
           },
           end: {
-            line: 40,
+            line: 47,
             column: 134
           }
         }],
-        line: 40
+        line: 47
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 48,
+            column: 8
+          },
+          end: {
+            line: 49,
+            column: 67
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 48,
+            column: 9
+          },
+          end: {
+            line: 48,
+            column: 18
+          }
+        }, {
+          start: {
+            line: 48,
+            column: 22
+          },
+          end: {
+            line: 48,
+            column: 29
+          }
+        }, {
+          start: {
+            line: 48,
+            column: 35
+          },
+          end: {
+            line: 49,
+            column: 66
+          }
+        }],
+        line: 48
       }
     },
     s: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0
     },
     f: {
-      "0": 0
+      "0": 0,
+      "1": 0
     },
     b: {
       "0": [0],
-      "1": [0, 0],
-      "2": [0, 0]
+      "1": [0],
+      "2": [0, 0],
+      "3": [0, 0],
+      "4": [0, 0],
+      "5": [0, 0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "bbddf25b9d522fb9cc25ddaaf1d133ec8011ff91"
+    hash: "196d0c3db97edecf529f8af6f14208a122fb1109"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -34990,10 +35183,38 @@ cov_1s85yl253c().s[1]++;
 var InformationBoxComponent = function InformationBoxComponent(_ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? (cov_1s85yl253c().b[0][0]++, 'info') : _ref$type,
+      title = _ref.title,
       subtitle = _ref.subtitle,
-      title = _ref.title;
+      _ref$showClose = _ref.showClose,
+      showClose = _ref$showClose === void 0 ? (cov_1s85yl253c().b[1][0]++, false) : _ref$showClose,
+      onClose = _ref.onClose;
   cov_1s85yl253c().f[0]++;
-  cov_1s85yl253c().s[2]++;
+
+  var _ref2 = (cov_1s85yl253c().s[2]++, React.useState(true)),
+      isInformationBoxOpen = _ref2[0],
+      setIsInformationBoxOpen = _ref2[1];
+
+  cov_1s85yl253c().s[3]++;
+
+  var handleOnClose = function handleOnClose() {
+    cov_1s85yl253c().f[1]++;
+    cov_1s85yl253c().s[4]++;
+    setIsInformationBoxOpen(false);
+    cov_1s85yl253c().s[5]++;
+    onClose == null ? void 0 : onClose();
+  };
+
+  cov_1s85yl253c().s[6]++;
+
+  if (!isInformationBoxOpen) {
+    cov_1s85yl253c().b[2][0]++;
+    cov_1s85yl253c().s[7]++;
+    return null;
+  } else {
+    cov_1s85yl253c().b[2][1]++;
+  }
+
+  cov_1s85yl253c().s[8]++;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "InformationBox pl-4 pr-6 pt-5 pb-6 rounded w-full relative flex items-start mb-3 " + InformationBoxTypes[type]["class"]
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -35007,13 +35228,19 @@ var InformationBoxComponent = function InformationBoxComponent(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col justify-center min-w-0 break-words tracking-4 leading-6 text-on-base"
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "InformationBox-title text-f5 font-bold " + InformationBoxTypes[type].titleClass
-  }, (cov_1s85yl253c().b[1][0]++, title) || (cov_1s85yl253c().b[1][1]++, InformationBoxTypes[type].title)), (cov_1s85yl253c().b[2][0]++, subtitle) && (cov_1s85yl253c().b[2][1]++, /*#__PURE__*/React__default.createElement("span", {
+    className: "InformationBox-title text-f5 font-semibold " + InformationBoxTypes[type].titleClass
+  }, (cov_1s85yl253c().b[3][0]++, title) || (cov_1s85yl253c().b[3][1]++, InformationBoxTypes[type].title)), (cov_1s85yl253c().b[4][0]++, subtitle) && (cov_1s85yl253c().b[4][1]++, /*#__PURE__*/React__default.createElement("span", {
     className: "InformationBox-subtitle text-f6 font-regular mt-1"
-  }, subtitle)))));
+  }, subtitle)))), ((cov_1s85yl253c().b[5][0]++, showClose) || (cov_1s85yl253c().b[5][1]++, onClose)) && (cov_1s85yl253c().b[5][2]++, /*#__PURE__*/React__default.createElement("button", {
+    className: "InformationBox-close absolute top-4 right-4 text-on-base-2",
+    onClick: handleOnClose
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: "close",
+    size: 4
+  }))));
 };
 
-var InformationBox = ( /*#__PURE__*/cov_1s85yl253c().s[3]++, /*#__PURE__*/React__default.memo(InformationBoxComponent));
+var InformationBox = ( /*#__PURE__*/cov_1s85yl253c().s[9]++, /*#__PURE__*/React__default.memo(InformationBoxComponent));
 
 function cov_1sn1apcwbq() {
   var path = "/runner/_work/admin-components/admin-components/styleguide/src/Indicators/InformationBox/index.tsx";
@@ -37338,7 +37565,7 @@ cov_2exnju1afb();
 
 function cov_24egftxhy6() {
   var path = "/runner/_work/admin-components/admin-components/styleguide/src/Components/Tabs/TabsItem.tsx";
-  var hash = "4288533066e0b8cff705b891655875aff0a189d0";
+  var hash = "c2837541f0ed508efe6e1885324ef0b072d7f2ef";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -37390,7 +37617,7 @@ function cov_24egftxhy6() {
           column: 24
         },
         end: {
-          line: 9,
+          line: 11,
           column: 1
         }
       },
@@ -37400,8 +37627,8 @@ function cov_24egftxhy6() {
           column: 4
         },
         end: {
-          line: 8,
-          column: 232
+          line: 10,
+          column: 102
         }
       },
       "6": {
@@ -37455,10 +37682,10 @@ function cov_24egftxhy6() {
         loc: {
           start: {
             line: 6,
-            column: 88
+            column: 105
           },
           end: {
-            line: 9,
+            line: 11,
             column: 1
           }
         },
@@ -37527,22 +37754,22 @@ function cov_24egftxhy6() {
         loc: {
           start: {
             line: 6,
-            column: 38
+            column: 55
           },
           end: {
             line: 6,
-            column: 52
+            column: 69
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 6,
-            column: 47
+            column: 64
           },
           end: {
             line: 6,
-            column: 52
+            column: 69
           }
         }],
         line: 6
@@ -37551,22 +37778,22 @@ function cov_24egftxhy6() {
         loc: {
           start: {
             line: 6,
-            column: 54
+            column: 71
           },
           end: {
             line: 6,
-            column: 70
+            column: 87
           }
         },
         type: "default-arg",
         locations: [{
           start: {
             line: 6,
-            column: 65
+            column: 82
           },
           end: {
             line: 6,
-            column: 70
+            column: 87
           }
         }],
         line: 6
@@ -37669,6 +37896,39 @@ function cov_24egftxhy6() {
           }
         }],
         line: 8
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 10,
+            column: 12
+          },
+          end: {
+            line: 10,
+            column: 98
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 10,
+            column: 12
+          },
+          end: {
+            line: 10,
+            column: 27
+          }
+        }, {
+          start: {
+            line: 10,
+            column: 31
+          },
+          end: {
+            line: 10,
+            column: 98
+          }
+        }],
+        line: 10
       }
     },
     s: {
@@ -37691,10 +37951,11 @@ function cov_24egftxhy6() {
       "2": [0],
       "3": [0, 0],
       "4": [0, 0],
-      "5": [0, 0]
+      "5": [0, 0],
+      "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "4288533066e0b8cff705b891655875aff0a189d0"
+    hash: "c2837541f0ed508efe6e1885324ef0b072d7f2ef"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -37728,6 +37989,7 @@ cov_24egftxhy6().s[4]++;
 var TabsItem = function TabsItem(_ref) {
   var id = _ref.id,
       title = _ref.title,
+      titleComplement = _ref.titleComplement,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? (cov_24egftxhy6().b[1][0]++, false) : _ref$active,
       _ref$disabled = _ref.disabled,
@@ -37748,7 +38010,9 @@ var TabsItem = function TabsItem(_ref) {
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "block tracking-4 text-f6 text-sm py-4 border-b-4 break-words " + (disabled ? (cov_24egftxhy6().b[5][0]++, '') : (cov_24egftxhy6().b[5][1]++, 'group-hover:font-semibold')) + " " + activeStyles(active) + " " + boldFixStyle,
     "data-title": title
-  }, title));
+  }, title, (cov_24egftxhy6().b[6][0]++, titleComplement) && (cov_24egftxhy6().b[6][1]++, /*#__PURE__*/React__default.createElement("span", {
+    className: "ml-2"
+  }, titleComplement))));
 };
 
 function cov_natr76kqj() {