@hortiview/shared-components 2.26.0 → 2.26.1

package/dist/index.es-D1iB_QlE.js

@@ -1,608 +0,0 @@
-import { _ as w, a as P, c as H, P as i, b as Z, d as Ae } from "./index-Df2FYN-K.js";
-import d, { forwardRef as M, useRef as N, useImperativeHandle as B, useEffect as A, useState as se, useMemo as le, useCallback as k, Fragment as ee } from "react";
-import { b as j, c as S } from "./tslib.es6-BDCynO9F.js";
-import { M as ce, a as de } from "./component-By6nyiBU.js";
-import { e as $e } from "./component-DYpB_4EP.js";
-import { _ as De, a as te, b as Re, c as ke, d as ue, e as ne, f as xe } from "./defineProperty-B7N9EBBI.js";
-import { P as Fe, _ as oe } from "./index.es-BOvO8moE.js";
-import { _ as pe } from "./slicedToArray-DC6VAZtW.js";
-import { e as fe, u as He, _ as re, i as Ie, c as Se } from "./index.es-C6I3L4U4.js";
-import { c as we } from "./index.es-DEBGoIKX.js";
-var Me = {
-  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 he = (
-  /** @class */
-  (function(n) {
-    j(e, n);
-    function e(t) {
-      var o = n.call(this, S(S({}, e.defaultAdapter), t)) || this;
-      return o.shakeAnimationEndHandler_ = function() {
-        return o.handleShakeAnimationEnd_();
-      }, o;
-    }
-    return Object.defineProperty(e, "cssClasses", {
-      get: function() {
-        return Me;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "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
-    }), e.prototype.init = function() {
-      this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
-    }, e.prototype.destroy = function() {
-      this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
-    }, e.prototype.getWidth = function() {
-      return this.adapter.getWidth();
-    }, e.prototype.shake = function(t) {
-      var o = e.cssClasses.LABEL_SHAKE;
-      t ? this.adapter.addClass(o) : this.adapter.removeClass(o);
-    }, e.prototype.float = function(t) {
-      var o = e.cssClasses, r = o.LABEL_FLOAT_ABOVE, a = o.LABEL_SHAKE;
-      t ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(a));
-    }, e.prototype.setRequired = function(t) {
-      var o = e.cssClasses.LABEL_REQUIRED;
-      t ? this.adapter.addClass(o) : this.adapter.removeClass(o);
-    }, e.prototype.handleShakeAnimationEnd_ = function() {
-      var t = e.cssClasses.LABEL_SHAKE;
-      this.adapter.removeClass(t);
-    }, e;
-  })(ce)
-);
-var Be = (
-  /** @class */
-  (function(n) {
-    j(e, n);
-    function e() {
-      return n !== null && n.apply(this, arguments) || this;
-    }
-    return e.attachTo = function(t) {
-      return new e(t);
-    }, e.prototype.shake = function(t) {
-      this.foundation.shake(t);
-    }, e.prototype.float = function(t) {
-      this.foundation.float(t);
-    }, e.prototype.setRequired = function(t) {
-      this.foundation.setRequired(t);
-    }, e.prototype.getWidth = function() {
-      return this.foundation.getWidth();
-    }, e.prototype.getDefaultFoundation = function() {
-      var t = this, o = {
-        addClass: function(r) {
-          return t.root.classList.add(r);
-        },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
-        },
-        getWidth: function() {
-          return $e(t.root);
-        },
-        registerInteractionHandler: function(r, a) {
-          return t.listen(r, a);
-        },
-        deregisterInteractionHandler: function(r, a) {
-          return t.unlisten(r, a);
-        }
-      };
-      return new he(o);
-    }, e;
-  })(de)
-);
-var me = {
-  NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
-}, ie = {
-  // 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 je = (
-  /** @class */
-  (function(n) {
-    j(e, n);
-    function e(t) {
-      return n.call(this, S(S({}, e.defaultAdapter), t)) || this;
-    }
-    return Object.defineProperty(e, "strings", {
-      get: function() {
-        return me;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "cssClasses", {
-      get: function() {
-        return q;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "numbers", {
-      get: function() {
-        return ie;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "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
-    }), e.prototype.notch = function(t) {
-      var o = e.cssClasses.OUTLINE_NOTCHED;
-      t > 0 && (t += ie.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(t), this.adapter.addClass(o);
-    }, e.prototype.closeNotch = function() {
-      var t = e.cssClasses.OUTLINE_NOTCHED;
-      this.adapter.removeClass(t), this.adapter.removeNotchWidthProperty();
-    }, e;
-  })(ce)
-);
-var We = (
-  /** @class */
-  (function(n) {
-    j(e, n);
-    function e() {
-      return n !== null && n.apply(this, arguments) || this;
-    }
-    return e.attachTo = function(t) {
-      return new e(t);
-    }, e.prototype.initialSyncWithDOM = function() {
-      this.notchElement_ = this.root.querySelector(me.NOTCH_ELEMENT_SELECTOR);
-      var t = this.root.querySelector("." + he.cssClasses.ROOT);
-      t ? (t.style.transitionDuration = "0s", this.root.classList.add(q.OUTLINE_UPGRADED), requestAnimationFrame(function() {
-        t.style.transitionDuration = "";
-      })) : this.root.classList.add(q.NO_LABEL);
-    }, e.prototype.notch = function(t) {
-      this.foundation.notch(t);
-    }, e.prototype.closeNotch = function() {
-      this.foundation.closeNotch();
-    }, e.prototype.getDefaultFoundation = function() {
-      var t = this, o = {
-        addClass: function(r) {
-          return t.root.classList.add(r);
-        },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
-        },
-        setNotchWidthProperty: function(r) {
-          return t.notchElement_.style.setProperty("width", r + "px");
-        },
-        removeNotchWidthProperty: function() {
-          return t.notchElement_.style.removeProperty("width");
-        }
-      };
-      return new je(o);
-    }, e;
-  })(de)
-), Ue = {
-  /**
-   * 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
-}, qe = {
-  children: null,
-  className: void 0
-}, Ke = ["children", "htmlFor", "shake", "float", "className", "style"], U = qe, ve = /* @__PURE__ */ M(function(n, e) {
-  var t = n.children, o = t === void 0 ? U.children : t, 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, l = g === void 0 ? U.style : g, c = w(n, Ke), E = N(), C = o, b = N();
-  return B(e, function() {
-    return b.current;
-  }, []), A(function() {
-    return E.current = Be.attachTo(b.current), function() {
-      E.current.destroy();
-    };
-  }), A(function() {
-    E.current.float(f);
-  }, [f]), /* @__PURE__ */ d.createElement("label", P({
-    ref: b,
-    htmlFor: a,
-    className: H("lmnt", "mdc-floating-label", f && "mdc-floating-label--float-above", _ && "mdc-floating-label--shake", y)
-  }, c, {
-    style: l
-  }), C);
-});
-ve.displayName = "FloatingLabel";
-ve.propTypes = Ue;
-var Ge = {
-  /**
-   * 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
-}, Qe = {
-  children: null,
-  className: void 0,
-  closed: void 0,
-  outlineOnly: void 0,
-  width: null
-}, Ve = ["closed", "className", "children", "outlineOnly", "width"], x = Qe, ye = /* @__PURE__ */ M(function(n, e) {
-  var t = n.closed, o = t === void 0 ? x.closed : t, r = n.className, a = r === void 0 ? x.className : r, u = n.children, _ = u === void 0 ? x.children : u, p = n.outlineOnly, f = p === void 0 ? x.outlineOnly : p, h = n.width, y = h === void 0 ? x.width : h, g = w(n, Ve), l = N(), c = N();
-  return B(e, function() {
-    return l.current;
-  }, []), A(function() {
-    return c.current = We.attachTo(l.current), function() {
-      c.current.destroy();
-    };
-  }, []), A(function() {
-    o !== void 0 && (o ? c.current.closeNotch() : c.current.notch());
-  }, [o]), A(function() {
-    y ? c.current.foundation.adapter.setNotchWidthProperty(y) : c.current.foundation.adapter.removeNotchWidthProperty();
-  }, [y]), /* @__PURE__ */ d.createElement("div", P({
-    className: H("lmnt", "mdc-notched-outline", a),
-    ref: l
-  }, g), /* @__PURE__ */ d.createElement("div", {
-    className: "mdc-notched-outline__leading"
-  }), !f && /* @__PURE__ */ d.createElement("div", {
-    className: "mdc-notched-outline__notch"
-  }, _), /* @__PURE__ */ d.createElement("div", {
-    className: "mdc-notched-outline__trailing"
-  }));
-});
-ye.displayName = "NotchedOutline";
-ye.propTypes = Ge;
-var ze = {
-  /**
-   * 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
-}, Je = {
-  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
-}, Xe = {
-  /**
-   * 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
-}, Ye = {
-  className: void 0,
-  hoisted: !1,
-  id: void 0,
-  portalContainer: "document.body",
-  text: null
-}, Ze = ["className", "hoisted", "id", "portalContainer", "text"], F = Ye, K = /* @__PURE__ */ M(function(n, e) {
-  var t = n.className, o = t === void 0 ? F.className : t, r = n.hoisted, a = r === void 0 ? F.hoisted : r, u = n.id, _ = u === void 0 ? F.id : u, p = n.portalContainer, f = p === void 0 ? F.portalContainer : p, h = n.text, y = h === void 0 ? F.text : h, g = w(n, Ze), l = se(function() {
-    return _ || fe();
-  }), c = pe(l, 1), E = c[0], C = N();
-  B(e, function() {
-    return C.current;
-  }, []);
-  var b = le(function() {
-    return H(["lmnt", o, "lmnt-tooltip__text-content", "mdc-typography--caption"]);
-  }, [o]);
-  return /* @__PURE__ */ d.createElement(Fe, {
-    disabled: !a,
-    container: f
-  }, /* @__PURE__ */ d.createElement("div", P({
-    role: "tooltip",
-    id: E,
-    className: b
-  }, g, {
-    ref: C
-  }), y));
-});
-K.displayName = "TooltipText";
-K.propTypes = Xe;
-var et = ["children", "className", "containerType", "hoisted", "id", "onClick", "portalContainer", "position", "text", "tooltipProps", "triggerProps"];
-function ae(n, e) {
-  var t = Ae(n);
-  if (ne) {
-    var o = ne(n);
-    e && (o = xe(o).call(o, function(r) {
-      return ue(n, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function I(n) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t, o, r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Z(t = ae(Object(r), !0)).call(t, function(a) {
-      De(n, a, r[a]);
-    }) : te ? Re(n, te(r)) : Z(o = ae(Object(r))).call(o, function(a) {
-      ke(n, a, ue(r, a));
-    });
-  }
-  return n;
-}
-var v = Je, ge = /* @__PURE__ */ M(function(n, e) {
-  var t = n.children, o = t === void 0 ? v.children : t, 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, l = g === void 0 ? v.onClick : g, c = n.portalContainer, E = c === void 0 ? v.portalContainer : c, C = n.position, b = C === void 0 ? v.position : C, G = n.text, $ = G === void 0 ? v.text : G, Q = n.tooltipProps, _e = Q === void 0 ? v.tooltipProps : Q, V = n.triggerProps, be = V === void 0 ? v.triggerProps : V, Ne = w(n, et), W = N(), O = N(), D = N();
-  B(e, function() {
-    return O.current;
-  }, []);
-  var Ee = se(function() {
-    return y || fe();
-  }), Ce = pe(Ee, 1), T = Ce[0], Oe = k(function() {
-    l?.();
-  }, [l]), Te = k(function(s) {
-    s.key === "Enter" && l?.();
-  }, [l]);
-  He(function() {
-    var s = [{
-      name: "flip",
-      options: {
-        enabled: !0,
-        padding: {
-          bottom: 32,
-          top: 32
-        }
-      }
-    }];
-    return f ? s.push({
-      name: "offset",
-      options: {
-        offset: [0, 6]
-      }
-    }) : s.push({
-      name: "offset",
-      options: {
-        offset: [0, 12]
-      }
-    }), W.current && O.current && (D.current = we(W.current, O.current, {
-      placement: b,
-      modifiers: s
-    })), function() {
-      var m;
-      (m = D.current) === null || m === void 0 || m.destroy();
-    };
-  }, [b, f]);
-  var z = k(function() {
-    var s, m, L;
-    (s = O.current) === null || s === void 0 || s.setAttribute("data-show", ""), (m = D.current) === null || m === void 0 || m.setOptions(function(R) {
-      var Y;
-      return I(I({}, R), {}, {
-        modifiers: re(Y = []).call(Y, oe(R.modifiers), [{
-          name: "eventListeners",
-          enabled: !0
-        }])
-      });
-    }), (L = D.current) === null || L === void 0 || L.update();
-  }, []), J = k(function() {
-    var s, m;
-    (s = O.current) === null || s === void 0 || s.removeAttribute("data-show"), (m = D.current) === null || m === void 0 || m.setOptions(function(L) {
-      var R;
-      return I(I({}, L), {}, {
-        modifiers: re(R = []).call(R, oe(L.modifiers), [{
-          name: "eventListeners",
-          enabled: !1
-        }])
-      });
-    });
-  }, []), X = k(function() {
-    var s = o;
-    return s.type ? s.type === ee : s === ee;
-  }, [o]);
-  A(function() {
-    var s = "Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ".concat(T, ").");
-    $ && $.length > 100 && Ie(s);
-  }, [$, T]);
-  var Le = le(
-    // eslint-disable-next-line react/no-unstable-nested-components
-    function() {
-      return function() {
-        return o ? typeof o == "string" || X(o) ? /* @__PURE__ */ d.createElement("span", {
-          "aria-describedby": T
-        }, o) : Se(o, {
-          "aria-describedby": T
-        }) : null;
-      };
-    },
-    [o, T, X]
-  ), Pe = l ? {
-    tabIndex: 0,
-    role: l ? "button" : "note",
-    onKeyPress: Te,
-    onClick: Oe
-  } : {};
-  return /* @__PURE__ */ d.createElement("span", P({
-    className: H("lmnt lmnt-tooltip", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
-  }, Pe, Ne), /* @__PURE__ */ d.createElement("span", P({
-    className: H("lmnt-tooltip__content", _ === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
-  }, be, {
-    ref: W,
-    onMouseEnter: z,
-    onFocus: z,
-    onMouseLeave: J,
-    onBlur: J
-  }), /* @__PURE__ */ d.createElement(Le, null)), $ && /* @__PURE__ */ d.createElement(K, P({
-    hoisted: f,
-    portalContainer: E,
-    role: "tooltip",
-    id: T,
-    className: a
-  }, _e, {
-    ref: O,
-    text: $
-  })));
-});
-ge.displayName = "Tooltip";
-ge.propTypes = ze;
-export {
-  ve as F,
-  Be as M,
-  ye as N,
-  K as T,
-  We as a
-};