linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/skeleton/index.js

@@ -1,54 +1,49 @@
-"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 ${customClass}
-    ${color && `-${color}`}
-    ${round && '-round'}
-    ${round && size && `-${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();
+import { jsx as C } from "react/jsx-runtime";
+import { c as v } from "../_virtual/compiler-runtime.js";
+import S from "../gridlayout/GridCol.js";
+import { default as E } from "./SkeletonContainer.js";
+import '../assets/styles/skeleton.css';/* empty css                             */
+const w = ($) => {
+  const t = v.c(15), {
+    customClass: u,
+    style: m,
+    width: a,
+    height: d,
+    round: e,
+    color: f,
+    size: p,
+    gridLayout: n
+  } = $, l = u === void 0 ? "" : u, o = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
+  let i, r;
+  if (t[0] !== o || t[1] !== l || t[2] !== n || t[3] !== d || t[4] !== e || t[5] !== s || t[6] !== m || t[7] !== a) {
+    r = Symbol.for("react.early_return_sentinel");
+    t: {
+      const h = {
+        width: a,
+        height: d
+      };
+      let c;
+      t[10] !== o || t[11] !== l || t[12] !== e || t[13] !== s ? (c = () => `skeleton-component ${l}
+    ${o && `-${o}`}
+    ${e && "-round"}
+    ${e && s && `-${s}`}`, t[10] = o, t[11] = l, t[12] = e, t[13] = s, t[14] = c) : c = t[14];
+      const k = c, y = () => /* @__PURE__ */ C("div", { className: k(), style: {
+        ...h,
+        ...m
+      } });
+      if (n !== void 0) {
+        r = /* @__PURE__ */ C(S, { customClass: "-withskeleton", cols: n, children: y() });
+        break t;
+      }
+      i = y();
+    }
+    t[0] = o, t[1] = l, t[2] = n, t[3] = d, t[4] = e, 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;
 };
-var _default = exports.default = Skeleton;
+export {
+  E as SkeletonContainer,
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"names":["Skeleton","props","$","_c","customClass","t0","style","width","height","round","color","t1","size","t2","gridLayout","undefined","t3","t4","Symbol","for","bb0","customStyles","t5","getClass","renderContent","jsx","Grid"],"mappings":";;;;;AAKA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAEIb,GADFG,IAAAC,MAAAU,SAAA,KAAAV,GAA+CK,IAAAC,MAAAI,SAAA,YAAAJ,GAAmBC,IAAAC,MAAAE,SAAA,WAAAF;AAAe,MAAAG,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,GAAA;AAiB/EU,IAAAA,IAAAC,OAEOC,IAFP,6BAEM;AAACC,IAAAA,GAAA;AAjBX,YAAAC,IAAqB;AAAA,QAAAd,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA;AAAkB,UAAAc;AAAA,MAAApB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,UAAAU,KAEtBU,IAAAA,MACf,sBAAsBlB,CAAW;AAAA,MAC/BM,KAAA,IAAaA,CAAK,EAAE;AAAA,MACpBD,KAAA,QAAiB;AAAA,MACjBA,KAAAG,KAAA,IAAqBA,CAAI,EAAE,IAC9BV,QAAAQ,GAAAR,QAAAE,GAAAF,QAAAO,GAAAP,QAAAU,GAAAV,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AALD,YAAAqB,IAAiBD,GAOjBE,IAAsBA,MACpB,gBAAAC,WAAgB,WAAAF,EAAAA,GAAmB,OAAA;AAAA,QAAA,GAAKF;AAAAA,QAAY,GAAKf;AAAAA,MAAAA,GAAO;AAGlE,UAAIQ,MAAeC,QAAS;AAExBE,QAAAA,sBAACS,GAAA,EAAiB,aAAA,iBAAsBZ,MAAAA,GACrCU,eACH;AAFA,cAAAJ;AAAAA,MAEO;AAIJJ,MAAAA,IAAAQ,EAAAA;AAAAA,IAAe;AAAAtB,IAAAA,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,GAAAV,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAc,GAAAd,OAAAe;AAAAA,EAAA;AAAAD,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA;AAAA,SAAAe,MAAAC,OAAAC,IAAA,6BAAA,IAAAF,IAAfD;AAAe;"}

package/lib/skeleton/types.d.ts

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

package/lib/spinner/SpinnerLoading.d.ts

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

package/lib/spinner/SpinnerLoading.js

@@ -1,220 +1,56 @@
-"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 SpinnerLoading = _ref => {
-  let {
-    color = '#3B3B3B',
-    size = '50px'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    "data-testid": "spinner",
-    className: "lds-spinner spinnerloading",
-    fill: color,
-    width: size,
-    height: size,
-    viewBox: "0 0 100 100",
-    preserveAspectRatio: "xMidYMid",
-    style: {
-      background: 'none',
-      float: 'right'
-    }
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(0 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.9166666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(30 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.8333333333333334s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(60 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.75s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(90 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.6666666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(120 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.5833333333333334s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(150 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.5s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(180 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.4166666666666667s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(210 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.3333333333333333s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(240 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.25s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(270 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.16666666666666666s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(300 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "-0.08333333333333333s",
-    repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "rotate(330 50 50)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: "47",
-    y: "24",
-    rx: "9.4",
-    ry: "4.8",
-    width: "6",
-    height: "12"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "opacity",
-    values: "1;0",
-    keyTimes: "0;1",
-    dur: "1s",
-    begin: "0s",
-    repeatCount: "indefinite"
-  }))));
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { c as w } from "../_virtual/compiler-runtime.js";
+const N = (_) => {
+  const e = w.c(16), {
+    color: p,
+    size: x
+  } = _, b = p === void 0 ? "#3B3B3B" : p, i = x === void 0 ? "50px" : x;
+  let r;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    background: "none",
+    float: "right"
+  }, e[0] = r) : r = e[0];
+  let a;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }), e[1] = a) : a = e[1];
+  let n;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }), e[2] = n) : n = e[2];
+  let o;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }), e[3] = o) : o = e[3];
+  let s;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }), e[4] = s) : s = e[4];
+  let l;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }), e[5] = l) : l = e[5];
+  let c;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }), e[6] = c) : c = e[6];
+  let m;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }), e[7] = m) : m = e[7];
+  let h;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }), e[8] = h) : h = e[8];
+  let d;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }), e[9] = d) : d = e[9];
+  let y;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }), e[10] = y) : y = e[10];
+  let f;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }), e[11] = f) : f = e[11];
+  let u;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ t("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) }), e[12] = u) : u = e[12];
+  let g;
+  return e[13] !== b || e[14] !== i ? (g = /* @__PURE__ */ v("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: b, width: i, height: i, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: r, children: [
+    a,
+    n,
+    o,
+    s,
+    l,
+    c,
+    m,
+    h,
+    d,
+    y,
+    f,
+    u
+  ] }), e[13] = b, e[14] = i, e[15] = g) : g = e[15], g;
 };
-var _default = exports.default = SpinnerLoading;
+export {
+  N as default
+};
+//# sourceMappingURL=SpinnerLoading.js.map

package/lib/spinner/SpinnerLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoading.js","sources":["../../src/lib/spinner/SpinnerLoading.tsx"],"sourcesContent":["import { ISpinnerLoadingProps } from './types';\n\nconst SpinnerLoading = ({ color = '#3B3B3B', size = '50px' }: ISpinnerLoadingProps) => (\n  <svg \n    data-testid=\"spinner\" \n    className=\"lds-spinner spinnerloading\" \n    fill={color} \n    width={size}\n    height={size}\n    viewBox=\"0 0 100 100\" \n    preserveAspectRatio=\"xMidYMid\" style={{ background: 'none', float: 'right' }}>\n    <g transform=\"rotate(0 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n  </svg>\n);\n\nexport default SpinnerLoading;\n"],"names":["SpinnerLoading","t0","$","_c","color","t1","size","t2","undefined","t3","Symbol","for","background","float","t4","jsx","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAAAN,GAAEG,IAAAC,MAAAG,SAAA,YAAAH,GAAmBC,IAAAC,MAAAC,SAAA,SAAAD;AAAa,MAAAE;AAAA,EAAAP,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KAQhBF,IAAA;AAAA,IAAAG,YAAc;AAAA,IAAMC,OAAS;AAAA,EAAA,GAASX,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAY;AAAA,EAAAZ,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KAC5EG,IAAA,gBAAAC,EAAA,KAAA,EAAa,WAAA,mBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJK,IAAA,gBAAAD,EAAA,KAAA,EAAa,WAAA,oBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJM,IAAA,gBAAAF,EAAA,KAAA,EAAa,WAAA,oBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,UAAqB,aAAA,aAAA,CAAY,GAC/G,GACF,GAAIb,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAgB;AAAA,EAAAhB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJO,IAAA,gBAAAH,EAAA,KAAA,EAAa,WAAA,oBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJQ,IAAA,gBAAAJ,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJS,IAAA,gBAAAL,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,SAAoB,aAAA,aAAA,CAAY,GAC9G,GACF,GAAIb,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJU,IAAA,gBAAAN,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJW,IAAA,gBAAAP,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,wBAAmC,aAAA,aAAA,CAAY,GAC7H,GACF,GAAIb,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAA,MAAAqB;AAAA,EAAArB,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJY,IAAA,gBAAAR,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,UAAqB,aAAA,aAAA,CAAY,GAC/G,GACF,GAAIb,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,EAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJa,IAAA,gBAAAT,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,yBAAoC,aAAA,aAAA,CAAY,GAC9H,GACF,GAAIb,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,EAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJc,IAAA,gBAAAV,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,yBAAoC,aAAA,aAAA,CAAY,GAC9H,GACF,GAAIb,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB;AAAA,EAAAxB,EAAA,EAAA,MAAAQ,OAAAC,IAAA,2BAAA,KACJe,IAAA,gBAAAX,EAAA,KAAA,EAAa,WAAA,qBACX,4BAAA,QAAA,EAAQ,GAAA,MAAO,GAAA,MAAQ,IAAA,OAAS,IAAA,OAAY,OAAA,KAAW,QAAA,MACrD,UAAA,gBAAAA,EAAA,WAAA,EAAuB,eAAA,WAAiB,QAAA,OAAe,UAAA,OAAU,KAAA,MAAW,OAAA,MAAiB,aAAA,aAAA,CAAY,GAC3G,GACF,GAAIb,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA;AAAA,MAAAyB;AAAA,SAAAzB,EAAA,EAAA,MAAAE,KAAAF,UAAAI,KAnENqB,+BACc,eAAA,WACF,WAAA,8BACJvB,MAAAA,GACCE,OAAAA,GACCA,QAAAA,GACA,SAAA,eACY,qBAAA,YAAkB,OAAAG,GACtCK,UAAAA;AAAAA,IAAAA;AAAAA,IAKAE;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,IAKAC;AAAAA,EAAAA,GAKF,GAAMxB,QAAAE,GAAAF,QAAAI,GAAAJ,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA,GApENyB;AAoEM;"}

package/lib/spinner/index.d.ts

@@ -1,7 +1,5 @@
-import { ISpinnerProps } from './types.js';
-import 'react';
-import '../@types/Align.js';
-
-declare const Spinner: (props: ISpinnerProps) => JSX.Element | null;
-
-export { Spinner as default };
+import { default as SpinnerLoading } from './SpinnerLoading';
+import { ISpinnerProps } from './types';
+declare const Spinner: (props: ISpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Spinner;
+export { SpinnerLoading };

package/lib/spinner/index.js

@@ -1,60 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
-require("../assets/styles/spinner.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 Spinner = props => {
-  const {
-    align = 'center',
-    customClass,
-    style,
-    text,
-    visible = true,
-    delayTime = 1000,
-    heightAuto,
-    color = '#3B3B3B',
-    size = '50px'
-  } = props;
-  const [delay, setDelay] = (0, _react.useState)(!!delayTime);
-  const delayTimeout = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (delayTime) {
-      delayTimeout.current = setTimeout(() => {
-        setDelay(false);
-      }, delayTime);
-    }
-    return () => {
-      if (delayTimeout.current) {
-        clearTimeout(delayTimeout.current);
-      }
-    };
-  }, []);
-  const getCssClass = () => {
-    let css = `spinner-component -${align} ${customClass} `;
-    if (heightAuto) css = `${css} -heightauto`;
-    return css;
-  };
-  if (delay) return null;
-  if (!visible) return null;
-  if (align !== 'none') {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: style,
-      className: getCssClass()
-    }, align === 'right' && text, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
-      color: color,
-      size: size
-    }), align === 'left' && text, align === 'center' && text);
+import { jsx as C, jsxs as D } from "react/jsx-runtime";
+import { c as L } from "../_virtual/compiler-runtime.js";
+import { useState as N, useRef as k, useEffect as q } from "react";
+import j from "./SpinnerLoading.js";
+import '../assets/styles/spinner.css';/* empty css                            */
+const J = (z) => {
+  const e = L.c(20), {
+    align: T,
+    customClass: a,
+    style: d,
+    text: p,
+    visible: S,
+    delayTime: $,
+    heightAuto: v,
+    color: b,
+    size: B
+  } = z, t = T === void 0 ? "center" : T, E = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [R, _] = N(!!r), g = k(null);
+  let l;
+  e[0] !== r ? (l = () => (r && (g.current = setTimeout(() => {
+    _(!1);
+  }, r)), () => {
+    g.current && clearTimeout(g.current);
+  }), e[0] = r, e[1] = l) : l = e[1];
+  let c;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[2] = c) : c = e[2], q(l, c);
+  let u;
+  e[3] !== t || e[4] !== a || e[5] !== v ? (u = () => {
+    let s = `spinner-component -${t} ${a} `;
+    return v && (s = `${s} -heightauto`), s;
+  }, e[3] = t, e[4] = a, e[5] = v, e[6] = u) : u = e[6];
+  const A = u;
+  if (R || !E)
+    return null;
+  if (t !== "none") {
+    const s = A(), h = t === "right" && p;
+    let n;
+    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ C(j, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
+    const y = t === "left" && p, x = t === "center" && p;
+    let m;
+    return e[10] !== d || e[11] !== n || e[12] !== y || e[13] !== x || e[14] !== s || e[15] !== h ? (m = /* @__PURE__ */ D("div", { style: d, className: s, children: [
+      h,
+      n,
+      y,
+      x
+    ] }), e[10] = d, e[11] = n, e[12] = y, e[13] = x, e[14] = s, e[15] = h, e[16] = m) : m = e[16], m;
   }
-  return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
-    color: color,
-    size: size
-  });
+  let f;
+  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ C(j, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
 };
-var _default = exports.default = Spinner;
+export {
+  j as SpinnerLoading,
+  J as default
+};
+//# sourceMappingURL=index.js.map

package/lib/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport SpinnerLoading from './SpinnerLoading';\nimport '../assets/styles/spinner.scss';\nimport { ISpinnerProps } from './types';\n\nconst Spinner = (props: ISpinnerProps) => {\n  const {\n    align = 'center',\n    customClass,\n    style,\n    text,\n    visible = true,\n    delayTime = 1000,\n    heightAuto,\n    color = '#3B3B3B',\n    size = '50px',\n  } = props;\n  const [delay, setDelay] = useState(!!delayTime);\n  const delayTimeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (delayTime) {\n      delayTimeout.current = setTimeout(() => {\n        setDelay(false);\n      }, delayTime);\n    }\n\n    return () => {\n      if (delayTimeout.current) {\n        clearTimeout(delayTimeout.current);\n      }\n    };\n  }, []);\n\n  const getCssClass = () => {\n    let css = `spinner-component -${align} ${customClass} `;\n    if (heightAuto) css = `${css} -heightauto`;\n    return css;\n  };\n\n  if (delay) return null;\n  if (!visible) return null;\n  if (align !== 'none') {\n    return (\n      <div\n        style={style}\n        className={getCssClass()} >\n        {align === 'right' && text}\n        <SpinnerLoading color={color} size={size} />\n        {align === 'left' && text}\n        {align === 'center' && text}\n      </div>\n    );\n  }\n\n  return <SpinnerLoading color={color} size={size} />;\n};\n\nexport default Spinner;\nexport { SpinnerLoading };\n"],"names":["Spinner","props","$","_c","align","t0","customClass","style","text","visible","t1","delayTime","t2","heightAuto","color","t3","size","t4","undefined","delay","setDelay","useState","delayTimeout","useRef","t5","current","setTimeout","clearTimeout","t6","Symbol","for","useEffect","t7","css","getCssClass","t8","t9","t10","jsx","SpinnerLoading","t11","t12","t13","jsxs"],"mappings":"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"}

package/lib/spinner/types.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties } from 'react';
-import { Align } from '../@types/Align.js';
-
-interface ISpinnerProps {
+import { Align } from '../@types/Align';
+export interface ISpinnerProps {
     align?: Exclude<Align, 'top' | 'bottom'>;
     customClass?: string;
     text?: string;
@@ -12,9 +11,7 @@ interface ISpinnerProps {
     color?: string;
     size?: string | number;
 }
-interface ISpinnerLoadingProps {
+export interface ISpinnerLoadingProps {
     color?: string;
     size: string | number;
 }
-
-export { ISpinnerLoadingProps, ISpinnerProps };

package/lib/split/Split.d.ts

@@ -1,6 +1,3 @@
-import { ISplitProps } from './types.js';
-import 'react';
-
-declare const Split: ({ hotKey, secondaryInitialSize, onSecondaryPaneSizeChange, vertical, primaryIndex, percentage, primaryMinSize, secondaryMinSize, customClass, children, hideSplitSideOnToggleClick, style, nodeParameter, }: ISplitProps) => JSX.Element;
-
-export { Split as default };
+import { ISplitProps } from './types';
+declare const Split: ({ hotKey, secondaryInitialSize, onSecondaryPaneSizeChange, vertical, primaryIndex, percentage, primaryMinSize, secondaryMinSize, customClass, children, hideSplitSideOnToggleClick, style, nodeParameter, }: ISplitProps) => import("react/jsx-runtime").JSX.Element;
+export default Split;