@doist/reactist 11.6.0 → 12.0.1

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -51,22 +51,6 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -82,13 +66,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
   }
 
-  return self;
+  return target;
 }
 
-export { _assertThisInitialized as assertThisInitialized, _defineProperty as defineProperty, _inheritsLoose as inheritsLoose, _objectSpread2 as objectSpread2, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _setPrototypeOf as setPrototypeOf };
+export { _defineProperty as defineProperty, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose };
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/es/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/checkbox/checkbox.js

@@ -1,11 +1,11 @@
 import React__default from 'react';
 
-function Checkbox(_ref) {
-  var label = _ref.label,
-      disabled = _ref.disabled,
-      _ref$checked = _ref.checked,
-      checked = _ref$checked === void 0 ? false : _ref$checked,
-      onChange = _ref.onChange;
+function Checkbox({
+  label,
+  disabled,
+  checked = false,
+  onChange
+}) {
   return /*#__PURE__*/React__default.createElement("label", {
     className: "reactist_checkbox"
   }, /*#__PURE__*/React__default.createElement("input", {
@@ -13,9 +13,7 @@ function Checkbox(_ref) {
     value: label,
     checked: checked,
     disabled: disabled,
-    onChange: disabled || !onChange ? undefined : function (event) {
-      return onChange(event.target.checked);
-    },
+    onChange: disabled || !onChange ? undefined : event => onChange(event.target.checked),
     type: "checkbox"
   }), label);
 }

package/es/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React from 'react'\n\nimport './checkbox.less'\n\ntype Props = {\n    checked?: boolean\n    disabled?: boolean\n    onChange?: (checked: boolean) => void\n    label?: string | number\n}\n\nfunction Checkbox({ label, disabled, checked = false, onChange }: Props) {\n    return (\n        <label className=\"reactist_checkbox\">\n            <input\n                className=\"reactist_checkbox--input\"\n                value={label}\n                checked={checked}\n                disabled={disabled}\n                onChange={\n                    disabled || !onChange ? undefined : (event) => onChange(event.target.checked)\n                }\n                type=\"checkbox\"\n            />\n            {label}\n        </label>\n    )\n}\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }\n"],"names":["Checkbox","label","disabled","checked","onChange","React","className","value","undefined","event","target","type","displayName"],"mappings":";;AAWA,SAASA,QAAT;MAAoBC,aAAAA;MAAOC,gBAAAA;0BAAUC;MAAAA,oCAAU;MAAOC,gBAAAA;AAClD,sBACIC,4BAAA,QAAA;AAAOC,IAAAA,SAAS,EAAC;GAAjB,eACID,4BAAA,QAAA;AACIC,IAAAA,SAAS,EAAC;AACVC,IAAAA,KAAK,EAAEN;AACPE,IAAAA,OAAO,EAAEA;AACTD,IAAAA,QAAQ,EAAEA;AACVE,IAAAA,QAAQ,EACJF,QAAQ,IAAI,CAACE,QAAb,GAAwBI,SAAxB,GAAoC,UAACC,KAAD;AAAA,aAAWL,QAAQ,CAACK,KAAK,CAACC,MAAN,CAAaP,OAAd,CAAnB;AAAA;AAExCQ,IAAAA,IAAI,EAAC;GART,CADJ,EAWKV,KAXL,CADJ;AAeH;;AACDD,QAAQ,CAACY,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React from 'react'\n\nimport './checkbox.less'\n\ntype Props = {\n    checked?: boolean\n    disabled?: boolean\n    onChange?: (checked: boolean) => void\n    label?: string | number\n}\n\nfunction Checkbox({ label, disabled, checked = false, onChange }: Props) {\n    return (\n        <label className=\"reactist_checkbox\">\n            <input\n                className=\"reactist_checkbox--input\"\n                value={label}\n                checked={checked}\n                disabled={disabled}\n                onChange={\n                    disabled || !onChange ? undefined : (event) => onChange(event.target.checked)\n                }\n                type=\"checkbox\"\n            />\n            {label}\n        </label>\n    )\n}\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }\n"],"names":["Checkbox","label","disabled","checked","onChange","React","className","value","undefined","event","target","type","displayName"],"mappings":";;AAWA,SAASA,QAAT,CAAkB;EAAEC,KAAF;EAASC,QAAT;EAAmBC,OAAO,GAAG,KAA7B;EAAoCC;AAApC,CAAlB;EACI,oBACIC,4BAAA,QAAA;IAAOC,SAAS,EAAC;GAAjB,eACID,4BAAA,QAAA;IACIC,SAAS,EAAC;IACVC,KAAK,EAAEN;IACPE,OAAO,EAAEA;IACTD,QAAQ,EAAEA;IACVE,QAAQ,EACJF,QAAQ,IAAI,CAACE,QAAb,GAAwBI,SAAxB,GAAqCC,KAAD,IAAWL,QAAQ,CAACK,KAAK,CAACC,MAAN,CAAaP,OAAd;IAE3DQ,IAAI,EAAC;GART,CADJ,EAWKV,KAXL,CADJ;AAeH;;AACDD,QAAQ,CAACY,WAAT,GAAuB,UAAvB;;;;"}

package/es/components/color-picker/color-picker.js

@@ -3,33 +3,30 @@ import classNames from 'classnames';
 import { Tooltip } from '../tooltip/tooltip.js';
 import Dropdown from '../dropdown/index.js';
 
-var COLORS = ['#606060', '#4A90E2', '#03B3B2', '#008299', '#82BA00', '#D24726', '#AC193D', '#DC4FAD', '#3BD5FB', '#74E8D3', '#FFCC00', '#FB886E', '#CCCCCC'];
+const COLORS = ['#606060', '#4A90E2', '#03B3B2', '#008299', '#82BA00', '#D24726', '#AC193D', '#DC4FAD', '#3BD5FB', '#74E8D3', '#FFCC00', '#FB886E', '#CCCCCC'];
 
-var _isNamedColor = function _isNamedColor(color) {
-  return typeof color !== 'string';
-};
+const _isNamedColor = color => typeof color !== 'string';
 
-var _getColor = function _getColor(colorList, colorIndex) {
-  var index = colorIndex >= colorList.length ? 0 : colorIndex;
+const _getColor = (colorList, colorIndex) => {
+  const index = colorIndex >= colorList.length ? 0 : colorIndex;
   return colorList[index];
 };
 
-function ColorPicker(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 0 : _ref$color,
-      small = _ref.small,
-      onChange = _ref.onChange,
-      _ref$colorList = _ref.colorList,
-      colorList = _ref$colorList === void 0 ? COLORS : _ref$colorList;
+function ColorPicker({
+  color = 0,
+  small,
+  onChange,
+  colorList = COLORS
+}) {
   return /*#__PURE__*/React__default.createElement(Dropdown.Box, {
     right: true,
     className: "reactist_color_picker"
-  }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, function () {
-    var backgroundColor = _getColor(colorList, color);
+  }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, (() => {
+    const backgroundColor = _getColor(colorList, color);
 
     return /*#__PURE__*/React__default.createElement("span", {
       className: classNames('color_trigger', {
-        small: small
+        small
       }),
       style: {
         backgroundColor: _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor
@@ -37,9 +34,9 @@ function ColorPicker(_ref) {
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "color_trigger--inner_ring"
     }));
-  }()), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
+  })()), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
     className: "color_options"
-  }, colorList.reduce(function (items, currentColor, currentIndex) {
+  }, colorList.reduce((items, currentColor, currentIndex) => {
     items.push( /*#__PURE__*/React__default.createElement(ColorItem, {
       isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
       key: currentIndex,
@@ -54,20 +51,19 @@ function ColorPicker(_ref) {
 
 ColorPicker.displayName = 'ColorPicker';
 
-function ColorItem(_ref2) {
-  var color = _ref2.color,
-      colorIndex = _ref2.colorIndex,
-      isActive = _ref2.isActive,
-      _onClick = _ref2.onClick,
-      tooltip = _ref2.tooltip;
-  var item = /*#__PURE__*/React__default.createElement("span", {
+function ColorItem({
+  color,
+  colorIndex,
+  isActive,
+  onClick,
+  tooltip
+}) {
+  const item = /*#__PURE__*/React__default.createElement("span", {
     className: 'reactist color_item' + (isActive ? ' active' : ''),
     style: {
       backgroundColor: color
     },
-    onClick: function onClick() {
-      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(colorIndex);
-    }
+    onClick: () => onClick == null ? void 0 : onClick(colorIndex)
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "color_item--inner_ring"
   }));

package/es/components/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\nimport Dropdown from '../dropdown'\nimport { Tooltip } from '../tooltip'\n\nimport './color-picker.less'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor): color is NamedColor => typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n    const index = colorIndex >= colorList.length ? 0 : colorIndex\n    return colorList[index]\n}\n\ntype Props = {\n    small?: boolean\n    color?: number\n    onChange?: (color: number) => void\n    colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n    return (\n        <Dropdown.Box right className=\"reactist_color_picker\">\n            <Dropdown.Trigger>\n                {(() => {\n                    const backgroundColor = _getColor(colorList, color)\n\n                    return (\n                        <span\n                            className={classnames('color_trigger', { small })}\n                            style={{\n                                backgroundColor: _isNamedColor(backgroundColor)\n                                    ? backgroundColor.color\n                                    : backgroundColor,\n                            }}\n                        >\n                            <span className=\"color_trigger--inner_ring\" />\n                        </span>\n                    )\n                })()}\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div className=\"color_options\">\n                    {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n                        items.push(\n                            <ColorItem\n                                isActive={\n                                    color >= colorList.length\n                                        ? currentIndex === 0\n                                        : currentIndex === color\n                                }\n                                key={currentIndex}\n                                color={\n                                    _isNamedColor(currentColor) ? currentColor.color : currentColor\n                                }\n                                colorIndex={currentIndex}\n                                onClick={onChange}\n                                tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n                            />,\n                        )\n                        return items\n                    }, [])}\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n    color: string\n    colorIndex: number\n    isActive?: boolean\n    onClick?: (colorIndex: number) => void\n    tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n    const item = (\n        <span\n            className={'reactist color_item' + (isActive ? ' active' : '')}\n            style={{ backgroundColor: color }}\n            onClick={() => onClick?.(colorIndex)}\n        >\n            <span className=\"color_item--inner_ring\" />\n        </span>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorPicker, ColorItem, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","small","onChange","React","Dropdown","Box","right","className","Trigger","backgroundColor","classnames","style","Body","reduce","items","currentColor","currentIndex","push","ColorItem","isActive","key","onClick","tooltip","name","displayName","item","Tooltip","content"],"mappings":";;;;;IAUMA,MAAM,GAAG,CACX,SADW,EAEX,SAFW,EAGX,SAHW,EAIX,SAJW,EAKX,SALW,EAMX,SANW,EAOX,SAPW,EAQX,SARW,EASX,SATW,EAUX,SAVW,EAWX,SAXW,EAYX,SAZW,EAaX,SAbW;;AAgBf,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,SAAqD,OAAOA,KAAP,KAAiB,QAAtE;AAAA,CAAtB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD,EAAqCC,UAArC;AACd,MAAMC,KAAK,GAAGD,UAAU,IAAID,SAAS,CAACG,MAAxB,GAAiC,CAAjC,GAAqCF,UAAnD;AACA,SAAOD,SAAS,CAACE,KAAD,CAAhB;AACH,CAHD;;AAYA,SAASE,WAAT;wBAAuBN;MAAAA,gCAAQ;MAAGO,aAAAA;MAAOC,gBAAAA;4BAAUN;MAAAA,wCAAYJ;AAC3D,sBACIW,4BAAA,CAACC,QAAQ,CAACC,GAAV;AAAcC,IAAAA,KAAK;AAACC,IAAAA,SAAS,EAAC;GAA9B,eACIJ,4BAAA,CAACC,QAAQ,CAACI,OAAV,MAAA,EACM;AACE,QAAMC,eAAe,GAAGd,SAAS,CAACC,SAAD,EAAYF,KAAZ,CAAjC;;AAEA,wBACIS,4BAAA,OAAA;AACII,MAAAA,SAAS,EAAEG,UAAU,CAAC,eAAD,EAAkB;AAAET,QAAAA,KAAK,EAALA;AAAF,OAAlB;AACrBU,MAAAA,KAAK,EAAE;AACHF,QAAAA,eAAe,EAAEhB,aAAa,CAACgB,eAAD,CAAb,GACXA,eAAe,CAACf,KADL,GAEXe;AAHH;KAFX,eAQIN,4BAAA,OAAA;AAAMI,MAAAA,SAAS,EAAC;KAAhB,CARJ,CADJ;AAYH,GAfA,EADL,CADJ,eAmBIJ,4BAAA,CAACC,QAAQ,CAACQ,IAAV,MAAA,eACIT,4BAAA,MAAA;AAAKI,IAAAA,SAAS,EAAC;GAAf,EACKX,SAAS,CAACiB,MAAV,CAAoC,UAACC,KAAD,EAAQC,YAAR,EAAsBC,YAAtB;AACjCF,IAAAA,KAAK,CAACG,IAAN,eACId,4BAAA,CAACe,SAAD;AACIC,MAAAA,QAAQ,EACJzB,KAAK,IAAIE,SAAS,CAACG,MAAnB,GACMiB,YAAY,KAAK,CADvB,GAEMA,YAAY,KAAKtB;AAE3B0B,MAAAA,GAAG,EAAEJ;AACLtB,MAAAA,KAAK,EACDD,aAAa,CAACsB,YAAD,CAAb,GAA8BA,YAAY,CAACrB,KAA3C,GAAmDqB;AAEvDlB,MAAAA,UAAU,EAAEmB;AACZK,MAAAA,OAAO,EAAEnB;AACToB,MAAAA,OAAO,EAAE7B,aAAa,CAACsB,YAAD,CAAb,GAA8BA,YAAY,CAACQ,IAA3C,GAAkD;KAZ/D,CADJ;AAgBA,WAAOT,KAAP;AACH,GAlBA,EAkBE,EAlBF,CADL,CADJ,CAnBJ,CADJ;AA6CH;;AACDd,WAAW,CAACwB,WAAZ,GAA0B,aAA1B;;AAUA,SAASN,SAAT;MAAqBxB,cAAAA;MAAOG,mBAAAA;MAAYsB,iBAAAA;MAAUE,iBAAAA;MAASC,gBAAAA;AACvD,MAAMG,IAAI,gBACNtB,4BAAA,OAAA;AACII,IAAAA,SAAS,EAAE,yBAAyBY,QAAQ,GAAG,SAAH,GAAe,EAAhD;AACXR,IAAAA,KAAK,EAAE;AAAEF,MAAAA,eAAe,EAAEf;AAAnB;AACP2B,IAAAA,OAAO,EAAE;AAAA,aAAMA,QAAN,aAAMA,QAAN,uBAAMA,QAAO,CAAGxB,UAAH,CAAb;AAAA;GAHb,eAKIM,4BAAA,OAAA;AAAMI,IAAAA,SAAS,EAAC;GAAhB,CALJ,CADJ;AAUA,SAAOe,OAAO,gBAAGnB,4BAAA,CAACuB,OAAD;AAASC,IAAAA,OAAO,EAAEL;GAAlB,EAA4BG,IAA5B,CAAH,GAAiDA,IAA/D;AACH;;AACDP,SAAS,CAACM,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\nimport Dropdown from '../dropdown'\nimport { Tooltip } from '../tooltip'\n\nimport './color-picker.less'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor | undefined): color is NamedColor =>\n    typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n    const index = colorIndex >= colorList.length ? 0 : colorIndex\n    return colorList[index]\n}\n\ntype Props = {\n    small?: boolean\n    color?: number\n    onChange?: (color: number) => void\n    colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n    return (\n        <Dropdown.Box right className=\"reactist_color_picker\">\n            <Dropdown.Trigger>\n                {(() => {\n                    const backgroundColor = _getColor(colorList, color)\n\n                    return (\n                        <span\n                            className={classnames('color_trigger', { small })}\n                            style={{\n                                backgroundColor: _isNamedColor(backgroundColor)\n                                    ? backgroundColor.color\n                                    : backgroundColor,\n                            }}\n                        >\n                            <span className=\"color_trigger--inner_ring\" />\n                        </span>\n                    )\n                })()}\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div className=\"color_options\">\n                    {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n                        items.push(\n                            <ColorItem\n                                isActive={\n                                    color >= colorList.length\n                                        ? currentIndex === 0\n                                        : currentIndex === color\n                                }\n                                key={currentIndex}\n                                color={\n                                    _isNamedColor(currentColor) ? currentColor.color : currentColor\n                                }\n                                colorIndex={currentIndex}\n                                onClick={onChange}\n                                tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n                            />,\n                        )\n                        return items\n                    }, [])}\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n    color: string\n    colorIndex: number\n    isActive?: boolean\n    onClick?: (colorIndex: number) => void\n    tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n    const item = (\n        <span\n            className={'reactist color_item' + (isActive ? ' active' : '')}\n            style={{ backgroundColor: color }}\n            onClick={() => onClick?.(colorIndex)}\n        >\n            <span className=\"color_item--inner_ring\" />\n        </span>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorPicker, ColorItem, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","small","onChange","React","Dropdown","Box","right","className","Trigger","backgroundColor","classnames","style","Body","reduce","items","currentColor","currentIndex","push","ColorItem","isActive","key","onClick","tooltip","name","displayName","item","Tooltip","content"],"mappings":";;;;;MAUMA,MAAM,GAAG,CACX,SADW,EAEX,SAFW,EAGX,SAHW,EAIX,SAJW,EAKX,SALW,EAMX,SANW,EAOX,SAPW,EAQX,SARW,EASX,SATW,EAUX,SAVW,EAWX,SAXW,EAYX,SAZW,EAaX,SAbW;;AAgBf,MAAMC,aAAa,GAAIC,KAAD,IAClB,OAAOA,KAAP,KAAiB,QADrB;;AAGA,MAAMC,SAAS,GAAG,CAACC,SAAD,EAAqCC,UAArC;EACd,MAAMC,KAAK,GAAGD,UAAU,IAAID,SAAS,CAACG,MAAxB,GAAiC,CAAjC,GAAqCF,UAAnD;EACA,OAAOD,SAAS,CAACE,KAAD,CAAhB;AACH,CAHD;;AAYA,SAASE,WAAT,CAAqB;EAAEN,KAAK,GAAG,CAAV;EAAaO,KAAb;EAAoBC,QAApB;EAA8BN,SAAS,GAAGJ;AAA1C,CAArB;EACI,oBACIW,4BAAA,CAACC,QAAQ,CAACC,GAAV;IAAcC,KAAK;IAACC,SAAS,EAAC;GAA9B,eACIJ,4BAAA,CAACC,QAAQ,CAACI,OAAV,MAAA,EACK,CAAC;IACE,MAAMC,eAAe,GAAGd,SAAS,CAACC,SAAD,EAAYF,KAAZ,CAAjC;;IAEA,oBACIS,4BAAA,OAAA;MACII,SAAS,EAAEG,UAAU,CAAC,eAAD,EAAkB;QAAET;OAApB;MACrBU,KAAK,EAAE;QACHF,eAAe,EAAEhB,aAAa,CAACgB,eAAD,CAAb,GACXA,eAAe,CAACf,KADL,GAEXe;;KALd,eAQIN,4BAAA,OAAA;MAAMI,SAAS,EAAC;KAAhB,CARJ,CADJ;GAHH,GADL,CADJ,eAmBIJ,4BAAA,CAACC,QAAQ,CAACQ,IAAV,MAAA,eACIT,4BAAA,MAAA;IAAKI,SAAS,EAAC;GAAf,EACKX,SAAS,CAACiB,MAAV,CAAoC,CAACC,KAAD,EAAQC,YAAR,EAAsBC,YAAtB;IACjCF,KAAK,CAACG,IAAN,eACId,4BAAA,CAACe,SAAD;MACIC,QAAQ,EACJzB,KAAK,IAAIE,SAAS,CAACG,MAAnB,GACMiB,YAAY,KAAK,CADvB,GAEMA,YAAY,KAAKtB;MAE3B0B,GAAG,EAAEJ;MACLtB,KAAK,EACDD,aAAa,CAACsB,YAAD,CAAb,GAA8BA,YAAY,CAACrB,KAA3C,GAAmDqB;MAEvDlB,UAAU,EAAEmB;MACZK,OAAO,EAAEnB;MACToB,OAAO,EAAE7B,aAAa,CAACsB,YAAD,CAAb,GAA8BA,YAAY,CAACQ,IAA3C,GAAkD;KAZ/D,CADJ;IAgBA,OAAOT,KAAP;GAjBH,EAkBE,EAlBF,CADL,CADJ,CAnBJ,CADJ;AA6CH;;AACDd,WAAW,CAACwB,WAAZ,GAA0B,aAA1B;;AAUA,SAASN,SAAT,CAAmB;EAAExB,KAAF;EAASG,UAAT;EAAqBsB,QAArB;EAA+BE,OAA/B;EAAwCC;AAAxC,CAAnB;EACI,MAAMG,IAAI,gBACNtB,4BAAA,OAAA;IACII,SAAS,EAAE,yBAAyBY,QAAQ,GAAG,SAAH,GAAe,EAAhD;IACXR,KAAK,EAAE;MAAEF,eAAe,EAAEf;;IAC1B2B,OAAO,EAAE,MAAMA,OAAN,oBAAMA,OAAO,CAAGxB,UAAH;GAH1B,eAKIM,4BAAA,OAAA;IAAMI,SAAS,EAAC;GAAhB,CALJ,CADJ;EAUA,OAAOe,OAAO,gBAAGnB,4BAAA,CAACuB,OAAD;IAASC,OAAO,EAAEL;GAAlB,EAA4BG,IAA5B,CAAH,GAAiDA,IAA/D;AACH;;AACDP,SAAS,CAACM,WAAV,GAAwB,WAAxB;;;;"}

package/es/components/deprecated-button/deprecated-button.js

@@ -1,32 +1,30 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import { Tooltip } from '../tooltip/tooltip.js';
 
-var _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
+const _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
 
-var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'button' : _ref$type,
-      variant = _ref.variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      tooltip = _ref.tooltip,
-      onClick = _ref.onClick,
-      children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+const Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
+  let {
+    type = 'button',
+    variant,
+    size = 'default',
+    loading = false,
+    disabled = false,
+    tooltip,
+    onClick,
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  var className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
+  const className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
   }, props.className);
-  var button = /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
+  const button = /*#__PURE__*/React__default.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     type: type,
     className: className,

package/es/components/deprecated-button/deprecated-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\n\nimport './deprecated-button.less'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n    size: 'default',\n    loading: false,\n    disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","ref","type","variant","size","loading","disabled","tooltip","onClick","children","props","className","classNames","button","undefined","Tooltip","content","displayName","defaultProps"],"mappings":";;;;;;AAyCA;;;;IAGMA,MAAM,gBAAGC,cAAK,CAACC,UAAN,CAAiD,SAASF,MAAT,OAY5DG,GAZ4D;uBAExDC;MAAAA,8BAAO;MACPC,eAAAA;uBACAC;MAAAA,8BAAO;0BACPC;MAAAA,oCAAU;2BACVC;MAAAA,sCAAW;MACXC,eAAAA;MACAC,eAAAA;MACAC,gBAAAA;MACGC;;AAIP,MAAMC,SAAS,GAAGC,UAAU,CACxB,iBADwB,EAExBT,OAAO,yBAAuBA,OAAvB,GAAmC,IAFlB,EAGxBC,IAAI,KAAK,SAAT,yBAAyCA,IAAzC,GAAkD,IAH1B,EAIxB;AAAE,gCAA4BC;AAA9B,GAJwB,EAKxBK,KAAK,CAACC,SALkB,CAA5B;AAQA,MAAME,MAAM,gBACRd,4BAAA,SAAA,oBACQW;AACJT,IAAAA,GAAG,EAAEA;AACLC,IAAAA,IAAI,EAAEA;AACNS,IAAAA,SAAS,EAAEA;qBACIL,QAAQ,IAAID;AAC3BG,IAAAA,OAAO,EAAEF,QAAQ,IAAID,OAAZ,GAAsBS,SAAtB,GAAkCN;IAN/C,EAQKC,QARL,CADJ;AAaA,SAAOF,OAAO,gBAAGR,4BAAA,CAACgB,OAAD;AAASC,IAAAA,OAAO,EAAET;GAAlB,EAA4BM,MAA5B,CAAH,GAAmDA,MAAjE;AACH,CApCc;AAsCff,MAAM,CAACmB,WAAP,GAAqB,QAArB;AAEAnB,MAAM,CAACoB,YAAP,GAAsB;AAClBd,EAAAA,IAAI,EAAE,SADY;AAElBC,EAAAA,OAAO,EAAE,KAFS;AAGlBC,EAAAA,QAAQ,EAAE;AAHQ,CAAtB;;;;"}
+{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\n\nimport './deprecated-button.less'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n    size: 'default',\n    loading: false,\n    disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","ref","type","variant","size","loading","disabled","tooltip","onClick","children","props","className","classNames","button","undefined","Tooltip","content","displayName","defaultProps"],"mappings":";;;;;;AAyCA;;;;MAGMA,MAAM,gBAAGC,cAAK,CAACC,UAAN,CAAiD,SAASF,MAAT,OAY5DG,GAZ4D;MAC5D;IACIC,IAAI,GAAG,QADX;IAEIC,OAFJ;IAGIC,IAAI,GAAG,SAHX;IAIIC,OAAO,GAAG,KAJd;IAKIC,QAAQ,GAAG,KALf;IAMIC,OANJ;IAOIC,OAPJ;IAQIC;;MACGC;;EAIP,MAAMC,SAAS,GAAGC,UAAU,CACxB,iBADwB,EAExBT,OAAO,yBAAuBA,OAAvB,GAAmC,IAFlB,EAGxBC,IAAI,KAAK,SAAT,yBAAyCA,IAAzC,GAAkD,IAH1B,EAIxB;IAAE,4BAA4BC;GAJN,EAKxBK,KAAK,CAACC,SALkB,CAA5B;EAQA,MAAME,MAAM,gBACRd,4BAAA,SAAA,oCACQW,KADR;IAEIT,GAAG,EAAEA,GAFT;IAGIC,IAAI,EAAEA,IAHV;IAIIS,SAAS,EAAEA,SAJf;qBAKmBL,QAAQ,IAAID,OAL/B;IAMIG,OAAO,EAAEF,QAAQ,IAAID,OAAZ,GAAsBS,SAAtB,GAAkCN;MAE1CC,QARL,CADJ;EAaA,OAAOF,OAAO,gBAAGR,4BAAA,CAACgB,OAAD;IAASC,OAAO,EAAET;GAAlB,EAA4BM,MAA5B,CAAH,GAAmDA,MAAjE;AACH,CApCc;AAsCff,MAAM,CAACmB,WAAP,GAAqB,QAArB;AAEAnB,MAAM,CAACoB,YAAP,GAAsB;EAClBd,IAAI,EAAE,SADY;EAElBC,OAAO,EAAE,KAFS;EAGlBC,QAAQ,EAAE;AAHQ,CAAtB;;;;"}

package/es/components/deprecated-loading/deprecated-loading.js

@@ -3,16 +3,13 @@ import classNames from 'classnames';
 
 /** @deprecated */
 
-function Loading(_ref) {
-  var className = _ref.className,
-      _ref$spinnerColor = _ref.spinnerColor,
-      spinnerColor = _ref$spinnerColor === void 0 ? '#3F82EF' : _ref$spinnerColor,
-      _ref$bgColor = _ref.bgColor,
-      bgColor = _ref$bgColor === void 0 ? '#D9E6FB' : _ref$bgColor,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size,
-      _ref$ariaLabel = _ref['aria-label'],
-      ariaLabel = _ref$ariaLabel === void 0 ? 'Loading' : _ref$ariaLabel;
+function Loading({
+  className,
+  spinnerColor = '#3F82EF',
+  bgColor = '#D9E6FB',
+  size = 24,
+  'aria-label': ariaLabel = 'Loading'
+}) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('reactist_loading', className),
     "aria-label": ariaLabel,

package/es/components/deprecated-loading/deprecated-loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated-loading.js","sources":["../../../src/components/deprecated-loading/deprecated-loading.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './deprecated-loading.less'\n\ntype Props = {\n    /** Additional css class that is applied to Loading. */\n    className?: string\n    /** Hex code of the spinner color. */\n    spinnerColor?: string\n    /** Hex code of the background color. */\n    bgColor?: string\n    /** Circle diameter in pixels. */\n    size?: string | number\n\n    'aria-label'?: string\n}\n\n/** @deprecated */\nfunction Loading({\n    className,\n    spinnerColor = '#3F82EF',\n    bgColor = '#D9E6FB',\n    size = 24,\n    'aria-label': ariaLabel = 'Loading',\n}: Props) {\n    return (\n        <div\n            className={classNames('reactist_loading', className)}\n            aria-label={ariaLabel}\n            aria-live=\"assertive\"\n            role=\"alert\"\n        >\n            <span className=\"reactist_loading--spinner\">\n                <svg width={size} height={size} viewBox={'0 0 24 24'}>\n                    <g fill=\"none\" fillRule=\"nonzero\">\n                        <path\n                            fill={spinnerColor}\n                            d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                        />\n                        <path\n                            fill={bgColor}\n                            d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                        />\n                    </g>\n                </svg>\n            </span>\n        </div>\n    )\n}\n\nLoading.displayName = 'Loading'\n\nexport { Loading }\n"],"names":["Loading","className","spinnerColor","bgColor","size","ariaLabel","React","classNames","role","width","height","viewBox","fill","fillRule","d","displayName"],"mappings":";;;AAkBA;;AACA,SAASA,OAAT;MACIC,iBAAAA;+BACAC;MAAAA,8CAAe;0BACfC;MAAAA,oCAAU;uBACVC;MAAAA,8BAAO;4BACP;MAAcC,wCAAY;AAE1B,sBACIC,4BAAA,MAAA;AACIL,IAAAA,SAAS,EAAEM,UAAU,CAAC,kBAAD,EAAqBN,SAArB;kBACTI;iBACF;AACVG,IAAAA,IAAI,EAAC;GAJT,eAMIF,4BAAA,OAAA;AAAML,IAAAA,SAAS,EAAC;GAAhB,eACIK,4BAAA,MAAA;AAAKG,IAAAA,KAAK,EAAEL;AAAMM,IAAAA,MAAM,EAAEN;AAAMO,IAAAA,OAAO,EAAE;GAAzC,eACIL,4BAAA,IAAA;AAAGM,IAAAA,IAAI,EAAC;AAAOC,IAAAA,QAAQ,EAAC;GAAxB,eACIP,4BAAA,OAAA;AACIM,IAAAA,IAAI,EAAEV;AACNY,IAAAA,CAAC,EAAC;GAFN,CADJ,eAKIR,4BAAA,OAAA;AACIM,IAAAA,IAAI,EAAET;AACNW,IAAAA,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ,CANJ,CADJ;AAuBH;;AAEDd,OAAO,CAACe,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"deprecated-loading.js","sources":["../../../src/components/deprecated-loading/deprecated-loading.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './deprecated-loading.less'\n\ntype Props = {\n    /** Additional css class that is applied to Loading. */\n    className?: string\n    /** Hex code of the spinner color. */\n    spinnerColor?: string\n    /** Hex code of the background color. */\n    bgColor?: string\n    /** Circle diameter in pixels. */\n    size?: string | number\n\n    'aria-label'?: string\n}\n\n/** @deprecated */\nfunction Loading({\n    className,\n    spinnerColor = '#3F82EF',\n    bgColor = '#D9E6FB',\n    size = 24,\n    'aria-label': ariaLabel = 'Loading',\n}: Props) {\n    return (\n        <div\n            className={classNames('reactist_loading', className)}\n            aria-label={ariaLabel}\n            aria-live=\"assertive\"\n            role=\"alert\"\n        >\n            <span className=\"reactist_loading--spinner\">\n                <svg width={size} height={size} viewBox={'0 0 24 24'}>\n                    <g fill=\"none\" fillRule=\"nonzero\">\n                        <path\n                            fill={spinnerColor}\n                            d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                        />\n                        <path\n                            fill={bgColor}\n                            d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                        />\n                    </g>\n                </svg>\n            </span>\n        </div>\n    )\n}\n\nLoading.displayName = 'Loading'\n\nexport { Loading }\n"],"names":["Loading","className","spinnerColor","bgColor","size","ariaLabel","React","classNames","role","width","height","viewBox","fill","fillRule","d","displayName"],"mappings":";;;AAkBA;;AACA,SAASA,OAAT,CAAiB;EACbC,SADa;EAEbC,YAAY,GAAG,SAFF;EAGbC,OAAO,GAAG,SAHG;EAIbC,IAAI,GAAG,EAJM;EAKb,cAAcC,SAAS,GAAG;AALb,CAAjB;EAOI,oBACIC,4BAAA,MAAA;IACIL,SAAS,EAAEM,UAAU,CAAC,kBAAD,EAAqBN,SAArB;kBACTI;iBACF;IACVG,IAAI,EAAC;GAJT,eAMIF,4BAAA,OAAA;IAAML,SAAS,EAAC;GAAhB,eACIK,4BAAA,MAAA;IAAKG,KAAK,EAAEL;IAAMM,MAAM,EAAEN;IAAMO,OAAO,EAAE;GAAzC,eACIL,4BAAA,IAAA;IAAGM,IAAI,EAAC;IAAOC,QAAQ,EAAC;GAAxB,eACIP,4BAAA,OAAA;IACIM,IAAI,EAAEV;IACNY,CAAC,EAAC;GAFN,CADJ,eAKIR,4BAAA,OAAA;IACIM,IAAI,EAAET;IACNW,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ,CANJ,CADJ;AAuBH;;AAEDd,OAAO,CAACe,WAAR,GAAsB,SAAtB;;;;"}

package/es/components/deprecated-modal/deprecated-modal.js

@@ -1,4 +1,3 @@
-import { inheritsLoose as _inheritsLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import ReactDOM from 'react-dom';
@@ -6,58 +5,51 @@ import CloseIcon from '../icons/CloseIcon.svg.js';
 
 /** @deprecated */
 
-var Box = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Box, _React$Component);
+class Box extends React__default.Component {
+  constructor(...args) {
+    super(...args);
 
-  function Box() {
-    var _this;
-
-    _this = _React$Component.apply(this, arguments) || this;
-
-    _this._closeModal = function () {
+    this._closeModal = () => {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var modalElement = document.getElementById('modal_box');
+      const modalElement = document.getElementById('modal_box');
       ReactDOM.unmountComponentAtNode(modalElement);
     };
 
-    _this._handleKeyDown = function (event) {
+    this._handleKeyDown = event => {
       if (event.keyCode === 27) {
         // ESC
-        _this._closeModal();
+        this._closeModal();
 
         if (event.preventDefault) event.preventDefault();
       }
     };
 
-    _this._handleOverlayClick = function (event) {
+    this._handleOverlayClick = event => {
       if (event.target instanceof Element && (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')) {
-        _this._closeModal();
+        this._closeModal();
       }
     };
-
-    return _this;
   }
 
-  var _proto = Box.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
+  componentDidMount() {
     window.addEventListener('keydown', this._handleKeyDown);
-  };
+  }
 
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     window.removeEventListener('keydown', this._handleKeyDown);
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        large = _this$props.large,
-        medium = _this$props.medium,
-        style = _this$props.style,
-        children = _this$props.children,
-        closeOnOverlayClick = _this$props.closeOnOverlayClick;
-    var className = classNames('reactist_modal_box', {
-      large: large,
-      medium: medium
+  }
+
+  render() {
+    const {
+      large,
+      medium,
+      style,
+      children,
+      closeOnOverlayClick
+    } = this.props;
+    const className = classNames('reactist_modal_box', {
+      large,
+      medium
     }, this.props.className);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "reactist_overlay",
@@ -70,11 +62,12 @@ var Box = /*#__PURE__*/function (_React$Component) {
       style: style,
       className: className
     }, children)));
-  };
+  }
 
-  return Box;
-}(React__default.Component);
+}
 
+Box.displayName = void 0;
+Box.defaultProps = void 0;
 Box.displayName = 'Modal.Box';
 Box.defaultProps = {
   large: false,
@@ -82,16 +75,8 @@ Box.defaultProps = {
 };
 /** @deprecated */
 
-var Header = /*#__PURE__*/function (_React$Component2) {
-  _inheritsLoose(Header, _React$Component2);
-
-  function Header() {
-    return _React$Component2.apply(this, arguments) || this;
-  }
-
-  var _proto2 = Header.prototype;
-
-  _proto2._closeModal = function _closeModal(event) {
+class Header extends React__default.Component {
+  _closeModal(event) {
     event.preventDefault();
 
     if (typeof this.props.beforeClose === 'function') {
@@ -99,11 +84,11 @@ var Header = /*#__PURE__*/function (_React$Component2) {
     } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
 
-    var modalElement = document.getElementById('modal_box');
+    const modalElement = document.getElementById('modal_box');
     ReactDOM.unmountComponentAtNode(modalElement);
-  };
+  }
 
-  _proto2.render = function render() {
+  render() {
     return (
       /*#__PURE__*/
 
@@ -122,39 +107,33 @@ var Header = /*#__PURE__*/function (_React$Component2) {
       /* eslint-enable jsx-a11y/anchor-is-valid */
 
     );
-  };
+  }
 
-  return Header;
-}(React__default.Component);
+}
 
+Header.displayName = void 0;
+Header.defaultProps = void 0;
 Header.displayName = 'Modal.Header';
 /** @deprecated */
 
-var Body = /*#__PURE__*/function (_React$Component3) {
-  _inheritsLoose(Body, _React$Component3);
-
-  function Body() {
-    return _React$Component3.apply(this, arguments) || this;
-  }
-
-  var _proto3 = Body.prototype;
-
-  _proto3._closeModal = function _closeModal(event) {
+class Body extends React__default.Component {
+  _closeModal(event) {
     event.preventDefault(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
-    var modalElement = document.getElementById('modal_box');
+    const modalElement = document.getElementById('modal_box');
     ReactDOM.unmountComponentAtNode(modalElement);
-  };
-
-  _proto3.render = function render() {
-    var _this$props2 = this.props,
-        icon = _this$props2.icon,
-        plain = _this$props2.plain,
-        children = _this$props2.children,
-        style = _this$props2.style,
-        showCloseIcon = _this$props2.showCloseIcon;
-    var className = classNames('reactist_modal_box__body', {
-      plain: plain
+  }
+
+  render() {
+    const {
+      icon,
+      plain,
+      children,
+      style,
+      showCloseIcon
+    } = this.props;
+    const className = classNames('reactist_modal_box__body', {
+      plain
     }, this.props.className);
     return (
       /*#__PURE__*/
@@ -177,49 +156,38 @@ var Body = /*#__PURE__*/function (_React$Component3) {
       /* eslint-enable jsx-a11y/anchor-is-valid */
 
     );
-  };
+  }
 
-  return Body;
-}(React__default.Component);
+}
 
+Body.displayName = void 0;
+Body.defaultProps = void 0;
 Body.displayName = 'Modal.Body';
 Body.defaultProps = {
   showCloseIcon: false
 };
 /** @deprecated */
 
-var Actions = /*#__PURE__*/function (_React$Component4) {
-  _inheritsLoose(Actions, _React$Component4);
-
-  function Actions() {
-    return _React$Component4.apply(this, arguments) || this;
-  }
-
-  var _proto4 = Actions.prototype;
-
-  _proto4._onClick = function _onClick(onClick) {
+class Actions extends React__default.Component {
+  _onClick(onClick) {
     if (onClick) {
       onClick();
     } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
 
-    var modalElement = document.getElementById('modal_box');
+    const modalElement = document.getElementById('modal_box');
     ReactDOM.unmountComponentAtNode(modalElement);
-  };
-
-  _proto4.render = function render() {
-    var _this2 = this;
+  }
 
-    var children = React__default.Children.map( // see: https://github.com/microsoft/TypeScript/issues/21699
+  render() {
+    const children = React__default.Children.map( // see: https://github.com/microsoft/TypeScript/issues/21699
     // @ts-expect-error Children cannot be typed properly yet in React
-    this.props.children, function (child) {
+    this.props.children, child => {
       var _child$props;
 
-      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.close) {
+      if (child != null && (_child$props = child.props) != null && _child$props.close) {
         return /*#__PURE__*/React__default.cloneElement(child, {
-          onClick: function onClick() {
-            return _this2._onClick(child.props.onClick);
-          }
+          onClick: () => this._onClick(child.props.onClick)
         });
       } else {
         return child ? /*#__PURE__*/React__default.cloneElement(child) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
@@ -228,11 +196,11 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "reactist_modal_box__actions"
     }, children);
-  };
+  }
 
-  return Actions;
-}(React__default.Component);
+}
 
+Actions.displayName = void 0;
 Actions.displayName = 'Modal.Actions';
 
 export { Actions, Body, Box, Header };