@performant-software/user-defined-fields 2.3.12-beta.5 → 2.3.12-beta.6

package/dist/index.es199.js

@@ -1,71 +1,35 @@
-import f from "./index.es177.js";
-import v from "./index.es169.js";
-import m from "./index.es170.js";
-import l from "./index.es186.js";
-import r from "./index.es171.js";
-import h, { createRef as d, Component as g } from "react";
-import T from "./index.es178.js";
-import y from "./index.es179.js";
-import { Ref as w } from "./index.es175.js";
-var u = /* @__PURE__ */ function(i) {
-  v(o, i);
-  function o() {
-    for (var e, a = arguments.length, s = new Array(a), n = 0; n < a; n++)
-      s[n] = arguments[n];
-    return e = i.call.apply(i, [this].concat(s)) || this, e.ref = /* @__PURE__ */ d(), e.focus = function() {
-      return e.ref.current.focus();
-    }, e.handleChange = function(t) {
-      var p = l(t, "target.value");
-      m(e.props, "onChange", t, f({}, e.props, {
-        value: p
-      }));
-    }, e.handleInput = function(t) {
-      var p = l(t, "target.value");
-      m(e.props, "onInput", t, f({}, e.props, {
-        value: p
-      }));
-    }, e;
-  }
-  var c = o.prototype;
-  return c.render = function() {
-    var a = this.props, s = a.rows, n = a.value, t = T(o, this.props), p = y(o, this.props);
-    return /* @__PURE__ */ h.createElement(w, {
-      innerRef: this.ref
-    }, /* @__PURE__ */ h.createElement(p, f({}, t, {
-      onChange: this.handleChange,
-      onInput: this.handleInput,
-      rows: s,
-      value: n
-    })));
-  }, o;
-}(g);
-u.handledProps = ["as", "onChange", "onInput", "rows", "value"];
-u.propTypes = process.env.NODE_ENV !== "production" ? {
+import s from "./index.es168.js";
+import { clsx as i } from "./index.es178.js";
+import r from "./index.es162.js";
+import d from "react";
+import { isNil as p } from "./index.es179.js";
+import { contentShorthand as f } from "./index.es163.js";
+import { createShorthandFactory as h } from "./index.es181.js";
+import N from "./index.es169.js";
+import u from "./index.es170.js";
+function t(e) {
+  var n = e.children, o = e.className, a = e.content, m = i("detail", o), c = N(t, e), l = u(t, e);
+  return /* @__PURE__ */ d.createElement(l, s({}, c, {
+    className: m
+  }), p(n) ? a : n);
+}
+t.handledProps = ["as", "children", "className", "content"];
+t.propTypes = process.env.NODE_ENV !== "production" ? {
   /** An element type to render as (string or function). */
   as: r.elementType,
-  /**
-   * Called on change.
-   * @param {SyntheticEvent} event - The React SyntheticEvent object
-   * @param {object} data - All props and the event value.
-   */
-  onChange: r.func,
-  /**
-   * Called on input.
-   * @param {SyntheticEvent} event - The React SyntheticEvent object
-   * @param {object} data - All props and the event value.
-   */
-  onInput: r.func,
-  /** Indicates row count for a TextArea. */
-  rows: r.oneOfType([r.number, r.string]),
-  /** The value of the textarea. */
-  value: r.oneOfType([r.number, r.string])
+  /** Primary content. */
+  children: r.node,
+  /** Additional classes. */
+  className: r.string,
+  /** Shorthand for primary content. */
+  content: f
 } : {};
-u.defaultProps = {
-  as: "textarea",
-  rows: 3
-};
-const N = u;
+t.create = h(t, function(e) {
+  return {
+    content: e
+  };
+});
 export {
-  N as default
+  t as default
 };
 //# sourceMappingURL=index.es199.js.map

package/dist/index.es199.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es199.js","sources":["../../../node_modules/semantic-ui-react/dist/es/addons/TextArea/TextArea.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport _invoke from \"lodash-es/invoke\";\nimport _get from \"lodash-es/get\";\nimport { Ref } from '@fluentui/react-component-ref';\nimport PropTypes from 'prop-types';\nimport React, { Component, createRef } from 'react';\nimport { getElementType, getUnhandledProps } from '../../lib';\n/**\n * A TextArea can be used to allow for extended user input.\n * @see Form\n */\n\nvar TextArea = /*#__PURE__*/function (_Component) {\n  _inheritsLoose(TextArea, _Component);\n\n  function TextArea() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n    _this.ref = /*#__PURE__*/createRef();\n\n    _this.focus = function () {\n      return _this.ref.current.focus();\n    };\n\n    _this.handleChange = function (e) {\n      var value = _get(e, 'target.value');\n\n      _invoke(_this.props, 'onChange', e, _extends({}, _this.props, {\n        value: value\n      }));\n    };\n\n    _this.handleInput = function (e) {\n      var value = _get(e, 'target.value');\n\n      _invoke(_this.props, 'onInput', e, _extends({}, _this.props, {\n        value: value\n      }));\n    };\n\n    return _this;\n  }\n\n  var _proto = TextArea.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        rows = _this$props.rows,\n        value = _this$props.value;\n    var rest = getUnhandledProps(TextArea, this.props);\n    var ElementType = getElementType(TextArea, this.props);\n    return /*#__PURE__*/React.createElement(Ref, {\n      innerRef: this.ref\n    }, /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n      onChange: this.handleChange,\n      onInput: this.handleInput,\n      rows: rows,\n      value: value\n    })));\n  };\n\n  return TextArea;\n}(Component);\n\nTextArea.handledProps = [\"as\", \"onChange\", \"onInput\", \"rows\", \"value\"];\nTextArea.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /**\n   * Called on change.\n   * @param {SyntheticEvent} event - The React SyntheticEvent object\n   * @param {object} data - All props and the event value.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Called on input.\n   * @param {SyntheticEvent} event - The React SyntheticEvent object\n   * @param {object} data - All props and the event value.\n   */\n  onInput: PropTypes.func,\n\n  /** Indicates row count for a TextArea. */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n  /** The value of the textarea. */\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : {};\nTextArea.defaultProps = {\n  as: 'textarea',\n  rows: 3\n};\nexport default TextArea;"],"names":["TextArea","_Component","_inheritsLoose","_this","_len","args","_key","createRef","e","value","_get","_invoke","_extends","_proto","_this$props","rows","rest","getUnhandledProps","ElementType","getElementType","React","Ref","Component","PropTypes","TextArea$1"],"mappings":";;;;;;;;;AAaA,IAAIA,6BAAkCC,GAAY;AAChD,EAAAC,EAAeF,GAAUC,CAAU;AAEnC,WAASD,IAAW;AAGlB,aAFIG,GAEKC,IAAO,UAAU,QAAQC,IAAO,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC1E,MAAAD,EAAAC,CAAI,IAAI,UAAUA,CAAI;AAGrB,WAAAH,IAAAF,EAAW,KAAK,MAAMA,GAAY,CAAC,IAAI,EAAE,OAAOI,CAAI,CAAC,KAAK,MAClEF,EAAM,MAA6B,gBAAAI,KAEnCJ,EAAM,QAAQ,WAAY;AACjB,aAAAA,EAAM,IAAI,QAAQ,MAAM;AAAA,IAAA,GAG3BA,EAAA,eAAe,SAAUK,GAAG;AAC5B,UAAAC,IAAQC,EAAKF,GAAG,cAAc;AAE1BG,MAAAA,EAAAR,EAAM,OAAO,YAAYK,GAAGI,EAAS,CAAA,GAAIT,EAAM,OAAO;AAAA,QAC5D,OAAAM;AAAA,MACD,CAAA,CAAC;AAAA,IAAA,GAGEN,EAAA,cAAc,SAAUK,GAAG;AAC3B,UAAAC,IAAQC,EAAKF,GAAG,cAAc;AAE1BG,MAAAA,EAAAR,EAAM,OAAO,WAAWK,GAAGI,EAAS,CAAA,GAAIT,EAAM,OAAO;AAAA,QAC3D,OAAAM;AAAA,MACD,CAAA,CAAC;AAAA,IAAA,GAGGN;AAAA,EACT;AAEA,MAAIU,IAASb,EAAS;AAEf,SAAAa,EAAA,SAAS,WAAkB;AAChC,QAAIC,IAAc,KAAK,OACnBC,IAAOD,EAAY,MACnBL,IAAQK,EAAY,OACpBE,IAAOC,EAAkBjB,GAAU,KAAK,KAAK,GAC7CkB,IAAcC,EAAenB,GAAU,KAAK,KAAK;AACjC,WAAAoB,gBAAAA,EAAM,cAAcC,GAAK;AAAA,MAC3C,UAAU,KAAK;AAAA,IAAA,GACKD,gBAAAA,EAAA,cAAcF,GAAaN,EAAS,CAAA,GAAII,GAAM;AAAA,MAClE,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,MAAAD;AAAA,MACA,OAAAN;AAAA,IACD,CAAA,CAAC,CAAC;AAAA,EAAA,GAGET;AACT,EAAEsB,CAAS;AAEXtB,EAAS,eAAe,CAAC,MAAM,YAAY,WAAW,QAAQ,OAAO;AACrEA,EAAS,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA;AAAA,EAE3D,IAAIuB,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpB,SAASA,EAAU;AAAA;AAAA,EAGnB,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA;AAAA,EAG9D,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AACjE,IAAI;AACJvB,EAAS,eAAe;AAAA,EACtB,IAAI;AAAA,EACJ,MAAM;AACR;AACA,MAAAwB,IAAexB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es199.js","sources":["../../../node_modules/semantic-ui-react/dist/es/elements/Label/LabelDetail.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n\nfunction LabelDetail(props) {\n  var children = props.children,\n      className = props.className,\n      content = props.content;\n  var classes = cx('detail', className);\n  var rest = getUnhandledProps(LabelDetail, props);\n  var ElementType = getElementType(LabelDetail, props);\n  return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n    className: classes\n  }), childrenUtils.isNil(children) ? content : children);\n}\n\nLabelDetail.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nLabelDetail.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** Primary content. */\n  children: PropTypes.node,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Shorthand for primary content. */\n  content: customPropTypes.contentShorthand\n} : {};\nLabelDetail.create = createShorthandFactory(LabelDetail, function (val) {\n  return {\n    content: val\n  };\n});\nexport default LabelDetail;"],"names":["LabelDetail","props","children","className","content","classes","cx","rest","getUnhandledProps","ElementType","getElementType","_extends","childrenUtils.isNil","PropTypes","customPropTypes.contentShorthand","createShorthandFactory","val"],"mappings":";;;;;;;;;AAMA,SAASA,EAAYC,GAAO;AAC1B,MAAIC,IAAWD,EAAM,UACjBE,IAAYF,EAAM,WAClBG,IAAUH,EAAM,SAChBI,IAAUC,EAAG,UAAUH,CAAS,GAChCI,IAAOC,EAAkBR,GAAaC,CAAK,GAC3CQ,IAAcC,EAAeV,GAAaC,CAAK;AACnD,2BAA0B,cAAcQ,GAAaE,EAAS,CAAA,GAAIJ,GAAM;AAAA,IACtE,WAAWF;AAAA,EACZ,CAAA,GAAGO,EAAoBV,CAAQ,IAAIE,IAAUF,CAAQ;AACxD;AAEAF,EAAY,eAAe,CAAC,MAAM,YAAY,aAAa,SAAS;AACpEA,EAAY,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA;AAAA,EAE9D,IAAIa,EAAU;AAAA;AAAA,EAGd,UAAUA,EAAU;AAAA;AAAA,EAGpB,WAAWA,EAAU;AAAA;AAAA,EAGrB,SAASC;AACX,IAAI;AACJd,EAAY,SAASe,EAAuBf,GAAa,SAAUgB,GAAK;AAC/D,SAAA;AAAA,IACL,SAASA;AAAA,EAAA;AAEb,CAAC;","x_google_ignoreList":[0]}

package/dist/index.es20.js

@@ -1,5 +1,5 @@
 import { supportsDataView as e } from "./index.es18.js";
-import a from "./index.es325.js";
+import a from "./index.es355.js";
 var p = e && a(new DataView(new ArrayBuffer(8))), i = typeof Map < "u" && a(/* @__PURE__ */ new Map());
 export {
   p as hasStringTagBug,

package/dist/index.es200.js

@@ -1,91 +1,39 @@
-import _ from "./index.es177.js";
-import C from "./index.es169.js";
-import S from "./index.es206.js";
-import z from "./index.es170.js";
-import m from "./index.es185.js";
-import { clsx as w } from "./index.es187.js";
-import e from "./index.es171.js";
-import K, { PureComponent as x } from "react";
-import { useKeyOnly as n, useKeyOrValueAndKey as P, useValueAndKey as f } from "./index.es189.js";
-import { suggest as V } from "./index.es172.js";
-import { createShorthandFactory as D } from "./index.es190.js";
-import G from "./index.es178.js";
-import R from "./index.es179.js";
-import { COLORS as $, SIZES as F, ALL_ICONS_IN_ALL_CONTEXTS as H } from "./index.es191.js";
-import U from "./index.es205.js";
-var l = /* @__PURE__ */ function(d) {
-  C(s, d);
-  function s() {
-    for (var i, r = arguments.length, t = new Array(r), o = 0; o < r; o++)
-      t[o] = arguments[o];
-    return i = d.call.apply(d, [this].concat(t)) || this, i.handleClick = function(a) {
-      var p = i.props.disabled;
-      if (p) {
-        a.preventDefault();
-        return;
-      }
-      z(i.props, "onClick", a, i.props);
-    }, i;
-  }
-  var c = s.prototype;
-  return c.getIconAriaOptions = function() {
-    var r = {}, t = this.props, o = t["aria-label"], a = t["aria-hidden"];
-    return m(o) ? r["aria-hidden"] = "true" : r["aria-label"] = o, m(a) || (r["aria-hidden"] = a), r;
-  }, c.render = function() {
-    var r = this.props, t = r.bordered, o = r.circular, a = r.className, p = r.color, u = r.corner, h = r.disabled, b = r.fitted, v = r.flipped, g = r.inverted, O = r.link, y = r.loading, N = r.name, k = r.rotated, I = r.size, A = w(p, N, I, n(t, "bordered"), n(o, "circular"), n(h, "disabled"), n(b, "fitted"), n(g, "inverted"), n(O, "link"), n(y, "loading"), P(u, "corner"), f(v, "flipped"), f(k, "rotated"), "icon", a), T = G(s, this.props), E = R(s, this.props), L = this.getIconAriaOptions();
-    return /* @__PURE__ */ K.createElement(E, _({}, T, L, {
-      className: A,
-      onClick: this.handleClick
-    }));
-  }, s;
-}(x);
-l.handledProps = ["aria-hidden", "aria-label", "as", "bordered", "circular", "className", "color", "corner", "disabled", "fitted", "flipped", "inverted", "link", "loading", "name", "rotated", "size"];
-l.propTypes = process.env.NODE_ENV !== "production" ? {
+import g from "./index.es168.js";
+import { clsx as h } from "./index.es178.js";
+import r from "./index.es162.js";
+import p from "react";
+import { isNil as N } from "./index.es179.js";
+import { useKeyOnly as a } from "./index.es180.js";
+import { contentShorthand as y } from "./index.es163.js";
+import E from "./index.es169.js";
+import O from "./index.es170.js";
+import { COLORS as v, SIZES as T } from "./index.es182.js";
+function o(e) {
+  var t = e.children, c = e.circular, l = e.className, n = e.color, i = e.content, m = e.size, s = e.tag, f = h("ui", n, m, a(c, "circular"), a(s, "tag"), "labels", l), d = E(o, e), u = O(o, e);
+  return /* @__PURE__ */ p.createElement(u, g({}, d, {
+    className: f
+  }), N(t) ? i : t);
+}
+o.handledProps = ["as", "children", "circular", "className", "color", "content", "size", "tag"];
+o.propTypes = process.env.NODE_ENV !== "production" ? {
   /** An element type to render as (string or function). */
-  as: e.elementType,
-  /** Formatted to appear bordered. */
-  bordered: e.bool,
-  /** Icon can formatted to appear circular. */
-  circular: e.bool,
+  as: r.elementType,
+  /** Primary content. */
+  children: r.node,
+  /** Labels can share shapes. */
+  circular: r.bool,
   /** Additional classes. */
-  className: e.string,
-  /** Color of the icon. */
-  color: e.oneOf($),
-  /** Icons can display a smaller corner icon. */
-  corner: e.oneOfType([e.bool, e.oneOf(["top left", "top right", "bottom left", "bottom right"])]),
-  /** Show that the icon is inactive. */
-  disabled: e.bool,
-  /** Fitted, without space to left or right of Icon. */
-  fitted: e.bool,
-  /** Icon can be flipped. */
-  flipped: e.oneOf(["horizontally", "vertically"]),
-  /** Formatted to have its colors inverted for contrast. */
-  inverted: e.bool,
-  /** Icon can be formatted as a link. */
-  link: e.bool,
-  /** Icon can be used as a simple loader. */
-  loading: e.bool,
-  /** Name of the icon. */
-  name: V(H),
-  /** Icon can rotated. */
-  rotated: e.oneOf(["clockwise", "counterclockwise"]),
-  /** Size of the icon. */
-  size: e.oneOf(S(F, "medium")),
-  /** Icon can have an aria label. */
-  "aria-hidden": e.string,
-  /** Icon can have an aria label. */
-  "aria-label": e.string
+  className: r.string,
+  /** Label group can share colors together. */
+  color: r.oneOf(v),
+  /** Shorthand for primary content. */
+  content: y,
+  /** Label group can share sizes together. */
+  size: r.oneOf(T),
+  /** Label group can share tag formatting. */
+  tag: r.bool
 } : {};
-l.defaultProps = {
-  as: "i"
-};
-l.Group = U;
-l.create = D(l, function(d) {
-  return {
-    name: d
-  };
-});
 export {
-  l as default
+  o as default
 };
 //# sourceMappingURL=index.es200.js.map

package/dist/index.es200.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es200.js","sources":["../../../node_modules/semantic-ui-react/dist/es/elements/Icon/Icon.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport _without from \"lodash-es/without\";\nimport _invoke from \"lodash-es/invoke\";\nimport _isNil from \"lodash-es/isNil\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { PureComponent } from 'react';\nimport { createShorthandFactory, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly, useKeyOrValueAndKey, useValueAndKey } from '../../lib';\nimport IconGroup from './IconGroup';\n/**\n * An icon is a glyph used to represent something else.\n * @see Image\n */\n\nvar Icon = /*#__PURE__*/function (_PureComponent) {\n  _inheritsLoose(Icon, _PureComponent);\n\n  function Icon() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;\n\n    _this.handleClick = function (e) {\n      var disabled = _this.props.disabled;\n\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n\n      _invoke(_this.props, 'onClick', e, _this.props);\n    };\n\n    return _this;\n  }\n\n  var _proto = Icon.prototype;\n\n  _proto.getIconAriaOptions = function getIconAriaOptions() {\n    var ariaOptions = {};\n    var _this$props = this.props,\n        ariaLabel = _this$props['aria-label'],\n        ariaHidden = _this$props['aria-hidden'];\n\n    if (_isNil(ariaLabel)) {\n      ariaOptions['aria-hidden'] = 'true';\n    } else {\n      ariaOptions['aria-label'] = ariaLabel;\n    }\n\n    if (!_isNil(ariaHidden)) {\n      ariaOptions['aria-hidden'] = ariaHidden;\n    }\n\n    return ariaOptions;\n  };\n\n  _proto.render = function render() {\n    var _this$props2 = this.props,\n        bordered = _this$props2.bordered,\n        circular = _this$props2.circular,\n        className = _this$props2.className,\n        color = _this$props2.color,\n        corner = _this$props2.corner,\n        disabled = _this$props2.disabled,\n        fitted = _this$props2.fitted,\n        flipped = _this$props2.flipped,\n        inverted = _this$props2.inverted,\n        link = _this$props2.link,\n        loading = _this$props2.loading,\n        name = _this$props2.name,\n        rotated = _this$props2.rotated,\n        size = _this$props2.size;\n    var classes = cx(color, name, size, useKeyOnly(bordered, 'bordered'), useKeyOnly(circular, 'circular'), useKeyOnly(disabled, 'disabled'), useKeyOnly(fitted, 'fitted'), useKeyOnly(inverted, 'inverted'), useKeyOnly(link, 'link'), useKeyOnly(loading, 'loading'), useKeyOrValueAndKey(corner, 'corner'), useValueAndKey(flipped, 'flipped'), useValueAndKey(rotated, 'rotated'), 'icon', className);\n    var rest = getUnhandledProps(Icon, this.props);\n    var ElementType = getElementType(Icon, this.props);\n    var ariaOptions = this.getIconAriaOptions();\n    return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, ariaOptions, {\n      className: classes,\n      onClick: this.handleClick\n    }));\n  };\n\n  return Icon;\n}(PureComponent);\n\nIcon.handledProps = [\"aria-hidden\", \"aria-label\", \"as\", \"bordered\", \"circular\", \"className\", \"color\", \"corner\", \"disabled\", \"fitted\", \"flipped\", \"inverted\", \"link\", \"loading\", \"name\", \"rotated\", \"size\"];\nIcon.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** Formatted to appear bordered. */\n  bordered: PropTypes.bool,\n\n  /** Icon can formatted to appear circular. */\n  circular: PropTypes.bool,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Color of the icon. */\n  color: PropTypes.oneOf(SUI.COLORS),\n\n  /** Icons can display a smaller corner icon. */\n  corner: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['top left', 'top right', 'bottom left', 'bottom right'])]),\n\n  /** Show that the icon is inactive. */\n  disabled: PropTypes.bool,\n\n  /** Fitted, without space to left or right of Icon. */\n  fitted: PropTypes.bool,\n\n  /** Icon can be flipped. */\n  flipped: PropTypes.oneOf(['horizontally', 'vertically']),\n\n  /** Formatted to have its colors inverted for contrast. */\n  inverted: PropTypes.bool,\n\n  /** Icon can be formatted as a link. */\n  link: PropTypes.bool,\n\n  /** Icon can be used as a simple loader. */\n  loading: PropTypes.bool,\n\n  /** Name of the icon. */\n  name: customPropTypes.suggest(SUI.ALL_ICONS_IN_ALL_CONTEXTS),\n\n  /** Icon can rotated. */\n  rotated: PropTypes.oneOf(['clockwise', 'counterclockwise']),\n\n  /** Size of the icon. */\n  size: PropTypes.oneOf(_without(SUI.SIZES, 'medium')),\n\n  /** Icon can have an aria label. */\n  'aria-hidden': PropTypes.string,\n\n  /** Icon can have an aria label. */\n  'aria-label': PropTypes.string\n} : {};\nIcon.defaultProps = {\n  as: 'i'\n};\nIcon.Group = IconGroup;\nIcon.create = createShorthandFactory(Icon, function (value) {\n  return {\n    name: value\n  };\n});\nexport default Icon;"],"names":["Icon","_PureComponent","_inheritsLoose","_this","_len","args","_key","e","disabled","_invoke","_proto","ariaOptions","_this$props","ariaLabel","ariaHidden","_isNil","_this$props2","bordered","circular","className","color","corner","fitted","flipped","inverted","link","loading","name","rotated","size","classes","cx","useKeyOnly","useKeyOrValueAndKey","useValueAndKey","rest","getUnhandledProps","ElementType","getElementType","_extends","PureComponent","PropTypes","SUI.COLORS","customPropTypes.suggest","SUI.ALL_ICONS_IN_ALL_CONTEXTS","_without","SUI.SIZES","IconGroup","createShorthandFactory","value"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es200.js","sources":["../../../node_modules/semantic-ui-react/dist/es/elements/Label/LabelGroup.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly } from '../../lib';\n/**\n * A label can be grouped.\n */\n\nfunction LabelGroup(props) {\n  var children = props.children,\n      circular = props.circular,\n      className = props.className,\n      color = props.color,\n      content = props.content,\n      size = props.size,\n      tag = props.tag;\n  var classes = cx('ui', color, size, useKeyOnly(circular, 'circular'), useKeyOnly(tag, 'tag'), 'labels', className);\n  var rest = getUnhandledProps(LabelGroup, props);\n  var ElementType = getElementType(LabelGroup, props);\n  return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n    className: classes\n  }), childrenUtils.isNil(children) ? content : children);\n}\n\nLabelGroup.handledProps = [\"as\", \"children\", \"circular\", \"className\", \"color\", \"content\", \"size\", \"tag\"];\nLabelGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** Primary content. */\n  children: PropTypes.node,\n\n  /** Labels can share shapes. */\n  circular: PropTypes.bool,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Label group can share colors together. */\n  color: PropTypes.oneOf(SUI.COLORS),\n\n  /** Shorthand for primary content. */\n  content: customPropTypes.contentShorthand,\n\n  /** Label group can share sizes together. */\n  size: PropTypes.oneOf(SUI.SIZES),\n\n  /** Label group can share tag formatting. */\n  tag: PropTypes.bool\n} : {};\nexport default LabelGroup;"],"names":["LabelGroup","props","children","circular","className","color","content","size","tag","classes","cx","useKeyOnly","rest","getUnhandledProps","ElementType","getElementType","_extends","childrenUtils.isNil","PropTypes","SUI.COLORS","customPropTypes.contentShorthand","SUI.SIZES"],"mappings":";;;;;;;;;;AASA,SAASA,EAAWC,GAAO;AACzB,MAAIC,IAAWD,EAAM,UACjBE,IAAWF,EAAM,UACjBG,IAAYH,EAAM,WAClBI,IAAQJ,EAAM,OACdK,IAAUL,EAAM,SAChBM,IAAON,EAAM,MACbO,IAAMP,EAAM,KACZQ,IAAUC,EAAG,MAAML,GAAOE,GAAMI,EAAWR,GAAU,UAAU,GAAGQ,EAAWH,GAAK,KAAK,GAAG,UAAUJ,CAAS,GAC7GQ,IAAOC,EAAkBb,GAAYC,CAAK,GAC1Ca,IAAcC,EAAef,GAAYC,CAAK;AAClD,2BAA0B,cAAca,GAAaE,EAAS,CAAA,GAAIJ,GAAM;AAAA,IACtE,WAAWH;AAAA,EACZ,CAAA,GAAGQ,EAAoBf,CAAQ,IAAII,IAAUJ,CAAQ;AACxD;AAEAF,EAAW,eAAe,CAAC,MAAM,YAAY,YAAY,aAAa,SAAS,WAAW,QAAQ,KAAK;AACvGA,EAAW,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA;AAAA,EAE7D,IAAIkB,EAAU;AAAA;AAAA,EAGd,UAAUA,EAAU;AAAA;AAAA,EAGpB,UAAUA,EAAU;AAAA;AAAA,EAGpB,WAAWA,EAAU;AAAA;AAAA,EAGrB,OAAOA,EAAU,MAAMC,CAAU;AAAA;AAAA,EAGjC,SAASC;AAAAA;AAAAA,EAGT,MAAMF,EAAU,MAAMG,CAAS;AAAA;AAAA,EAG/B,KAAKH,EAAU;AACjB,IAAI,CAAC;","x_google_ignoreList":[0]}

package/dist/index.es201.js

@@ -1,34 +1,34 @@
-import h from "./index.es177.js";
-import { clsx as f } from "./index.es187.js";
-import t from "./index.es171.js";
+import f from "./index.es168.js";
+import { clsx as u } from "./index.es178.js";
+import r from "./index.es162.js";
 import p from "react";
-import { isNil as v } from "./index.es188.js";
-import { useKeyOnly as i } from "./index.es189.js";
-import { contentShorthand as N } from "./index.es172.js";
-import b from "./index.es178.js";
-import u from "./index.es179.js";
-function n(e) {
-  var o = e.children, r = e.className, l = e.content, m = e.hidden, s = e.visible, a = f(i(s, "visible"), i(m, "hidden"), "content", r), d = b(n, e), c = u(n, e);
-  return /* @__PURE__ */ p.createElement(c, h({}, d, {
-    className: a
-  }), v(o) ? l : o);
+import { isNil as b } from "./index.es179.js";
+import { useKeyOnly as n } from "./index.es180.js";
+import { contentShorthand as g } from "./index.es163.js";
+import h from "./index.es169.js";
+import N from "./index.es170.js";
+function m(e) {
+  var o = e.blurring, i = e.className, t = e.children, l = e.content, a = e.dimmed, d = u(n(o, "blurring"), n(a, "dimmed"), "dimmable", i), s = h(m, e), c = N(m, e);
+  return /* @__PURE__ */ p.createElement(c, f({}, s, {
+    className: d
+  }), b(t) ? l : t);
 }
-n.handledProps = ["as", "children", "className", "content", "hidden", "visible"];
-n.propTypes = process.env.NODE_ENV !== "production" ? {
+m.handledProps = ["as", "blurring", "children", "className", "content", "dimmed"];
+m.propTypes = process.env.NODE_ENV !== "production" ? {
   /** An element type to render as (string or function). */
-  as: t.elementType,
+  as: r.elementType,
+  /** A dimmable element can blur its contents. */
+  blurring: r.bool,
   /** Primary content. */
-  children: t.node,
+  children: r.node,
   /** Additional classes. */
-  className: t.string,
+  className: r.string,
   /** Shorthand for primary content. */
-  content: N,
-  /** Initially hidden, visible on hover. */
-  hidden: t.bool,
-  /** Initially visible, hidden on hover. */
-  visible: t.bool
+  content: g,
+  /** Controls whether or not the dim is displayed. */
+  dimmed: r.bool
 } : {};
 export {
-  n as default
+  m as default
 };
 //# sourceMappingURL=index.es201.js.map

package/dist/index.es201.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es201.js","sources":["../../../node_modules/semantic-ui-react/dist/es/elements/Button/ButtonContent.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * Used in some Button types, such as `animated`.\n */\n\nfunction ButtonContent(props) {\n  var children = props.children,\n      className = props.className,\n      content = props.content,\n      hidden = props.hidden,\n      visible = props.visible;\n  var classes = cx(useKeyOnly(visible, 'visible'), useKeyOnly(hidden, 'hidden'), 'content', className);\n  var rest = getUnhandledProps(ButtonContent, props);\n  var ElementType = getElementType(ButtonContent, props);\n  return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n    className: classes\n  }), childrenUtils.isNil(children) ? content : children);\n}\n\nButtonContent.handledProps = [\"as\", \"children\", \"className\", \"content\", \"hidden\", \"visible\"];\nButtonContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** Primary content. */\n  children: PropTypes.node,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Shorthand for primary content. */\n  content: customPropTypes.contentShorthand,\n\n  /** Initially hidden, visible on hover. */\n  hidden: PropTypes.bool,\n\n  /** Initially visible, hidden on hover. */\n  visible: PropTypes.bool\n} : {};\nexport default ButtonContent;"],"names":["ButtonContent","props","children","className","content","hidden","visible","classes","cx","useKeyOnly","rest","getUnhandledProps","ElementType","getElementType","_extends","childrenUtils.isNil","PropTypes","customPropTypes.contentShorthand"],"mappings":";;;;;;;;;AASA,SAASA,EAAcC,GAAO;AAC5B,MAAIC,IAAWD,EAAM,UACjBE,IAAYF,EAAM,WAClBG,IAAUH,EAAM,SAChBI,IAASJ,EAAM,QACfK,IAAUL,EAAM,SAChBM,IAAUC,EAAGC,EAAWH,GAAS,SAAS,GAAGG,EAAWJ,GAAQ,QAAQ,GAAG,WAAWF,CAAS,GAC/FO,IAAOC,EAAkBX,GAAeC,CAAK,GAC7CW,IAAcC,EAAeb,GAAeC,CAAK;AACrD,2BAA0B,cAAcW,GAAaE,EAAS,CAAA,GAAIJ,GAAM;AAAA,IACtE,WAAWH;AAAA,EACZ,CAAA,GAAGQ,EAAoBb,CAAQ,IAAIE,IAAUF,CAAQ;AACxD;AAEAF,EAAc,eAAe,CAAC,MAAM,YAAY,aAAa,WAAW,UAAU,SAAS;AAC3FA,EAAc,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA;AAAA,EAEhE,IAAIgB,EAAU;AAAA;AAAA,EAGd,UAAUA,EAAU;AAAA;AAAA,EAGpB,WAAWA,EAAU;AAAA;AAAA,EAGrB,SAASC;AAAAA;AAAAA,EAGT,QAAQD,EAAU;AAAA;AAAA,EAGlB,SAASA,EAAU;AACrB,IAAI,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es201.js","sources":["../../../node_modules/semantic-ui-react/dist/es/modules/Dimmer/DimmerDimmable.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport cx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * A dimmable sub-component for Dimmer.\n */\n\nfunction DimmerDimmable(props) {\n  var blurring = props.blurring,\n      className = props.className,\n      children = props.children,\n      content = props.content,\n      dimmed = props.dimmed;\n  var classes = cx(useKeyOnly(blurring, 'blurring'), useKeyOnly(dimmed, 'dimmed'), 'dimmable', className);\n  var rest = getUnhandledProps(DimmerDimmable, props);\n  var ElementType = getElementType(DimmerDimmable, props);\n  return /*#__PURE__*/React.createElement(ElementType, _extends({}, rest, {\n    className: classes\n  }), childrenUtils.isNil(children) ? content : children);\n}\n\nDimmerDimmable.handledProps = [\"as\", \"blurring\", \"children\", \"className\", \"content\", \"dimmed\"];\nDimmerDimmable.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /** An element type to render as (string or function). */\n  as: PropTypes.elementType,\n\n  /** A dimmable element can blur its contents. */\n  blurring: PropTypes.bool,\n\n  /** Primary content. */\n  children: PropTypes.node,\n\n  /** Additional classes. */\n  className: PropTypes.string,\n\n  /** Shorthand for primary content. */\n  content: customPropTypes.contentShorthand,\n\n  /** Controls whether or not the dim is displayed. */\n  dimmed: PropTypes.bool\n} : {};\nexport default DimmerDimmable;"],"names":["DimmerDimmable","props","blurring","className","children","content","dimmed","classes","cx","useKeyOnly","rest","getUnhandledProps","ElementType","getElementType","_extends","childrenUtils.isNil","PropTypes","customPropTypes.contentShorthand"],"mappings":";;;;;;;;;AASA,SAASA,EAAeC,GAAO;AAC7B,MAAIC,IAAWD,EAAM,UACjBE,IAAYF,EAAM,WAClBG,IAAWH,EAAM,UACjBI,IAAUJ,EAAM,SAChBK,IAASL,EAAM,QACfM,IAAUC,EAAGC,EAAWP,GAAU,UAAU,GAAGO,EAAWH,GAAQ,QAAQ,GAAG,YAAYH,CAAS,GAClGO,IAAOC,EAAkBX,GAAgBC,CAAK,GAC9CW,IAAcC,EAAeb,GAAgBC,CAAK;AACtD,2BAA0B,cAAcW,GAAaE,EAAS,CAAA,GAAIJ,GAAM;AAAA,IACtE,WAAWH;AAAA,EACZ,CAAA,GAAGQ,EAAoBX,CAAQ,IAAIC,IAAUD,CAAQ;AACxD;AAEAJ,EAAe,eAAe,CAAC,MAAM,YAAY,YAAY,aAAa,WAAW,QAAQ;AAC7FA,EAAe,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA;AAAA,EAEjE,IAAIgB,EAAU;AAAA;AAAA,EAGd,UAAUA,EAAU;AAAA;AAAA,EAGpB,UAAUA,EAAU;AAAA;AAAA,EAGpB,WAAWA,EAAU;AAAA;AAAA,EAGrB,SAASC;AAAAA;AAAAA,EAGT,QAAQD,EAAU;AACpB,IAAI,CAAC;","x_google_ignoreList":[0]}

package/dist/index.es202.js

@@ -1,74 +1,87 @@
-import d from "./index.es177.js";
-import V from "./index.es204.js";
-import p from "./index.es185.js";
-import { clsx as B } from "./index.es187.js";
-import t from "./index.es171.js";
-import m from "react";
-import { isNil as D } from "./index.es188.js";
-import { useWidthProp as I, useValueAndKey as L, useKeyOrValueAndKey as R, useKeyOnly as o } from "./index.es189.js";
-import { collectionShorthand as W, contentShorthand as C } from "./index.es172.js";
-import F from "./index.es178.js";
-import G from "./index.es179.js";
-import { COLORS as H, FLOATS as U, SIZES as Z, WIDTHS as $ } from "./index.es191.js";
-import j from "./index.es46.js";
-function i(e) {
-  var s = e.attached, f = e.basic, a = e.buttons, l = e.children, b = e.className, u = e.color, v = e.compact, h = e.content, y = e.floated, g = e.fluid, O = e.icon, N = e.inverted, T = e.labeled, E = e.negative, S = e.positive, w = e.primary, z = e.secondary, K = e.size, P = e.toggle, _ = e.vertical, x = e.widths, n = B("ui", u, K, o(f, "basic"), o(v, "compact"), o(g, "fluid"), o(O, "icon"), o(N, "inverted"), o(T, "labeled"), o(E, "negative"), o(S, "positive"), o(w, "primary"), o(z, "secondary"), o(P, "toggle"), o(_, "vertical"), R(s, "attached"), L(y, "floated"), I(x), "buttons", b), c = F(i, e), r = G(i, e);
-  return p(a) ? /* @__PURE__ */ m.createElement(r, d({}, c, {
-    className: n
-  }), D(l) ? h : l) : /* @__PURE__ */ m.createElement(r, d({}, c, {
-    className: n
-  }), V(a, function(A) {
-    return j.create(A);
-  }));
-}
-i.handledProps = ["as", "attached", "basic", "buttons", "children", "className", "color", "compact", "content", "floated", "fluid", "icon", "inverted", "labeled", "negative", "positive", "primary", "secondary", "size", "toggle", "vertical", "widths"];
-i.propTypes = process.env.NODE_ENV !== "production" ? {
+import A from "./index.es168.js";
+import D from "./index.es160.js";
+import f from "./index.es161.js";
+import { clsx as E } from "./index.es178.js";
+import i from "./index.es162.js";
+import m, { createRef as v, Component as O } from "react";
+import { isNil as P } from "./index.es179.js";
+import { useKeyOnly as l, useVerticalAlignProp as S } from "./index.es180.js";
+import { contentShorthand as T } from "./index.es163.js";
+import x from "./index.es169.js";
+import U from "./index.es170.js";
+import I from "./index.es203.js";
+import { Ref as M } from "./index.es166.js";
+var u = /* @__PURE__ */ function(p) {
+  D(s, p);
+  function s() {
+    for (var t, e = arguments.length, r = new Array(e), n = 0; n < e; n++)
+      r[n] = arguments[n];
+    return t = p.call.apply(p, [this].concat(r)) || this, t.containerRef = /* @__PURE__ */ v(), t.contentRef = /* @__PURE__ */ v(), t.handleClick = function(o) {
+      var a = t.contentRef.current;
+      f(t.props, "onClick", o, t.props), !(a && a !== o.target && I(a, o)) && f(t.props, "onClickOutside", o, t.props);
+    }, t;
+  }
+  var c = s.prototype;
+  return c.componentDidMount = function() {
+    var e = this.props.active;
+    this.toggleStyles(e);
+  }, c.componentDidUpdate = function(e) {
+    var r = this.props.active, n = e.active;
+    n !== r && this.toggleStyles(r);
+  }, c.toggleStyles = function(e) {
+    var r = this.containerRef.current;
+    !r || !r.style || (e ? r.style.setProperty("display", "flex", "important") : r.style.removeProperty("display"));
+  }, c.render = function() {
+    var e = this.props, r = e.active, n = e.children, o = e.className, a = e.content, h = e.disabled, g = e.inverted, y = e.page, b = e.simple, R = e.verticalAlign, C = E("ui", l(r, "active transition visible"), l(h, "disabled"), l(g, "inverted"), l(y, "page"), l(b, "simple"), S(R), "dimmer", o), N = x(s, this.props), k = U(s, this.props), d = P(n) ? a : n;
+    return /* @__PURE__ */ m.createElement(M, {
+      innerRef: this.containerRef
+    }, /* @__PURE__ */ m.createElement(k, A({}, N, {
+      className: C,
+      onClick: this.handleClick
+    }), d && /* @__PURE__ */ m.createElement("div", {
+      className: "content",
+      ref: this.contentRef
+    }, d)));
+  }, s;
+}(O);
+u.handledProps = ["active", "as", "children", "className", "content", "disabled", "inverted", "onClick", "onClickOutside", "page", "simple", "verticalAlign"];
+u.propTypes = process.env.NODE_ENV !== "production" ? {
   /** An element type to render as (string or function). */
-  as: t.elementType,
-  /** Groups can be attached to other content. */
-  attached: t.oneOfType([t.bool, t.oneOf(["left", "right", "top", "bottom"])]),
-  /** Groups can be less pronounced. */
-  basic: t.bool,
-  /** Array of shorthand Button values. */
-  buttons: W,
+  as: i.elementType,
+  /** An active dimmer will dim its parent container. */
+  active: i.bool,
   /** Primary content. */
-  children: t.node,
+  children: i.node,
   /** Additional classes. */
-  className: t.string,
-  /** Groups can have a shared color. */
-  color: t.oneOf(H),
-  /** Groups can reduce their padding to fit into tighter spaces. */
-  compact: t.bool,
+  className: i.string,
   /** Shorthand for primary content. */
-  content: C,
-  /** Groups can be aligned to the left or right of its container. */
-  floated: t.oneOf(U),
-  /** Groups can take the width of their container. */
-  fluid: t.bool,
-  /** Groups can be formatted as icons. */
-  icon: t.bool,
-  /** Groups can be formatted to appear on dark backgrounds. */
-  inverted: t.bool,
-  /** Groups can be formatted as labeled icon buttons. */
-  labeled: t.bool,
-  /** Groups can hint towards a negative consequence. */
-  negative: t.bool,
-  /** Groups can hint towards a positive consequence. */
-  positive: t.bool,
-  /** Groups can be formatted to show different levels of emphasis. */
-  primary: t.bool,
-  /** Groups can be formatted to show different levels of emphasis. */
-  secondary: t.bool,
-  /** Groups can have different sizes. */
-  size: t.oneOf(Z),
-  /** Groups can be formatted to toggle on and off. */
-  toggle: t.bool,
-  /** Groups can be formatted to appear vertically. */
-  vertical: t.bool,
-  /** Groups can have their widths divided evenly. */
-  widths: t.oneOf($)
+  content: T,
+  /** A disabled dimmer cannot be activated */
+  disabled: i.bool,
+  /**
+   * Called on click.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onClick: i.func,
+  /**
+   * Handles click outside Dimmer's content, but inside Dimmer area.
+   *
+   * @param {SyntheticEvent} event - React's original SyntheticEvent.
+   * @param {object} data - All props.
+   */
+  onClickOutside: i.func,
+  /** A dimmer can be formatted to have its colors inverted. */
+  inverted: i.bool,
+  /** A dimmer can be formatted to be fixed to the page. */
+  page: i.bool,
+  /** A dimmer can be controlled with simple prop. */
+  simple: i.bool,
+  /** A dimmer can have its content top or bottom aligned. */
+  verticalAlign: i.oneOf(["bottom", "top"])
 } : {};
 export {
-  i as default
+  u as default
 };
 //# sourceMappingURL=index.es202.js.map