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

package/lib/inputs2/textfield/index.js

@@ -1,110 +1,159 @@
-import { jsxs as F, jsx as r } from "react/jsx-runtime";
-import { c as yt } from "../../_virtual/compiler-runtime.js";
-import '../../assets/styles/gridlayout.css';import '../../assets/styles/textfield.css';/* empty css                                 */
-import { forwardRef as Et, useRef as Nt, Fragment as ft } from "react";
-import Ot from "../../_virtual/lodash.js";
-/* empty css                                  */
-import Pt from "../../gridlayout/GridCol.js";
-import Rt from "../../popover/index.js";
-import { actionsOnPermissionDenied as St, OPTIONS_ON_DENIED as G } from "../../permissionValidations.js";
-import At from "../../hint/index.js";
-import { getSlotsElements as Lt } from "../slot/index.js";
-import { LeftSlot as Qt, RightSlot as Xt } from "../slot/index.js";
-import Dt from "../../tooltip/index.js";
-import It from "../../popover/PopoverText.js";
-const $t = [G.disabled, G.unvisible, G.readOnly, G.hideContent], kt = Et((l, P) => {
-  const t = yt.c(92);
-  let p, d, i, c, o, m, R, S, A, L, D, I, $, k, z, B, q, w, T, _, f, h, u;
-  t[0] !== l ? ({
-    type: R,
-    name: o,
-    label: c,
-    errors: d,
-    children: p,
-    onDeniedActions: S,
-    permissionAttr: $,
-    customClass: k,
-    customClassLabel: z,
-    customClassWrapper: B,
-    customClassInputContainer: q,
-    textAlign: w,
-    labelUppercase: T,
-    skeletonize: _,
-    hintPosition: A,
-    gridLayout: L,
-    themePopover: D,
-    popoverAlign: I,
-    tooltip: f,
-    tooltipPosition: h,
-    tooltipWidth: u,
-    hint: i,
-    ...m
-  } = l, t[0] = l, t[1] = p, t[2] = d, t[3] = i, t[4] = c, t[5] = o, t[6] = m, t[7] = R, t[8] = S, t[9] = A, t[10] = L, t[11] = D, t[12] = I, t[13] = $, t[14] = k, t[15] = z, t[16] = B, t[17] = q, t[18] = w, t[19] = T, t[20] = _, t[21] = f, t[22] = h, t[23] = u) : (p = t[1], d = t[2], i = t[3], c = t[4], o = t[5], m = t[6], R = t[7], S = t[8], A = t[9], L = t[10], D = t[11], I = t[12], $ = t[13], k = t[14], z = t[15], B = t[16], q = t[17], w = t[18], T = t[19], _ = t[20], f = t[21], h = t[22], u = t[23]);
-  const M = R === void 0 ? "text" : R, V = S === void 0 ? void 0 : S, J = $ === void 0 ? void 0 : $, ht = k === void 0 ? "" : k, K = z === void 0 ? "" : z, ut = B === void 0 ? "" : B, bt = q === void 0 ? "" : q, Q = w === void 0 ? "left" : w, X = T === void 0 ? !1 : T, e = _ === void 0 ? !1 : _, b = A === void 0 ? "below" : A, Y = L === void 0 ? void 0 : L, Z = D === void 0 ? "light" : D, tt = I === void 0 ? "left" : I;
-  let W;
-  t[24] !== V || t[25] !== J ? (W = V || St($t, J), t[24] = V, t[25] = J, t[26] = W) : W = t[26];
-  const et = W, {
-    hideContent: vt,
-    unvisible: gt
-  } = et, ct = Nt(null);
-  let j;
-  t[27] !== l.label ? (j = Ot.isEmpty(l?.label), t[27] = l.label, t[28] = j) : j = t[28];
-  const lt = !j, a = !!(l.readOnly || et.readOnly), s = !!(l.disabled || et.disabled), ot = !!l.hint?.length, n = !!d?.length;
-  let H;
-  t[29] !== p || t[30] !== s ? (H = Lt(p, s), t[29] = p, t[30] = s, t[31] = H) : H = t[31];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+Object.defineProperty(exports, "LeftSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.LeftSlot;
+  }
+});
+Object.defineProperty(exports, "RightSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.RightSlot;
+  }
+});
+require("../../assets/styles/textfield.scss");
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
+var _popover = _interopRequireWildcard(require("../../popover"));
+var _permissionValidations = require("../../permissionValidations");
+var _hint = _interopRequireDefault(require("../../hint"));
+var _slot = require("../slot");
+var _tooltip = require("../../tooltip");
+const _excluded = ["type", "name", "label", "errors", "children", "onDeniedActions", "permissionAttr", "customClass", "customClassLabel", "customClassWrapper", "customClassInputContainer", "textAlign", "labelUppercase", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth", "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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      type = 'text',
+      name,
+      label,
+      errors,
+      children,
+      onDeniedActions = undefined,
+      permissionAttr = undefined,
+      customClass = '',
+      customClassLabel = '',
+      customClassWrapper = '',
+      customClassInputContainer = '',
+      textAlign = 'left',
+      labelUppercase = false,
+      skeletonize = false,
+      hintPosition = 'below',
+      gridLayout = undefined,
+      themePopover = 'light',
+      popoverAlign = 'left',
+      tooltip,
+      tooltipPosition,
+      tooltipWidth,
+      hint
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const onDenied = _react.default.useMemo(() => {
+    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  }, [onDeniedActions, permissionAttr]);
+  const {
+    hideContent,
+    unvisible
+  } = onDenied;
+  const inputRef = (0, _react.useRef)(null);
+  const hasLabel = !_lodash.default.isEmpty(props?.label);
+  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
+  const isDisabled = Boolean(props.disabled || onDenied.disabled);
+  const hasHintMessages = Boolean(props.hint?.length);
+  const hasValidationErrors = Boolean(errors?.length);
   const {
-    leftSlotElements: mt,
-    rightSlotElements: pt
-  } = H, Ct = !!mt?.length, xt = !!pt?.length;
-  if (gt || vt)
-    return null;
-  const st = `text-field-root ${ut}`;
-  let v;
-  t[32] !== K || t[33] !== lt || t[34] !== i || t[35] !== b || t[36] !== s || t[37] !== a || t[38] !== c || t[39] !== X || t[40] !== o || t[41] !== tt || t[42] !== l.required || t[43] !== e || t[44] !== Z ? (v = lt && /* @__PURE__ */ F("span", { className: `root-label ${K}`, "data-state-skeletonize": e, children: [
-    /* @__PURE__ */ r("label", { className: "label", title: c, htmlFor: o, "data-state-disabled": s, "data-state-read-only": a, "data-state-input-required": l.required, "data-state-label-uppercase": X, children: c }),
-    i && b === "onLabelRight" && !e && /* @__PURE__ */ r(Rt, { customClass: "label-popover", theme: Z, align: tt, iconColor: "#03bde2", children: /* @__PURE__ */ r(It, { text: i }) })
-  ] }), t[32] = K, t[33] = lt, t[34] = i, t[35] = b, t[36] = s, t[37] = a, t[38] = c, t[39] = X, t[40] = o, t[41] = tt, t[42] = l.required, t[43] = e, t[44] = Z, t[45] = v) : v = t[45];
-  const it = `container ${bt}`, nt = Ct && !e && mt, at = `input ${ht}`, rt = a ? -1 : 0;
-  let g;
-  t[46] !== n || t[47] !== s || t[48] !== a || t[49] !== o || t[50] !== P || t[51] !== m || t[52] !== e || t[53] !== at || t[54] !== rt || t[55] !== Q || t[56] !== M ? (g = /* @__PURE__ */ r("input", { ref: P, id: o, type: M, readOnly: a, disabled: s, className: at, tabIndex: rt, placeholder: m.placeholder, "data-state-error": n, "data-state-read-only": a, "data-state-text-align": Q, "data-state-skeletonize": e, ...m }), t[46] = n, t[47] = s, t[48] = a, t[49] = o, t[50] = P, t[51] = m, t[52] = e, t[53] = at, t[54] = rt, t[55] = Q, t[56] = M, t[57] = g) : g = t[57];
-  const dt = xt && !e && pt;
-  let C;
-  t[58] !== e || t[59] !== it || t[60] !== nt || t[61] !== g || t[62] !== dt ? (C = /* @__PURE__ */ F("div", { "data-state-skeletonize": e, className: it, children: [
-    nt,
-    g,
-    dt
-  ] }), t[58] = e, t[59] = it, t[60] = nt, t[61] = g, t[62] = dt, t[63] = C) : C = t[63];
-  let x;
-  t[64] !== ot || t[65] !== i || t[66] !== b || t[67] !== s || t[68] !== e ? (x = b === "below" && /* @__PURE__ */ r(At, { customClass: "hint", description: i, disabled: s, skeletonize: e, visible: ot }), t[64] = ot, t[65] = i, t[66] = b, t[67] = s, t[68] = e, t[69] = x) : x = t[69];
-  let y;
-  t[70] !== d || t[71] !== n || t[72] !== o || t[73] !== e ? (y = n && /* @__PURE__ */ r("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(o).concat("-errors"), children: d?.map(zt) }), t[70] = d, t[71] = n, t[72] = o, t[73] = e, t[74] = y) : y = t[74];
-  let E;
-  t[75] !== n || t[76] !== st || t[77] !== v || t[78] !== C || t[79] !== x || t[80] !== y ? (E = /* @__PURE__ */ F("div", { ref: ct, className: st, "data-state-error": n, children: [
-    v,
-    C,
-    x,
-    y
-  ] }), t[75] = n, t[76] = st, t[77] = v, t[78] = C, t[79] = x, t[80] = y, t[81] = E) : E = t[81];
-  let N;
-  t[82] !== Y || t[83] !== E ? (N = /* @__PURE__ */ r(Pt, { cols: Y, children: E }), t[82] = Y, t[83] = E, t[84] = N) : N = t[84];
-  let O;
-  t[85] !== f || t[86] !== h || t[87] !== u ? (O = /* @__PURE__ */ r(Dt, { targetRef: ct, text: f, width: u, position: h }), t[85] = f, t[86] = h, t[87] = u, t[88] = O) : O = t[88];
-  let U;
-  return t[89] !== N || t[90] !== O ? (U = /* @__PURE__ */ F(ft, { children: [
-    N,
-    O
-  ] }), t[89] = N, t[90] = O, t[91] = U) : U = t[91], U;
+    leftSlotElements,
+    rightSlotElements
+  } = _react.default.useMemo(() => {
+    const left = [];
+    const right = [];
+    _react.default.Children.map(children, (childElement, index) => {
+      if (/*#__PURE__*/_react.default.isValidElement(childElement)) {
+        const clonedChild = /*#__PURE__*/_react.default.cloneElement(childElement, {
+          key: childElement.key ?? `slot-${index}`,
+          disabled: isDisabled,
+          'aria-disabled': isDisabled
+        });
+        if (childElement.type === _slot.LeftSlot) left.push(clonedChild);
+        if (childElement.type === _slot.RightSlot) right.push(clonedChild);
+      }
+    });
+    return {
+      leftSlotElements: left,
+      rightSlotElements: right
+    };
+  }, [children, isDisabled]);
+  const hasLeftSlotElements = Boolean(leftSlotElements?.length);
+  const hasRightSlotElements = Boolean(rightSlotElements?.length);
+  if (unvisible || hideContent) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridLayout
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: inputRef,
+    className: `text-field-root ${customClassWrapper}`,
+    "data-state-error": hasValidationErrors
+  }, hasLabel && /*#__PURE__*/_react.default.createElement("span", {
+    className: `root-label ${customClassLabel}`,
+    "data-state-skeletonize": skeletonize
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    className: "label",
+    title: label,
+    htmlFor: name,
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly,
+    "data-state-input-required": props.required,
+    "data-state-label-uppercase": labelUppercase
+  }, label), hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    customClass: "label-popover",
+    theme: themePopover,
+    align: popoverAlign,
+    iconColor: "#03bde2"
+  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
+    text: hint
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    "data-state-skeletonize": skeletonize,
+    className: `container ${customClassInputContainer}`
+  }, hasLeftSlotElements && !skeletonize && leftSlotElements, /*#__PURE__*/_react.default.createElement("input", _extends({
+    ref: ref,
+    id: name,
+    type: type,
+    readOnly: isReadOnly,
+    disabled: isDisabled,
+    className: `input ${customClass}`,
+    tabIndex: !isReadOnly ? 0 : -1,
+    placeholder: rest.placeholder,
+    "data-state-error": hasValidationErrors,
+    "data-state-read-only": isReadOnly,
+    "data-state-text-align": textAlign,
+    "data-state-skeletonize": skeletonize
+  }, rest)), hasRightSlotElements && !skeletonize && rightSlotElements), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
+    customClass: "hint",
+    description: hint,
+    disabled: isDisabled,
+    skeletonize: skeletonize,
+    visible: hasHintMessages
+  }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
+    className: "error",
+    "data-state-skeletonize": skeletonize,
+    "aria-describedby": String(name).concat('-errors')
+  }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: `${index + 1}-${error}`
+  }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: inputRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition
+  }));
 });
-kt.displayName = "TextFieldInput";
-function zt(l, P) {
-  return /* @__PURE__ */ F(ft, { children: [
-    l,
-    " "
-  ] }, `${P + 1}-${l}`);
-}
-export {
-  kt as Input,
-  Qt as LeftSlot,
-  Xt as RightSlot
-};
-//# sourceMappingURL=index.js.map
+Input.displayName = 'TextFieldInput';

package/lib/internals/colorStyles.d.ts

@@ -5,4 +5,5 @@ declare const ColorStyles: {
     INFO: string;
     WARNING: string;
 };
-export default ColorStyles;
+
+export { ColorStyles as default };

package/lib/internals/colorStyles.js

@@ -1,11 +1,14 @@
-const r = {
-  PRIMARY: "primary",
-  SUCCESS: "success",
-  DANGER: "danger",
-  INFO: "info",
-  WARNING: "warning"
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ColorStyles = {
+  PRIMARY: 'primary',
+  SUCCESS: 'success',
+  DANGER: 'danger',
+  INFO: 'info',
+  WARNING: 'warning'
 };
-export {
-  r as default
-};
-//# sourceMappingURL=colorStyles.js.map
+var _default = exports.default = ColorStyles;

package/lib/internals/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const keyCodes: {
+declare const keyCodes: {
     TAB: number;
     ENTER: number;
     ARROW_UP: number;
@@ -6,7 +6,9 @@ export declare const keyCodes: {
     BACKSPACE: number;
     F: number;
 };
-export declare const keys: {
+declare const keys: {
     TAB: string;
 };
-export declare const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
+declare const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
+
+export { PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE, keyCodes, keys };

package/lib/internals/constants.js

@@ -1,16 +1,18 @@
-const A = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keys = exports.keyCodes = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = void 0;
+const keyCodes = exports.keyCodes = {
   TAB: 9,
   ENTER: 13,
   ARROW_UP: 38,
   ARROW_DOWN: 40,
   BACKSPACE: 8,
   F: 70
-}, _ = {
-  TAB: "Tab"
-}, E = 1;
-export {
-  E as PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE,
-  A as keyCodes,
-  _ as keys
 };
-//# sourceMappingURL=constants.js.map
+const keys = exports.keys = {
+  TAB: 'Tab'
+};
+const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;

package/lib/internals/types.d.ts

@@ -1,7 +1,9 @@
-export interface GetDisplayNameParams {
+interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
 }
-export interface HasToolTipParams {
+interface HasToolTipParams {
     tooltip?: string;
 }
+
+export { GetDisplayNameParams, HasToolTipParams };

package/lib/internals/types.js

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

package/lib/labelMessages/index.d.ts

@@ -1,3 +1,9 @@
-import { ILabelMessagesProps } from './types';
-declare const LabelMessages: ({ style, icon, flat, iconName, handlerClosed, square, visible, children, customClass, type, showCloseButton }: ILabelMessagesProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LabelMessages;
+import { ILabelMessagesProps } from './types.js';
+import 'react';
+import '../@types/LabelStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const LabelMessages: ({ style, icon, flat, iconName, handlerClosed, square, visible, children, customClass, type, showCloseButton }: ILabelMessagesProps) => JSX.Element | null;
+
+export { LabelMessages as default };

package/lib/labelMessages/index.js

@@ -1,55 +1,60 @@
-import { jsxs as z, jsx as v } from "react/jsx-runtime";
-import { c as S } from "../_virtual/compiler-runtime.js";
-import { useState as A, Fragment as D } from "react";
-import G from "../icons/index.js";
-import '../assets/styles/labelMessages.css';/* empty css                                  */
-const Q = (E) => {
-  const e = S.c(26), {
-    style: c,
-    icon: N,
-    flat: y,
-    iconName: s,
-    handlerClosed: a,
-    square: q,
-    visible: j,
-    children: w,
-    customClass: B,
-    type: I,
-    showCloseButton: k
-  } = E;
-  let r;
-  e[0] !== c ? (r = c === void 0 ? {} : c, e[0] = c, e[1] = r) : r = e[1];
-  const p = r, t = N === void 0 ? null : N, g = y === void 0 ? !1 : y, h = q === void 0 ? !0 : q, F = j === void 0 ? !0 : j, C = w === void 0 ? null : w, f = B === void 0 ? "" : B, l = I === void 0 ? "default" : I, $ = k === void 0 ? !1 : k, [L, M] = A(!1);
-  let m;
-  e[2] !== f || e[3] !== g || e[4] !== h || e[5] !== l ? (m = () => `labelmessages-component -${l} ${f}
-    ${h && "-square"} ${g && "-flat"}`, e[2] = f, e[3] = g, e[4] = h, e[5] = l, e[6] = m) : m = e[6];
-  const R = m;
-  let d;
-  e[7] !== t || e[8] !== s || e[9] !== l ? (d = () => t || (s ? /* @__PURE__ */ v(G, { name: s, size: 16, color: "#ffffff", customClass: `-${l}svg` }) : null), e[7] = t, e[8] = s, e[9] = l, e[10] = d) : d = e[10];
-  const b = d;
-  if (L || !F)
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
+require("../assets/styles/labelMessages.scss");
+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; }
+const LabelMessages = _ref => {
+  let {
+    style = {},
+    icon = null,
+    flat = false,
+    iconName,
+    handlerClosed,
+    square = true,
+    visible = true,
+    children = null,
+    customClass = '',
+    type = 'default',
+    showCloseButton = false
+  } = _ref;
+  const [closed, setClosed] = (0, _react.useState)(false);
+  const getClass = () => `labelmessages-component -${type} ${customClass}
+    ${square && '-square'} ${flat && '-flat'}`;
+  const getIcon = () => {
+    if (icon) {
+      return icon;
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: iconName,
+        size: 16,
+        color: "#ffffff",
+        customClass: `-${type}svg`
+      });
+    }
     return null;
-  const x = `${R()} ${f}`;
-  let o;
-  e[11] !== C ? (o = /* @__PURE__ */ v("div", { className: "labelmessagesitem text", children: C }), e[11] = C, e[12] = o) : o = e[12];
-  let i;
-  e[13] !== b || e[14] !== t || e[15] !== s ? (i = (s || t) && /* @__PURE__ */ z("div", { className: "labelmessagesitem -icon", children: [
-    " ",
-    b(),
-    " "
-  ] }), e[13] = b, e[14] = t, e[15] = s, e[16] = i) : i = e[16];
-  let n;
-  e[17] !== a || e[18] !== $ ? (n = $ && /* @__PURE__ */ v("span", { role: "presentation", className: "labelmessagesitem -close", onClick: () => {
-    a && a(), M(!0);
-  }, children: "x" }), e[17] = a, e[18] = $, e[19] = n) : n = e[19];
-  let u;
-  return e[20] !== p || e[21] !== x || e[22] !== o || e[23] !== i || e[24] !== n ? (u = /* @__PURE__ */ v(D, { children: /* @__PURE__ */ z("div", { className: x, style: p, children: [
-    o,
-    i,
-    n
-  ] }) }), e[20] = p, e[21] = x, e[22] = o, e[23] = i, e[24] = n, e[25] = u) : u = e[25], u;
+  };
+  if (closed || !visible) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${getClass()} ${customClass}`,
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "labelmessagesitem text"
+  }, children), (iconName || icon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "labelmessagesitem -icon"
+  }, " ", getIcon(), " "), showCloseButton && /*#__PURE__*/_react.default.createElement("span", {
+    role: "presentation",
+    className: "labelmessagesitem -close",
+    onClick: () => {
+      if (handlerClosed) handlerClosed();
+      setClosed(true);
+    }
+  }, "x")));
 };
-export {
-  Q as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = LabelMessages;

package/lib/labelMessages/types.d.ts

@@ -1,7 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
-import { LabelStyles } from '../@types/LabelStyles';
-import { IconNames } from '../@types/Icon';
-export interface ILabelMessagesProps {
+import { LabelStyles } from '../@types/LabelStyles.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+interface ILabelMessagesProps {
     style?: CSSProperties;
     type?: LabelStyles;
     iconName?: IconNames;
@@ -14,3 +16,5 @@ export interface ILabelMessagesProps {
     showCloseButton?: boolean;
     visible?: boolean;
 }
+
+export { ILabelMessagesProps };

package/lib/labelMessages/types.js

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

package/lib/labels/DangerLabel.d.ts

@@ -1,3 +1,12 @@
-import { ILabelProps } from './types';
-declare const DangerLabel: ({ ...rest }: ILabelProps) => import("react/jsx-runtime").JSX.Element;
-export default DangerLabel;
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../tooltip/types.js';
+
+declare const DangerLabel: ({ ...rest }: ILabelProps) => JSX.Element;
+
+export { DangerLabel as default };

package/lib/labels/DangerLabel.js

@@ -1,16 +1,18 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "../_virtual/compiler-runtime.js";
-import l from "./DefaultLabel.js";
-const c = (o) => {
-  const e = a.c(4);
-  let r;
-  e[0] !== o ? ({
-    ...r
-  } = o, e[0] = o, e[1] = r) : r = e[1];
-  let t;
-  return e[2] !== r ? (t = /* @__PURE__ */ s(l, { className: "-danger", ...r }), e[2] = r, e[3] = t) : t = e[3], t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+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); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+const DangerLabel = _ref => {
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-danger"
+  }, rest));
 };
-export {
-  c as default
-};
-//# sourceMappingURL=DangerLabel.js.map
+var _default = exports.default = DangerLabel;

package/lib/labels/DefaultLabel.d.ts

@@ -1,3 +1,12 @@
-import { ILabelProps } from './types';
-declare const DefaultLabel: ({ style, iconName, icon, children, visible, customClass, className, disabled, size, iconAlign, bordered, permissionAttr, skeletonize, tooltip, tooltipPosition, tooltipWidth, }: ILabelProps) => import("react/jsx-runtime").JSX.Element | null;
-export default DefaultLabel;
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../tooltip/types.js';
+
+declare const DefaultLabel: ({ style, iconName, icon, children, visible, customClass, className, disabled, size, iconAlign, bordered, permissionAttr, skeletonize, tooltip, tooltipPosition, tooltipWidth, }: ILabelProps) => JSX.Element | null;
+
+export { DefaultLabel as default };