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

package/lib/radio/index.d.ts

@@ -1,8 +1,16 @@
-import { IRadioProps } from './types';
+import { IRadioProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
+
 /**
  * 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.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Radio;
+declare const Radio: {
+    ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps): JSX.Element | null;
+    displayName: string;
+};
+
+export { Radio as default };

package/lib/radio/index.js

@@ -1,112 +1,113 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as ae } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as te, useEffect as ce } from "react";
-import '../assets/radio.css';/* empty css                       */
-import { OPTIONS_ON_DENIED as se, actionsOnPermissionDenied as de } from "../permissionValidations.js";
-import re from "../popover/index.js";
-import ie from "../textContent/index.js";
-const ge = (oe) => {
-  const e = ae.c(58), {
-    id: o,
-    label: S,
-    value: $,
-    checked: t,
-    onChange: v,
-    name: H,
-    disabled: J,
-    required: M,
-    skeletonize: Q,
-    defaultChecked: V,
-    inputRef: O,
-    size: W,
-    customClassForLabel: A,
-    labelUppercase: L,
-    hint: x,
-    hintPosition: X,
-    themePopover: Y,
-    popoverAlign: Z,
-    permissionAttr: q
-  } = oe, w = H === void 0 ? "" : H, g = J === void 0 ? !1 : J, l = M === void 0 ? !1 : M, k = Q === void 0 ? !1 : Q, C = V === void 0 ? !1 : V, ee = W === void 0 ? "medium" : W, F = X === void 0 ? "onLabelRight" : X, T = Y === void 0 ? "light" : Y, K = Z === void 0 ? "left" : Z, [n, le] = te(t);
-  let P, j;
-  if (e[0] !== q) {
-    const b = [se.disabled, se.unvisible];
-    P = te, j = de(b, q), e[0] = q, e[1] = P, e[2] = j;
-  } else
-    P = e[1], j = e[2];
-  const [N] = P(j);
-  let y;
-  e[3] !== t || e[4] !== n ? (y = () => {
-    t !== n && le(t);
-  }, e[3] = t, e[4] = n, e[5] = y) : y = e[5];
-  let z;
-  e[6] !== t ? (z = [t], e[6] = t, e[7] = z) : z = e[7], ce(y, z);
-  let D;
-  e[8] !== g || e[9] !== N.disabled || e[10] !== k ? (D = () => g || !!N.disabled || k, e[8] = g, e[9] = N.disabled, e[10] = k, e[11] = D) : D = e[11];
-  const s = D;
-  let R;
-  e[12] !== t || e[13] !== C || e[14] !== n || e[15] !== v || e[16] !== s ? (R = () => {
-    let b;
-    return b = {
-      ...C && !t ? {
-        defaultChecked: C
-      } : {
-        checked: n
-      }
-    }, v && !s() && (b = {
-      ...b,
-      onChange: (ne) => v(ne),
-      onKeyDown: null,
-      role: "button",
-      tabIndex: "0"
-    }), b;
-  }, e[12] = t, e[13] = C, e[14] = n, e[15] = v, e[16] = s, e[17] = R) : R = e[17];
-  const U = R;
-  if (N.unvisible)
-    return null;
-  let _;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
-    display: "flex",
-    alignItems: "center"
-  }, e[18] = _) : _ = e[18];
-  const B = `radio-button ${g ? "disabled" : ""} ${k ? "-skeletonized" : ""}`;
-  let a;
-  e[19] !== U ? (a = U(), e[19] = U, e[20] = a) : a = e[20];
-  let c;
-  e[21] !== s ? (c = s(), e[21] = s, e[22] = c) : c = e[22];
-  let d;
-  e[23] !== o || e[24] !== O || e[25] !== w || e[26] !== l || e[27] !== a || e[28] !== c || e[29] !== $ ? (d = /* @__PURE__ */ i.jsx("input", { ...a, ref: O, className: "radio-component", type: "radio", value: $, id: o, name: w, required: l, disabled: c }), e[23] = o, e[24] = O, e[25] = w, e[26] = l, e[27] = a, e[28] = c, e[29] = $, e[30] = d) : d = e[30];
-  const G = `description ${ee && `-${ee}`}`;
-  let r;
-  e[31] !== s ? (r = s(), e[31] = s, e[32] = r) : r = e[32];
-  let m;
-  e[33] !== A || e[34] !== L || e[35] !== l || e[36] !== r ? (m = /* @__PURE__ */ i.jsx(ie, { required: l, disabled: r, className: A, labelUppercase: L }), e[33] = A, e[34] = L, e[35] = l, e[36] = r, e[37] = m) : m = e[37];
-  let E;
-  e[38] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ i.jsx(ie, {}), e[38] = E) : E = e[38];
-  let f;
-  e[39] !== S || e[40] !== m ? (f = /* @__PURE__ */ i.jsxs("span", { children: [
-    m,
-    S,
-    E
-  ] }), e[39] = S, e[40] = m, e[41] = f) : f = e[41];
-  let p;
-  e[42] !== o || e[43] !== G || e[44] !== f ? (p = /* @__PURE__ */ i.jsx("label", { className: G, htmlFor: o, children: f }), e[42] = o, e[43] = G, e[44] = f, e[45] = p) : p = e[45];
-  let h;
-  e[46] !== B || e[47] !== d || e[48] !== p ? (h = /* @__PURE__ */ i.jsxs("div", { className: B, children: [
-    d,
-    p
-  ] }), e[46] = B, e[47] = d, e[48] = p, e[49] = h) : h = e[49];
-  let u;
-  e[50] !== x || e[51] !== F || e[52] !== K || e[53] !== T ? (u = !!x && F === "onLabelRight" && /* @__PURE__ */ i.jsx(re, { theme: T, align: K, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
-    margin: "0px 5px",
-    height: "auto",
-    width: 20
-  }, children: x }), e[50] = x, e[51] = F, e[52] = K, e[53] = T, e[54] = u) : u = e[54];
-  let I;
-  return e[55] !== h || e[56] !== u ? (I = /* @__PURE__ */ i.jsxs("div", { className: "radio-input", style: _, children: [
-    h,
-    u
-  ] }), e[55] = h, e[56] = u, e[57] = I) : I = e[57], I;
-};
-export {
-  ge as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("../assets/styles/radio.scss");
+var _permissionValidations = require("../permissionValidations");
+var _popover = _interopRequireDefault(require("../popover"));
+var _textContent = _interopRequireDefault(require("../textContent"));
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 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 Radio = _ref => {
+  let {
+    id,
+    label,
+    value,
+    checked,
+    onChange,
+    name = '',
+    disabled = false,
+    required = false,
+    skeletonize = false,
+    defaultChecked = false,
+    inputRef,
+    size = 'medium',
+    customClassForLabel,
+    labelUppercase,
+    hint,
+    hintPosition = 'onLabelRight',
+    themePopover = 'light',
+    popoverAlign = 'left',
+    permissionAttr
+  } = _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));
+  (0, _react.useEffect)(() => {
+    if (checked !== isChecked) setIsChecked(checked);
+  }, [checked]);
+  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;
+  const getCustomProps = () => {
+    let customProps = {};
+    const checkProps = defaultChecked && !checked ? {
+      defaultChecked
+    } : {
+      checked: isChecked
+    };
+    customProps = _objectSpread({}, checkProps);
+    if (onChange && !shouldDisable()) {
+      customProps = _objectSpread(_objectSpread({}, customProps), {}, {
+        onChange: e => onChange(e),
+        onKeyDown: null,
+        role: 'button',
+        tabIndex: '0'
+      });
+    }
+    return customProps;
+  };
+  if (onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-input",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
+    ref: inputRef,
+    className: "radio-component",
+    type: "radio",
+    value: value,
+    id: id,
+    name: name,
+    required: required,
+    disabled: shouldDisable()
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    className: "description ".concat(size && "-".concat(size)),
+    htmlFor: id
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: required,
+    disabled: shouldDisable(),
+    className: customClassForLabel,
+    labelUppercase: labelUppercase
+  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null)))), !!hint && hintPosition === 'onLabelRight' && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    customClass: "-hint",
+    iconColor: "#03bde2",
+    iconSize: 16,
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint));
 };
+Radio.displayName = 'Radio';
+var _default = exports.default = Radio;

package/lib/radio/types.d.ts

@@ -1,7 +1,8 @@
 import { ChangeEvent, Ref, RefObject } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { Size } from '../@types/Size';
-export interface IRadioProps {
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Size } from '../@types/Size.js';
+
+interface IRadioProps {
     label?: string;
     disabled?: boolean;
     defaultChecked?: boolean;
@@ -23,3 +24,5 @@ export interface IRadioProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
+
+export { IRadioProps };

package/lib/radio/types.js

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

package/lib/shortcuts/index.d.ts

@@ -1,3 +1,7 @@
-import { IShortcutsProps } from './types';
-declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => import("react/jsx-runtime").JSX.Element;
-export default Shortcuts;
+import { IShortcutsProps } from './types.js';
+import 'react';
+import '../@types/ColorStyles.js';
+
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => JSX.Element;
+
+export { Shortcuts as default };

package/lib/shortcuts/index.js

@@ -1,22 +1,28 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as d } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/index15.css';const h = (p) => {
-  const t = d.c(8), {
-    type: l,
-    style: o,
-    styleShortcut: c,
-    shortcut: r,
-    description: i
-  } = p, n = `shortcut-component ${l && `-${l}`}`;
-  let s;
-  t[0] !== r || t[1] !== c || t[2] !== n ? (s = /* @__PURE__ */ a.jsx("kbd", { "data-testid": "shortcut", className: n, style: c, children: r }), t[0] = r, t[1] = c, t[2] = n, t[3] = s) : s = t[3];
-  let e;
-  return t[4] !== i || t[5] !== o || t[6] !== s ? (e = /* @__PURE__ */ a.jsxs("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
-    s,
-    ": ",
-    i
-  ] }), t[4] = i, t[5] = o, t[6] = s, t[7] = e) : e = t[7], e;
-};
-export {
-  h as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/shortcuts.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Shortcuts = _ref => {
+  let {
+    type,
+    style,
+    styleShortcut,
+    shortcut,
+    description
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    "data-testid": "description",
+    className: "shortcut-description",
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("kbd", {
+    "data-testid": "shortcut",
+    className: "shortcut-component ".concat(type && "-".concat(type)),
+    style: styleShortcut
+  }, shortcut), ":\xA0", description);
 };
+var _default = exports.default = Shortcuts;

package/lib/shortcuts/types.d.ts

@@ -1,9 +1,12 @@
 import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles';
-export interface IShortcutsProps {
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface IShortcutsProps {
     type?: ColorStyles;
     style?: CSSProperties;
     styleShortcut?: CSSProperties;
     shortcut: string;
     description: string;
 }
+
+export { IShortcutsProps };

package/lib/shortcuts/types.js

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

package/lib/skeleton/SkeletonContainer.d.ts

@@ -1,3 +1,7 @@
-import { ISkeletonContainerProps } from './types';
-declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default SkeletonContainer;
+import { ISkeletonContainerProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => JSX.Element;
+
+export { SkeletonContainer as default };

package/lib/skeleton/SkeletonContainer.js

@@ -1,19 +1,22 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const x = (a) => {
-  const t = m.c(7), {
-    children: o,
-    row: n,
-    customClass: r,
-    style: l
-  } = a;
-  let s;
-  t[0] !== r || t[1] !== n ? (s = () => `skeletoncontainer-component ${r}
-    ${n && "-row"}`, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
-  const c = s();
-  let e;
-  return t[3] !== o || t[4] !== l || t[5] !== c ? (e = /* @__PURE__ */ i.jsx("div", { className: c, style: l, children: o }), t[3] = o, t[4] = l, t[5] = c, t[6] = e) : e = t[6], e;
-};
-export {
-  x as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SkeletonContainer = _ref => {
+  let {
+    children,
+    row,
+    customClass,
+    style
+  } = _ref;
+  const getClass = () => "skeletoncontainer-component ".concat(customClass, "\n    ").concat(row && '-row');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass(),
+    style: style
+  }, children);
 };
+var _default = exports.default = SkeletonContainer;

package/lib/skeleton/index.d.ts

@@ -1,5 +1,8 @@
-import { default as SkeletonContainer } from './SkeletonContainer';
-import { ISkeletonProps } from './types';
-declare const Skeleton: (props: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default Skeleton;
-export { SkeletonContainer };
+export { default as SkeletonContainer } from './SkeletonContainer.js';
+import { ISkeletonProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const Skeleton: (props: ISkeletonProps) => JSX.Element;
+
+export { Skeleton as default };

package/lib/skeleton/index.js

@@ -1,49 +1,51 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-import v from "../gridlayout/GridCol.js";
-import { default as R } from "./SkeletonContainer.js";
-/* empty css                          */
-const w = (C) => {
-  const t = k.c(15), {
-    customClass: d,
-    style: m,
-    width: a,
-    height: u,
-    round: o,
-    color: f,
-    size: p,
-    gridLayout: l
-  } = C, n = d === void 0 ? "" : d, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
-  let i, r;
-  if (t[0] !== e || t[1] !== n || t[2] !== l || t[3] !== u || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
-    r = Symbol.for("react.early_return_sentinel");
-    t: {
-      const $ = {
-        width: a,
-        height: u
-      };
-      let c;
-      t[10] !== e || t[11] !== n || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${n}
-    ${e && `-${e}`}
-    ${o && "-round"}
-    ${o && s && `-${s}`}`, t[10] = e, t[11] = n, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
-      const h = c, y = () => /* @__PURE__ */ x.jsx("div", { className: h(), style: {
-        ...$,
-        ...m
-      } });
-      if (l !== void 0) {
-        r = /* @__PURE__ */ x.jsx(v, { customClass: "-withskeleton", cols: l, children: y() });
-        break t;
-      }
-      i = y();
-    }
-    t[0] = e, t[1] = n, t[2] = l, t[3] = u, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
-  } else
-    i = t[8], r = t[9];
-  return r !== Symbol.for("react.early_return_sentinel") ? r : i;
-};
-export {
-  R as SkeletonContainer,
-  w as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SkeletonContainer", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonContainer.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
+require("../assets/styles/skeleton.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Skeleton = props => {
+  const {
+    customClass = '',
+    style,
+    width,
+    height,
+    round,
+    color = 'default',
+    size = 'medium',
+    gridLayout
+  } = props;
+  const customStyles = {
+    width,
+    height
+  };
+  const getClass = () => "skeleton-component ".concat(customClass, "\n    ").concat(color && "-".concat(color), "\n    ").concat(round && '-round', "\n    ").concat(round && size && "-".concat(size));
+  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass(),
+    style: _objectSpread(_objectSpread({}, customStyles), style)
+  });
+  if (gridLayout !== undefined) {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+      customClass: "-withskeleton",
+      cols: gridLayout
+    }, renderContent());
+  }
+  return renderContent();
 };
+var _default = exports.default = Skeleton;

package/lib/skeleton/types.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { Size } from '../@types/Size';
-export interface ISkeletonProps {
+import { Size } from '../@types/Size.js';
+
+interface ISkeletonProps {
     width?: string | number;
     height?: string | number;
     round?: boolean;
@@ -10,9 +11,11 @@ export interface ISkeletonProps {
     customClass?: string;
     style?: CSSProperties;
 }
-export interface ISkeletonContainerProps {
+interface ISkeletonContainerProps {
     children: ReactNode;
     row?: boolean;
     customClass?: string;
     style?: CSSProperties;
 }
+
+export { ISkeletonContainerProps, ISkeletonProps };

package/lib/skeleton/types.js

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

package/lib/spinner/SpinnerLoading.d.ts

@@ -1,3 +1,7 @@
-import { ISpinnerLoadingProps } from './types';
-declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => import("react/jsx-runtime").JSX.Element;
-export default SpinnerLoading;
+import { ISpinnerLoadingProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+
+declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => JSX.Element;
+
+export { SpinnerLoading as default };