@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-nQ0lMwpE.js → index.es-CKdJX75f.js}

@@ -1,7 +1,7 @@
-import { _ as F, c as g, P as a } from "./index-D5m--65X.js";
-import h, { forwardRef as E, useRef as d, useImperativeHandle as y, useEffect as f } from "react";
-import { b as v, c as p } from "./tslib.es6-BDCynO9F.js";
-import { M as b, a as R } from "./component-neHBNHRu.js";
+import { _ as b, a as y, c as C, P as l } from "./index-Cpb-8cAN.js";
+import I, { forwardRef as _, useRef as f, useImperativeHandle as L, useEffect as p } from "react";
+import { b as h, c as m } from "./tslib.es6-BDCynO9F.js";
+import { M as T, a as N } from "./component-neHBNHRu.js";
 /**
  * @license
  * Copyright 2017 Google Inc.
@@ -24,9 +24,9 @@ import { M as b, a as R } from "./component-neHBNHRu.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var C = {
+var O = {
   ROOT: "mdc-form-field"
-}, I = {
+}, P = {
   LABEL_SELECTOR: ".mdc-form-field > label"
 };
 /**
@@ -51,29 +51,29 @@ var C = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var m = (
+var v = (
   /** @class */
-  function(r) {
-    v(e, r);
-    function e(t) {
-      var n = r.call(this, p(p({}, e.defaultAdapter), t)) || this;
-      return n.click = function() {
-        n.handleClick();
-      }, n;
+  function(t) {
+    h(n, t);
+    function n(e) {
+      var i = t.call(this, m(m({}, n.defaultAdapter), e)) || this;
+      return i.click = function() {
+        i.handleClick();
+      }, i;
     }
-    return Object.defineProperty(e, "cssClasses", {
+    return Object.defineProperty(n, "cssClasses", {
       get: function() {
-        return C;
+        return O;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(e, "strings", {
+    }), Object.defineProperty(n, "strings", {
       get: function() {
-        return I;
+        return P;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(e, "defaultAdapter", {
+    }), Object.defineProperty(n, "defaultAdapter", {
       get: function() {
         return {
           activateInputRipple: function() {
@@ -88,17 +88,17 @@ var m = (
       },
       enumerable: !1,
       configurable: !0
-    }), e.prototype.init = function() {
+    }), n.prototype.init = function() {
       this.adapter.registerInteractionHandler("click", this.click);
-    }, e.prototype.destroy = function() {
+    }, n.prototype.destroy = function() {
       this.adapter.deregisterInteractionHandler("click", this.click);
-    }, e.prototype.handleClick = function() {
-      var t = this;
+    }, n.prototype.handleClick = function() {
+      var e = this;
       this.adapter.activateInputRipple(), requestAnimationFrame(function() {
-        t.adapter.deactivateInputRipple();
+        e.adapter.deactivateInputRipple();
       });
-    }, e;
-  }(b)
+    }, n;
+  }(T)
 );
 /**
  * @license
@@ -122,95 +122,91 @@ var m = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var L = (
+var D = (
   /** @class */
-  function(r) {
-    v(e, r);
-    function e() {
-      return r !== null && r.apply(this, arguments) || this;
+  function(t) {
+    h(n, t);
+    function n() {
+      return t !== null && t.apply(this, arguments) || this;
     }
-    return e.attachTo = function(t) {
-      return new e(t);
-    }, e.prototype.labelEl = function() {
-      var t = m.strings.LABEL_SELECTOR;
-      return this.root.querySelector(t);
-    }, e.prototype.getDefaultFoundation = function() {
-      var t = this, n = {
+    return n.attachTo = function(e) {
+      return new n(e);
+    }, n.prototype.labelEl = function() {
+      var e = v.strings.LABEL_SELECTOR;
+      return this.root.querySelector(e);
+    }, n.prototype.getDefaultFoundation = function() {
+      var e = this, i = {
         activateInputRipple: function() {
-          t.input && t.input.ripple && t.input.ripple.activate();
+          e.input && e.input.ripple && e.input.ripple.activate();
         },
         deactivateInputRipple: function() {
-          t.input && t.input.ripple && t.input.ripple.deactivate();
+          e.input && e.input.ripple && e.input.ripple.deactivate();
         },
-        deregisterInteractionHandler: function(o, l) {
-          var i = t.labelEl();
-          i && i.removeEventListener(o, l);
+        deregisterInteractionHandler: function(o, a) {
+          var r = e.labelEl();
+          r && r.removeEventListener(o, a);
         },
-        registerInteractionHandler: function(o, l) {
-          var i = t.labelEl();
-          i && i.addEventListener(o, l);
+        registerInteractionHandler: function(o, a) {
+          var r = e.labelEl();
+          r && r.addEventListener(o, a);
         }
       };
-      return new m(n);
-    }, e;
-  }(R)
-);
-const _ = {
+      return new v(i);
+    }, n;
+  }(N)
+), k = {
   /**
    * Reverse the order of the input and label.
    *
    * Defaults to **false**.
    */
-  alignEnd: a.bool,
+  alignEnd: l.bool,
   /**
    * Content to be rendered inside the FormField. Accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: a.node,
+  children: l.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: a.string,
+  className: l.string,
   /**
    * The reference of the input the form field will be associated with. It enables a greater level of integration with parent components.
    *
    * Defaults to **null**.
    */
-  inputRef: a.oneOfType([
-    a.func,
+  inputRef: l.oneOfType([
+    l.func,
     // eslint-disable-next-line react/forbid-prop-types
-    a.shape({
-      current: a.any
+    l.shape({
+      current: l.any
     })
   ])
-}, T = {
+}, H = {
   alignEnd: !1,
   children: null,
   className: void 0,
   inputRef: null
-}, s = /* @__PURE__ */ E((r, e) => {
-  const {
-    children: t,
-    inputRef: n,
-    className: o,
-    alignEnd: l,
-    ...i
-  } = r, c = d(), u = d();
-  return y(e, () => c.current, []), f(() => (u.current = L.attachTo(c.current), () => {
-    u.current.destroy();
-  })), f(() => {
-    n && (u.current.input = n.current);
-  }, [n]), /* @__PURE__ */ h.createElement("div", F({
+}, M = ["children", "inputRef", "className", "alignEnd"], u = H, g = /* @__PURE__ */ _(function(t, n) {
+  var e = t.children, i = e === void 0 ? u.children : e, o = t.inputRef, a = o === void 0 ? u.inputRef : o, r = t.className, E = r === void 0 ? u.className : r, s = t.alignEnd, F = s === void 0 ? u.alignEnd : s, R = b(t, M), c = f(), d = f();
+  return L(n, function() {
+    return c.current;
+  }, []), p(function() {
+    return d.current = D.attachTo(c.current), function() {
+      d.current.destroy();
+    };
+  }), p(function() {
+    a && (d.current.input = a.current);
+  }, [a]), /* @__PURE__ */ I.createElement("div", y({
     ref: c,
-    className: g("lmnt mdc-form-field lmnt-form-field", l && "mdc-form-field--align-end", o)
-  }, i), t);
+    className: C("lmnt mdc-form-field lmnt-form-field", F && "mdc-form-field--align-end", E)
+  }, R), i);
 });
-s.displayName = "FormField";
-s.propTypes = _;
-s.defaultProps = T;
+g.displayName = "FormField";
+g.propTypes = k;
 export {
-  s as F
+  g as F
 };

package/dist/index.es-CmF6xAUJ.js

@@ -0,0 +1,48 @@
+import { _ as f, a as v, c as L, P as a } from "./index-Cpb-8cAN.js";
+import I, { forwardRef as N, useRef as y, useImperativeHandle as P } from "react";
+var _ = {
+  /**
+   * Content to be rendered inside the FormField. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Applies disabled styling.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * Visibly disable the label, though it will still be available to screen readers.
+   *
+   * Defaults to **false**.
+   */
+  hideLabel: a.bool
+}, g = {
+  children: null,
+  className: void 0,
+  disabled: !1,
+  hideLabel: !1
+}, x = ["children", "className", "disabled", "hideLabel", "targetId"], l = g, o = /* @__PURE__ */ N(function(e, b) {
+  var d = e.children, c = d === void 0 ? l.children : d, s = e.className, p = s === void 0 ? l.className : s, r = e.disabled, u = r === void 0 ? l.disabled : r, i = e.hideLabel, m = i === void 0 ? l.hideLabel : i, t = e.targetId, h = f(e, x), n = y();
+  return P(b, function() {
+    return n.current;
+  }, []), /* @__PURE__ */ I.createElement("label", v({
+    ref: n,
+    className: L("lmnt-input-label", m && "sr-only", u && "lmnt-theme-on-surface-disabled", p),
+    htmlFor: t,
+    "aria-labelledby": t
+  }, h), c);
+});
+o.displayName = "InputLabel";
+o.propTypes = _;
+export {
+  o as I
+};