@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/index.es-BvrQnJ3j.js

@@ -0,0 +1,509 @@
+import { c as M, _ as F, P as i } from "./identity-DLWZln-X.js";
+import { F as B } from "./index.es-B-_jXDuz.js";
+import { I as V } from "./index.es-CL_Heu1n.js";
+import l, { forwardRef as G, useState as q, useRef as O, useImperativeHandle as W, useCallback as z, useEffect as b } from "react";
+import { f as X } from "./index.es-da0cf7oE.js";
+import { b as U, c as T } from "./tslib.es6-BDCynO9F.js";
+import { g as S } from "./util-DA21pZXj.js";
+import { M as $, a as J } from "./component-neHBNHRu.js";
+import { M as H, a as x, m as Q, b as Y } 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 f = {
+  ANIM_CHECKED_INDETERMINATE: "mdc-checkbox--anim-checked-indeterminate",
+  ANIM_CHECKED_UNCHECKED: "mdc-checkbox--anim-checked-unchecked",
+  ANIM_INDETERMINATE_CHECKED: "mdc-checkbox--anim-indeterminate-checked",
+  ANIM_INDETERMINATE_UNCHECKED: "mdc-checkbox--anim-indeterminate-unchecked",
+  ANIM_UNCHECKED_CHECKED: "mdc-checkbox--anim-unchecked-checked",
+  ANIM_UNCHECKED_INDETERMINATE: "mdc-checkbox--anim-unchecked-indeterminate",
+  BACKGROUND: "mdc-checkbox__background",
+  CHECKED: "mdc-checkbox--checked",
+  CHECKMARK: "mdc-checkbox__checkmark",
+  CHECKMARK_PATH: "mdc-checkbox__checkmark-path",
+  DISABLED: "mdc-checkbox--disabled",
+  INDETERMINATE: "mdc-checkbox--indeterminate",
+  MIXEDMARK: "mdc-checkbox__mixedmark",
+  NATIVE_CONTROL: "mdc-checkbox__native-control",
+  ROOT: "mdc-checkbox",
+  SELECTED: "mdc-checkbox--selected",
+  UPGRADED: "mdc-checkbox--upgraded"
+}, c = {
+  ARIA_CHECKED_ATTR: "aria-checked",
+  ARIA_CHECKED_INDETERMINATE_VALUE: "mixed",
+  DATA_INDETERMINATE_ATTR: "data-indeterminate",
+  NATIVE_CONTROL_SELECTOR: ".mdc-checkbox__native-control",
+  TRANSITION_STATE_CHECKED: "checked",
+  TRANSITION_STATE_INDETERMINATE: "indeterminate",
+  TRANSITION_STATE_INIT: "init",
+  TRANSITION_STATE_UNCHECKED: "unchecked"
+}, K = {
+  ANIM_END_LATCH_MS: 250
+};
+/**
+ * @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 Z = (
+  /** @class */
+  function(s) {
+    U(n, s);
+    function n(e) {
+      var t = s.call(this, T(T({}, n.defaultAdapter), e)) || this;
+      return t.currentCheckState_ = c.TRANSITION_STATE_INIT, t.currentAnimationClass_ = "", t.animEndLatchTimer_ = 0, t.enableAnimationEndHandler_ = !1, t;
+    }
+    return Object.defineProperty(n, "cssClasses", {
+      get: function() {
+        return f;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "strings", {
+      get: function() {
+        return c;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "numbers", {
+      get: function() {
+        return K;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          forceLayout: function() {
+          },
+          hasNativeControl: function() {
+            return !1;
+          },
+          isAttachedToDOM: function() {
+            return !1;
+          },
+          isChecked: function() {
+            return !1;
+          },
+          isIndeterminate: function() {
+            return !1;
+          },
+          removeClass: function() {
+          },
+          removeNativeControlAttr: function() {
+          },
+          setNativeControlAttr: function() {
+          },
+          setNativeControlDisabled: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), n.prototype.init = function() {
+      this.currentCheckState_ = this.determineCheckState_(), this.updateAriaChecked_(), this.adapter.addClass(f.UPGRADED);
+    }, n.prototype.destroy = function() {
+      clearTimeout(this.animEndLatchTimer_);
+    }, n.prototype.setDisabled = function(e) {
+      this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(f.DISABLED) : this.adapter.removeClass(f.DISABLED);
+    }, n.prototype.handleAnimationEnd = function() {
+      var e = this;
+      this.enableAnimationEndHandler_ && (clearTimeout(this.animEndLatchTimer_), this.animEndLatchTimer_ = setTimeout(function() {
+        e.adapter.removeClass(e.currentAnimationClass_), e.enableAnimationEndHandler_ = !1;
+      }, K.ANIM_END_LATCH_MS));
+    }, n.prototype.handleChange = function() {
+      this.transitionCheckState_();
+    }, n.prototype.transitionCheckState_ = function() {
+      if (this.adapter.hasNativeControl()) {
+        var e = this.currentCheckState_, t = this.determineCheckState_();
+        if (e !== t) {
+          this.updateAriaChecked_();
+          var r = c.TRANSITION_STATE_UNCHECKED, a = f.SELECTED;
+          t === r ? this.adapter.removeClass(a) : this.adapter.addClass(a), this.currentAnimationClass_.length > 0 && (clearTimeout(this.animEndLatchTimer_), this.adapter.forceLayout(), this.adapter.removeClass(this.currentAnimationClass_)), this.currentAnimationClass_ = this.getTransitionAnimationClass_(e, t), this.currentCheckState_ = t, this.adapter.isAttachedToDOM() && this.currentAnimationClass_.length > 0 && (this.adapter.addClass(this.currentAnimationClass_), this.enableAnimationEndHandler_ = !0);
+        }
+      }
+    }, n.prototype.determineCheckState_ = function() {
+      var e = c.TRANSITION_STATE_INDETERMINATE, t = c.TRANSITION_STATE_CHECKED, r = c.TRANSITION_STATE_UNCHECKED;
+      return this.adapter.isIndeterminate() ? e : this.adapter.isChecked() ? t : r;
+    }, n.prototype.getTransitionAnimationClass_ = function(e, t) {
+      var r = c.TRANSITION_STATE_INIT, a = c.TRANSITION_STATE_CHECKED, o = c.TRANSITION_STATE_UNCHECKED, d = n.cssClasses, _ = d.ANIM_UNCHECKED_CHECKED, E = d.ANIM_UNCHECKED_INDETERMINATE, N = d.ANIM_CHECKED_UNCHECKED, C = d.ANIM_CHECKED_INDETERMINATE, m = d.ANIM_INDETERMINATE_CHECKED, u = d.ANIM_INDETERMINATE_UNCHECKED;
+      switch (e) {
+        case r:
+          return t === o ? "" : t === a ? m : u;
+        case o:
+          return t === a ? _ : E;
+        case a:
+          return t === o ? N : C;
+        default:
+          return t === a ? m : u;
+      }
+    }, n.prototype.updateAriaChecked_ = function() {
+      this.adapter.isIndeterminate() ? this.adapter.setNativeControlAttr(c.ARIA_CHECKED_ATTR, c.ARIA_CHECKED_INDETERMINATE_VALUE) : this.adapter.removeNativeControlAttr(c.ARIA_CHECKED_ATTR);
+    }, n;
+  }($)
+);
+/**
+ * @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 L = ["checked", "indeterminate"], ee = (
+  /** @class */
+  function(s) {
+    U(n, s);
+    function n() {
+      var e = s !== null && s.apply(this, arguments) || this;
+      return e.ripple_ = e.createRipple_(), e;
+    }
+    return n.attachTo = function(e) {
+      return new n(e);
+    }, Object.defineProperty(n.prototype, "ripple", {
+      get: function() {
+        return this.ripple_;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n.prototype, "checked", {
+      get: function() {
+        return this.nativeControl_.checked;
+      },
+      set: function(e) {
+        this.nativeControl_.checked = e;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n.prototype, "indeterminate", {
+      get: function() {
+        return this.nativeControl_.indeterminate;
+      },
+      set: function(e) {
+        this.nativeControl_.indeterminate = e;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n.prototype, "disabled", {
+      get: function() {
+        return this.nativeControl_.disabled;
+      },
+      set: function(e) {
+        this.foundation.setDisabled(e);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n.prototype, "value", {
+      get: function() {
+        return this.nativeControl_.value;
+      },
+      set: function(e) {
+        this.nativeControl_.value = e;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), n.prototype.initialize = function() {
+      var e = c.DATA_INDETERMINATE_ATTR;
+      this.nativeControl_.indeterminate = this.nativeControl_.getAttribute(e) === "true", this.nativeControl_.removeAttribute(e);
+    }, n.prototype.initialSyncWithDOM = function() {
+      var e = this;
+      this.handleChange_ = function() {
+        return e.foundation.handleChange();
+      }, this.handleAnimationEnd_ = function() {
+        return e.foundation.handleAnimationEnd();
+      }, this.nativeControl_.addEventListener("change", this.handleChange_), this.listen(S(window, "animationend"), this.handleAnimationEnd_), this.installPropertyChangeHooks_();
+    }, n.prototype.destroy = function() {
+      this.ripple_.destroy(), this.nativeControl_.removeEventListener("change", this.handleChange_), this.unlisten(S(window, "animationend"), this.handleAnimationEnd_), this.uninstallPropertyChangeHooks_(), s.prototype.destroy.call(this);
+    }, n.prototype.getDefaultFoundation = function() {
+      var e = this, t = {
+        addClass: function(r) {
+          return e.root.classList.add(r);
+        },
+        forceLayout: function() {
+          return e.root.offsetWidth;
+        },
+        hasNativeControl: function() {
+          return !!e.nativeControl_;
+        },
+        isAttachedToDOM: function() {
+          return !!e.root.parentNode;
+        },
+        isChecked: function() {
+          return e.checked;
+        },
+        isIndeterminate: function() {
+          return e.indeterminate;
+        },
+        removeClass: function(r) {
+          e.root.classList.remove(r);
+        },
+        removeNativeControlAttr: function(r) {
+          e.nativeControl_.removeAttribute(r);
+        },
+        setNativeControlAttr: function(r, a) {
+          e.nativeControl_.setAttribute(r, a);
+        },
+        setNativeControlDisabled: function(r) {
+          e.nativeControl_.disabled = r;
+        }
+      };
+      return new Z(t);
+    }, n.prototype.createRipple_ = function() {
+      var e = this, t = T(T({}, H.createAdapter(this)), { deregisterInteractionHandler: function(r, a) {
+        return e.nativeControl_.removeEventListener(r, a, x());
+      }, isSurfaceActive: function() {
+        return Q(e.nativeControl_, ":active");
+      }, isUnbounded: function() {
+        return !0;
+      }, registerInteractionHandler: function(r, a) {
+        return e.nativeControl_.addEventListener(r, a, x());
+      } });
+      return new H(this.root, new Y(t));
+    }, n.prototype.installPropertyChangeHooks_ = function() {
+      var e = this, t = this.nativeControl_, r = Object.getPrototypeOf(t);
+      L.forEach(function(a) {
+        var o = Object.getOwnPropertyDescriptor(r, a);
+        if (P(o)) {
+          var d = o.get, _ = {
+            configurable: o.configurable,
+            enumerable: o.enumerable,
+            get: d,
+            set: function(E) {
+              o.set.call(t, E), e.foundation.handleChange();
+            }
+          };
+          Object.defineProperty(t, a, _);
+        }
+      });
+    }, n.prototype.uninstallPropertyChangeHooks_ = function() {
+      var e = this.nativeControl_, t = Object.getPrototypeOf(e);
+      L.forEach(function(r) {
+        var a = Object.getOwnPropertyDescriptor(t, r);
+        P(a) && Object.defineProperty(e, r, a);
+      });
+    }, Object.defineProperty(n.prototype, "nativeControl_", {
+      get: function() {
+        var e = c.NATIVE_CONTROL_SELECTOR, t = this.root.querySelector(e);
+        if (!t)
+          throw new Error("Checkbox component requires a " + e + " element");
+        return t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), n;
+  }(J)
+);
+function P(s) {
+  return !!s && typeof s.set == "function";
+}
+const te = {
+  /**
+   * Aligns checkbox to the right of the label.
+   *
+   * Defaults to **false**.
+   */
+  alignEnd: i.bool,
+  /**
+   * The current state of the checkbox.
+   *
+   * Defaults to **null**.
+   */
+  checked: i.bool,
+  /**
+   * Alternative to `label`, if both `label` and `children` are set, `label` will take priority. Expects a string, but will accept any valid markup.
+   *
+   * Defaults to **undefined**.
+   */
+  children: i.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Prevent the user from interacting with the component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: i.bool,
+  /**
+   * The label not be displayed, but will still be available to screen readers. This should only be used when the context of the checkbox 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: i.bool,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
+  id: i.string,
+  /**
+   * The checkbox will show an indicator if no value (true or false) is set.
+   *
+   * Defaults to **false**.
+   */
+  indeterminate: i.bool,
+  /**
+   * Display label. The `label` should always be set even when using `hideLabel` - it will be used by screen readers.
+   *
+   * Defaults to **null**.
+   */
+  label: i.oneOfType([i.string, i.node]),
+  /**
+   * Fired when checkbox value is changed
+   *
+   * Defaults to **null**.
+   */
+  onChange: i.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: i.oneOf(["primary", "secondary", "danger", "success"]),
+  /**
+   * Any additional value information to be included with the event.
+   *
+   * Defaults to **null**.
+   */
+  value: i.oneOfType([i.string, i.number, i.bool, i.object])
+}, ne = {
+  alignEnd: !1,
+  checked: null,
+  children: void 0,
+  className: void 0,
+  disabled: !1,
+  hideLabel: !1,
+  id: void 0,
+  indeterminate: !1,
+  label: null,
+  themeColor: "primary",
+  value: null
+}, I = /* @__PURE__ */ G((s, n) => {
+  const {
+    alignEnd: e,
+    checked: t,
+    children: r,
+    className: a,
+    disabled: o,
+    hideLabel: d,
+    id: _,
+    indeterminate: E,
+    label: N,
+    onChange: C,
+    themeColor: m,
+    value: u,
+    ...j
+  } = s, [v] = q(() => _ || X()), A = O(), h = O(), w = N || r;
+  W(n, () => A.current, []);
+  let D = !1, p = t;
+  const k = z((g) => {
+    const y = g.target.checked;
+    D && y === p || (D = !0, p = y, C?.(p, g, u));
+  }, [C]);
+  b(() => (h.current = new ee(A.current), () => {
+    h.current.destroy();
+  }), []), b(() => {
+    h.current.checked !== t && (h.current.checked = t);
+  }, [t]), b(() => {
+    E && t === null ? h.current.indeterminate = !0 : h.current.indeterminate = !1;
+  }, [t, E]);
+  const R = {};
+  return u != null && (R.value = u), /* @__PURE__ */ l.createElement(B, {
+    alignEnd: e,
+    input: h,
+    className: "lmnt mdc-touch-target-wrapper"
+  }, /* @__PURE__ */ l.createElement("div", {
+    // onClick={handleChange}
+    ref: A,
+    className: M("lmnt mdc-checkbox lmnt-checkbox mdc-checkbox--touch", o && "mdc-checkbox--disabled", m && `lmnt-checkbox--${m}`, a)
+  }, /* @__PURE__ */ l.createElement("input", F({
+    id: v,
+    disabled: o,
+    type: "checkbox",
+    className: "mdc-checkbox__native-control",
+    onChange: k,
+    onClick: k,
+    defaultChecked: t
+  }, R, j)), /* @__PURE__ */ l.createElement("div", {
+    className: "mdc-checkbox__background"
+  }, /* @__PURE__ */ l.createElement("svg", {
+    className: "mdc-checkbox__checkmark",
+    viewBox: "0 0 24 24"
+  }, /* @__PURE__ */ l.createElement("path", {
+    className: "mdc-checkbox__checkmark-path",
+    fill: "none",
+    stroke: "white",
+    d: "M1.73,12.91 8.1,19.28 22.79,4.59"
+  })), /* @__PURE__ */ l.createElement("div", {
+    className: "mdc-checkbox__mixedmark"
+  })), /* @__PURE__ */ l.createElement("div", {
+    className: "mdc-checkbox__ripple"
+  })), /* @__PURE__ */ l.createElement(V, {
+    hideLabel: d,
+    targetId: v,
+    className: M(o && "lmnt-theme-on-surface-disabled"),
+    disabled: o
+  }, w));
+});
+I.displayName = "Checkbox";
+I.propTypes = te;
+I.defaultProps = ne;
+export {
+  I as C,
+  ee as M
+};