@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/index.es-BtjV0oNv.js

@@ -0,0 +1,360 @@
+import { c as C, _ as A, P as r } from "./identity-DLWZln-X.js";
+import s, { forwardRef as k, useState as M, useRef as _, useImperativeHandle as S, useEffect as u } from "react";
+import { F as j } from "./index.es-B-_jXDuz.js";
+import { I as w } from "./index.es-CL_Heu1n.js";
+import { f as F, d as x } from "./index.es-da0cf7oE.js";
+import { b as O, c as f } from "./tslib.es6-BDCynO9F.js";
+import { M as q, a as B } from "./component-neHBNHRu.js";
+import { M as y, a as R, b as H } from "./component-DsB0poTj.js";
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var V = {
+  NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
+}, U = {
+  DISABLED: "mdc-radio--disabled",
+  ROOT: "mdc-radio"
+};
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var E = (
+  /** @class */
+  function(o) {
+    O(t, o);
+    function t(e) {
+      return o.call(this, f(f({}, t.defaultAdapter), e)) || this;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return U;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "strings", {
+      get: function() {
+        return V;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          setNativeControlDisabled: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.setDisabled = function(e) {
+      var n = t.cssClasses.DISABLED;
+      this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(n) : this.adapter.removeClass(n);
+    }, t;
+  }(q)
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var $ = (
+  /** @class */
+  function(o) {
+    O(t, o);
+    function t() {
+      var e = o !== null && o.apply(this, arguments) || this;
+      return e.ripple_ = e.createRipple_(), e;
+    }
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, Object.defineProperty(t.prototype, "checked", {
+      get: function() {
+        return this.nativeControl_.checked;
+      },
+      set: function(e) {
+        this.nativeControl_.checked = e;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "disabled", {
+      get: function() {
+        return this.nativeControl_.disabled;
+      },
+      set: function(e) {
+        this.foundation.setDisabled(e);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "value", {
+      get: function() {
+        return this.nativeControl_.value;
+      },
+      set: function(e) {
+        this.nativeControl_.value = e;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "ripple", {
+      get: function() {
+        return this.ripple_;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.destroy = function() {
+      this.ripple_.destroy(), o.prototype.destroy.call(this);
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, n = {
+        addClass: function(a) {
+          return e.root.classList.add(a);
+        },
+        removeClass: function(a) {
+          return e.root.classList.remove(a);
+        },
+        setNativeControlDisabled: function(a) {
+          return e.nativeControl_.disabled = a;
+        }
+      };
+      return new E(n);
+    }, t.prototype.createRipple_ = function() {
+      var e = this, n = f(f({}, y.createAdapter(this)), {
+        registerInteractionHandler: function(a, c) {
+          return e.nativeControl_.addEventListener(a, c, R());
+        },
+        deregisterInteractionHandler: function(a, c) {
+          return e.nativeControl_.removeEventListener(a, c, R());
+        },
+        // Radio buttons technically go "active" whenever there is *any* keyboard interaction.
+        // This is not the UI we desire.
+        isSurfaceActive: function() {
+          return !1;
+        },
+        isUnbounded: function() {
+          return !0;
+        }
+      });
+      return new y(this.root, new H(n));
+    }, Object.defineProperty(t.prototype, "nativeControl_", {
+      get: function() {
+        var e = E.strings.NATIVE_CONTROL_SELECTOR, n = this.root.querySelector(e);
+        if (!n)
+          throw new Error("Radio component requires a " + e + " element");
+        return n;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(B)
+);
+const z = {
+  /**
+   * Aligns radio to the right of the label.
+   *
+   * Defaults to **false**.
+   */
+  alignEnd: r.bool,
+  /**
+   * Applies selected state when `checked` equals `value` or when `checked` is set to true.
+   *
+   * Defaults to **null**.
+   */
+  checked: r.oneOfType([r.string, r.bool]),
+  /**
+   * @deprecated _Use `label` instead._
+   *
+   * Content to be rendered as the radio label. Can be used instead of `label` to provide more flexibility. Accepts any valid markup. _Warning, if `label` is set, it will be used instead of child content._
+   *
+   * Defaults to **undefined**.
+   */
+  children: x(r.node, "Radio", "Use `label` instead."),
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: r.string,
+  /**
+   * Prevents user for interacting with component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: r.bool,
+  /**
+   * The label not be displayed, but will still be available to screen readers. This should only be used when the context of the radio button is clear and understandable. An example use-case could be as a column in a table where the column header specifies the action.
+   *
+   * Defaults to **false**.
+   */
+  hideLabel: r.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: r.string,
+  /**
+   * Display label. The `label` should always be set even when using `hideLabel` - it will be used by screen readers.
+   *
+   * Defaults to **null**.
+   */
+  label: r.oneOfType([r.string, r.node]),
+  /**
+   * Name of the radio button group.
+   *
+   * Defaults to **null**.
+   */
+  name: r.string.isRequired,
+  /**
+   * Fired when value of the radio button is changed.
+   *
+   * Defaults to **null**.
+   */
+  onChange: r.func,
+  /**
+   * Override the default (`primary`) color with the `secondary` color. Most commonly used when the control is placed on a darker surface.
+   *
+   * Defaults to **'primary'**.
+   */
+  themeColor: r.oneOf(["primary", "secondary", "danger", "success"]),
+  /**
+   * A custom value will be returned as the second parameter of the `change` handler.
+   *
+   * Defaults to **null**.
+   */
+  value: r.oneOfType([r.string, r.number])
+}, G = {
+  alignEnd: !1,
+  checked: null,
+  children: void 0,
+  className: void 0,
+  disabled: !1,
+  hideLabel: !1,
+  id: void 0,
+  label: null,
+  name: null,
+  themeColor: "primary",
+  value: null
+}, b = /* @__PURE__ */ k((o, t) => {
+  const {
+    alignEnd: e,
+    checked: n,
+    children: a,
+    className: c,
+    disabled: d,
+    hideLabel: D,
+    id: N,
+    label: L,
+    name: T,
+    onChange: h,
+    themeColor: v,
+    value: p,
+    ...P
+  } = o, [g] = M(() => N || F()), m = _(), i = _();
+  S(t, () => m.current, []);
+  const I = (l) => {
+    if (h) {
+      h(l, p);
+      return;
+    }
+    i.current.checked = l.target.checked;
+  };
+  return u(() => (i.current = $.attachTo(m.current), () => {
+    var l;
+    (l = i.current) === null || l === void 0 || l.destroy();
+  }), [i]), u(() => {
+    i.current.value = p;
+  }, [p]), u(() => {
+    i.current.checked = n;
+  }, [n]), u(() => {
+    i.current.disabled = d;
+  }, [d]), /* @__PURE__ */ s.createElement(j, {
+    alignEnd: e,
+    inputRef: i
+  }, /* @__PURE__ */ s.createElement("div", {
+    ref: m,
+    className: C("lmnt mdc-radio lmnt-radio", d && "mdc-radio--disabled", v && `lmnt-radio--${v}`, c, "mdc-touch-target-wrapper")
+  }, /* @__PURE__ */ s.createElement("input", A({
+    id: g,
+    onChange: I,
+    disabled: d,
+    name: T,
+    type: "radio",
+    className: "mdc-radio__native-control"
+  }, P)), /* @__PURE__ */ s.createElement("div", {
+    className: "mdc-radio__background"
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: "mdc-radio__outer-circle"
+  }), /* @__PURE__ */ s.createElement("div", {
+    className: "mdc-radio__inner-circle"
+  })), /* @__PURE__ */ s.createElement("div", {
+    className: "mdc-radio__ripple"
+  })), /* @__PURE__ */ s.createElement(w, {
+    hideLabel: D,
+    targetId: g,
+    className: C(d && "lmnt-theme-on-surface-disabled"),
+    disabled: d
+  }, L || a));
+});
+b.displayName = "Radio";
+b.propTypes = z;
+b.defaultProps = G;
+export {
+  b as R
+};