@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/components/LoadingSpinner/Default/LoadingSpinner.js

@@ -1,13 +1,13 @@
-import { jsx as y, jsxs as B } from "react/jsx-runtime";
-import { _ as M, c as P, P as c } from "../../../index-D5m--65X.js";
-import t, { forwardRef as z, useRef as W, useImperativeHandle as F, useEffect as k, useCallback as $, useState as j, useMemo as H } from "react";
-import { h as U, d as V } from "../../../index.es-ChSlnpSq.js";
-import { b as T, c as I } from "../../../tslib.es6-BDCynO9F.js";
-import { M as G, a as K } from "../../../component-neHBNHRu.js";
-import { G as q } from "../../../index.es-Dw1eih7R.js";
-import { P as J } from "../../../index.es-DFFyENnI.js";
-import { T as Q } from "../../../index.es-1zrFd4Te.js";
-import { B as X } from "../../../BigLoadingSpinner-B_HFhx2F.js";
+import { jsx as y, jsxs as Q } from "react/jsx-runtime";
+import { _ as X, a as Y, c as $, P as u } from "../../../index-Cpb-8cAN.js";
+import { i as Z, _ as w, d as ee } from "../../../index.es-BXj90wb_.js";
+import t, { forwardRef as re, useRef as H, useImperativeHandle as te, useEffect as T, useCallback as se, useState as ae, useMemo as ie } from "react";
+import { b as G, c as U } from "../../../tslib.es6-BDCynO9F.js";
+import { M as oe, a as ne } from "../../../component-neHBNHRu.js";
+import { G as ce } from "../../../index.es-DDYCugj-.js";
+import { P as le } from "../../../index.es-Bo1Rhtyb.js";
+import { T as de } from "../../../index.es-BGordhUK.js";
+import { B as ue } from "../../../BigLoadingSpinner-CCxsMWnc.js";
 import '../../../assets/LoadingSpinner.css';/**
  * @license
  * Copyright 2020 Google Inc.
@@ -30,10 +30,10 @@ import '../../../assets/LoadingSpinner.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var m = {
+var p = {
   INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
   CLOSED_CLASS: "mdc-circular-progress--closed"
-}, l = {
+}, m = {
   ARIA_HIDDEN: "aria-hidden",
   ARIA_VALUENOW: "aria-valuenow",
   DETERMINATE_CIRCLE_SELECTOR: ".mdc-circular-progress__determinate-circle",
@@ -62,22 +62,22 @@ var m = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var L = (
+var V = (
   /** @class */
-  function(a) {
-    T(e, a);
+  function(s) {
+    G(e, s);
     function e(r) {
-      return a.call(this, I(I({}, e.defaultAdapter), r)) || this;
+      return s.call(this, U(U({}, e.defaultAdapter), r)) || this;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return m;
+        return p;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return l;
+        return m;
       },
       enumerable: !1,
       configurable: !0
@@ -105,26 +105,26 @@ var L = (
       enumerable: !1,
       configurable: !0
     }), e.prototype.init = function() {
-      this.closed = this.adapter.hasClass(m.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(m.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(l.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(l.RADIUS));
+      this.closed = this.adapter.hasClass(p.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(p.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(m.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(m.RADIUS));
     }, e.prototype.setDeterminate = function(r) {
-      this.determinate = r, this.determinate ? (this.adapter.removeClass(m.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(m.INDETERMINATE_CLASS), this.adapter.removeAttribute(l.ARIA_VALUENOW));
+      this.determinate = r, this.determinate ? (this.adapter.removeClass(p.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(p.INDETERMINATE_CLASS), this.adapter.removeAttribute(m.ARIA_VALUENOW));
     }, e.prototype.isDeterminate = function() {
       return this.determinate;
     }, e.prototype.setProgress = function(r) {
       if (this.progress = r, this.determinate) {
-        var d = (1 - this.progress) * (2 * Math.PI * this.radius);
-        this.adapter.setDeterminateCircleAttribute(l.STROKE_DASHOFFSET, "" + d), this.adapter.setAttribute(l.ARIA_VALUENOW, this.progress.toString());
+        var c = (1 - this.progress) * (2 * Math.PI * this.radius);
+        this.adapter.setDeterminateCircleAttribute(m.STROKE_DASHOFFSET, "" + c), this.adapter.setAttribute(m.ARIA_VALUENOW, this.progress.toString());
       }
     }, e.prototype.getProgress = function() {
       return this.progress;
     }, e.prototype.open = function() {
-      this.closed = !1, this.adapter.removeClass(m.CLOSED_CLASS), this.adapter.removeAttribute(l.ARIA_HIDDEN);
+      this.closed = !1, this.adapter.removeClass(p.CLOSED_CLASS), this.adapter.removeAttribute(m.ARIA_HIDDEN);
     }, e.prototype.close = function() {
-      this.closed = !0, this.adapter.addClass(m.CLOSED_CLASS), this.adapter.setAttribute(l.ARIA_HIDDEN, "true");
+      this.closed = !0, this.adapter.addClass(p.CLOSED_CLASS), this.adapter.setAttribute(m.ARIA_HIDDEN, "true");
     }, e.prototype.isClosed = function() {
       return this.closed;
     }, e;
-  }(G)
+  }(oe)
 );
 /**
  * @license
@@ -148,15 +148,15 @@ var L = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Y = (
+var me = (
   /** @class */
-  function(a) {
-    T(e, a);
+  function(s) {
+    G(e, s);
     function e() {
-      return a !== null && a.apply(this, arguments) || this;
+      return s !== null && s.apply(this, arguments) || this;
     }
     return e.prototype.initialize = function() {
-      this.determinateCircle_ = this.root.querySelector(L.strings.DETERMINATE_CIRCLE_SELECTOR);
+      this.determinateCircle_ = this.root.querySelector(V.strings.DETERMINATE_CIRCLE_SELECTOR);
     }, e.attachTo = function(r) {
       return new e(r);
     }, Object.defineProperty(e.prototype, "determinate", {
@@ -195,64 +195,63 @@ var Y = (
     }, e.prototype.close = function() {
       this.foundation.close();
     }, e.prototype.getDefaultFoundation = function() {
-      var r = this, d = {
-        addClass: function(s) {
-          return r.root.classList.add(s);
+      var r = this, c = {
+        addClass: function(a) {
+          return r.root.classList.add(a);
         },
-        getDeterminateCircleAttribute: function(s) {
-          return r.determinateCircle_.getAttribute(s);
+        getDeterminateCircleAttribute: function(a) {
+          return r.determinateCircle_.getAttribute(a);
         },
-        hasClass: function(s) {
-          return r.root.classList.contains(s);
+        hasClass: function(a) {
+          return r.root.classList.contains(a);
         },
-        removeClass: function(s) {
-          return r.root.classList.remove(s);
+        removeClass: function(a) {
+          return r.root.classList.remove(a);
         },
-        removeAttribute: function(s) {
-          return r.root.removeAttribute(s);
+        removeAttribute: function(a) {
+          return r.root.removeAttribute(a);
         },
-        setAttribute: function(s, i) {
-          return r.root.setAttribute(s, i);
+        setAttribute: function(a, l) {
+          return r.root.setAttribute(a, l);
         },
-        setDeterminateCircleAttribute: function(s, i) {
-          return r.determinateCircle_.setAttribute(s, i);
+        setDeterminateCircleAttribute: function(a, l) {
+          return r.determinateCircle_.setAttribute(a, l);
         }
       };
-      return new L(d);
+      return new V(c);
     }, e;
-  }(K)
-);
-const Z = {
+  }(ne)
+), pe = {
   /**
    * Accessibility label.
    *
    * Defaults to **'Progress Indicator'**.
    */
-  ariaLabel: c.string,
+  ariaLabel: u.string,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: c.string,
+  className: u.string,
   /**
    * The size of the progress indicator.
    *
    * Defaults to **'lg'**.
    */
-  indicatorSize: c.oneOf(["sm", "md", "lg"]),
+  indicatorSize: u.oneOf(["sm", "md", "lg"]),
   /**
    * Sets the visibility of the progress indicator.
    *
    * Defaults to **true**.
    */
-  open: c.bool,
+  open: u.bool,
   /**
    * The current progress of a determinate progress indicator. Must be between 0 and 1.
    *
    * Defaults to **0**.
    */
-  progress: c.number,
+  progress: u.number,
   /**
    * @deprecated _Renamed, see indicatorSize instead._
    *
@@ -260,47 +259,42 @@ const Z = {
    *
    * Defaults to **undefined**.
    */
-  size: V(c.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
+  size: ee(u.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
   /**
    * Color of the indicator stroke with 'primary' or 'secondary' theme color.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: c.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant"]),
+  themeColor: u.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant", "on-primary", "on-secondary", "on-success", "on-danger", "on-unknown-dark", "on-unknown-light"]),
   /**
    * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
    *
    * Defaults to **'indeterminate'**.
    */
-  variant: c.oneOf(["determinate", "indeterminate"])
-}, ee = {
+  variant: u.oneOf(["determinate", "indeterminate"])
+}, he = {
   ariaLabel: "Progress Indicator",
   className: void 0,
   indicatorSize: "lg",
   open: !0,
   progress: 0,
-  size: void 0,
   themeColor: "primary",
   variant: "indeterminate"
-}, A = /* @__PURE__ */ z((a, e) => {
-  const {
-    ariaLabel: r,
-    className: d,
-    open: s,
-    progress: i,
-    size: D,
-    indicatorSize: v,
-    themeColor: u,
-    variant: p,
-    ...E
-  } = a, g = W(), h = W();
-  F(e, () => g.current, []), k(() => (h.current = Y.attachTo(g.current), () => {
-    h.current.destroy();
-  }), []), k(() => {
-    (p === "determinate" && i < 0 || i > 1) && U("CircularProgress: `progress` must be between 0 and 1."), h.current.determinate = p === "determinate", h.current.progress = i;
-  }, [i, p]);
-  const R = () => {
-    switch (v) {
+}, fe = ["ariaLabel", "className", "open", "progress", "size", "indicatorSize", "themeColor", "variant"], h = he, P = /* @__PURE__ */ re(function(s, e) {
+  var r, c = s.ariaLabel, a = c === void 0 ? h.ariaLabel : c, l = s.className, g = l === void 0 ? h.className : l, v = s.open, D = v === void 0 ? h.open : v, A = s.progress, d = A === void 0 ? h.progress : A;
+  s.size;
+  var S = s.indicatorSize, W = S === void 0 ? h.indicatorSize : S, R = s.themeColor, k = R === void 0 ? h.themeColor : R, O = s.variant, E = O === void 0 ? h.variant : O, K = X(s, fe), L = H(), b = H();
+  te(e, function() {
+    return L.current;
+  }, []), T(function() {
+    return b.current = me.attachTo(L.current), function() {
+      b.current.destroy();
+    };
+  }, []), T(function() {
+    (E === "determinate" && d < 0 || d > 1) && Z("CircularProgress: `progress` must be between 0 and 1."), b.current.determinate = E === "determinate", b.current.progress = d;
+  }, [d, E]);
+  var q = function() {
+    switch (W) {
       case "xs":
         return {
           heightWidth: "16px",
@@ -374,154 +368,146 @@ const Z = {
           halfStrokeDashoffset: "56.549"
         };
     }
-  }, {
-    heightWidth: x,
-    viewBox: n,
-    cxCy: o,
-    r: f,
-    strokeWidth: C,
-    strokeWidth80: w,
-    strokeDashArray: _,
-    strokeDashoffset: O,
-    halfStrokeDashoffset: S
-  } = R(), b = $(() => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: _,
-    strokeDashoffset: S,
-    strokeWidth: C
-  }))), /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__gap-patch"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: _,
-    strokeDashoffset: S,
-    strokeWidth: w
-  }))), /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: _,
-    strokeDashoffset: S,
-    strokeWidth: C
-  })))), [o, S, f, _, C, w, n]), N = u === "two-color" || u === "two-color-variant";
-  return /* @__PURE__ */ t.createElement("div", M({
-    ref: g,
-    className: P("lmnt", "mdc-circular-progress", p === "indeterminate" && "mdc-circular-progress--indeterminate", !s && "mdc-circular-progress--closed", u && `lmnt-circular-progress--${u}`, d),
+  }, o = q(), z = o.heightWidth, n = o.viewBox, i = o.cxCy, f = o.r, C = o.strokeWidth, B = o.strokeWidth80, _ = o.strokeDashArray, J = o.strokeDashoffset, x = o.halfStrokeDashoffset, N = se(function() {
+    var I, F, j;
+    return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+      className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
+    }, /* @__PURE__ */ t.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(I = "0 0 ".concat(n, " ")).call(I, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ t.createElement("circle", {
+      cx: i,
+      cy: i,
+      r: f,
+      strokeDasharray: _,
+      strokeDashoffset: x,
+      strokeWidth: C
+    }))), /* @__PURE__ */ t.createElement("div", {
+      className: "mdc-circular-progress__gap-patch"
+    }, /* @__PURE__ */ t.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(F = "0 0 ".concat(n, " ")).call(F, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ t.createElement("circle", {
+      cx: i,
+      cy: i,
+      r: f,
+      strokeDasharray: _,
+      strokeDashoffset: x,
+      strokeWidth: B
+    }))), /* @__PURE__ */ t.createElement("div", {
+      className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
+    }, /* @__PURE__ */ t.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(j = "0 0 ".concat(n, " ")).call(j, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ t.createElement("circle", {
+      cx: i,
+      cy: i,
+      r: f,
+      strokeDasharray: _,
+      strokeDashoffset: x,
+      strokeWidth: C
+    }))));
+  }, [i, x, f, _, C, B, n]), M = k === "two-color" || k === "two-color-variant";
+  return /* @__PURE__ */ t.createElement("div", Y({
+    ref: L,
+    className: $("lmnt", "mdc-circular-progress", E === "indeterminate" && "mdc-circular-progress--indeterminate", !D && "mdc-circular-progress--closed", k && "lmnt-circular-progress--".concat(k), g),
     style: {
-      width: x,
-      height: x
+      width: z,
+      height: z
     },
     role: "progressbar",
-    "aria-label": r,
+    "aria-label": a,
     "aria-valuemin": "0",
     "aria-valuemax": "1",
-    "aria-valuenow": i
-  }, E), /* @__PURE__ */ t.createElement("div", {
+    "aria-valuenow": d
+  }, K), /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__determinate-container"
   }, /* @__PURE__ */ t.createElement("svg", {
     className: "mdc-circular-progress__determinate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
+    viewBox: w(r = "0 0 ".concat(n, " ")).call(r, n),
     xmlns: "http://www.w3.org/2000/svg"
   }, /* @__PURE__ */ t.createElement("circle", {
     className: "mdc-circular-progress__determinate-track",
-    cx: o,
-    cy: o,
+    cx: i,
+    cy: i,
     r: f,
     strokeWidth: C
   }), /* @__PURE__ */ t.createElement("circle", {
     className: "mdc-circular-progress__determinate-circle",
-    cx: o,
-    cy: o,
+    cx: i,
+    cy: i,
     r: f,
     strokeDasharray: _,
-    strokeDashoffset: O,
+    strokeDashoffset: J,
     strokeWidth: C
   }))), /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__indeterminate-container"
   }, /* @__PURE__ */ t.createElement("div", {
-    className: P("mdc-circular-progress__spinner-layer", N && "mdc-circular-progress__color-1")
-  }, b()), N && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+    className: $("mdc-circular-progress__spinner-layer", M && "mdc-circular-progress__color-1")
+  }, N()), M && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-2"
-  }, b()), /* @__PURE__ */ t.createElement("div", {
+  }, N()), /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-3"
-  }, b()), /* @__PURE__ */ t.createElement("div", {
+  }, N()), /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-4"
-  }, b()))));
+  }, N()))));
 });
-A.displayName = "CircularProgress";
-A.propTypes = Z;
-A.defaultProps = ee;
-const re = "_loadingSpinnerContainer_1f3ss_1", te = {
-  loadingSpinnerContainer: re
-}, pe = ({
-  size: a,
+P.displayName = "CircularProgress";
+P.propTypes = pe;
+const ge = "_loadingSpinnerContainer_1f3ss_1", ve = {
+  loadingSpinnerContainer: ge
+}, Ne = ({
+  size: s,
   center: e = !1,
   text: r,
-  textPosition: d = "bottom",
-  color: s = "primary",
-  spinnerOnly: i = !1,
+  textPosition: c = "bottom",
+  color: a = "primary",
+  spinnerOnly: l = !1,
   //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
-  impatienceMessage: D = "This is taking longer than expected. Please be patient.",
+  impatienceMessage: g = "This is taking longer than expected. Please be patient.",
   impatienceTimeout: v = 10
 }) => {
-  const [u, p] = j(0);
-  k(() => {
-    const g = setInterval(() => {
-      p((h) => h + 1);
+  const [D, A] = ae(0);
+  T(() => {
+    const S = setInterval(() => {
+      A((W) => W + 1);
     }, 1e3);
-    return () => clearInterval(g);
+    return () => clearInterval(S);
   }, []);
-  const E = H(() => D && u > v ? D : r, [D, v, r, u]);
-  return a === "big" ? /* @__PURE__ */ y(X, { text: E }) : i ? /* @__PURE__ */ y(
-    A,
+  const d = ie(() => g && D > v ? g : r, [g, v, r, D]);
+  return s === "big" ? /* @__PURE__ */ y(ue, { text: d }) : l ? /* @__PURE__ */ y(
+    P,
     {
       "data-testid": "loading-spinner",
-      themeColor: s,
-      indicatorSize: a ?? "md"
+      themeColor: a,
+      indicatorSize: s ?? "md"
     }
   ) : /* @__PURE__ */ y(
-    J,
+    le,
     {
       variant: "standard",
       style: { textAlign: "center" },
-      className: e ? te.loadingSpinnerContainer : "",
-      children: /* @__PURE__ */ B(
-        q,
+      className: e ? ve.loadingSpinnerContainer : "",
+      children: /* @__PURE__ */ Q(
+        ce,
         {
-          direction: d === "right" ? "horizontal" : "vertical",
+          direction: c === "right" ? "horizontal" : "vertical",
           gap: "dense",
           primaryAlign: "center",
           secondaryAlign: "center",
           children: [
             /* @__PURE__ */ y(
-              A,
+              P,
               {
                 "data-testid": "loading-spinner",
-                themeColor: s,
-                indicatorSize: a ?? "lg"
+                themeColor: a,
+                indicatorSize: s ?? "lg"
               }
             ),
-            /* @__PURE__ */ y(Q, { themeColor: `text-${s}-on-background`, tag: "div", "data-testid": "loading-text", children: E })
+            /* @__PURE__ */ y(de, { themeColor: `text-${a}-on-background`, tag: "div", "data-testid": "loading-text", children: d })
           ]
         }
       )
@@ -529,5 +515,5 @@ const re = "_loadingSpinnerContainer_1f3ss_1", te = {
   );
 };
 export {
-  pe as LoadingSpinner
+  Ne as LoadingSpinner
 };