linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/checkbox/index.js

@@ -1,32 +1,146 @@
-import "../chunks/jsx-runtime.D1SHvdVE.js";
-import "react";
-import "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/radio.css';import '../assets/skeleton.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/button.css';import '../assets/gridlayout.css';/* empty css                            */
-import "../gridlayout/GridCol.js";
-import "../permissionValidations.js";
-import { C as E } from "../chunks/tabs.BvKfeA6Y.js";
-import "../inputs/errorMessage/index.js";
-import "../icons/index.js";
-import "../buttons/DefaultButton.js";
-/* empty css                        */
-import "../panel/helpers.js";
-/* empty css                              */
-/* empty css                       */
-import "../toolbar/helpers.js";
-import "../labels/DefaultLabel.js";
-/* empty css                       */
-/* empty css                         */
-import "../list/helpers.js";
-/* empty css                          */
-/* empty css                       */
-import "../popover/index.js";
-import "../textContent/index.js";
-import "../tabs/MenuTabs.js";
-import "../chunks/lodash.CIAK_hAg.js";
-import "../tabs/context.js";
-import "../tabs/tabHelpers.js";
-import "../chunks/index.aw0XaUkg.js";
-import "../hint/index.js";
-export {
-  E as default
-};
+"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 _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); }
+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: () => {
+        if (!shouldDisable() && !skeletonize) {
+          setIsChecked(!isChecked);
+          onChange === null || onChange === void 0 ? void 0 : onChange({
+            target
+          });
+        }
+      },
+      onKeyDown: undefined,
+      role: 'checkbox',
+      tabIndex: -1
+    };
+  };
+  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();
+});
+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;
@@ -39,7 +40,9 @@ export interface ICheckBoxProps {
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
     errorMessages?: string[] | undefined;
     customClassForLabel?: string;
+    tabIndex?: number;
     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,24 +1,32 @@
-import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as f } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import a from "../buttons/PrimaryButton.js";
-import u from "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import x from "./Custom.js";
-const L = (t) => {
-  const o = f.c(7), {
-    onConfirmClick: i,
-    confirmLabel: s
-  } = t, n = s === void 0 ? "Confirmar" : s;
-  let m;
-  o[0] !== n || o[1] !== i ? (m = [/* @__PURE__ */ l.jsx(a, { 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.jsx(u, { name: "exclamation", color: "#f39c12", size: 64 }), o[3] = r) : r = o[3];
-  let e;
-  return o[4] !== c || o[5] !== t ? (e = /* @__PURE__ */ l.jsx(x, { ...t, buttons: c, icon: r }), o[4] = c, o[5] = t, o[6] = e) : e = o[6], e;
-};
-export {
-  L as default
+"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
+    })
+  }));
 };
+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,47 +1,55 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import g from "react";
-import { B as N } from "../chunks/index.aw0XaUkg.js";
-import b from "./base/Footer.js";
-import w from "../icons/index.js";
-import B from "../buttons/button_container/index.js";
-import "../buttons/DefaultButton.js";
-import '../assets/button.css';/* empty css                        */
-import { v as C } from "../chunks/v1.Ds1rkxUj.js";
-const E = (e, t) => t || (e ? /* @__PURE__ */ i.jsx(w, { name: e, color: "#000", size: 64 }) : null), G = (e) => {
-  const t = v.c(22), {
-    width: x,
-    height: h,
-    iconName: j,
-    open: a
-  } = e, f = x === void 0 ? "35%" : x, d = h === void 0 ? "auto" : h, u = j === void 0 ? null : j;
-  let n;
-  t[0] !== u || t[1] !== e.icon ? (n = E(u, e.icon), t[0] = u, t[1] = e.icon, t[2] = n) : n = t[2];
-  let l;
-  t[3] !== n ? (l = /* @__PURE__ */ i.jsx("div", { className: "icon", children: n }), t[3] = n, t[4] = l) : l = t[4];
-  let o;
-  t[5] !== e.title ? (o = e.title && /* @__PURE__ */ i.jsx("div", { className: "title", children: e.title }), t[5] = e.title, t[6] = o) : o = t[6];
-  let c;
-  t[7] !== e.text ? (c = /* @__PURE__ */ i.jsx("div", { className: "text", children: e.text }), t[7] = e.text, t[8] = c) : c = t[8];
-  let m;
-  t[9] !== o || t[10] !== c ? (m = /* @__PURE__ */ i.jsxs("div", { className: "container", children: [
-    o,
-    c
-  ] }), t[9] = o, t[10] = c, t[11] = m) : m = t[11];
-  let s;
-  t[12] !== e ? (s = e.buttons && e.buttons.length > 0 && /* @__PURE__ */ i.jsx(b, { ...e, children: /* @__PURE__ */ i.jsx(B, { position: "right", children: e.buttons.map(R) }) }), t[12] = e, t[13] = s) : s = t[13];
-  let r;
-  return t[14] !== d || t[15] !== a || t[16] !== e || t[17] !== l || t[18] !== m || t[19] !== s || t[20] !== f ? (r = /* @__PURE__ */ i.jsxs(N, { open: a, width: f, height: d, ...e, wrapperClassName: "dialog-alert-wrapper", children: [
-    l,
-    m,
-    s
-  ] }), t[14] = d, t[15] = a, t[16] = e, t[17] = l, t[18] = m, t[19] = s, t[20] = f, t[21] = r) : r = t[21], r;
+"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 _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); }
+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 R(e) {
-  return g.cloneElement(e, {
-    key: `button-${C()}`
-  });
-}
-export {
-  G 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-".concat(uuid.v1())
+  })))));
 };
+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,24 +1,32 @@
-import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as f } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import a from "../buttons/PrimaryButton.js";
-import u from "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import b from "./Custom.js";
-const L = (t) => {
-  const o = f.c(7), {
-    onConfirmClick: i,
-    confirmLabel: s
-  } = t, c = s === void 0 ? "Confirmar" : s;
-  let r;
-  o[0] !== c || o[1] !== i ? (r = [/* @__PURE__ */ l.jsx(a, { 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.jsx(u, { name: "block", color: "#e74c3c", size: 64 }), o[3] = m) : m = o[3];
-  let e;
-  return o[4] !== n || o[5] !== t ? (e = /* @__PURE__ */ l.jsx(b, { ...t, buttons: n, icon: m }), o[4] = n, o[5] = t, o[6] = e) : e = o[6], e;
-};
-export {
-  L as default
+"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
+    })
+  }));
 };
+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,24 +1,32 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import a from "../buttons/PrimaryButton.js";
-import u from "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import b from "./Custom.js";
-const I = (t) => {
-  const o = l.c(7), {
-    onConfirmClick: n,
-    confirmLabel: f
-  } = t, e = f === void 0 ? "Confirmar" : f;
-  let m;
-  o[0] !== e || o[1] !== n ? (m = [/* @__PURE__ */ s.jsx(a, { 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__ */ s.jsx(u, { name: "information", color: "#24cabc", size: 64 }), o[3] = i) : i = o[3];
-  let r;
-  return o[4] !== c || o[5] !== t ? (r = /* @__PURE__ */ s.jsx(b, { ...t, buttons: c, icon: i }), o[4] = c, o[5] = t, o[6] = r) : r = o[6], r;
-};
-export {
-  I as default
+"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
+    })
+  }));
 };
+var _default = exports.default = Information;

package/lib/dialog/Question.d.ts

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