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

package/lib/spinner/SpinnerLoading.js

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

package/lib/spinner/index.d.ts

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

package/lib/spinner/index.js

@@ -1,51 +1,59 @@
-import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as L, useRef as N, useEffect as k } from "react";
-import C from "./SpinnerLoading.js";
-import '../assets/index6.css';const H = (E) => {
-  const e = D.c(20), {
-    align: T,
-    customClass: m,
-    style: d,
-    text: p,
-    visible: S,
-    delayTime: $,
-    heightAuto: x,
-    color: b,
-    size: B
-  } = E, t = T === void 0 ? "center" : T, R = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [z, _] = L(!!r), v = N(null);
-  let l;
-  e[0] !== r ? (l = () => (r && (v.current = setTimeout(() => {
-    _(!1);
-  }, r)), () => {
-    v.current && clearTimeout(v.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], k(l, c);
-  let u;
-  e[3] !== t || e[4] !== m || e[5] !== x ? (u = () => {
-    let s = `spinner-component -${t} ${m} `;
-    return x && (s = `${s} -heightauto`), s;
-  }, e[3] = t, e[4] = m, e[5] = x, e[6] = u) : u = e[6];
-  const A = u;
-  if (z || !R)
-    return null;
-  if (t !== "none") {
-    const s = A(), g = t === "right" && p;
-    let n;
-    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
-    const h = t === "left" && p, y = t === "center" && p;
-    let a;
-    return e[10] !== d || e[11] !== n || e[12] !== h || e[13] !== y || e[14] !== s || e[15] !== g ? (a = /* @__PURE__ */ j.jsxs("div", { style: d, className: s, children: [
-      g,
-      n,
-      h,
-      y
-    ] }), e[10] = d, e[11] = n, e[12] = h, e[13] = y, e[14] = s, e[15] = g, e[16] = a) : a = e[16], a;
+"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 _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); }
+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 -".concat(align, " ").concat(customClass, " ");
+    if (heightAuto) css = "".concat(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);
   }
-  let f;
-  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
-};
-export {
-  H as default
+  return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    color: color,
+    size: size
+  });
 };
+var _default = exports.default = Spinner;

package/lib/spinner/types.d.ts

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

package/lib/spinner/types.js

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

package/lib/split/Split.d.ts

@@ -1,3 +1,6 @@
-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;
+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 };