@doist/reactist 9.2.0-beta.7 → 10.0.0-beta.10

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

@@ -66,7 +66,7 @@ function ColorItem(_ref2) {
       backgroundColor: color
     },
     onClick: function onClick() {
-      return _onClick && _onClick(colorIndex);
+      return _onClick === null || _onClick === void 0 ? 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((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                    }, [] as React.ReactNode[])}\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 && 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":"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"}
+{"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;;;;"}

package/es/components/{button/button.js → deprecated-button/deprecated-button.js}

@@ -3,6 +3,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import { Tooltip } from '../tooltip/tooltip.js';
 
+/**
+ * @deprecated
+ */
+
 var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'button' : _ref$type,
@@ -25,8 +29,8 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
     ref: ref,
     type: type,
     className: className,
-    disabled: disabled || loading,
-    onClick: onClick
+    "aria-disabled": disabled || loading,
+    onClick: disabled || loading ? undefined : onClick
   }), children);
   return tooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
     content: tooltip
@@ -40,4 +44,4 @@ Button.defaultProps = {
 };
 
 export { Button };
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=deprecated-button.js.map

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

@@ -0,0 +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;;;;"}

package/es/components/{button → deprecated-button}/index.js

@@ -1,4 +1,4 @@
-import { Button } from './button.js';
+import { Button } from './deprecated-button.js';
 
 
 

package/es/components/{loading/loading.js → deprecated-loading/deprecated-loading.js}

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import classNames from 'classnames';
 
+/** @deprecated */
+
 function Loading(_ref) {
   var className = _ref.className,
       _ref$spinnerColor = _ref.spinnerColor,
@@ -37,4 +39,4 @@ function Loading(_ref) {
 Loading.displayName = 'Loading';
 
 export { Loading };
-//# sourceMappingURL=loading.js.map
+//# sourceMappingURL=deprecated-loading.js.map

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

@@ -0,0 +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;;;;"}

package/es/components/{modal/modal.js → deprecated-modal/deprecated-modal.js}

@@ -4,6 +4,8 @@ import classNames from 'classnames';
 import ReactDOM from 'react-dom';
 import CloseIcon from '../icons/CloseIcon.svg.js';
 
+/** @deprecated */
+
 var Box = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
 
@@ -78,6 +80,7 @@ Box.defaultProps = {
   large: false,
   closeOnOverlayClick: false
 };
+/** @deprecated */
 
 var Header = /*#__PURE__*/function (_React$Component2) {
   _inheritsLoose(Header, _React$Component2);
@@ -125,6 +128,7 @@ var Header = /*#__PURE__*/function (_React$Component2) {
 }(React__default.Component);
 
 Header.displayName = 'Modal.Header';
+/** @deprecated */
 
 var Body = /*#__PURE__*/function (_React$Component3) {
   _inheritsLoose(Body, _React$Component3);
@@ -182,6 +186,7 @@ Body.displayName = 'Modal.Body';
 Body.defaultProps = {
   showCloseIcon: false
 };
+/** @deprecated */
 
 var Actions = /*#__PURE__*/function (_React$Component4) {
   _inheritsLoose(Actions, _React$Component4);
@@ -208,7 +213,9 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
     var 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) {
-      if (child && child.props && child.props.close) {
+      var _child$props;
+
+      if (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.close) {
         return /*#__PURE__*/React__default.cloneElement(child, {
           onClick: function onClick() {
             return _this2._onClick(child.props.onClick);
@@ -229,4 +236,4 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
 Actions.displayName = 'Modal.Actions';
 
 export { Actions, Body, Box, Header };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=deprecated-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-modal.js","sources":["../../../src/components/deprecated-modal/deprecated-modal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\n\nimport CloseIcon from '../icons/CloseIcon.svg'\n\nimport './deprecated-modal.less'\n\ntype Props = {\n    /** Additional css class applied to the Modal.Box. */\n    className?: string\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Large style. */\n    large: boolean\n    /** Medium size syle. */\n    medium?: boolean\n    /** Close the Modal when clicking on the overlay. */\n    closeOnOverlayClick: boolean\n}\n\n/** @deprecated */\nclass Box extends React.Component<React.PropsWithChildren<Props>> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    componentDidMount() {\n        window.addEventListener('keydown', this._handleKeyDown)\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('keydown', this._handleKeyDown)\n    }\n\n    _closeModal = () => {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    _handleKeyDown = (event: Partial<KeyboardEvent>) => {\n        if (event.keyCode === 27) {\n            // ESC\n            this._closeModal()\n            if (event.preventDefault) event.preventDefault()\n        }\n    }\n\n    _handleOverlayClick = (event: React.MouseEvent<Element>) => {\n        if (\n            event.target instanceof Element &&\n            (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')\n        ) {\n            this._closeModal()\n        }\n    }\n\n    render() {\n        const { large, medium, style, children, closeOnOverlayClick } = this.props\n\n        const className = classnames('reactist_modal_box', { large, medium }, this.props.className)\n\n        return (\n            <div\n                className=\"reactist_overlay\"\n                id=\"reactist-overlay\"\n                onClick={closeOnOverlayClick ? this._handleOverlayClick : undefined}\n            >\n                <div className=\"reactist_overlay_inner\" id=\"reactist-overlay-inner\">\n                    <div style={style} className={className}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\nBox.displayName = 'Modal.Box'\nBox.defaultProps = {\n    large: false,\n    closeOnOverlayClick: false,\n}\n\ntype HeaderProps = {\n    /** Title of the Modal.Header. */\n    title?: string | React.ReactNode\n    /** Subtitle of the Modal.Header. */\n    subtitle?: string | React.ReactNode\n    /** Function that is called right before the Modal unmounts itself. */\n    beforeClose?: () => void\n}\n\n/** @deprecated */\nclass Header extends React.Component<HeaderProps> {\n    public static displayName: string\n    public static defaultProps: HeaderProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        if (typeof this.props.beforeClose === 'function') {\n            this.props.beforeClose()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className=\"reactist_modal_box__header\">\n                <p>\n                    {this.props.title && <span className=\"title\">{this.props.title}</span>}\n                    {this.props.subtitle && <span className=\"subtitle\">{this.props.subtitle}</span>}\n                    {this.props.children}\n                </p>\n                <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                    <CloseIcon />\n                </a>\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nHeader.displayName = 'Modal.Header'\n\ntype BodyProps = {\n    /** Display an icon (or basically any component) on the right hand side of the Modal.Body. */\n    icon?: React.ReactNode\n    /** Applies less styles on the body (e.g. no padding) */\n    plain?: boolean\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Additionall css class applied to the Modal.Body. */\n    className?: string\n    /**\n     * Render a close icon in the top right corner of the Modal.Body.\n     * Recommended to use when no Modal.Header is used.\n     */\n    showCloseIcon?: boolean\n}\n\n/** @deprecated */\nclass Body extends React.Component<BodyProps> {\n    public static displayName: string\n    public static defaultProps: BodyProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const { icon, plain, children, style, showCloseIcon } = this.props\n        const className = classnames('reactist_modal_box__body', { plain }, this.props.className)\n\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className={className} style={style}>\n                {showCloseIcon && (\n                    <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                        <CloseIcon />\n                    </a>\n                )}\n                {icon ? (\n                    <div className=\"dialog\">\n                        <div className=\"reactist_icon\">{icon}</div>\n                        <div className=\"content\">{children}</div>\n                    </div>\n                ) : (\n                    children\n                )}\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nBody.displayName = 'Modal.Body'\nBody.defaultProps = {\n    showCloseIcon: false,\n}\n\ntype ActionProps = {\n    /**\n     * Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\n     * When that is supplied and set to true it will close the modal after the onClick function\n     */\n    children?: React.ReactNode\n}\n\ntype ActionChildrenProps = {\n    close?: boolean\n    onClick?: () => void\n}\n\n/** @deprecated */\nclass Actions extends React.Component<ActionProps> {\n    public static displayName: string\n\n    _onClick(onClick: ActionChildrenProps['onClick']) {\n        if (onClick) {\n            onClick()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const children = React.Children.map(\n            // see: https://github.com/microsoft/TypeScript/issues/21699\n            // @ts-expect-error Children cannot be typed properly yet in React\n            this.props.children,\n            (child: React.ReactElement<ActionChildrenProps>) => {\n                if (child?.props?.close) {\n                    return React.cloneElement(child, {\n                        onClick: () => this._onClick(child.props.onClick),\n                    })\n                } else {\n                    return child ? React.cloneElement(child) : <></>\n                }\n            },\n        )\n\n        return <div className=\"reactist_modal_box__actions\">{children}</div>\n    }\n}\n\nActions.displayName = 'Modal.Actions'\n\n/** @deprecated */\ntype Modal = {\n    Box: Box\n    Header: Header\n    Body: Body\n    Actions: Actions\n}\n\nexport type { Modal }\n\nexport { Box, Header, Body, Actions }\n"],"names":["Box","modalElement","document","getElementById","ReactDOM","unmountComponentAtNode","event","keyCode","_closeModal","preventDefault","target","Element","id","componentDidMount","window","addEventListener","_handleKeyDown","componentWillUnmount","removeEventListener","render","props","large","medium","style","children","closeOnOverlayClick","className","classnames","React","onClick","_handleOverlayClick","undefined","Component","displayName","defaultProps","Header","beforeClose","title","subtitle","bind","href","CloseIcon","Body","icon","plain","showCloseIcon","Actions","_onClick","Children","map","child","close","cloneElement"],"mappings":"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"}

package/es/components/{modal → deprecated-modal}/index.js

@@ -1,4 +1,4 @@
-import { Box, Header, Body, Actions } from './modal.js';
+import { Box, Header, Body, Actions } from './deprecated-modal.js';
 
 var index = {
   Box: Box,

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/deprecated-modal/index.ts"],"sourcesContent":["import { Box, Header, Body, Actions } from './deprecated-modal'\nimport type { Modal } from './deprecated-modal'\n\nexport default { Box, Header, Body, Actions }\nexport type { Modal }\n"],"names":["Box","Header","Body","Actions"],"mappings":";;AAGA,YAAe;AAAEA,EAAAA,GAAG,EAAHA,GAAF;AAAOC,EAAAA,MAAM,EAANA,MAAP;AAAeC,EAAAA,IAAI,EAAJA,IAAf;AAAqBC,EAAAA,OAAO,EAAPA;AAArB,CAAf;;;;"}

package/es/components/dropdown/dropdown.js

@@ -1,8 +1,8 @@
 import { inheritsLoose as _inheritsLoose, assertThisInitialized as _assertThisInitialized, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
-import Button from '../button/index.js';
 import ReactDOM from 'react-dom';
+import Button from '../deprecated-button/index.js';
 
 var Box = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
@@ -94,7 +94,9 @@ var Box = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto._getTriggerComponent = function _getTriggerComponent() {
-    var _trigger = this.props.children && this.props.children[0];
+    var _this$props$children;
+
+    var _trigger = (_this$props$children = this.props.children) === null || _this$props$children === void 0 ? void 0 : _this$props$children[0];
 
     return _trigger ? /*#__PURE__*/React__default.cloneElement(_trigger, {
       onClick: this._toggleShowBody
@@ -122,7 +124,7 @@ var Box = /*#__PURE__*/function (_React$Component) {
       top: top,
       bottom: !top
     });
-    var body = children && children[1];
+    var body = children === null || children === void 0 ? void 0 : children[1];
     var contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React__default.cloneElement(body, props) : undefined;
     return /*#__PURE__*/React__default.createElement("div", {
       className: className,

package/es/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classNames from 'classnames'\n\nimport Button from '../button'\n\nimport './dropdown.less'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<BoxProps>, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children && this.props.children[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children && children[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                ? React.cloneElement(body, props)\n                : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div style={{ display: 'inline-block' }} className={className}>\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title'> & {\n    tooltip?: React.ReactNode\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div ref={setPosition} style={style} className=\"body\" id=\"reactist-dropdown-body\">\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","props","context","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","_timeout","setTimeout","state","showBody","onShowBody","document","addEventListener","_handleClickOutside","onHideBody","removeEventListener","setState","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","React","cloneElement","onClick","_getBodyComponent","right","setPosition","_setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","Component","displayName","Trigger","forwardRef","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\nimport './dropdown.less'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<BoxProps>, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                ? React.cloneElement(body, props)\n                : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div style={{ display: 'inline-block' }} className={className}>\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title'> & {\n    tooltip?: React.ReactNode\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div ref={setPosition} style={style} className=\"body\" id=\"reactist-dropdown-body\">\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","props","context","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","_timeout","setTimeout","state","showBody","onShowBody","document","addEventListener","_handleClickOutside","onHideBody","removeEventListener","setState","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","React","cloneElement","onClick","_getBodyComponent","right","setPosition","_setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","Component","displayName","Trigger","forwardRef","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}

package/es/components/error-message/error-message.js

@@ -20,6 +20,8 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     };
 
     _this._hide = function () {
+      var _this$props$onHide, _this$props;
+
       _this._clearTimeout();
 
       _this.setState(function () {
@@ -28,7 +30,7 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
         };
       });
 
-      _this.props.onHide && _this.props.onHide();
+      (_this$props$onHide = (_this$props = _this.props).onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props);
     };
 
     var isValidMessage = _this._isValidMessage(props.message);

package/es/components/error-message/error-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n    timeout?: number\n    onHide?: () => void\n    message?: string\n}\n\ntype State = {\n    visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        const isValidMessage = this._isValidMessage(props.message)\n        if (isValidMessage) {\n            this._triggerDelayedHide()\n        }\n        this.state = { visible: isValidMessage }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: Props) {\n        if (this._isValidMessage(nextProps.message)) {\n            this.setState(() => ({ visible: true }))\n            this._triggerDelayedHide()\n        }\n    }\n\n    timeout?: number\n\n    _isValidMessage(message?: string) {\n        return typeof message === 'string' && message.length > 0\n    }\n\n    _clearTimeout = () => {\n        this.timeout && clearTimeout(this.timeout)\n    }\n\n    _triggerDelayedHide = () => {\n        this._clearTimeout()\n        this.timeout = setTimeout(this._hide, this.props.timeout)\n    }\n\n    _hide = () => {\n        this._clearTimeout()\n        this.setState(() => ({ visible: false }))\n        this.props.onHide && this.props.onHide()\n    }\n\n    render() {\n        const { message } = this.props\n        if (!this.state.visible || !this._isValidMessage(message)) {\n            return false\n        }\n\n        return (\n            <div className=\"reactist_error_message\">\n                <p>{message}</p>\n                <div onClick={this._hide} className=\"dismiss_icon\" />\n            </div>\n        )\n    }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n    timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":";;;IAcMA;;;AAIF,wBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAsBJ,uBAAA,GAAgB;AACZ,YAAKC,OAAL,IAAgBC,YAAY,CAAC,MAAKD,OAAN,CAA5B;AACH,KAFD;;AAIA,6BAAA,GAAsB;AAClB,YAAKE,aAAL;;AACA,YAAKF,OAAL,GAAeG,UAAU,CAAC,MAAKC,KAAN,EAAa,MAAKN,KAAL,CAAWE,OAAxB,CAAzB;AACH,KAHD;;AAKA,eAAA,GAAQ;AACJ,YAAKE,aAAL;;AACA,YAAKG,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,YAAKR,KAAL,CAAWS,MAAX,IAAqB,MAAKT,KAAL,CAAWS,MAAX,EAArB;AACH,KAJD;;AA7BI,QAAMC,cAAc,GAAG,MAAKC,eAAL,CAAqBX,KAAK,CAACY,OAA3B,CAAvB;;AACA,QAAIF,cAAJ,EAAoB;AAChB,YAAKG,mBAAL;AACH;;AACD,UAAKC,KAAL,GAAa;AAAEN,MAAAA,OAAO,EAAEE;AAAX,KAAb;;AACH;;;;SAEDK,mCAAA,0CAAiCC,SAAjC;AACI,QAAI,KAAKL,eAAL,CAAqBK,SAAS,CAACJ,OAA/B,CAAJ,EAA6C;AACzC,WAAKL,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,WAAKK,mBAAL;AACH;AACJ;;SAIDF,kBAAA,yBAAgBC,OAAhB;AACI,WAAO,OAAOA,OAAP,KAAmB,QAAnB,IAA+BA,OAAO,CAACK,MAAR,GAAiB,CAAvD;AACH;;SAiBDC,SAAA;QACYN,UAAY,KAAKZ,MAAjBY;;AACR,QAAI,CAAC,KAAKE,KAAL,CAAWN,OAAZ,IAAuB,CAAC,KAAKG,eAAL,CAAqBC,OAArB,CAA5B,EAA2D;AACvD,aAAO,KAAP;AACH;;AAED,wBACIO,4BAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;KAAf,eACID,4BAAA,IAAA,MAAA,EAAIP,OAAJ,CADJ,eAEIO,4BAAA,MAAA;AAAKE,MAAAA,OAAO,EAAE,KAAKf;AAAOc,MAAAA,SAAS,EAAC;KAApC,CAFJ,CADJ;AAMH;;;EAtDsBD,cAAK,CAACG;;AAwDjCvB,YAAY,CAACwB,WAAb,GAA2B,cAA3B;AACAxB,YAAY,CAACyB,YAAb,GAA4B;AACxBtB,EAAAA,OAAO,EAAE;AADe,CAA5B;;;;"}
+{"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n    timeout?: number\n    onHide?: () => void\n    message?: string\n}\n\ntype State = {\n    visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        const isValidMessage = this._isValidMessage(props.message)\n        if (isValidMessage) {\n            this._triggerDelayedHide()\n        }\n        this.state = { visible: isValidMessage }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: Props) {\n        if (this._isValidMessage(nextProps.message)) {\n            this.setState(() => ({ visible: true }))\n            this._triggerDelayedHide()\n        }\n    }\n\n    timeout?: number\n\n    _isValidMessage(message?: string) {\n        return typeof message === 'string' && message.length > 0\n    }\n\n    _clearTimeout = () => {\n        this.timeout && clearTimeout(this.timeout)\n    }\n\n    _triggerDelayedHide = () => {\n        this._clearTimeout()\n        this.timeout = setTimeout(this._hide, this.props.timeout)\n    }\n\n    _hide = () => {\n        this._clearTimeout()\n        this.setState(() => ({ visible: false }))\n        this.props.onHide?.()\n    }\n\n    render() {\n        const { message } = this.props\n        if (!this.state.visible || !this._isValidMessage(message)) {\n            return false\n        }\n\n        return (\n            <div className=\"reactist_error_message\">\n                <p>{message}</p>\n                <div onClick={this._hide} className=\"dismiss_icon\" />\n            </div>\n        )\n    }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n    timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":";;;IAcMA;;;AAIF,wBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAsBJ,uBAAA,GAAgB;AACZ,YAAKC,OAAL,IAAgBC,YAAY,CAAC,MAAKD,OAAN,CAA5B;AACH,KAFD;;AAIA,6BAAA,GAAsB;AAClB,YAAKE,aAAL;;AACA,YAAKF,OAAL,GAAeG,UAAU,CAAC,MAAKC,KAAN,EAAa,MAAKN,KAAL,CAAWE,OAAxB,CAAzB;AACH,KAHD;;AAKA,eAAA,GAAQ;;;AACJ,YAAKE,aAAL;;AACA,YAAKG,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,iDAAKR,KAAL,EAAWS,MAAX;AACH,KAJD;;AA7BI,QAAMC,cAAc,GAAG,MAAKC,eAAL,CAAqBX,KAAK,CAACY,OAA3B,CAAvB;;AACA,QAAIF,cAAJ,EAAoB;AAChB,YAAKG,mBAAL;AACH;;AACD,UAAKC,KAAL,GAAa;AAAEN,MAAAA,OAAO,EAAEE;AAAX,KAAb;;AACH;;;;SAEDK,mCAAA,0CAAiCC,SAAjC;AACI,QAAI,KAAKL,eAAL,CAAqBK,SAAS,CAACJ,OAA/B,CAAJ,EAA6C;AACzC,WAAKL,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,WAAKK,mBAAL;AACH;AACJ;;SAIDF,kBAAA,yBAAgBC,OAAhB;AACI,WAAO,OAAOA,OAAP,KAAmB,QAAnB,IAA+BA,OAAO,CAACK,MAAR,GAAiB,CAAvD;AACH;;SAiBDC,SAAA;QACYN,UAAY,KAAKZ,MAAjBY;;AACR,QAAI,CAAC,KAAKE,KAAL,CAAWN,OAAZ,IAAuB,CAAC,KAAKG,eAAL,CAAqBC,OAArB,CAA5B,EAA2D;AACvD,aAAO,KAAP;AACH;;AAED,wBACIO,4BAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;KAAf,eACID,4BAAA,IAAA,MAAA,EAAIP,OAAJ,CADJ,eAEIO,4BAAA,MAAA;AAAKE,MAAAA,OAAO,EAAE,KAAKf;AAAOc,MAAAA,SAAS,EAAC;KAApC,CAFJ,CADJ;AAMH;;;EAtDsBD,cAAK,CAACG;;AAwDjCvB,YAAY,CAACwB,WAAb,GAA2B,cAA3B;AACAxB,YAAY,CAACyB,YAAb,GAA4B;AACxBtB,EAAAA,OAAO,EAAE;AADe,CAA5B;;;;"}

package/es/components/keyboard-shortcut/keyboard-shortcut.js

@@ -49,7 +49,7 @@ function hasModifiers(str) {
 }
 
 function isSpecialKey(str) {
-  return /^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(str);
+  return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str);
 }
 
 function parseKeys(shortcut, isMac, translateKey) {
@@ -77,12 +77,14 @@ function parseKeys(shortcut, isMac, translateKey) {
 }
 
 function KeyboardShortcut(_ref) {
+  var _navigator$platform$t, _navigator$platform;
+
   var children = _ref.children,
       className = _ref.className,
       _ref$translateKey = _ref.translateKey,
       translateKey = _ref$translateKey === void 0 ? globalTranslateKey : _ref$translateKey,
       _ref$isMac = _ref.isMac,
-      isMac = _ref$isMac === void 0 ? navigator.platform != null && navigator.platform.toUpperCase().includes('MAC') : _ref$isMac,
+      isMac = _ref$isMac === void 0 ? (_navigator$platform$t = (_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) !== null && _navigator$platform$t !== void 0 ? _navigator$platform$t : false : _ref$isMac,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "translateKey", "isMac"]);
 
   var shortcuts = typeof children === 'string' ? [children] : children;

package/es/components/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform != null && navigator.platform.toUpperCase().includes('MAC'),\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","classNames","i","j"],"mappings":"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"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","classNames","i","j"],"mappings":"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"}

package/es/components/menu/menu.js

@@ -1,8 +1,8 @@
 import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useCallback, useMemo, createElement, useContext, forwardRef, Children, cloneElement, createContext } from 'react';
 import classNames from 'classnames';
-import { forwardRefWithAs } from './type-helpers.js';
-import { useMenuState, Menu as Menu$1, MenuItem as MenuItem$1, MenuGroup as MenuGroup$1, MenuButton as MenuButton$1 } from 'reakit/Menu';
+import { polymorphicComponent } from '../../utils/polymorphism.js';
+import { useMenuState, MenuButton as MenuButton$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuGroup as MenuGroup$1 } from 'reakit/Menu';
 import { PopoverBackdrop } from 'reakit/Popover';
 
 var MenuContext = /*#__PURE__*/createContext( // Reakit gives us no means to obtain a valid initial/default value of type MenuStateReturn
@@ -35,25 +35,22 @@ function Menu(_ref) {
   return /*#__PURE__*/createElement(MenuContext.Provider, {
     value: value
   }, children);
-} //
-// MenuButton
-//
-
+}
 /**
  * A button to toggle a dropdown menu open or closed.
  */
 
 
-var MenuButton = /*#__PURE__*/forwardRefWithAs(function MenuButton(_ref2, ref) {
-  var className = _ref2.className,
-      props = _objectWithoutPropertiesLoose(_ref2, ["className"]);
+var MenuButton = /*#__PURE__*/polymorphicComponent(function MenuButton(_ref2, ref) {
+  var exceptionallySetClassName = _ref2.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref2, ["exceptionallySetClassName"]);
 
   var _React$useContext = useContext(MenuContext),
       state = _objectWithoutPropertiesLoose(_React$useContext, ["handleItemSelect"]);
 
   return /*#__PURE__*/createElement(MenuButton$1, Object.assign({}, props, state, {
     ref: ref,
-    className: classNames('reactist_menubutton', className)
+    className: classNames('reactist_menubutton', exceptionallySetClassName)
   }));
 });
 var BACKDROP_STYLE = {
@@ -91,16 +88,16 @@ function MenuBackdrop(_ref3) {
  */
 
 
-var MenuList = /*#__PURE__*/forwardRefWithAs(function MenuList(_ref4, ref) {
-  var className = _ref4.className,
-      props = _objectWithoutPropertiesLoose(_ref4, ["className"]);
+var MenuList = /*#__PURE__*/polymorphicComponent(function MenuList(_ref4, ref) {
+  var exceptionallySetClassName = _ref4.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref4, ["exceptionallySetClassName"]);
 
   var _React$useContext2 = useContext(MenuContext),
       state = _objectWithoutPropertiesLoose(_React$useContext2, ["handleItemSelect"]);
 
   return state.visible ? /*#__PURE__*/createElement(MenuBackdrop, Object.assign({}, state), /*#__PURE__*/createElement(Menu$1, Object.assign({}, props, state, {
     ref: ref,
-    className: classNames('reactist_menulist', className)
+    className: classNames('reactist_menulist', exceptionallySetClassName)
   }))) : null;
 });
 /**
@@ -108,14 +105,15 @@ var MenuList = /*#__PURE__*/forwardRefWithAs(function MenuList(_ref4, ref) {
  * callback.
  */
 
-var MenuItem = /*#__PURE__*/forwardRefWithAs(function MenuItem(_ref5, ref) {
+var MenuItem = /*#__PURE__*/polymorphicComponent(function MenuItem(_ref5, ref) {
   var value = _ref5.value,
       children = _ref5.children,
       onSelect = _ref5.onSelect,
       _ref5$hideOnSelect = _ref5.hideOnSelect,
       hideOnSelect = _ref5$hideOnSelect === void 0 ? true : _ref5$hideOnSelect,
       onClick = _ref5.onClick,
-      props = _objectWithoutPropertiesLoose(_ref5, ["value", "children", "onSelect", "hideOnSelect", "onClick"]);
+      exceptionallySetClassName = _ref5.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref5, ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"]);
 
   var _React$useContext3 = useContext(MenuContext),
       handleItemSelect = _React$useContext3.handleItemSelect,
@@ -131,7 +129,8 @@ var MenuItem = /*#__PURE__*/forwardRefWithAs(function MenuItem(_ref5, ref) {
   }, [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value]);
   return /*#__PURE__*/createElement(MenuItem$1, Object.assign({}, props, state, {
     ref: ref,
-    onClick: handleClick
+    onClick: handleClick,
+    className: exceptionallySetClassName
   }), children);
 });
 /**
@@ -193,17 +192,20 @@ var SubMenu = /*#__PURE__*/forwardRef(function SubMenu(_ref6, ref) {
  * before and/or after the group if you so wish.
  */
 
-var MenuGroup = /*#__PURE__*/forwardRefWithAs(function MenuGroud(_ref7, ref) {
+var MenuGroup = /*#__PURE__*/polymorphicComponent(function MenuGroud(_ref7, ref) {
   var label = _ref7.label,
       children = _ref7.children,
-      props = _objectWithoutPropertiesLoose(_ref7, ["label", "children"]);
+      exceptionallySetClassName = _ref7.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref7, ["label", "children", "exceptionallySetClassName"]);
 
   var _React$useContext5 = useContext(MenuContext),
       state = _objectWithoutPropertiesLoose(_React$useContext5, ["handleItemSelect"]);
 
   return /*#__PURE__*/createElement(MenuGroup$1, Object.assign({
     ref: ref
-  }, props, state), label ? /*#__PURE__*/createElement("div", {
+  }, props, state, {
+    className: exceptionallySetClassName
+  }), label ? /*#__PURE__*/createElement("div", {
     role: "presentation",
     className: "reactist_menugroup__label"
   }, label) : null, children);