@performant-software/user-defined-fields 3.1.0-beta.1 → 3.1.0-beta.3

package/dist/index.es176.js

@@ -1,28 +1,792 @@
-import p from "./index.es177.js";
-import l from "./index.es171.js";
-import a from "react";
-import s from "./index.es178.js";
-import c from "./index.es179.js";
-import f from "./index.es46.js";
-import t from "./index.es180.js";
-function o(r) {
-  var e = r.control, n = s(o, r), m = c(o, r);
-  return /* @__PURE__ */ a.createElement(m, p({}, n, {
-    control: e
-  }));
+import S from "./index.es169.js";
+import ue from "./index.es161.js";
+import ce from "./index.es275.js";
+import de from "./index.es289.js";
+import F from "./index.es196.js";
+import fe from "./index.es290.js";
+import he from "./index.es198.js";
+import me from "./index.es291.js";
+import ve from "./index.es292.js";
+import Q from "./index.es293.js";
+import be from "./index.es294.js";
+import G from "./index.es295.js";
+import W from "./index.es296.js";
+import R from "./index.es178.js";
+import ge from "./index.es297.js";
+import ye from "./index.es274.js";
+import c from "./index.es162.js";
+import Oe from "./index.es298.js";
+import we from "./index.es299.js";
+import Ie from "./index.es300.js";
+import Ce from "./index.es301.js";
+import E from "./index.es177.js";
+import K from "./index.es252.js";
+import { clsx as M } from "./index.es179.js";
+import b from "./index.es253.js";
+import o from "./index.es163.js";
+import w, { createRef as z, Children as Se, cloneElement as De } from "react";
+import U from "./index.es302.js";
+import Ae from "./index.es254.js";
+import { isNil as xe } from "./index.es180.js";
+import { useKeyOnly as f, useKeyOrValueAndKey as Le } from "./index.es181.js";
+import { every as x, disallow as $, demand as V, givenProps as Ee } from "./index.es164.js";
+import _e from "./index.es170.js";
+import Te from "./index.es171.js";
+import ke from "./index.es204.js";
+import Qe from "./index.es192.js";
+import Re from "./index.es48.js";
+import Me from "./index.es208.js";
+import $e from "./index.es209.js";
+import Ve from "./index.es205.js";
+import H from "./index.es207.js";
+import ee from "./index.es206.js";
+import te from "./index.es210.js";
+import re from "./index.es211.js";
+import oe from "./index.es212.js";
+import B from "./index.es303.js";
+import X from "./index.es304.js";
+import { Ref as J } from "./index.es167.js";
+var Y = function(g, O) {
+  return E(g) ? O : g;
+}, Z = function(g) {
+  return g && g.map(function(O) {
+    return Ce(O, ["key", "value"]);
+  });
+};
+function ne(C) {
+  var g = C.flag, O = C.image, e = C.text;
+  return Ie(e) ? e : {
+    content: /* @__PURE__ */ w.createElement(w.Fragment, null, Me.create(g), $e.create(O), e)
+  };
 }
-o.handledProps = ["as", "control"];
-o.propTypes = process.env.NODE_ENV !== "production" ? {
+var I = /* @__PURE__ */ function(C) {
+  ue(g, C);
+  function g() {
+    for (var e, l = arguments.length, d = new Array(l), m = 0; m < l; m++)
+      d[m] = arguments[m];
+    return e = C.call.apply(C, [this].concat(d)) || this, e.searchRef = /* @__PURE__ */ z(), e.sizerRef = /* @__PURE__ */ z(), e.ref = /* @__PURE__ */ z(), e.handleChange = function(t, r) {
+      c(e.props, "onChange", t, S({}, e.props, {
+        value: r
+      }));
+    }, e.closeOnChange = function(t) {
+      var r = e.props, n = r.closeOnChange, a = r.multiple, s = ye(n) ? !a : n;
+      s && e.close(t, ge);
+    }, e.closeOnEscape = function(t) {
+      e.props.closeOnEscape && b.getCode(t) === b.Escape && (t.preventDefault(), e.close(t));
+    }, e.moveSelectionOnKeyDown = function(t) {
+      var r, n = e.props, a = n.multiple, s = n.selectOnNavigation, i = e.state.open;
+      if (i) {
+        var p = (r = {}, r[b.ArrowDown] = 1, r[b.ArrowUp] = -1, r), u = p[b.getCode(t)];
+        if (u !== void 0) {
+          t.preventDefault();
+          var h = e.getSelectedIndexAfterMove(u);
+          !a && s && e.makeSelectedItemActive(t, h), e.setState({
+            selectedIndex: h
+          });
+        }
+      }
+    }, e.openOnSpace = function(t) {
+      var r, n, a, s = e.state.focus && !e.state.open && b.getCode(t) === b.Spacebar, i = ((r = t.target) == null ? void 0 : r.tagName) !== "INPUT" && ((n = t.target) == null ? void 0 : n.tagName) !== "TEXTAREA" && ((a = t.target) == null ? void 0 : a.isContentEditable) !== !0;
+      s && (i && t.preventDefault(), e.open(t));
+    }, e.openOnArrow = function(t) {
+      var r = e.state, n = r.focus, a = r.open;
+      if (n && !a) {
+        var s = b.getCode(t);
+        (s === b.ArrowDown || s === b.ArrowUp) && (t.preventDefault(), e.open(t));
+      }
+    }, e.makeSelectedItemActive = function(t, r) {
+      var n = e.state, a = n.open, s = n.value, i = e.props.multiple, p = e.getSelectedItem(r), u = R(p, "value"), h = R(p, "disabled");
+      if (E(u) || !a || h)
+        return s;
+      var v = i ? W(s, [u]) : u, D = i ? !!G(v, s).length : v !== s;
+      return D && (e.setState({
+        value: v
+      }), e.handleChange(t, v), p["data-additional"] && c(e.props, "onAddItem", t, S({}, e.props, {
+        value: u
+      }))), s;
+    }, e.selectItemOnEnter = function(t) {
+      var r = e.props.search, n = e.state, a = n.open, s = n.selectedIndex;
+      if (a) {
+        var i = b.getCode(t) === b.Enter || // https://github.com/Semantic-Org/Semantic-UI-React/pull/3766
+        !r && b.getCode(t) === b.Spacebar;
+        if (i) {
+          t.preventDefault();
+          var p = be(B({
+            value: e.state.value,
+            options: e.props.options,
+            searchQuery: e.state.searchQuery,
+            additionLabel: e.props.additionLabel,
+            additionPosition: e.props.additionPosition,
+            allowAdditions: e.props.allowAdditions,
+            deburr: e.props.deburr,
+            multiple: e.props.multiple,
+            search: e.props.search
+          }));
+          if (!(r && p === 0)) {
+            var u = e.makeSelectedItemActive(t, s);
+            e.setState({
+              selectedIndex: X({
+                additionLabel: e.props.additionLabel,
+                additionPosition: e.props.additionPosition,
+                allowAdditions: e.props.allowAdditions,
+                deburr: e.props.deburr,
+                multiple: e.props.multiple,
+                search: e.props.search,
+                selectedIndex: s,
+                value: u,
+                options: e.props.options,
+                searchQuery: ""
+              })
+            }), e.closeOnChange(t), e.clearSearchQuery(), r && c(e.searchRef.current, "focus");
+          }
+        }
+      }
+    }, e.removeItemOnBackspace = function(t) {
+      var r = e.props, n = r.multiple, a = r.search, s = e.state, i = s.searchQuery, p = s.value;
+      if (b.getCode(t) === b.Backspace && !(i || !a || !n || Q(p))) {
+        t.preventDefault();
+        var u = ve(p);
+        e.setState({
+          value: u
+        }), e.handleChange(t, u);
+      }
+    }, e.closeOnDocumentClick = function(t) {
+      e.props.closeOnBlur && (e.ref.current && ke(e.ref.current, t) || e.close());
+    }, e.handleMouseDown = function(t) {
+      e.isMouseDown = !0, c(e.props, "onMouseDown", t, e.props), document.addEventListener("mouseup", e.handleDocumentMouseUp);
+    }, e.handleDocumentMouseUp = function() {
+      e.isMouseDown = !1, document.removeEventListener("mouseup", e.handleDocumentMouseUp);
+    }, e.handleClick = function(t) {
+      var r = e.props, n = r.minCharacters, a = r.search, s = e.state, i = s.open, p = s.searchQuery;
+      if (c(e.props, "onClick", t, e.props), t.stopPropagation(), !a) return e.toggle(t);
+      if (i) {
+        c(e.searchRef.current, "focus");
+        return;
+      }
+      if (p.length >= n || n === 1) {
+        e.open(t);
+        return;
+      }
+      c(e.searchRef.current, "focus");
+    }, e.handleIconClick = function(t) {
+      var r = e.props.clearable, n = e.hasValue();
+      c(e.props, "onClick", t, e.props), t.stopPropagation(), r && n ? e.clearValue(t) : e.toggle(t);
+    }, e.handleItemClick = function(t, r) {
+      var n = e.props, a = n.multiple, s = n.search, i = e.state.value, p = r.value;
+      if (t.stopPropagation(), (a || r.disabled) && t.nativeEvent.stopImmediatePropagation(), !r.disabled) {
+        var u = r["data-additional"], h = a ? W(e.state.value, [p]) : p, v = a ? !!G(h, i).length : h !== i;
+        v && (e.setState({
+          value: h
+        }), e.handleChange(t, h)), e.clearSearchQuery(), s ? c(e.searchRef.current, "focus") : c(e.ref.current, "focus"), e.closeOnChange(t), u && c(e.props, "onAddItem", t, S({}, e.props, {
+          value: p
+        }));
+      }
+    }, e.handleFocus = function(t) {
+      var r = e.state.focus;
+      r || (c(e.props, "onFocus", t, e.props), e.setState({
+        focus: !0
+      }));
+    }, e.handleBlur = function(t) {
+      var r = R(t, "currentTarget");
+      if (!(r && r.contains(document.activeElement))) {
+        var n = e.props, a = n.closeOnBlur, s = n.multiple, i = n.selectOnBlur;
+        e.isMouseDown || (c(e.props, "onBlur", t, e.props), i && !s && (e.makeSelectedItemActive(t, e.state.selectedIndex), a && e.close()), e.setState({
+          focus: !1
+        }), e.clearSearchQuery());
+      }
+    }, e.handleSearchChange = function(t, r) {
+      var n = r.value;
+      t.stopPropagation();
+      var a = e.props.minCharacters, s = e.state.open, i = n;
+      if (c(e.props, "onSearchChange", t, S({}, e.props, {
+        searchQuery: i
+      })), e.setState({
+        searchQuery: i,
+        selectedIndex: 0
+      }), !s && i.length >= a) {
+        e.open();
+        return;
+      }
+      s && a !== 1 && i.length < a && e.close();
+    }, e.handleKeyDown = function(t) {
+      e.moveSelectionOnKeyDown(t), e.openOnArrow(t), e.openOnSpace(t), e.selectItemOnEnter(t), c(e.props, "onKeyDown", t);
+    }, e.getSelectedItem = function(t) {
+      var r = B({
+        value: e.state.value,
+        options: e.props.options,
+        searchQuery: e.state.searchQuery,
+        additionLabel: e.props.additionLabel,
+        additionPosition: e.props.additionPosition,
+        allowAdditions: e.props.allowAdditions,
+        deburr: e.props.deburr,
+        multiple: e.props.multiple,
+        search: e.props.search
+      });
+      return R(r, "[" + t + "]");
+    }, e.getItemByValue = function(t) {
+      var r = e.props.options;
+      return me(r, {
+        value: t
+      });
+    }, e.getDropdownAriaOptions = function() {
+      var t = e.props, r = t.loading, n = t.disabled, a = t.search, s = t.multiple, i = e.state.open, p = {
+        role: a ? "combobox" : "listbox",
+        "aria-busy": r,
+        "aria-disabled": n,
+        "aria-expanded": !!i
+      };
+      return p.role === "listbox" && (p["aria-multiselectable"] = s), p;
+    }, e.clearSearchQuery = function() {
+      var t = e.state.searchQuery;
+      t === void 0 || t === "" || e.setState({
+        searchQuery: ""
+      });
+    }, e.handleLabelClick = function(t, r) {
+      t.stopPropagation(), e.setState({
+        selectedLabel: r.value
+      }), c(e.props, "onLabelClick", t, r);
+    }, e.handleLabelRemove = function(t, r) {
+      t.stopPropagation();
+      var n = e.state.value, a = he(n, r.value);
+      e.setState({
+        value: a
+      }), e.handleChange(t, a);
+    }, e.getSelectedIndexAfterMove = function(t, r) {
+      r === void 0 && (r = e.state.selectedIndex);
+      var n = B({
+        value: e.state.value,
+        options: e.props.options,
+        searchQuery: e.state.searchQuery,
+        additionLabel: e.props.additionLabel,
+        additionPosition: e.props.additionPosition,
+        allowAdditions: e.props.allowAdditions,
+        deburr: e.props.deburr,
+        multiple: e.props.multiple,
+        search: e.props.search
+      });
+      if (!(n === void 0 || fe(n, "disabled"))) {
+        var a = n.length - 1, s = e.props.wrapSelection, i = r + t;
+        return !s && (i > a || i < 0) ? i = r : i > a ? i = 0 : i < 0 && (i = a), n[i].disabled ? e.getSelectedIndexAfterMove(t, i) : i;
+      }
+    }, e.handleIconOverrides = function(t) {
+      var r = e.props.clearable, n = M(r && e.hasValue() && "clear", t.className);
+      return {
+        className: n,
+        onClick: function(s) {
+          c(t, "onClick", s, t), e.handleIconClick(s);
+        }
+      };
+    }, e.clearValue = function(t) {
+      var r = e.props.multiple, n = r ? [] : "";
+      e.setState({
+        value: n
+      }), e.handleChange(t, n);
+    }, e.computeSearchInputTabIndex = function() {
+      var t = e.props, r = t.disabled, n = t.tabIndex;
+      return E(n) ? r ? -1 : 0 : n;
+    }, e.computeSearchInputWidth = function() {
+      var t = e.state.searchQuery;
+      if (e.sizerRef.current && t) {
+        e.sizerRef.current.style.display = "inline", e.sizerRef.current.textContent = t;
+        var r = Math.ceil(e.sizerRef.current.getBoundingClientRect().width);
+        return e.sizerRef.current.style.removeProperty("display"), r;
+      }
+    }, e.computeTabIndex = function() {
+      var t = e.props, r = t.disabled, n = t.search, a = t.tabIndex;
+      if (!n)
+        return r ? -1 : E(a) ? 0 : a;
+    }, e.handleSearchInputOverrides = function(t) {
+      return {
+        onChange: function(n, a) {
+          c(t, "onChange", n, a), e.handleSearchChange(n, a);
+        }
+      };
+    }, e.hasValue = function() {
+      var t = e.props.multiple, r = e.state.value;
+      return t ? !Q(r) : !E(r) && r !== "";
+    }, e.scrollSelectedItemIntoView = function() {
+      if (e.ref.current) {
+        var t = e.ref.current.querySelector(".menu.visible");
+        if (t) {
+          var r = t.querySelector(".item.selected");
+          if (r) {
+            var n = r.offsetTop < t.scrollTop, a = r.offsetTop + r.clientHeight > t.scrollTop + t.clientHeight;
+            n ? t.scrollTop = r.offsetTop : a && (t.scrollTop = r.offsetTop + r.clientHeight - t.clientHeight);
+          }
+        }
+      }
+    }, e.setOpenDirection = function() {
+      if (e.ref.current) {
+        var t = e.ref.current.querySelector(".menu.visible");
+        if (t) {
+          var r = e.ref.current.getBoundingClientRect(), n = t.clientHeight, a = document.documentElement.clientHeight - r.top - r.height - n, s = r.top - n, i = a < 0 && s > a;
+          !i != !e.state.upward && e.setState({
+            upward: i
+          });
+        }
+      }
+    }, e.open = function(t, r) {
+      t === void 0 && (t = null), r === void 0 && (r = !0);
+      var n = e.props, a = n.disabled, s = n.search;
+      a || (s && c(e.searchRef.current, "focus"), c(e.props, "onOpen", t, e.props), r && e.setState({
+        open: !0
+      }), e.scrollSelectedItemIntoView());
+    }, e.close = function(t, r) {
+      r === void 0 && (r = e.handleClose), e.state.open && (c(e.props, "onClose", t, e.props), e.setState({
+        open: !1
+      }, r));
+    }, e.handleClose = function() {
+      var t = document.activeElement === e.searchRef.current;
+      !t && e.ref.current && e.ref.current.blur();
+      var r = document.activeElement === e.ref.current, n = t || r;
+      e.setState({
+        focus: n
+      });
+    }, e.toggle = function(t) {
+      return e.state.open ? e.close(t) : e.open(t);
+    }, e.renderText = function() {
+      var t = e.props, r = t.multiple, n = t.placeholder, a = t.search, s = t.text, i = e.state, p = i.searchQuery, u = i.selectedIndex, h = i.value, v = i.open, D = e.hasValue(), y = M(n && !D && "default", "text", a && p && "filtered"), L = n, A;
+      return s ? L = s : v && !r ? A = e.getSelectedItem(u) : D && (A = e.getItemByValue(h)), oe.create(A ? ne(A) : L, {
+        defaultProps: {
+          className: y
+        }
+      });
+    }, e.renderSearchInput = function() {
+      var t = e.props, r = t.search, n = t.searchInput, a = e.state.searchQuery;
+      return r && /* @__PURE__ */ w.createElement(J, {
+        innerRef: e.searchRef
+      }, re.create(n, {
+        defaultProps: {
+          style: {
+            width: e.computeSearchInputWidth()
+          },
+          tabIndex: e.computeSearchInputTabIndex(),
+          value: a
+        },
+        overrideProps: e.handleSearchInputOverrides
+      }));
+    }, e.renderSearchSizer = function() {
+      var t = e.props, r = t.search, n = t.multiple;
+      return r && n && /* @__PURE__ */ w.createElement("span", {
+        className: "sizer",
+        ref: e.sizerRef
+      });
+    }, e.renderLabels = function() {
+      var t = e.props, r = t.multiple, n = t.renderLabel, a = e.state, s = a.selectedLabel, i = a.value;
+      if (!(!r || Q(i))) {
+        var p = F(i, e.getItemByValue);
+        return F(de(p), function(u, h) {
+          var v = {
+            active: u.value === s,
+            as: "a",
+            key: Y(u.key, u.value),
+            onClick: e.handleLabelClick,
+            onRemove: e.handleLabelRemove,
+            value: u.value
+          };
+          return Re.create(n(u, h, v), {
+            defaultProps: v
+          });
+        });
+      }
+    }, e.renderOptions = function() {
+      var t = e.props, r = t.lazyLoad, n = t.multiple, a = t.search, s = t.noResultsMessage, i = e.state, p = i.open, u = i.selectedIndex, h = i.value;
+      if (r && !p) return null;
+      var v = B({
+        value: e.state.value,
+        options: e.props.options,
+        searchQuery: e.state.searchQuery,
+        additionLabel: e.props.additionLabel,
+        additionPosition: e.props.additionPosition,
+        allowAdditions: e.props.allowAdditions,
+        deburr: e.props.deburr,
+        multiple: e.props.multiple,
+        search: e.props.search
+      });
+      if (s !== null && a && Q(v))
+        return /* @__PURE__ */ w.createElement("div", {
+          className: "message"
+        }, s);
+      var D = n ? function(y) {
+        return ce(h, y);
+      } : function(y) {
+        return y === h;
+      };
+      return F(v, function(y, L) {
+        return H.create(S({
+          active: D(y.value),
+          selected: u === L
+        }, y, {
+          key: Y(y.key, y.value),
+          // Needed for handling click events on disabled items
+          style: S({}, y.style, {
+            pointerEvents: "all"
+          })
+        }), {
+          generateKey: !1,
+          overrideProps: function(_) {
+            return {
+              onClick: function(T, k) {
+                _.onClick == null || _.onClick(T, k), e.handleItemClick(T, k);
+              }
+            };
+          }
+        });
+      });
+    }, e.renderMenu = function() {
+      var t = e.props, r = t.children, n = t.direction, a = t.header, s = e.state.open, i = e.getDropdownMenuAriaOptions();
+      if (!xe(r)) {
+        var p = Se.only(r), u = M(n, f(s, "visible"), p.props.className);
+        return /* @__PURE__ */ De(p, S({
+          className: u
+        }, i));
+      }
+      return /* @__PURE__ */ w.createElement(te, S({}, i, {
+        direction: n,
+        open: s
+      }), ee.create(a, {
+        autoGenerateKey: !1
+      }), e.renderOptions());
+    }, e;
+  }
+  var O = g.prototype;
+  return O.getInitialAutoControlledState = function() {
+    return {
+      focus: !1,
+      searchQuery: ""
+    };
+  }, g.getAutoControlledStateFromProps = function(l, d, m) {
+    var t = {
+      __options: l.options,
+      __value: d.value
+    }, r = (
+      // On value change
+      !U(m.__value, d.value) || // On option keys/values, we only check those properties to avoid recursive performance impacts.
+      // https://github.com/Semantic-Org/Semantic-UI-React/issues/3000
+      !we(Z(l.options), Z(m.__options))
+    );
+    return r && (t.selectedIndex = X({
+      additionLabel: l.additionLabel,
+      additionPosition: l.additionPosition,
+      allowAdditions: l.allowAdditions,
+      deburr: l.deburr,
+      multiple: l.multiple,
+      search: l.search,
+      selectedIndex: d.selectedIndex,
+      value: d.value,
+      options: l.options,
+      searchQuery: d.searchQuery
+    })), t;
+  }, O.componentDidMount = function() {
+    var l = this.state.open;
+    l && this.open(null, !1);
+  }, O.shouldComponentUpdate = function(l, d) {
+    return !U(l, this.props) || !U(d, this.state);
+  }, O.componentDidUpdate = function(l, d) {
+    var m = this.props, t = m.closeOnBlur, r = m.minCharacters, n = m.openOnFocus, a = m.search;
+    if (process.env.NODE_ENV !== "production") {
+      var s = Array.isArray(this.props.value), i = Oe(this.props, "value");
+      i && this.props.multiple && !s ? console.error("Dropdown `value` must be an array when `multiple` is set." + (" Received type: `" + Object.prototype.toString.call(this.props.value) + "`.")) : i && !this.props.multiple && s && console.error("Dropdown `value` must not be an array when `multiple` is not set. Either set `multiple={true}` or use a string or number value.");
+    }
+    if (!d.focus && this.state.focus) {
+      if (!this.isMouseDown) {
+        var p = !a || a && r === 1 && !this.state.open;
+        n && p && this.open();
+      }
+    } else d.focus && !this.state.focus && !this.isMouseDown && t && this.close();
+    !d.open && this.state.open ? (this.setOpenDirection(), this.scrollSelectedItemIntoView()) : d.open && this.state.open, d.selectedIndex !== this.state.selectedIndex && this.scrollSelectedItemIntoView();
+  }, O.getDropdownMenuAriaOptions = function() {
+    var l = this.props, d = l.search, m = l.multiple, t = {};
+    return d && (t["aria-multiselectable"] = m, t.role = "listbox"), t;
+  }, O.render = function() {
+    var l = this.props, d = l.basic, m = l.button, t = l.className, r = l.compact, n = l.disabled, a = l.error, s = l.fluid, i = l.floating, p = l.icon, u = l.inline, h = l.item, v = l.labeled, D = l.loading, y = l.multiple, L = l.pointing, A = l.search, _ = l.selection, q = l.scrolling, T = l.simple, k = l.trigger, P = this.state, ae = P.focus, N = P.open, ie = P.upward, se = M(
+      "ui",
+      f(N, "active visible"),
+      f(n, "disabled"),
+      f(a, "error"),
+      f(D, "loading"),
+      f(d, "basic"),
+      f(m, "button"),
+      f(r, "compact"),
+      f(s, "fluid"),
+      f(i, "floating"),
+      f(u, "inline"),
+      // TODO: consider augmentation to render Dropdowns as Button/Menu, solves icon/link item issues
+      // https://github.com/Semantic-Org/Semantic-UI-React/issues/401#issuecomment-240487229
+      // TODO: the icon class is only required when a dropdown is a button
+      // useKeyOnly(icon, 'icon'),
+      f(v, "labeled"),
+      f(h, "item"),
+      f(y, "multiple"),
+      f(A, "search"),
+      f(_, "selection"),
+      f(T, "simple"),
+      f(q, "scrolling"),
+      f(ie, "upward"),
+      Le(L, "pointing"),
+      "dropdown",
+      t
+    ), le = _e(g, this.props), j = Te(g, this.props), pe = this.getDropdownAriaOptions(j, this.props);
+    return /* @__PURE__ */ w.createElement(J, {
+      innerRef: this.ref
+    }, /* @__PURE__ */ w.createElement(j, S({}, le, pe, {
+      className: se,
+      onBlur: this.handleBlur,
+      onClick: this.handleClick,
+      onKeyDown: this.handleKeyDown,
+      onMouseDown: this.handleMouseDown,
+      onFocus: this.handleFocus,
+      onChange: this.handleChange,
+      tabIndex: this.computeTabIndex()
+    }), this.renderLabels(), this.renderSearchInput(), this.renderSearchSizer(), k || this.renderText(), Qe.create(p, {
+      overrideProps: this.handleIconOverrides,
+      autoGenerateKey: !1
+    }), this.renderMenu(), N && /* @__PURE__ */ w.createElement(K, {
+      name: "keydown",
+      on: this.closeOnEscape
+    }), N && /* @__PURE__ */ w.createElement(K, {
+      name: "click",
+      on: this.closeOnDocumentClick
+    }), ae && /* @__PURE__ */ w.createElement(K, {
+      name: "keydown",
+      on: this.removeItemOnBackspace
+    })));
+  }, g;
+}(Ae);
+I.handledProps = ["additionLabel", "additionPosition", "allowAdditions", "as", "basic", "button", "children", "className", "clearable", "closeOnBlur", "closeOnChange", "closeOnEscape", "compact", "deburr", "defaultOpen", "defaultSearchQuery", "defaultSelectedLabel", "defaultUpward", "defaultValue", "direction", "disabled", "error", "floating", "fluid", "header", "icon", "inline", "item", "labeled", "lazyLoad", "loading", "minCharacters", "multiple", "noResultsMessage", "onAddItem", "onBlur", "onChange", "onClick", "onClose", "onFocus", "onLabelClick", "onMouseDown", "onOpen", "onSearchChange", "open", "openOnFocus", "options", "placeholder", "pointing", "renderLabel", "scrolling", "search", "searchInput", "searchQuery", "selectOnBlur", "selectOnNavigation", "selectedLabel", "selection", "simple", "tabIndex", "text", "trigger", "upward", "value", "wrapSelection"];
+I.propTypes = process.env.NODE_ENV !== "production" ? {
   /** An element type to render as (string or function). */
-  as: l.elementType,
-  /** A FormField control prop. */
-  control: t.propTypes.control
+  as: o.elementType,
+  /** Label prefixed to an option added by a user. */
+  additionLabel: o.oneOfType([o.element, o.string]),
+  /** Position of the `Add: ...` option in the dropdown list ('top' or 'bottom'). */
+  additionPosition: o.oneOf(["top", "bottom"]),
+  /**
+   * Allow user additions to the list of options (boolean).
+   * Requires the use of `selection`, `options` and `search`.
+   */
+  allowAdditions: x([V(["options", "selection", "search"]), o.bool]),
+  /** A Dropdown can reduce its complexity. */
+  basic: o.bool,
+  /** Format the Dropdown to appear as a button. */
+  button: o.bool,
+  /** Primary content. */
+  children: x([$(["options", "selection"]), Ee({
+    children: o.any.isRequired
+  }, o.element.isRequired)]),
+  /** Additional classes. */
+  className: o.string,
+  /** Using the clearable setting will let users remove their selection from a dropdown. */
+  clearable: o.bool,
+  /** Whether or not the menu should close when the dropdown is blurred. */
+  closeOnBlur: o.bool,
+  /** Whether or not the dropdown should close when the escape key is pressed. */
+  closeOnEscape: o.bool,
+  /**
+   * Whether or not the menu should close when a value is selected from the dropdown.
+   * By default, multiple selection dropdowns will remain open on change, while single
+   * selection dropdowns will close on change.
+   */
+  closeOnChange: o.bool,
+  /** A compact dropdown has no minimum width. */
+  compact: o.bool,
+  /** Whether or not the dropdown should strip diacritics in options and input search */
+  deburr: o.bool,
+  /** Initial value of open. */
+  defaultOpen: o.bool,
+  /** Initial value of searchQuery. */
+  defaultSearchQuery: o.string,
+  /** Currently selected label in multi-select. */
+  defaultSelectedLabel: x([V(["multiple"]), o.oneOfType([o.number, o.string])]),
+  /** Initial value of upward. */
+  defaultUpward: o.bool,
+  /** Initial value or value array if multiple. */
+  defaultValue: o.oneOfType([o.number, o.string, o.bool, o.arrayOf(o.oneOfType([o.string, o.number, o.bool]))]),
+  /** A dropdown menu can open to the left or to the right. */
+  direction: o.oneOf(["left", "right"]),
+  /** A disabled dropdown menu or item does not allow user interaction. */
+  disabled: o.bool,
+  /** An errored dropdown can alert a user to a problem. */
+  error: o.bool,
+  /** A dropdown menu can contain floated content. */
+  floating: o.bool,
+  /** A dropdown can take the full width of its parent */
+  fluid: o.bool,
+  /** A dropdown menu can contain a header. */
+  header: o.node,
+  /** Shorthand for Icon. */
+  icon: o.oneOfType([o.node, o.object]),
+  /** A dropdown can be formatted to appear inline in other content. */
+  inline: o.bool,
+  /** A dropdown can be formatted as a Menu item. */
+  item: o.bool,
+  /** A dropdown can be labeled. */
+  labeled: o.bool,
+  /** A dropdown can defer rendering its options until it is open. */
+  lazyLoad: o.bool,
+  /** A dropdown can show that it is currently loading data. */
+  loading: o.bool,
+  /** The minimum characters for a search to begin showing results. */
+  minCharacters: o.number,
+  /** A selection dropdown can allow multiple selections. */
+  multiple: o.bool,
+  /** Message to display when there are no results. */
+  noResultsMessage: o.node,
+  /**
+   * Called when a user adds a new item. Use this to update the options list.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props and the new item's value.
+   */
+  onAddItem: o.func,
+  /**
+   * Called on blur.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onBlur: o.func,
+  /**
+   * Called when the user attempts to change the value.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props and proposed value.
+   */
+  onChange: o.func,
+  /**
+   * Called on click.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onClick: o.func,
+  /**
+   * Called when a close event happens.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onClose: o.func,
+  /**
+   * Called on focus.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onFocus: o.func,
+  /**
+   * Called when a multi-select label is clicked.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All label props.
+   */
+  onLabelClick: o.func,
+  /**
+   * Called on mousedown.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onMouseDown: o.func,
+  /**
+   * Called when an open event happens.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onOpen: o.func,
+  /**
+   * Called on search input change.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props, includes current value of searchQuery.
+   */
+  onSearchChange: o.func,
+  /** Controls whether or not the dropdown menu is displayed. */
+  open: o.bool,
+  /** Whether or not the menu should open when the dropdown is focused. */
+  openOnFocus: o.bool,
+  /** Array of Dropdown.Item props e.g. `{ text: '', value: '' }` */
+  options: x([$(["children"]), o.arrayOf(o.shape(H.propTypes))]),
+  /** Placeholder text. */
+  placeholder: o.string,
+  /** A dropdown can be formatted so that its menu is pointing. */
+  pointing: o.oneOfType([o.bool, o.oneOf(["left", "right", "top", "top left", "top right", "bottom", "bottom left", "bottom right"])]),
+  /**
+   * Mapped over the active items and returns shorthand for the active item Labels.
+   * Only applies to `multiple` Dropdowns.
+   *
+   * @param {object} item - A currently active dropdown item.
+   * @param {number} index - The current index.
+   * @param {object} defaultLabelProps - The default props for an active item Label.
+   * @returns {*} Shorthand for a Label.
+   */
+  renderLabel: o.func,
+  /** A dropdown can have its menu scroll. */
+  scrolling: o.bool,
+  /**
+   * A selection dropdown can allow a user to search through a large list of choices.
+   * Pass a function here to replace the default search.
+   */
+  search: o.oneOfType([o.bool, o.func]),
+  /** A shorthand for a search input. */
+  searchInput: o.oneOfType([o.array, o.node, o.object]),
+  /** Current value of searchQuery. Creates a controlled component. */
+  searchQuery: o.string,
+  // TODO 'searchInMenu' or 'search='in menu' or ???  How to handle this markup and functionality?
+  /** Define whether the highlighted item should be selected on blur. */
+  selectOnBlur: o.bool,
+  /**
+   * Whether or not to change the value when navigating the menu using arrow keys.
+   * Setting to false will require enter or left click to confirm a choice.
+   */
+  selectOnNavigation: o.bool,
+  /** Currently selected label in multi-select. */
+  selectedLabel: x([V(["multiple"]), o.oneOfType([o.string, o.number])]),
+  /** A dropdown can be used to select between choices in a form. */
+  selection: x([$(["children"]), V(["options"]), o.bool]),
+  /** A simple dropdown can open without Javascript. */
+  simple: o.bool,
+  /** A dropdown can receive focus. */
+  tabIndex: o.oneOfType([o.number, o.string]),
+  /** The text displayed in the dropdown, usually for the active item. */
+  text: o.string,
+  /** Custom element to trigger the menu to become visible. Takes place of 'text'. */
+  trigger: x([$(["selection", "text"]), o.node]),
+  /** Current value or value array if multiple. Creates a controlled component. */
+  value: o.oneOfType([o.bool, o.string, o.number, o.arrayOf(o.oneOfType([o.bool, o.string, o.number]))]),
+  /** Controls whether the dropdown will open upward. */
+  upward: o.bool,
+  /**
+   * A dropdown will go to the last element when ArrowUp is pressed on the first,
+   * or go to the first when ArrowDown is pressed on the last( aka infinite selection )
+   */
+  wrapSelection: o.bool
 } : {};
-o.defaultProps = {
-  as: t,
-  control: f
+I.defaultProps = {
+  additionLabel: "Add ",
+  additionPosition: "top",
+  closeOnBlur: !0,
+  closeOnEscape: !0,
+  deburr: !1,
+  icon: "dropdown",
+  minCharacters: 1,
+  noResultsMessage: "No results found.",
+  openOnFocus: !0,
+  renderLabel: ne,
+  searchInput: "text",
+  selectOnBlur: !0,
+  selectOnNavigation: !0,
+  wrapSelection: !0
 };
+I.autoControlledProps = ["open", "searchQuery", "selectedLabel", "value", "upward"];
+I.Divider = Ve;
+I.Header = ee;
+I.Item = H;
+I.Menu = te;
+I.SearchInput = re;
+I.Text = oe;
 export {
-  o as default
+  I as default
 };
 //# sourceMappingURL=index.es176.js.map