linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/checkbox/index.js

@@ -1,114 +1,147 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as G, useState as k, useRef as K, useImperativeHandle as M, useEffect as z } from "react";
-import "../_virtual/compiler-runtime.js";
-import '../assets/styles/tabs.css';import '../assets/styles/skeleton.css';import '../assets/styles/list.css';import '../assets/styles/toolbar.css';import '../assets/styles/label.css';import '../assets/styles/tooltip.css';import '../assets/styles/panel.css';import '../assets/styles/noPermission.css';import '../assets/styles/button.css';import '../assets/styles/checkbox.css';import '../assets/styles/gridlayout.css';/* empty css                               */
-import A from "../gridlayout/GridCol.js";
-import { actionsOnPermissionDenied as J, OPTIONS_ON_DENIED as g } from "../permissionValidations.js";
-/* empty css                             */
-import { ErrorMessage as L } from "../inputs/errorMessage/index.js";
-import Q from "../icons/index.js";
-import "../buttons/DefaultButton.js";
-/* empty css                           */
-import "../panel/helpers.js";
-/* empty css                                 */
-/* empty css                          */
-import "../toolbar/helpers.js";
-import "react-dom";
-/* empty css                            */
-/* empty css                          */
-/* empty css                            */
-import "react-router-dom";
-import "../list/helpers.js";
-import "../dropdown/withDropdown.js";
-/* empty css                         */
-/* empty css                             */
-import "../radio/index.js";
-/* empty css                         */
-import "../_virtual/lodash.js";
-import "../tabs/MenuTabs.js";
-import "../tabs/context.js";
-import "../tabs/tabHelpers.js";
-import "../dialog/base/index.js";
-import N from "../textContent/index.js";
-import U from "../popover/index.js";
-import V from "../hint/index.js";
-const W = G(({
-  name: p,
-  required: a,
-  value: I,
-  label: l,
-  onChange: w,
-  autofocus: D,
-  hint: e,
-  id: d = void 0,
-  gridLayout: u,
-  checked: n = !1,
-  disabled: h,
-  permissionAttr: y,
-  tooltip: E,
-  tooltipPosition: O = "top",
-  tooltipWidth: P = "auto",
-  skeletonize: m,
-  targetRef: f,
-  errorMessages: R,
-  customClassForLabel: j,
-  hintPosition: b = "below",
-  themePopover: B = "light",
-  popoverAlign: H = "left",
-  tabIndex: S = 0
-}, T) => {
-  const [t, x] = k(n), _ = [g.disabled, g.unvisible], [v] = k(J(_, y)), c = K(null);
-  M(T, () => c.current, [c.current]), z(() => {
-    x(n);
-  }, [n]);
-  const i = () => h || v.disabled, F = () => {
-    if (i()) return null;
-    const r = {
-      checked: !t,
-      id: d,
-      name: p,
-      value: !t
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _permissionValidations = require("../permissionValidations");
+require("../assets/styles/checkbox.scss");
+var _errorMessage = require("../inputs/errorMessage");
+var _ = require("..");
+var _textContent = _interopRequireDefault(require("../textContent"));
+var _popover = _interopRequireDefault(require("../popover"));
+var _hint = _interopRequireDefault(require("../hint"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+
+const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    name,
+    required,
+    value,
+    label,
+    onChange,
+    autofocus,
+    hint,
+    id = undefined,
+    gridLayout,
+    checked = false,
+    disabled,
+    permissionAttr,
+    tooltip,
+    tooltipPosition = 'top',
+    tooltipWidth = 'auto',
+    skeletonize,
+    targetRef,
+    errorMessages,
+    customClassForLabel,
+    hintPosition = 'below',
+    themePopover = 'light',
+    popoverAlign = 'left',
+    tabIndex = 0
+  } = _ref;
+  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current, [inputRef.current]);
+  (0, _react.useEffect)(() => {
+    setIsChecked(checked);
+  }, [checked]);
+  const shouldDisable = () => disabled || onDenied.disabled;
+  const getProps = () => {
+    if (shouldDisable()) return null;
+    const target = {
+      checked: !isChecked,
+      id,
+      name,
+      value: !isChecked
     };
     return {
       onClick: () => {
-        !i() && !m && (x(!t), w?.({
-          target: r
-        }));
+        if (!shouldDisable() && !skeletonize) {
+          setIsChecked(!isChecked);
+          onChange?.({
+            target
+          });
+        }
       },
-      onKeyDown: void 0,
-      role: "checkbox",
+      onKeyDown: undefined,
+      role: 'checkbox',
       tabIndex: -1
     };
-  }, C = () => /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ s("div", { "data-skeletonized": m, className: "checkbox-component", style: {
-      display: "flex",
-      alignItems: "center"
-    }, children: [
-      /* @__PURE__ */ s("span", { "data-testid": "checkbox-container", className: "inputcontent", "aria-checked": t, ...F(), children: [
-        /* @__PURE__ */ o("input", { id: d || void 0, ref: (r) => {
-          f && f(r), c.current = r;
-        }, tabIndex: S, className: "input", type: "checkbox", autoFocus: D, checked: t, disabled: i(), name: p, required: a, value: I, onChange: () => {
-        } }),
-        /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Q, { size: 12, name: "checkmark" }) }),
-        l && /* @__PURE__ */ s("div", { className: "description", children: [
-          /* @__PURE__ */ o(N, { required: a, disabled: i(), className: j, tooltip: E, tooltipWidth: P, tooltipPosition: O }),
-          l,
-          /* @__PURE__ */ o(N, {}),
-          /* @__PURE__ */ o(V, { disabled: h, visible: !!e && b === "below", description: e, customClass: "hint" })
-        ] })
-      ] }),
-      !!e && b === "onLabelRight" && !m && /* @__PURE__ */ o(U, { theme: B, align: H, customClass: "-hint", iconColor: "#03bde2", style: {
-        margin: "0px 5px",
-        height: "auto",
-        width: 20
-      }, children: e })
-    ] }),
-    /* @__PURE__ */ o(L, { messages: R })
-  ] });
-  return v.unvisible ? null : u ? /* @__PURE__ */ o(A, { customClass: "-withinput", cols: u, children: C() }) : C();
+  };
+  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    "data-skeletonized": skeletonize,
+    className: "checkbox-component",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", _extends({
+    "data-testid": "checkbox-container",
+    className: "inputcontent",
+    "aria-checked": isChecked
+  }, getProps()), /*#__PURE__*/_react.default.createElement("input", {
+    id: id || undefined,
+    ref: r => {
+      if (targetRef) targetRef(r);
+      inputRef.current = r;
+    },
+    tabIndex: tabIndex,
+    className: "input",
+    type: "checkbox",
+    autoFocus: autofocus,
+    checked: isChecked,
+    disabled: shouldDisable(),
+    name: name,
+    required: required,
+    value: value,
+    onChange: () => {}
+  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
+    size: 12,
+    name: "checkmark"
+  })), label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: required,
+    disabled: shouldDisable(),
+    className: customClassForLabel,
+    tooltip: tooltip,
+    tooltipWidth: tooltipWidth,
+    tooltipPosition: tooltipPosition
+  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    disabled: disabled,
+    visible: !!hint && hintPosition === 'below',
+    description: hint,
+    customClass: "hint"
+  }))), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    customClass: "-hint",
+    iconColor: "#03bde2",
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint)), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }));
+  if (onDenied.unvisible) return null;
+  return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    customClass: "-withinput",
+    cols: gridLayout
+  }, renderInput()) : renderInput();
 });
-W.displayName = "CheckBox";
-export {
-  W as default
-};
-//# sourceMappingURL=index.js.map
+CheckBox.displayName = 'CheckBox';
+var _default = exports.default = CheckBox;

package/lib/checkbox/types.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { Position } from '../@types/Position';
-export type ChangeEvent = {
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+
+type ChangeEvent = {
     checked: boolean;
     id?: string;
     name?: string;
@@ -10,7 +11,7 @@ export type ChangeEvent = {
 type Target = {
     target: ChangeEvent;
 };
-export interface ICheckBoxProps {
+interface ICheckBoxProps {
     id?: string;
     label?: string;
     disabled?: boolean;
@@ -43,4 +44,5 @@ export interface ICheckBoxProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-export {};
+
+export { ChangeEvent, ICheckBoxProps };

package/lib/checkbox/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dialog/Alert.d.ts

@@ -1,3 +1,9 @@
-import { ICommonDialogProps } from './types';
-declare const Alert: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default Alert;
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Alert: (props: ICommonDialogProps) => JSX.Element;
+
+export { Alert as default };

package/lib/dialog/Alert.js

@@ -1,25 +1,32 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as a } from "../_virtual/compiler-runtime.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import s from "../icons/index.js";
-import u from "../buttons/PrimaryButton.js";
-import '../assets/styles/button.css';/* empty css                           */
-import b from "./Custom.js";
-const h = (t) => {
-  const o = a.c(7), {
-    onConfirmClick: i,
-    confirmLabel: f
-  } = t, n = f === void 0 ? "Confirmar" : f;
-  let m;
-  o[0] !== n || o[1] !== i ? (m = [/* @__PURE__ */ l(u, { onClick: i, label: n }, "confirm-buttom")], o[0] = n, o[1] = i, o[2] = m) : m = o[2];
-  const c = m;
-  let r;
-  o[3] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ l(s, { name: "exclamation", color: "#f39c12", size: 64 }), o[3] = r) : r = o[3];
-  let e;
-  return o[4] !== c || o[5] !== t ? (e = /* @__PURE__ */ l(b, { ...t, buttons: c, icon: r }), o[4] = c, o[5] = t, o[6] = e) : e = o[6], e;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = require("../buttons");
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Alert = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    key: "confirm-buttom",
+    onClick: onConfirmClick,
+    label: confirmLabel
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "exclamation",
+      color: "#f39c12",
+      size: 64
+    })
+  }));
 };
-export {
-  h as default
-};
-//# sourceMappingURL=Alert.js.map
+var _default = exports.default = Alert;

package/lib/dialog/Custom.d.ts

@@ -1,3 +1,9 @@
-import { ICustomProps } from './types';
-declare const Custom: (props: ICustomProps) => import("react/jsx-runtime").JSX.Element;
-export default Custom;
+import { ICustomProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Custom: (props: ICustomProps) => JSX.Element;
+
+export { Custom as default };

package/lib/dialog/Custom.js

@@ -1,48 +1,56 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { c as N } from "../_virtual/compiler-runtime.js";
-import { cloneElement as b } from "react";
-import w from "./base/index.js";
-import C from "./base/Footer.js";
-import j from "../icons/index.js";
-import B from "../buttons/button_container/index.js";
-import "../buttons/DefaultButton.js";
-import '../assets/styles/button.css';/* empty css                           */
-import E from "../node_modules/uuid/dist/v1.js";
-const I = (e, t) => t || (e ? /* @__PURE__ */ r(j, { name: e, color: "#000", size: 64 }) : null), H = (e) => {
-  const t = N.c(22), {
-    width: h,
-    height: v,
-    iconName: x,
-    open: f
-  } = e, s = h === void 0 ? "35%" : h, d = v === void 0 ? "auto" : v, u = x === void 0 ? null : x;
-  let i;
-  t[0] !== u || t[1] !== e.icon ? (i = I(u, e.icon), t[0] = u, t[1] = e.icon, t[2] = i) : i = t[2];
-  let l;
-  t[3] !== i ? (l = /* @__PURE__ */ r("div", { className: "icon", children: i }), t[3] = i, t[4] = l) : l = t[4];
-  let n;
-  t[5] !== e.title ? (n = e.title && /* @__PURE__ */ r("div", { className: "title", children: e.title }), t[5] = e.title, t[6] = n) : n = t[6];
-  let o;
-  t[7] !== e.text ? (o = /* @__PURE__ */ r("div", { className: "text", children: e.text }), t[7] = e.text, t[8] = o) : o = t[8];
-  let c;
-  t[9] !== n || t[10] !== o ? (c = /* @__PURE__ */ g("div", { className: "container", children: [
-    n,
-    o
-  ] }), t[9] = n, t[10] = o, t[11] = c) : c = t[11];
-  let m;
-  t[12] !== e ? (m = e.buttons && e.buttons.length > 0 && /* @__PURE__ */ r(C, { ...e, children: /* @__PURE__ */ r(B, { position: "right", children: e.buttons.map($) }) }), t[12] = e, t[13] = m) : m = t[13];
-  let a;
-  return t[14] !== d || t[15] !== f || t[16] !== e || t[17] !== l || t[18] !== c || t[19] !== m || t[20] !== s ? (a = /* @__PURE__ */ g(w, { open: f, width: s, height: d, ...e, wrapperClassName: "dialog-alert-wrapper", children: [
-    l,
-    c,
-    m
-  ] }), t[14] = d, t[15] = f, t[16] = e, t[17] = l, t[18] = c, t[19] = m, t[20] = s, t[21] = a) : a = t[21], a;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _base = _interopRequireDefault(require("./base"));
+var _Footer = _interopRequireDefault(require("./base/Footer"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _buttons = require("../buttons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const getIcon = (iconName, icon) => {
+  if (icon) {
+    return icon;
+  } else if (iconName) {
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: iconName,
+      color: "#000",
+      size: 64
+    });
+  }
+  return null;
 };
-function $(e) {
-  return b(e, {
-    key: `button-${E()}`
-  });
-}
-export {
-  H as default
+const Custom = props => {
+  const {
+    width = '35%',
+    height = 'auto',
+    iconName = null,
+    open
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+    open: open,
+    width: width,
+    height: height
+  }, props, {
+    wrapperClassName: "dialog-alert-wrapper"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon"
+  }, getIcon(iconName, props.icon)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "container"
+  }, props.title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, props.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text"
+  }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
+    position: "right"
+  }, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
+    key: `button-${uuid.v1()}`
+  })))));
 };
-//# sourceMappingURL=Custom.js.map
+var _default = exports.default = Custom;

package/lib/dialog/Error.d.ts

@@ -1,3 +1,9 @@
-import { ICommonDialogProps } from './types';
-declare const Error: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default Error;
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Error: (props: ICommonDialogProps) => JSX.Element;
+
+export { Error as default };

package/lib/dialog/Error.js

@@ -1,25 +1,32 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../_virtual/compiler-runtime.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import a from "../icons/index.js";
-import b from "../buttons/PrimaryButton.js";
-import '../assets/styles/button.css';/* empty css                           */
-import u from "./Custom.js";
-const _ = (t) => {
-  const o = s.c(7), {
-    onConfirmClick: i,
-    confirmLabel: f
-  } = t, c = f === void 0 ? "Confirmar" : f;
-  let r;
-  o[0] !== c || o[1] !== i ? (r = [/* @__PURE__ */ l(b, { onClick: i, label: c }, "confirm-buttom")], o[0] = c, o[1] = i, o[2] = r) : r = o[2];
-  const n = r;
-  let m;
-  o[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ l(a, { name: "block", color: "#e74c3c", size: 64 }), o[3] = m) : m = o[3];
-  let e;
-  return o[4] !== n || o[5] !== t ? (e = /* @__PURE__ */ l(u, { ...t, buttons: n, icon: m }), o[4] = n, o[5] = t, o[6] = e) : e = o[6], e;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = require("../../lib/buttons");
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../../lib/icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Error = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    key: "confirm-buttom",
+    onClick: onConfirmClick,
+    label: confirmLabel
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "block",
+      color: "#e74c3c",
+      size: 64
+    })
+  }));
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=Error.js.map
+var _default = exports.default = Error;

package/lib/dialog/Information.d.ts

@@ -1,3 +1,9 @@
-import { ICommonDialogProps } from './types';
-declare const Information: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default Information;
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Information: (props: ICommonDialogProps) => JSX.Element;
+
+export { Information as default };

package/lib/dialog/Information.js

@@ -1,25 +1,32 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as a } from "../_virtual/compiler-runtime.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import s from "../icons/index.js";
-import b from "../buttons/PrimaryButton.js";
-import '../assets/styles/button.css';/* empty css                           */
-import u from "./Custom.js";
-const _ = (t) => {
-  const o = a.c(7), {
-    onConfirmClick: n,
-    confirmLabel: l
-  } = t, e = l === void 0 ? "Confirmar" : l;
-  let m;
-  o[0] !== e || o[1] !== n ? (m = [/* @__PURE__ */ f(b, { onClick: n, label: e }, "confirm-buttom")], o[0] = e, o[1] = n, o[2] = m) : m = o[2];
-  const c = m;
-  let i;
-  o[3] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(s, { name: "information", color: "#24cabc", size: 64 }), o[3] = i) : i = o[3];
-  let r;
-  return o[4] !== c || o[5] !== t ? (r = /* @__PURE__ */ f(u, { ...t, buttons: c, icon: i }), o[4] = c, o[5] = t, o[6] = r) : r = o[6], r;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = require("../../lib/buttons");
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../../lib/icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Information = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    key: "confirm-buttom",
+    onClick: onConfirmClick,
+    label: confirmLabel
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "information",
+      color: "#24cabc",
+      size: 64
+    })
+  }));
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=Information.js.map
+var _default = exports.default = Information;