@hortiview/shared-components 2.26.0 → 2.26.1

package/dist/index.es-CpPnZRt7.js

@@ -0,0 +1,604 @@
+import { _ as w, a as L, c as x, P as i, b as Y, d as Te } from "./index-_-9ybP20.js";
+import c, { forwardRef as M, useRef as N, useImperativeHandle as B, useEffect as P, useState as ae, useMemo as Le, useCallback as H, Fragment as Z } from "react";
+import { b as j, c as S } from "./tslib.es6-BDCynO9F.js";
+import { M as se, a as le } from "./component-By6nyiBU.js";
+import { e as Pe } from "./component-DYpB_4EP.js";
+import { _ as Ae, a as ee, b as $e, c as De, d as de, e as te, f as Re } from "./defineProperty-SoB5opr-.js";
+import { P as ke, _ as ne } from "./index.es-CNrSvjAv.js";
+import { _ as ce } from "./slicedToArray-C2Ed3239.js";
+import { e as ue, u as xe, _ as oe, i as Fe, c as He } from "./index.es-DRC-9PLs.js";
+import { c as Ie } from "./index.es-LckFzDz-.js";
+var Se = {
+  LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
+  LABEL_REQUIRED: "mdc-floating-label--required",
+  LABEL_SHAKE: "mdc-floating-label--shake",
+  ROOT: "mdc-floating-label"
+};
+var pe = (
+  /** @class */
+  (function(n) {
+    j(t, n);
+    function t(e) {
+      var o = n.call(this, S(S({}, t.defaultAdapter), e)) || this;
+      return o.shakeAnimationEndHandler_ = function() {
+        return o.handleShakeAnimationEnd_();
+      }, o;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return Se;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      /**
+       * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          getWidth: function() {
+            return 0;
+          },
+          registerInteractionHandler: function() {
+          },
+          deregisterInteractionHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.init = function() {
+      this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, t.prototype.destroy = function() {
+      this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
+    }, t.prototype.getWidth = function() {
+      return this.adapter.getWidth();
+    }, t.prototype.shake = function(e) {
+      var o = t.cssClasses.LABEL_SHAKE;
+      e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
+    }, t.prototype.float = function(e) {
+      var o = t.cssClasses, r = o.LABEL_FLOAT_ABOVE, a = o.LABEL_SHAKE;
+      e ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(a));
+    }, t.prototype.setRequired = function(e) {
+      var o = t.cssClasses.LABEL_REQUIRED;
+      e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
+    }, t.prototype.handleShakeAnimationEnd_ = function() {
+      var e = t.cssClasses.LABEL_SHAKE;
+      this.adapter.removeClass(e);
+    }, t;
+  })(se)
+);
+var we = (
+  /** @class */
+  (function(n) {
+    j(t, n);
+    function t() {
+      return n !== null && n.apply(this, arguments) || this;
+    }
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, t.prototype.shake = function(e) {
+      this.foundation.shake(e);
+    }, t.prototype.float = function(e) {
+      this.foundation.float(e);
+    }, t.prototype.setRequired = function(e) {
+      this.foundation.setRequired(e);
+    }, t.prototype.getWidth = function() {
+      return this.foundation.getWidth();
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, o = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return e.root.classList.remove(r);
+        },
+        getWidth: function() {
+          return Pe(e.root);
+        },
+        registerInteractionHandler: function(r, a) {
+          return e.listen(r, a);
+        },
+        deregisterInteractionHandler: function(r, a) {
+          return e.unlisten(r, a);
+        }
+      };
+      return new pe(o);
+    }, t;
+  })(le)
+);
+var fe = {
+  NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
+}, re = {
+  // This should stay in sync with $mdc-notched-outline-padding * 2.
+  NOTCH_ELEMENT_PADDING: 8
+}, q = {
+  NO_LABEL: "mdc-notched-outline--no-label",
+  OUTLINE_NOTCHED: "mdc-notched-outline--notched",
+  OUTLINE_UPGRADED: "mdc-notched-outline--upgraded"
+};
+var Me = (
+  /** @class */
+  (function(n) {
+    j(t, n);
+    function t(e) {
+      return n.call(this, S(S({}, t.defaultAdapter), e)) || this;
+    }
+    return Object.defineProperty(t, "strings", {
+      get: function() {
+        return fe;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return q;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "numbers", {
+      get: function() {
+        return re;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      /**
+       * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
+       */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          setNotchWidthProperty: function() {
+          },
+          removeNotchWidthProperty: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.notch = function(e) {
+      var o = t.cssClasses.OUTLINE_NOTCHED;
+      e > 0 && (e += re.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(e), this.adapter.addClass(o);
+    }, t.prototype.closeNotch = function() {
+      var e = t.cssClasses.OUTLINE_NOTCHED;
+      this.adapter.removeClass(e), this.adapter.removeNotchWidthProperty();
+    }, t;
+  })(se)
+);
+var Be = (
+  /** @class */
+  (function(n) {
+    j(t, n);
+    function t() {
+      return n !== null && n.apply(this, arguments) || this;
+    }
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, t.prototype.initialSyncWithDOM = function() {
+      this.notchElement_ = this.root.querySelector(fe.NOTCH_ELEMENT_SELECTOR);
+      var e = this.root.querySelector("." + pe.cssClasses.ROOT);
+      e ? (e.style.transitionDuration = "0s", this.root.classList.add(q.OUTLINE_UPGRADED), requestAnimationFrame(function() {
+        e.style.transitionDuration = "";
+      })) : this.root.classList.add(q.NO_LABEL);
+    }, t.prototype.notch = function(e) {
+      this.foundation.notch(e);
+    }, t.prototype.closeNotch = function() {
+      this.foundation.closeNotch();
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, o = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return e.root.classList.remove(r);
+        },
+        setNotchWidthProperty: function(r) {
+          return e.notchElement_.style.setProperty("width", r + "px");
+        },
+        removeNotchWidthProperty: function() {
+          return e.notchElement_.style.removeProperty("width");
+        }
+      };
+      return new Me(o);
+    }, t;
+  })(le)
+), je = {
+  /**
+   * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * The label will appear in the floating state.
+   *
+   * Defaults to **false**.
+   */
+  float: i.bool,
+  /**
+   * The id of the component to trigger on active
+   *
+   * Defaults to **empty string**.
+   */
+  htmlFor: i.string,
+  /**
+   * The label will shake briefly when set.
+   *
+   * Defaults to **false**.
+   */
+  shake: i.bool
+}, We = {
+  children: null,
+  className: void 0
+}, Ue = ["children", "htmlFor", "shake", "float", "className", "style"], U = We, he = /* @__PURE__ */ M(function(n, t) {
+  var e = n.children, o = e === void 0 ? U.children : e, r = n.htmlFor, a = r === void 0 ? "" : r, u = n.shake, _ = u === void 0 ? !1 : u, p = n.float, f = p === void 0 ? !1 : p, h = n.className, y = h === void 0 ? U.className : h, g = n.style, s = g === void 0 ? U.style : g, d = w(n, Ue), E = N(), C = o, b = N();
+  return B(t, function() {
+    return b.current;
+  }, []), P(function() {
+    return E.current = we.attachTo(b.current), function() {
+      E.current.destroy();
+    };
+  }), P(function() {
+    E.current.float(f);
+  }, [f]), /* @__PURE__ */ c.createElement("label", L({
+    ref: b,
+    htmlFor: a,
+    className: x("lmnt", "mdc-floating-label", f && "mdc-floating-label--float-above", _ && "mdc-floating-label--shake", y)
+  }, d, {
+    style: s
+  }), C);
+});
+he.displayName = "FloatingLabel";
+he.propTypes = je;
+var qe = {
+  /**
+   * Content to be rendered inside the notched outline. Accepts a string.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Determines if the notch is opened or closed.
+   *
+   * Defaults to **undefined**.
+   */
+  closed: i.bool,
+  /**
+   * Keep the outline, but prevent the notch (and label from showing up).
+   *
+   * Defaults to **undefined**.
+   */
+  outlineOnly: i.bool,
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  width: i.number
+}, Ke = {
+  children: null,
+  className: void 0,
+  closed: void 0,
+  outlineOnly: void 0,
+  width: null
+}, Ge = ["closed", "className", "children", "outlineOnly", "width"], R = Ke, me = /* @__PURE__ */ M(function(n, t) {
+  var e = n.closed, o = e === void 0 ? R.closed : e, r = n.className, a = r === void 0 ? R.className : r, u = n.children, _ = u === void 0 ? R.children : u, p = n.outlineOnly, f = p === void 0 ? R.outlineOnly : p, h = n.width, y = h === void 0 ? R.width : h, g = w(n, Ge), s = N(), d = N();
+  return B(t, function() {
+    return s.current;
+  }, []), P(function() {
+    return d.current = Be.attachTo(s.current), function() {
+      d.current.destroy();
+    };
+  }, []), P(function() {
+    o !== void 0 && (o ? d.current.closeNotch() : d.current.notch());
+  }, [o]), P(function() {
+    y ? d.current.foundation.adapter.setNotchWidthProperty(y) : d.current.foundation.adapter.removeNotchWidthProperty();
+  }, [y]), /* @__PURE__ */ c.createElement("div", L({
+    className: x("lmnt", "mdc-notched-outline", a),
+    ref: s
+  }, g), /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__leading"
+  }), !f && /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__notch"
+  }, _), /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__trailing"
+  }));
+});
+me.displayName = "NotchedOutline";
+me.propTypes = qe;
+var Qe = {
+  /**
+   * Accepts any valid markup. This will be rendered before any value set with the `text` prop. For most use-cases use `text`.
+   *
+   * Defaults to **undefined**.
+   */
+  children: i.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Container display type, inline or block.
+   *
+   * Defaults to **'inline'**.
+   */
+  containerType: i.oneOf(["inline", "block"]),
+  /**
+   * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
+   *
+   * Defaults to **false**.
+   */
+  hoisted: i.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: i.string,
+  /**
+   * Fired when the trigger is interacted with.
+   *
+   * Defaults to **null**.
+   */
+  onClick: i.func,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: i.oneOfType([i.string, i.node]),
+  /**
+   * Position of tooltip. Options include: 'top', 'left', 'right', and 'bottom'(default).
+   *
+   * Defaults to **'bottom'**.
+   */
+  position: i.oneOf(["bottom", "top", "left", "right"]),
+  /**
+   * string
+   *
+   * Defaults to **null**.
+   */
+  text: i.oneOfType([i.string, i.func, i.node]).isRequired,
+  /**
+   * Custom properties to apply to the hovering element.
+   *
+   * Defaults to **null**.
+   */
+  tooltipProps: i.object,
+  /**
+   * Custom properties to apply to the trigger element.
+   *
+   * Defaults to **null**.
+   */
+  triggerProps: i.object
+}, Ve = {
+  children: void 0,
+  className: void 0,
+  containerType: "inline",
+  hoisted: !1,
+  id: void 0,
+  onClick: null,
+  portalContainer: "document.body",
+  position: "bottom",
+  text: null,
+  tooltipProps: null,
+  triggerProps: null
+}, ze = {
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
+   *
+   * Defaults to **false**.
+   */
+  hoisted: i.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: i.string,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: i.oneOfType([i.string, i.node]),
+  /**
+   * The text to be rendered inside of the Tooltip.
+   *
+   * Defaults to **null**.
+   */
+  text: i.oneOfType([i.string, i.func, i.node]).isRequired
+}, Je = {
+  className: void 0,
+  hoisted: !1,
+  id: void 0,
+  portalContainer: "document.body",
+  text: null
+}, Xe = ["className", "hoisted", "id", "portalContainer", "text"], k = Je, K = /* @__PURE__ */ M(function(n, t) {
+  var e = n.className, o = e === void 0 ? k.className : e, r = n.hoisted, a = r === void 0 ? k.hoisted : r, u = n.id, _ = u === void 0 ? k.id : u, p = n.portalContainer, f = p === void 0 ? k.portalContainer : p, h = n.text, y = h === void 0 ? k.text : h, g = w(n, Xe), s = ae(function() {
+    return _ || ue();
+  }), d = ce(s, 1), E = d[0], C = N();
+  B(t, function() {
+    return C.current;
+  }, []);
+  var b = Le(function() {
+    return x(["lmnt", o, "lmnt-tooltip__text-content", "mdc-typography--caption"]);
+  }, [o]);
+  return /* @__PURE__ */ c.createElement(ke, {
+    disabled: !a,
+    container: f
+  }, /* @__PURE__ */ c.createElement("div", L({
+    role: "tooltip",
+    id: E,
+    className: b
+  }, g, {
+    ref: C
+  }), y));
+});
+K.displayName = "TooltipText";
+K.propTypes = ze;
+var Ye = ["children", "className", "containerType", "hoisted", "id", "onClick", "portalContainer", "position", "text", "tooltipProps", "triggerProps"];
+function ie(n, t) {
+  var e = Te(n);
+  if (te) {
+    var o = te(n);
+    t && (o = Re(o).call(o, function(r) {
+      return de(n, r).enumerable;
+    })), e.push.apply(e, o);
+  }
+  return e;
+}
+function I(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e, o, r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Y(e = ie(Object(r), !0)).call(e, function(a) {
+      Ae(n, a, r[a]);
+    }) : ee ? $e(n, ee(r)) : Y(o = ie(Object(r))).call(o, function(a) {
+      De(n, a, de(r, a));
+    });
+  }
+  return n;
+}
+var v = Ve, Ze = function(t) {
+  var e = t.children, o = t.idActual;
+  if (!e) return null;
+  var r = e === Z || e?.type === Z;
+  return typeof e == "string" || r ? /* @__PURE__ */ c.createElement("span", {
+    "aria-describedby": o
+  }, e) : He(e, {
+    "aria-describedby": o
+  });
+}, ve = /* @__PURE__ */ M(function(n, t) {
+  var e = n.children, o = e === void 0 ? v.children : e, r = n.className, a = r === void 0 ? v.className : r, u = n.containerType, _ = u === void 0 ? v.containerType : u, p = n.hoisted, f = p === void 0 ? v.hoisted : p, h = n.id, y = h === void 0 ? v.id : h, g = n.onClick, s = g === void 0 ? v.onClick : g, d = n.portalContainer, E = d === void 0 ? v.portalContainer : d, C = n.position, b = C === void 0 ? v.position : C, G = n.text, A = G === void 0 ? v.text : G, Q = n.tooltipProps, ye = Q === void 0 ? v.tooltipProps : Q, V = n.triggerProps, ge = V === void 0 ? v.triggerProps : V, _e = w(n, Ye), W = N(), O = N(), $ = N();
+  B(t, function() {
+    return O.current;
+  }, []);
+  var be = ae(function() {
+    return y || ue();
+  }), Ne = ce(be, 1), F = Ne[0], Ee = H(function() {
+    s?.();
+  }, [s]), Ce = H(function(l) {
+    l.key === "Enter" && s?.();
+  }, [s]);
+  xe(function() {
+    var l = [{
+      name: "flip",
+      options: {
+        enabled: !0,
+        padding: {
+          bottom: 32,
+          top: 32
+        }
+      }
+    }];
+    return f ? l.push({
+      name: "offset",
+      options: {
+        offset: [0, 6]
+      }
+    }) : l.push({
+      name: "offset",
+      options: {
+        offset: [0, 12]
+      }
+    }), W.current && O.current && ($.current = Ie(W.current, O.current, {
+      placement: b,
+      modifiers: l
+    })), function() {
+      var m;
+      (m = $.current) === null || m === void 0 || m.destroy();
+    };
+  }, [b, f]);
+  var z = H(function() {
+    var l, m, T;
+    (l = O.current) === null || l === void 0 || l.setAttribute("data-show", ""), (m = $.current) === null || m === void 0 || m.setOptions(function(D) {
+      var X;
+      return I(I({}, D), {}, {
+        modifiers: oe(X = []).call(X, ne(D.modifiers), [{
+          name: "eventListeners",
+          enabled: !0
+        }])
+      });
+    }), (T = $.current) === null || T === void 0 || T.update();
+  }, []), J = H(function() {
+    var l, m;
+    (l = O.current) === null || l === void 0 || l.removeAttribute("data-show"), (m = $.current) === null || m === void 0 || m.setOptions(function(T) {
+      var D;
+      return I(I({}, T), {}, {
+        modifiers: oe(D = []).call(D, ne(T.modifiers), [{
+          name: "eventListeners",
+          enabled: !1
+        }])
+      });
+    });
+  }, []);
+  P(function() {
+    var l = "Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ".concat(F, ").");
+    A && A.length > 100 && Fe(l);
+  }, [A, F]);
+  var Oe = s ? {
+    tabIndex: 0,
+    role: s ? "button" : "note",
+    onKeyPress: Ce,
+    onClick: Ee
+  } : {};
+  return /* @__PURE__ */ c.createElement("span", L({
+    className: x("lmnt lmnt-tooltip", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, Oe, _e), /* @__PURE__ */ c.createElement("span", L({
+    className: x("lmnt-tooltip__content", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
+  }, ge, {
+    ref: W,
+    onMouseEnter: z,
+    onFocus: z,
+    onMouseLeave: J,
+    onBlur: J
+  }), /* @__PURE__ */ c.createElement(Ze, {
+    idActual: F
+  }, o)), A && /* @__PURE__ */ c.createElement(K, L({
+    hoisted: f,
+    portalContainer: E,
+    role: "tooltip",
+    id: F,
+    className: a
+  }, ye, {
+    ref: O,
+    text: A
+  })));
+});
+ve.displayName = "Tooltip";
+ve.propTypes = Qe;
+export {
+  he as F,
+  we as M,
+  me as N,
+  K as T,
+  Be as a
+};

package/dist/{index.es-DHoIQ8lu.js → index.es-CwgwR6SB.js}

@@ -1,5 +1,5 @@
 import { forwardRef as R, useRef as m, useImperativeHandle as s, useEffect as v } from "react";
-import { P as o } from "./index-Df2FYN-K.js";
+import { P as o } from "./index-_-9ybP20.js";
 import { M as b } from "./component-DYpB_4EP.js";
 var h = {
   /**