linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/checkbox/index.js

@@ -1,146 +1,111 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import e from "../gridlayout/index.js";
+import t from "../icons/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../permissionValidations.js";
+import '../assets/styles/checkbox.css';/* empty css                        */
+import { ErrorMessage as i } from "../inputs/errorMessage/index.js";
+import a from "../textContent/index.js";
+import o from "../popover/index.js";
+import s from "../hint/index.js";
+import { forwardRef as c, useEffect as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/lib/checkbox/index.tsx
+var h = c(({ name: c, required: h, value: g, label: _, onChange: v, autofocus: y, hint: b, id: x = void 0, gridLayout: S, checked: C = !1, disabled: w, permissionAttr: T, tooltip: E, tooltipPosition: D = "top", tooltipWidth: O = "auto", skeletonize: k, targetRef: A, errorMessages: j, customClassForLabel: M, hintPosition: N = "below", themePopover: P = "light", popoverAlign: F = "left", tabIndex: I = 0 }, L) => {
+	let [R, z] = f(C), [B] = f(r([n.disabled, n.unvisible], T)), V = d(null);
+	u(L, () => V.current, [V.current]), l(() => {
+		z(C);
+	}, [C]);
+	let H = () => w || B.disabled, U = () => {
+		if (H()) return null;
+		let e = {
+			checked: !R,
+			id: x,
+			name: c,
+			value: !R
+		};
+		return {
+			onClick: () => {
+				!H() && !k && (z(!R), v?.({ target: e }));
+			},
+			onKeyDown: void 0,
+			role: "checkbox",
+			tabIndex: -1
+		};
+	}, W = () => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+		"data-skeletonized": k,
+		className: "checkbox-component",
+		style: {
+			display: "flex",
+			alignItems: "center"
+		},
+		children: [/* @__PURE__ */ m("span", {
+			"data-testid": "checkbox-container",
+			className: "inputcontent",
+			"aria-checked": R,
+			...U(),
+			children: [
+				/* @__PURE__ */ p("input", {
+					id: x || void 0,
+					ref: (e) => {
+						A && A(e), V.current = e;
+					},
+					tabIndex: I,
+					className: "input",
+					type: "checkbox",
+					autoFocus: y,
+					checked: R,
+					disabled: H(),
+					name: c,
+					required: h,
+					value: g,
+					onChange: () => {}
+				}),
+				/* @__PURE__ */ p("span", { children: /* @__PURE__ */ p(t, {
+					size: 12,
+					name: "checkmark"
+				}) }),
+				_ && /* @__PURE__ */ m("div", {
+					className: "description",
+					children: [
+						/* @__PURE__ */ p(a, {
+							required: h,
+							disabled: H(),
+							className: M,
+							tooltip: E,
+							tooltipWidth: O,
+							tooltipPosition: D
+						}),
+						_,
+						/* @__PURE__ */ p(a, {}),
+						/* @__PURE__ */ p(s, {
+							disabled: w,
+							visible: !!b && N === "below",
+							description: b,
+							customClass: "hint"
+						})
+					]
+				})
+			]
+		}), !!b && N === "onLabelRight" && !k && /* @__PURE__ */ p(o, {
+			theme: P,
+			align: F,
+			customClass: "-hint",
+			iconColor: "#03bde2",
+			style: {
+				margin: "0px 5px",
+				height: "auto",
+				width: 20
+			},
+			children: b
+		})]
+	}), /* @__PURE__ */ p(i, { messages: j })] });
+	return B.unvisible ? null : S ? /* @__PURE__ */ p(e, {
+		customClass: "-withinput",
+		cols: S,
+		children: W()
+	}) : W();
 });
-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.
- */
+h.displayName = "CheckBox";
+//#endregion
+export { h as default };
 
-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;
+//# sourceMappingURL=index.js.map

package/lib/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/checkbox/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\nimport Grid from '../gridlayout';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { ICheckBoxProps } from './types';\nimport '../assets/styles/checkbox.scss';\nimport { ErrorMessage } from '../inputs/errorMessage';\nimport { Icon } from '..';\nimport TextContent from '../textContent';\nimport Popover from '../popover';\nimport Hint from '../hint';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst CheckBox = forwardRef<HTMLInputElement, ICheckBoxProps>(({\n  name, required, value, label, onChange, autofocus, hint, id = undefined, gridLayout, \n  checked = false, disabled, permissionAttr, tooltip, tooltipPosition = 'top', tooltipWidth = 'auto',\n  skeletonize, targetRef, errorMessages, customClassForLabel, hintPosition = 'below',\n  themePopover = 'light', popoverAlign = 'left', tabIndex = 0,\n}, ref) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  useImperativeHandle(ref, () => inputRef.current!, [inputRef.current]);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || onDenied.disabled;\n\n  const getProps = () => {\n\n    if (shouldDisable()) return null;\n    const target = {\n      checked: !isChecked,\n      id,\n      name,\n      value: !isChecked,\n    };\n    return {\n      onClick: () => {\n        if (!shouldDisable() && !skeletonize) {\n          setIsChecked(!isChecked);\n          onChange?.({ target });\n        }\n      },\n      onKeyDown: undefined,\n      role: 'checkbox',\n      tabIndex: -1,\n    };\n  };\n\n  const renderInput = () => (\n    <div>\n      <div\n        data-skeletonized={skeletonize}\n        className=\"checkbox-component\"\n        style={{ display: 'flex', alignItems: 'center' }}>\n        <span\n          data-testid=\"checkbox-container\"\n          className=\"inputcontent\"\n          aria-checked={isChecked}\n          {...getProps()}>\n          <input\n            id={id || undefined}\n            ref={(r) => {\n              if (targetRef) targetRef(r);\n              inputRef.current = r;\n            }}\n            tabIndex={tabIndex}\n            className=\"input\"\n            type=\"checkbox\"\n            autoFocus={autofocus}\n            checked={isChecked}\n            disabled={shouldDisable()}\n            name={name}\n            required={required}\n            value={value}\n            onChange={() => { }} />\n          <span>\n            <Icon size={12} name=\"checkmark\" />\n          </span>\n          {label && (\n            <div className='description'>\n              <TextContent\n                required={required}\n                disabled={shouldDisable()}\n                className={customClassForLabel}\n                tooltip={tooltip}\n                tooltipWidth={tooltipWidth}\n                tooltipPosition={tooltipPosition} />\n              {label}\n              <TextContent />\n              <Hint disabled={disabled} visible={!!hint && hintPosition === 'below'} description={hint} customClass=\"hint\" />\n            </div>\n          )}\n        </span>\n        {!!hint && hintPosition === 'onLabelRight' && !skeletonize && (\n          <Popover\n            theme={themePopover}\n            align={popoverAlign}\n            customClass=\"-hint\"\n            iconColor=\"#03bde2\"\n            style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n            {hint}\n          </Popover>\n        )}\n      </div>\n      <ErrorMessage messages={errorMessages} />\n    </div>\n  );\n\n  if (onDenied.unvisible) return null;\n\n  return (gridLayout ? <Grid customClass=\"-withinput\" cols={gridLayout}>{renderInput()}</Grid> : renderInput());\n});\n\nCheckBox.displayName = 'CheckBox';\n\nexport default CheckBox;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,IAAW,GAA8C,EAC7D,SAAM,aAAU,UAAO,UAAO,aAAU,cAAW,SAAM,QAAK,KAAA,GAAW,eACzE,aAAU,IAAO,aAAU,mBAAgB,YAAS,qBAAkB,OAAO,kBAAe,QAC5F,gBAAa,cAAW,kBAAe,wBAAqB,kBAAe,SAC3E,kBAAe,SAAS,kBAAe,QAAQ,cAAW,KACzD,MAAQ;CACT,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAQ,EAE7C,CAAC,KAAY,EAAmB,EADtB,CAAC,EAAkB,UAAU,EAAkB,UAAU,EACA,EAAe,CAAC,EACnF,IAAW,EAAgC,KAAK;AAItD,CAFA,EAAoB,SAAW,EAAS,SAAU,CAAC,EAAS,QAAQ,CAAC,EAErE,QAAgB;AACd,IAAa,EAAQ;IACpB,CAAC,EAAQ,CAAC;CAEb,IAAM,UAAsB,KAAY,EAAS,UAE3C,UAAiB;AAErB,MAAI,GAAe,CAAE,QAAO;EAC5B,IAAM,IAAS;GACb,SAAS,CAAC;GACV;GACA;GACA,OAAO,CAAC;GACT;AACD,SAAO;GACL,eAAe;AACb,IAAI,CAAC,GAAe,IAAI,CAAC,MACvB,EAAa,CAAC,EAAU,EACxB,IAAW,EAAE,WAAQ,CAAC;;GAG1B,WAAW,KAAA;GACX,MAAM;GACN,UAAU;GACX;IAGG,UACJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,qBAAmB;EACnB,WAAU;EACV,OAAO;GAAE,SAAS;GAAQ,YAAY;GAAU;YAHlD,CAIE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,gBAAc;GACd,GAAI,GAAU;aAJhB;IAKE,kBAAC,SAAD;KACE,IAAI,KAAM,KAAA;KACV,MAAM,MAAM;AAEV,MADI,KAAW,EAAU,EAAE,EAC3B,EAAS,UAAU;;KAEX;KACV,WAAU;KACV,MAAK;KACL,WAAW;KACX,SAAS;KACT,UAAU,GAAe;KACnB;KACI;KACH;KACP,gBAAgB;KAAO,CAAA;IACzB,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;KAAM,MAAM;KAAI,MAAK;KAAc,CAAA,EAC9B,CAAA;IACN,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACY;OACV,UAAU,GAAe;OACzB,WAAW;OACF;OACK;OACG;OAAmB,CAAA;MACrC;MACD,kBAAC,GAAD,EAAe,CAAA;MACf,kBAAC,GAAD;OAAgB;OAAU,SAAS,CAAC,CAAC,KAAQ,MAAiB;OAAS,aAAa;OAAM,aAAY;OAAS,CAAA;MAAA;;;MAIpH,CAAC,CAAC,KAAQ,MAAiB,kBAAkB,CAAC,KAC7C,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;GACP,aAAY;GACZ,WAAU;GACV,OAAO;IAAE,QAAQ;IAAW,QAAQ;IAAQ,OAAO;IAAI;aACtD;GACO,CAAA,CAAA;KAGd,kBAAC,GAAD,EAAc,UAAU,GAAiB,CAAA,CAAA,EACrC,CAAA;AAKR,QAFI,EAAS,YAAkB,OAEvB,IAAa,kBAAC,GAAD;EAAM,aAAY;EAAa,MAAM;YAAa,GAAA;EAAqB,CAAA,GAAG,GAAa;EAC5G;AAEF,EAAS,cAAc"}

package/lib/checkbox/types.d.ts

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

package/lib/dialog/Alert.d.ts

@@ -1,9 +1,3 @@
-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 };
+import { ICommonDialogProps } from './types';
+declare const Alert: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Alert;

package/lib/dialog/Alert.js

@@ -1,32 +1,24 @@
-"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
-    })
-  }));
+import e from "../icons/index.js";
+import t from "../buttons/PrimaryButton.js";
+import n from "./Custom.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/dialog/Alert.tsx
+var i = (i) => {
+	let { onConfirmClick: a, confirmLabel: o = "Confirmar" } = i, s = [/* @__PURE__ */ r(t, {
+		onClick: a,
+		label: o
+	}, "confirm-buttom")];
+	return /* @__PURE__ */ r(n, {
+		...i,
+		buttons: s,
+		icon: /* @__PURE__ */ r(e, {
+			name: "exclamation",
+			color: "#f39c12",
+			size: 64
+		})
+	});
 };
-var _default = exports.default = Alert;
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Alert.js.map

package/lib/dialog/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":[],"sources":["../../src/lib/dialog/Alert.tsx"],"sourcesContent":["import { PrimaryButton } from '../buttons';\nimport Custom from './Custom';\nimport Icon from '../icons';\nimport { ICommonDialogProps } from './types';\n\nconst Alert = (props: ICommonDialogProps) => {\n  const { onConfirmClick, confirmLabel = 'Confirmar' } = props;\n\n  const buttons = [\n    <PrimaryButton key=\"confirm-buttom\" onClick={onConfirmClick} label={confirmLabel} />,\n  ];\n\n  return (\n    <Custom\n      {...props}\n      buttons={buttons}\n      icon={<Icon name=\"exclamation\" color=\"#f39c12\" size={64} />} />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;AAKA,IAAM,KAAS,MAA8B;CAC3C,IAAM,EAAE,mBAAgB,kBAAe,gBAAgB,GAEjD,IAAU,CACd,kBAAC,GAAD;EAAoC,SAAS;EAAgB,OAAO;EAAgB,EAAjE,iBAAiE,CACrF;AAED,QACE,kBAAC,GAAD;EACE,GAAI;EACK;EACT,MAAM,kBAAC,GAAD;GAAM,MAAK;GAAc,OAAM;GAAU,MAAM;GAAM,CAAA;EAAI,CAAA"}

package/lib/dialog/Custom.d.ts

@@ -1,9 +1,3 @@
-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 };
+import { ICustomProps } from './types';
+declare const Custom: (props: ICustomProps) => import("react/jsx-runtime").JSX.Element;
+export default Custom;

package/lib/dialog/Custom.js

@@ -1,55 +1,49 @@
-"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;
-};
-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())
-  })))));
+import e from "../node_modules/uuid/dist/v1.js";
+import t from "../icons/index.js";
+import n from "../buttons/button_container/index.js";
+import r from "./base/Footer.js";
+import i from "./base/index.js";
+import { cloneElement as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/lib/dialog/Custom.tsx
+var c = (e, n) => n || (e ? /* @__PURE__ */ o(t, {
+	name: e,
+	color: "#000",
+	size: 64
+}) : null), l = (t) => {
+	let { width: l = "35%", height: u = "auto", iconName: d = null, open: f } = t;
+	return /* @__PURE__ */ s(i, {
+		open: f,
+		width: l,
+		height: u,
+		...t,
+		wrapperClassName: "dialog-alert-wrapper",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "icon",
+				children: c(d, t.icon)
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "container",
+				children: [t.title && /* @__PURE__ */ o("div", {
+					className: "title",
+					children: t.title
+				}), /* @__PURE__ */ o("div", {
+					className: "text",
+					children: t.text
+				})]
+			}),
+			t.buttons && t.buttons.length > 0 && /* @__PURE__ */ o(r, {
+				...t,
+				children: /* @__PURE__ */ o(n, {
+					position: "right",
+					children: t.buttons.map((t) => a(t, { key: `button-${e()}` }))
+				})
+			})
+		]
+	});
 };
-var _default = exports.default = Custom;
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Custom.js.map

package/lib/dialog/Custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.js","names":[],"sources":["../../src/lib/dialog/Custom.tsx"],"sourcesContent":["import { cloneElement, ReactElement } from 'react';\nimport * as uuid from 'uuid';\nimport BaseDialog from './base';\nimport FormFooter from './base/Footer';\nimport Icon from '../icons';\nimport { ButtonContainer } from '../buttons';\nimport { ICustomProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getIcon = (iconName: IconNames | null, icon: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (iconName) {\n    return <Icon name={iconName} color=\"#000\" size={64} />;\n  }\n  return null;\n};\n\nconst Custom = (props: ICustomProps) => {\n  const { width = '35%', height = 'auto', iconName = null, open } = props;\n  return (\n    <BaseDialog\n      open={open}\n      width={width}\n      height={height}\n      {...props}\n      wrapperClassName=\"dialog-alert-wrapper\">\n      <div className=\"icon\">\n        {getIcon(iconName, props.icon)}\n      </div>\n      <div className=\"container\">\n        {props.title &&\n          <div className=\"title\">\n            {props.title}\n          </div>}\n        <div className=\"text\">\n          {props.text}\n        </div>\n      </div>\n      {props.buttons && props.buttons.length > 0 && (\n        <FormFooter {...props}>\n          <ButtonContainer position=\"right\">\n            {props.buttons.map(button => cloneElement(button, { key: `button-${uuid.v1()}` }))}\n          </ButtonContainer>\n        </FormFooter>\n      )}\n    </BaseDialog>\n  );\n};\n\nexport default Custom;\n"],"mappings":";;;;;;;;AASA,IAAM,KAAW,GAA4B,MACvC,MAEO,IACF,kBAAC,GAAD;CAAM,MAAM;CAAU,OAAM;CAAO,MAAM;CAAM,CAAA,GAEjD,OAGH,KAAU,MAAwB;CACtC,IAAM,EAAE,WAAQ,OAAO,YAAS,QAAQ,cAAW,MAAM,YAAS;AAClE,QACE,kBAAC,GAAD;EACQ;EACC;EACC;EACR,GAAI;EACJ,kBAAiB;YALnB;GAME,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,GAAU,EAAM,KAAA;IACrB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,SACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM;KACH,CAAA,EACR,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM;KACH,CAAA,CAAA;;GAEP,EAAM,WAAW,EAAM,QAAQ,SAAS,KACvC,kBAAC,GAAD;IAAY,GAAI;cACd,kBAAC,GAAD;KAAiB,UAAS;eACvB,EAAM,QAAQ,KAAI,MAAU,EAAa,GAAQ,EAAE,KAAK,UAAU,GAAS,IAAI,CAAC,CAAA;KACjE,CAAA;IACP,CAAA;GAAA"}

package/lib/dialog/Error.d.ts

@@ -1,9 +1,3 @@
-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 };
+import { ICommonDialogProps } from './types';
+declare const Error: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Error;

package/lib/dialog/Error.js

@@ -1,32 +1,24 @@
-"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
-    })
-  }));
+import e from "../icons/index.js";
+import t from "../buttons/PrimaryButton.js";
+import n from "./Custom.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/dialog/Error.tsx
+var i = (i) => {
+	let { onConfirmClick: a, confirmLabel: o = "Confirmar" } = i, s = [/* @__PURE__ */ r(t, {
+		onClick: a,
+		label: o
+	}, "confirm-buttom")];
+	return /* @__PURE__ */ r(n, {
+		...i,
+		buttons: s,
+		icon: /* @__PURE__ */ r(e, {
+			name: "block",
+			color: "#e74c3c",
+			size: 64
+		})
+	});
 };
-var _default = exports.default = Error;
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Error.js.map

package/lib/dialog/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","names":[],"sources":["../../src/lib/dialog/Error.tsx"],"sourcesContent":["import { PrimaryButton } from '../../lib/buttons';\nimport Custom from './Custom';\nimport Icon from '../../lib/icons';\nimport { ICommonDialogProps } from './types';\n\nconst Error = (props: ICommonDialogProps) => {\n  const { onConfirmClick, confirmLabel = 'Confirmar' } = props;\n\n  const buttons = [\n    <PrimaryButton key=\"confirm-buttom\" onClick={onConfirmClick} label={confirmLabel} />,\n  ];\n\n  return (\n    <Custom\n      {...props}\n      buttons={buttons}\n      icon={<Icon name=\"block\" color=\"#e74c3c\" size={64} />} />\n  );\n};\n\nexport default Error;\n"],"mappings":";;;;;AAKA,IAAM,KAAS,MAA8B;CAC3C,IAAM,EAAE,mBAAgB,kBAAe,gBAAgB,GAEjD,IAAU,CACd,kBAAC,GAAD;EAAoC,SAAS;EAAgB,OAAO;EAAgB,EAAjE,iBAAiE,CACrF;AAED,QACE,kBAAC,GAAD;EACE,GAAI;EACK;EACT,MAAM,kBAAC,GAAD;GAAM,MAAK;GAAQ,OAAM;GAAU,MAAM;GAAM,CAAA;EAAI,CAAA"}

package/lib/dialog/Information.d.ts

@@ -1,9 +1,3 @@
-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 };
+import { ICommonDialogProps } from './types';
+declare const Information: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Information;

package/lib/dialog/Information.js

@@ -1,32 +1,24 @@
-"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
-    })
-  }));
+import e from "../icons/index.js";
+import t from "../buttons/PrimaryButton.js";
+import n from "./Custom.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/dialog/Information.tsx
+var i = (i) => {
+	let { onConfirmClick: a, confirmLabel: o = "Confirmar" } = i, s = [/* @__PURE__ */ r(t, {
+		onClick: a,
+		label: o
+	}, "confirm-buttom")];
+	return /* @__PURE__ */ r(n, {
+		...i,
+		buttons: s,
+		icon: /* @__PURE__ */ r(e, {
+			name: "information",
+			color: "#24cabc",
+			size: 64
+		})
+	});
 };
-var _default = exports.default = Information;
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Information.js.map