@doist/reactist 25.0.0-beta.2 → 25.0.0

package/es/columns/columns.module.css.js

@@ -1,4 +1,4 @@
 var modules_67f2d07a = {"container":"eae3d34f","container-xsmall":"_9b4012c9","container-small":"e35e0320","container-medium":"_0703e67f","container-large":"_1cf15621","container-xlarge":"_1c7dff67","container-xxlarge":"_25bee9b6","columnWidth-content":"_4bb9987d","columnWidth-auto":"_9dd31975","columnWidth-1-2":"_38d11c0e","columnWidth-1-3":"_7ac225c6","columnWidth-2-3":"_9c340680","columnWidth-1-4":"_81cb99d2","columnWidth-3-4":"_10fd355f","columnWidth-1-5":"_3ee66520","columnWidth-2-5":"df1201a5","columnWidth-3-5":"f772e0b2","columnWidth-4-5":"_880cbbb1"};
 
-export default modules_67f2d07a;
+export { modules_67f2d07a as default };
 //# sourceMappingURL=columns.module.css.js.map

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

@@ -1,7 +1,7 @@
-import { createElement } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
+import { Dropdown } from '../deprecated-dropdown/dropdown.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
-import DeprecatedDropdown from '../deprecated-dropdown/index.js';
 
 const COLORS = ['#606060', '#4A90E2', '#03B3B2', '#008299', '#82BA00', '#D24726', '#AC193D', '#DC4FAD', '#3BD5FB', '#74E8D3', '#FFCC00', '#FB886E', '#CCCCCC'];
 
@@ -18,26 +18,26 @@ function ColorPicker({
   onChange,
   colorList = COLORS
 }) {
-  return /*#__PURE__*/createElement(DeprecatedDropdown.Box, {
+  return /*#__PURE__*/React.createElement(Dropdown.Box, {
     right: true,
     className: "reactist_color_picker"
-  }, /*#__PURE__*/createElement(DeprecatedDropdown.Trigger, null, (() => {
+  }, /*#__PURE__*/React.createElement(Dropdown.Trigger, null, (() => {
     const backgroundColor = _getColor(colorList, color);
 
-    return /*#__PURE__*/createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: classNames('color_trigger', {
         small
       }),
       style: {
         backgroundColor: _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor
       }
-    }, /*#__PURE__*/createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "color_trigger--inner_ring"
     }));
-  })()), /*#__PURE__*/createElement(DeprecatedDropdown.Body, null, /*#__PURE__*/createElement("div", {
+  })()), /*#__PURE__*/React.createElement(Dropdown.Body, null, /*#__PURE__*/React.createElement("div", {
     className: "color_options"
   }, colorList.reduce((items, currentColor, currentIndex) => {
-    items.push( /*#__PURE__*/createElement(ColorItem, {
+    items.push( /*#__PURE__*/React.createElement(ColorItem, {
       isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
       key: currentIndex,
       color: _isNamedColor(currentColor) ? currentColor.color : currentColor,
@@ -58,17 +58,17 @@ function ColorItem({
   onClick,
   tooltip
 }) {
-  const item = /*#__PURE__*/createElement("span", {
+  const item = /*#__PURE__*/React.createElement("span", {
     "data-testid": "reactist-color-item",
     className: 'reactist color_item' + (isActive ? ' active' : ''),
     style: {
       backgroundColor: color
     },
     onClick: () => onClick == null ? void 0 : onClick(colorIndex)
-  }, /*#__PURE__*/createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "color_item--inner_ring"
   }));
-  return tooltip ? /*#__PURE__*/createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltip
   }, item) : item;
 }

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 * as React from 'react'\nimport classnames from 'classnames'\n\nimport DeprecatedDropdown from '../deprecated-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        <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n            <DeprecatedDropdown.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            </DeprecatedDropdown.Trigger>\n            <DeprecatedDropdown.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            </DeprecatedDropdown.Body>\n        </DeprecatedDropdown.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            data-testid=\"reactist-color-item\"\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","DeprecatedDropdown","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,aAAA,CAACC,kBAAkB,CAACC,GAApB;IAAwBC,KAAK;IAACC,SAAS,EAAC;GAAxC,eACIJ,aAAA,CAACC,kBAAkB,CAACI,OAApB,MAAA,EACK,CAAC;IACE,MAAMC,eAAe,GAAGd,SAAS,CAACC,SAAD,EAAYF,KAAZ,CAAjC;;IAEA,oBACIS,aAAA,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,aAAA,OAAA;MAAMI,SAAS,EAAC;KAAhB,CARJ,CADJ;GAHH,GADL,CADJ,eAmBIJ,aAAA,CAACC,kBAAkB,CAACQ,IAApB,MAAA,eACIT,aAAA,MAAA;IAAKI,SAAS,EAAC;GAAf,EACKX,SAAS,CAACiB,MAAV,CAAoC,CAACC,KAAD,EAAQC,YAAR,EAAsBC,YAAtB;IACjCF,KAAK,CAACG,IAAN,eACId,aAAA,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,aAAA,OAAA;mBACgB;IACZI,SAAS,EAAE,yBAAyBY,QAAQ,GAAG,SAAH,GAAe,EAAhD;IACXR,KAAK,EAAE;MAAEF,eAAe,EAAEf;;IAC1B2B,OAAO,EAAE,MAAMA,OAAN,oBAAMA,OAAO,CAAGxB,UAAH;GAJ1B,eAMIM,aAAA,OAAA;IAAMI,SAAS,EAAC;GAAhB,CANJ,CADJ;EAWA,OAAOe,OAAO,gBAAGnB,aAAA,CAACuB,OAAD;IAASC,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 * as React from 'react'\nimport classnames from 'classnames'\n\nimport DeprecatedDropdown from '../deprecated-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        <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n            <DeprecatedDropdown.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            </DeprecatedDropdown.Trigger>\n            <DeprecatedDropdown.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            </DeprecatedDropdown.Body>\n        </DeprecatedDropdown.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            data-testid=\"reactist-color-item\"\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","createElement","DeprecatedDropdown","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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"}

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

@@ -1,7 +1,3 @@
 import { ColorPicker } from './color-picker.js';
-export { COLORS, ColorItem } from './color-picker.js';
-
-
-
-export default ColorPicker;
+export { COLORS, ColorItem, ColorPicker as default } from './color-picker.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, createElement } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import { Tooltip } from '../../tooltip/tooltip.js';
 
@@ -8,7 +8,7 @@ const _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip",
  * @deprecated
  */
 
-const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
+const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   let {
     type = 'button',
     variant,
@@ -24,14 +24,14 @@ const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
   const className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
   }, props.className);
-  const button = /*#__PURE__*/createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
+  const button = /*#__PURE__*/React.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     type: type,
     className: className,
     "aria-disabled": disabled || loading,
     onClick: disabled || loading ? undefined : onClick
   }), children);
-  return tooltip ? /*#__PURE__*/createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltip
   }, button) : button;
 });

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 * as 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","ref","type","variant","size","loading","disabled","tooltip","onClick","children","props","className","classNames","button","undefined","Tooltip","content","displayName","defaultProps"],"mappings":";;;;;;AAyCA;;;;MAGMA,MAAM,gBAAGC,UAAA,CAAiD,SAASD,MAAT,OAY5DE,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,gBACRb,aAAA,SAAA,oCACQU,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,gBAAGP,aAAA,CAACe,OAAD;IAASC,OAAO,EAAET;GAAlB,EAA4BM,MAA5B,CAAH,GAAmDA,MAAjE;AACH,CApCc;AAsCfd,MAAM,CAACkB,WAAP,GAAqB,QAArB;AAEAlB,MAAM,CAACmB,YAAP,GAAsB;EAClBd,IAAI,EAAE,SADY;EAElBC,OAAO,EAAE,KAFS;EAGlBC,QAAQ,EAAE;AAHQ,CAAtB;;;;"}
+{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import * as 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","createElement","undefined","Tooltip","content","displayName","defaultProps"],"mappings":";;;;;;AAyCA;;AAEG;;AACGA,MAAAA,MAAM,gBAAGC,KAAK,CAACC,UAAN,CAAiD,SAASF,MAAT,CAY5DG,IAAAA,EAAAA,GAZ4D,EAYzD;EAAA,IAXH;AACIC,IAAAA,IAAI,GAAG,QADX;IAEIC,OAFJ;AAGIC,IAAAA,IAAI,GAAG,SAHX;AAIIC,IAAAA,OAAO,GAAG,KAJd;AAKIC,IAAAA,QAAQ,GAAG,KALf;IAMIC,OANJ;IAOIC,OAPJ;AAQIC,IAAAA,QAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH,EAAA,MAAMC,SAAS,GAAGC,UAAU,CACxB,iBADwB,EAExBT,OAAO,GAAuBA,mBAAAA,GAAAA,OAAvB,GAAmC,IAFlB,EAGxBC,IAAI,KAAK,SAAT,yBAAyCA,IAAzC,GAAkD,IAH1B,EAIxB;IAAE,0BAA4BC,EAAAA,OAAAA;AAA9B,GAJwB,EAKxBK,KAAK,CAACC,SALkB,CAA5B,CAAA;EAQA,MAAME,MAAM,gBACRd,KACQ,CAAAe,aADR,CACQ,QADR,oCACQJ,KADR,CAAA,EAAA,EAAA,EAAA;AAEIT,IAAAA,GAAG,EAAEA,GAFT;AAGIC,IAAAA,IAAI,EAAEA,IAHV;AAIIS,IAAAA,SAAS,EAAEA,SAJf;IAKmB,eAAAL,EAAAA,QAAQ,IAAID,OAL/B;AAMIG,IAAAA,OAAO,EAAEF,QAAQ,IAAID,OAAZ,GAAsBU,SAAtB,GAAkCP,OAAAA;AAN/C,GAAA,CAAA,EAQKC,QARL,CADJ,CAAA;AAaA,EAAA,OAAOF,OAAO,gBAAGR,KAAA,CAAAe,aAAA,CAACE,OAAD,EAAS;AAAAC,IAAAA,OAAO,EAAEV,OAAAA;AAAT,GAAT,EAA4BM,MAA5B,CAAH,GAAmDA,MAAjE,CAAA;AACH,CApCc,EAAf;AAsCAf,MAAM,CAACoB,WAAP,GAAqB,QAArB,CAAA;AAEApB,MAAM,CAACqB,YAAP,GAAsB;AAClBf,EAAAA,IAAI,EAAE,SADY;AAElBC,EAAAA,OAAO,EAAE,KAFS;AAGlBC,EAAAA,QAAQ,EAAE,KAAA;AAHQ,CAAtB;;;;"}

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

@@ -1,6 +1,3 @@
 import { Button } from './deprecated-button.js';
-
-
-
-export default Button;
+export { Button as default } from './deprecated-button.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,12 +1,12 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Component, cloneElement, createElement, forwardRef } from 'react';
-import classNames from 'classnames';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
-import Button from '../deprecated-button/index.js';
+import classNames from 'classnames';
+import { Button } from '../deprecated-button/deprecated-button.js';
 
 const _excluded = ["children", "onClick", "tooltip", "className"];
 
-class Box extends Component {
+class Box extends React.Component {
   constructor(props, context) {
     super(props, context);
     this._timeout = void 0;
@@ -93,7 +93,7 @@ class Box extends Component {
 
     const _trigger = (_this$props$children = this.props.children) == null ? void 0 : _this$props$children[0];
 
-    return _trigger ? /*#__PURE__*/cloneElement(_trigger, {
+    return _trigger ? /*#__PURE__*/React.cloneElement(_trigger, {
       onClick: this._toggleShowBody
     }) : undefined;
   } // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components
@@ -123,8 +123,8 @@ class Box extends Component {
       bottom: !top
     });
     const body = children == null ? void 0 : children[1];
-    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/cloneElement(body, props) : undefined;
-    return /*#__PURE__*/createElement("div", {
+    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React.cloneElement(body, props) : undefined;
+    return /*#__PURE__*/React.createElement("div", {
       className: className,
       style: {
         position: 'relative'
@@ -137,7 +137,7 @@ class Box extends Component {
     const {
       top
     } = this.state;
-    return /*#__PURE__*/createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'inline-block'
       },
@@ -150,7 +150,7 @@ class Box extends Component {
 
 Box.displayName = void 0;
 Box.displayName = 'Dropdown.Box';
-const Trigger = /*#__PURE__*/forwardRef(function Trigger(_ref, ref) {
+const Trigger = /*#__PURE__*/React.forwardRef(function Trigger(_ref, ref) {
   let {
     children,
     onClick,
@@ -165,7 +165,7 @@ const Trigger = /*#__PURE__*/forwardRef(function Trigger(_ref, ref) {
     if (onClick) onClick(event);
   }
 
-  return /*#__PURE__*/createElement(Button, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Button, _objectSpread2(_objectSpread2({}, props), {}, {
     className: classNames('trigger', className),
     onClick: handleClick,
     tooltip: tooltip,
@@ -196,7 +196,7 @@ function Body({
     style.left = 0;
   }
 
-  return /*#__PURE__*/createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: setPosition,
     style: style,
     className: "body",

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../src/components/deprecated-dropdown/dropdown.tsx"],"sourcesContent":["import * as 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<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\n                style={{ display: 'inline-block' }}\n                className={className}\n                data-testid=\"reactist-dropdown-box\"\n            >\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' | 'onClick'> & {\n    tooltip?: React.ReactNode\n    /**\n     * @private the onClick prop is not to be used externally\n     */\n    onClick?: NativeButtonProps['onClick']\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\n            ref={setPosition}\n            style={style}\n            className=\"body\"\n            id=\"reactist-dropdown-body\"\n            data-testid=\"reactist-dropdown-body\"\n        >\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","React","constructor","props","context","_timeout","_handleClickOutside","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","state","showBody","onShowBody","document","addEventListener","onHideBody","removeEventListener","setState","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","onClick","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","displayName","Trigger","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sources":["../../../src/components/deprecated-dropdown/dropdown.tsx"],"sourcesContent":["import * as 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<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\n                style={{ display: 'inline-block' }}\n                className={className}\n                data-testid=\"reactist-dropdown-box\"\n            >\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' | 'onClick'> & {\n    tooltip?: React.ReactNode\n    /**\n     * @private the onClick prop is not to be used externally\n     */\n    onClick?: NativeButtonProps['onClick']\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\n            ref={setPosition}\n            style={style}\n            className=\"body\"\n            id=\"reactist-dropdown-body\"\n            data-testid=\"reactist-dropdown-body\"\n        >\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","React","Component","constructor","props","context","_timeout","_handleClickOutside","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","state","showBody","onShowBody","document","addEventListener","onHideBody","removeEventListener","setState","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","cloneElement","onClick","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","createElement","style","position","render","display","displayName","Trigger","forwardRef","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}

package/es/components/deprecated-dropdown/index.js

@@ -1,6 +1,3 @@
 import { Dropdown } from './dropdown.js';
-
-
-
-export default Dropdown;
+export { Dropdown as default } from './dropdown.js';
 //# sourceMappingURL=index.js.map

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

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

package/es/components/deprecated-input/index.js

@@ -1,6 +1,3 @@
 import { Input } from './input.js';
-
-
-
-export default Input;
+export { Input as default } from './input.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,14 +1,14 @@
 import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, createElement } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 /**
  * @deprecated
  */
 
-const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {
+const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
   const className = classNames('reactist_input', props.className);
-  return /*#__PURE__*/createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     className: className,
     ref: ref
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/deprecated-input/input.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport './input.less'\n\ninterface Props extends React.InputHTMLAttributes<HTMLInputElement> {\n    className?: string\n}\n\n/**\n * @deprecated\n */\nconst Input = React.forwardRef<HTMLInputElement, Props>(function Input(props, ref) {\n    const className = classNames('reactist_input', props.className)\n    return <input {...props} className={className} ref={ref} />\n})\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","props","ref","className","classNames","displayName"],"mappings":";;;;AASA;;;;MAGMA,KAAK,gBAAGC,UAAA,CAA0C,SAASD,KAAT,CAAeE,KAAf,EAAsBC,GAAtB;EACpD,MAAMC,SAAS,GAAGC,UAAU,CAAC,gBAAD,EAAmBH,KAAK,CAACE,SAAzB,CAA5B;EACA,oBAAOH,aAAA,QAAA,oCAAWC,KAAX;IAAkBE,SAAS,EAAEA,SAA7B;IAAwCD,GAAG,EAAEA;KAApD;AACH,CAHa;AAIdH,KAAK,CAACM,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"input.js","sources":["../../../src/components/deprecated-input/input.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport './input.less'\n\ninterface Props extends React.InputHTMLAttributes<HTMLInputElement> {\n    className?: string\n}\n\n/**\n * @deprecated\n */\nconst Input = React.forwardRef<HTMLInputElement, Props>(function Input(props, ref) {\n    const className = classNames('reactist_input', props.className)\n    return <input {...props} className={className} ref={ref} />\n})\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","forwardRef","props","ref","className","classNames","createElement","displayName"],"mappings":";;;;AASA;;AAEG;;AACH,MAAMA,KAAK,gBAAGC,KAAK,CAACC,UAAN,CAA0C,SAASF,KAAT,CAAeG,KAAf,EAAsBC,GAAtB,EAAyB;EAC7E,MAAMC,SAAS,GAAGC,UAAU,CAAC,gBAAD,EAAmBH,KAAK,CAACE,SAAzB,CAA5B,CAAA;AACA,EAAA,oBAAOJ,KAAA,CAAAM,aAAA,CAAA,OAAA,oCAAWJ,KAAX,CAAA,EAAA,EAAA,EAAA;AAAkBE,IAAAA,SAAS,EAAEA,SAA7B;AAAwCD,IAAAA,GAAG,EAAEA,GAAAA;GAApD,CAAA,CAAA,CAAA;AACH,CAHa,EAAd;AAIAJ,KAAK,CAACQ,WAAN,GAAoB,OAApB;;;;"}

package/es/components/deprecated-select/index.js

@@ -1,6 +1,3 @@
 import { Select } from './select.js';
-
-
-
-export default Select;
+export { Select as default } from './select.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 const _excluded = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
@@ -18,13 +18,13 @@ function Select(_ref) {
   const selectClassName = classNames('reactist_select', {
     disabled
   }, className);
-  return /*#__PURE__*/createElement("select", _objectSpread2({
+  return /*#__PURE__*/React.createElement("select", _objectSpread2({
     className: selectClassName,
     value: value,
     onChange: event => onChange ? onChange(event.target.value) : undefined,
     disabled: disabled,
     defaultValue: defaultValue
-  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/createElement("option", {
+  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/React.createElement("option", {
     key: option.key || option.value,
     value: option.value,
     disabled: option.disabled

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../src/components/deprecated-select/select.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport './select.less'\n\ntype Option = {\n    /** Optional key for each option. If not provided `value` is used. */\n    key?: string | number\n    /** Value of the option. */\n    value: string | number\n    /** Text to display for the option. */\n    text?: string | number\n    /** Whether the options is disabled or not. */\n    disabled?: boolean\n}\n\ntype Props = {\n    className?: string\n    disabled?: boolean\n    /** Currently selected value. */\n    value?: string | number\n    /** Callback for the change event. Will be called with the next value (not the full event). */\n    onChange?: (value: string) => void\n    /** Options that are rendered in the select. */\n    options?: Option[]\n    /** Value to initially be set */\n    defaultValue?: string | number\n}\n\nfunction Select({\n    value,\n    options = [],\n    onChange,\n    disabled = true,\n    className = '',\n    defaultValue,\n    ...otherProps\n}: Props) {\n    const selectClassName = classNames('reactist_select', { disabled }, className)\n    return (\n        <select\n            className={selectClassName}\n            value={value}\n            onChange={(event) => (onChange ? onChange(event.target.value) : undefined)}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...otherProps}\n        >\n            {options?.map((option) => (\n                <option\n                    key={option.key || option.value}\n                    value={option.value}\n                    disabled={option.disabled}\n                >\n                    {option.text}\n                </option>\n            ))}\n        </select>\n    )\n}\nSelect.displayName = 'Select'\nSelect.defaultProps = {\n    options: [],\n    disabled: false,\n}\n\nexport { Select }\n"],"names":["Select","value","options","onChange","disabled","className","defaultValue","otherProps","selectClassName","classNames","React","event","target","undefined","map","option","key","text","displayName","defaultProps"],"mappings":";;;;;;AA6BA,SAASA,MAAT;MAAgB;IACZC,KADY;IAEZC,OAAO,GAAG,EAFE;IAGZC,QAHY;IAIZC,QAAQ,GAAG,IAJC;IAKZC,SAAS,GAAG,EALA;IAMZC;;MACGC;;EAEH,MAAMC,eAAe,GAAGC,UAAU,CAAC,iBAAD,EAAoB;IAAEL;GAAtB,EAAkCC,SAAlC,CAAlC;EACA,oBACIK,aAAA,SAAA;IACIL,SAAS,EAAEG,eADf;IAEIP,KAAK,EAAEA,KAFX;IAGIE,QAAQ,EAAGQ,KAAD,IAAYR,QAAQ,GAAGA,QAAQ,CAACQ,KAAK,CAACC,MAAN,CAAaX,KAAd,CAAX,GAAkCY,SAHpE;IAIIT,QAAQ,EAAEA,QAJd;IAKIE,YAAY,EAAEA;KACVC,UANR,GAQKL,OARL,oBAQKA,OAAO,CAAEY,GAAT,CAAcC,MAAD,iBACVL,aAAA,SAAA;IACIM,GAAG,EAAED,MAAM,CAACC,GAAP,IAAcD,MAAM,CAACd;IAC1BA,KAAK,EAAEc,MAAM,CAACd;IACdG,QAAQ,EAAEW,MAAM,CAACX;GAHrB,EAKKW,MAAM,CAACE,IALZ,CADH,CARL,CADJ;AAoBH;;AACDjB,MAAM,CAACkB,WAAP,GAAqB,QAArB;AACAlB,MAAM,CAACmB,YAAP,GAAsB;EAClBjB,OAAO,EAAE,EADS;EAElBE,QAAQ,EAAE;AAFQ,CAAtB;;;;"}
+{"version":3,"file":"select.js","sources":["../../../src/components/deprecated-select/select.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport './select.less'\n\ntype Option = {\n    /** Optional key for each option. If not provided `value` is used. */\n    key?: string | number\n    /** Value of the option. */\n    value: string | number\n    /** Text to display for the option. */\n    text?: string | number\n    /** Whether the options is disabled or not. */\n    disabled?: boolean\n}\n\ntype Props = {\n    className?: string\n    disabled?: boolean\n    /** Currently selected value. */\n    value?: string | number\n    /** Callback for the change event. Will be called with the next value (not the full event). */\n    onChange?: (value: string) => void\n    /** Options that are rendered in the select. */\n    options?: Option[]\n    /** Value to initially be set */\n    defaultValue?: string | number\n}\n\nfunction Select({\n    value,\n    options = [],\n    onChange,\n    disabled = true,\n    className = '',\n    defaultValue,\n    ...otherProps\n}: Props) {\n    const selectClassName = classNames('reactist_select', { disabled }, className)\n    return (\n        <select\n            className={selectClassName}\n            value={value}\n            onChange={(event) => (onChange ? onChange(event.target.value) : undefined)}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...otherProps}\n        >\n            {options?.map((option) => (\n                <option\n                    key={option.key || option.value}\n                    value={option.value}\n                    disabled={option.disabled}\n                >\n                    {option.text}\n                </option>\n            ))}\n        </select>\n    )\n}\nSelect.displayName = 'Select'\nSelect.defaultProps = {\n    options: [],\n    disabled: false,\n}\n\nexport { Select }\n"],"names":["Select","value","options","onChange","disabled","className","defaultValue","otherProps","selectClassName","classNames","React","createElement","_objectSpread","event","target","undefined","map","option","key","text","displayName","defaultProps"],"mappings":";;;;;;AA6BA,SAASA,MAAT,CAQQ,IAAA,EAAA;EAAA,IARQ;IACZC,KADY;AAEZC,IAAAA,OAAO,GAAG,EAFE;IAGZC,QAHY;AAIZC,IAAAA,QAAQ,GAAG,IAJC;AAKZC,IAAAA,SAAS,GAAG,EALA;AAMZC,IAAAA,YAAAA;GAEI,GAAA,IAAA;AAAA,MADDC,UACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAA,MAAMC,eAAe,GAAGC,UAAU,CAAC,iBAAD,EAAoB;AAAEL,IAAAA,QAAAA;GAAtB,EAAkCC,SAAlC,CAAlC,CAAA;AACA,EAAA,oBACIK,KACI,CAAAC,aADJ,CACI,QADJ,EAAAC,cAAA,CAAA;AACIP,IAAAA,SAAS,EAAEG,eADf;AAEIP,IAAAA,KAAK,EAAEA,KAFX;AAGIE,IAAAA,QAAQ,EAAGU,KAAD,IAAYV,QAAQ,GAAGA,QAAQ,CAACU,KAAK,CAACC,MAAN,CAAab,KAAd,CAAX,GAAkCc,SAHpE;AAIIX,IAAAA,QAAQ,EAAEA,QAJd;AAKIE,IAAAA,YAAY,EAAEA,YAAAA;AALlB,GAAA,EAMQC,UANR,CAAA,EAQKL,OARL,IAAA,IAAA,GAAA,KAAA,CAAA,GAQKA,OAAO,CAAEc,GAAT,CAAcC,MAAD,iBACVP,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACIO,IAAAA,GAAG,EAAED,MAAM,CAACC,GAAP,IAAcD,MAAM,CAAChB,KAD9B;IAEIA,KAAK,EAAEgB,MAAM,CAAChB,KAFlB;IAGIG,QAAQ,EAAEa,MAAM,CAACb,QAAAA;AAHrB,GAAA,EAKKa,MAAM,CAACE,IALZ,CADH,CARL,CADJ,CAAA;AAoBH,CAAA;;AACDnB,MAAM,CAACoB,WAAP,GAAqB,QAArB,CAAA;AACApB,MAAM,CAACqB,YAAP,GAAsB;AAClBnB,EAAAA,OAAO,EAAE,EADS;AAElBE,EAAAA,QAAQ,EAAE,KAAA;AAFQ,CAAtB;;;;"}

package/es/components/key-capturer/index.js

@@ -1,7 +1,3 @@
 import { KeyCapturer } from './key-capturer.js';
-export { KeyCapturerResolver, SUPPORTED_KEYS } from './key-capturer.js';
-
-
-
-export default KeyCapturer;
+export { KeyCapturerResolver, SUPPORTED_KEYS, KeyCapturer as default } from './key-capturer.js';
 //# sourceMappingURL=index.js.map

package/es/components/key-capturer/index.js.map

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

package/es/components/key-capturer/key-capturer.js

@@ -1,5 +1,5 @@
 import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { useRef, cloneElement } from 'react';
+import * as React from 'react';
 
 const SUPPORTED_KEYS = {
   ARROW_UP: 'ArrowUp',
@@ -142,7 +142,7 @@ function KeyCapturer(props) {
     children,
     eventName = 'onKeyDown'
   } = props;
-  const composingRef = useRef(false);
+  const composingRef = React.useRef(false);
   const composingEventHandlers = props.onEnter ? {
     onCompositionStart: () => {
       composingRef.current = true;
@@ -178,7 +178,7 @@ function KeyCapturer(props) {
     }
   }
 
-  return /*#__PURE__*/cloneElement(children, _objectSpread2({
+  return /*#__PURE__*/React.cloneElement(children, _objectSpread2({
     [eventName]: handleKeyEvent
   }, composingEventHandlers));
 }

package/es/components/key-capturer/key-capturer.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":["import * as React from 'react'\n\ntype Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape'\n\nconst SUPPORTED_KEYS: Record<string, Key> = {\n    ARROW_UP: 'ArrowUp',\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_DOWN: 'ArrowDown',\n    ARROW_LEFT: 'ArrowLeft',\n    ENTER: 'Enter',\n    BACKSPACE: 'Backspace',\n    ESCAPE: 'Escape',\n}\n\nconst KeyCapturerResolver = {\n    resolveByKey(eventKey: string): Key | null {\n        switch (eventKey) {\n            case 'Left': // IE specific\n            case 'ArrowLeft': {\n                return 'ArrowLeft'\n            }\n            case 'Up': // IE specific\n            case 'ArrowUp': {\n                return 'ArrowUp'\n            }\n            case 'Right': // IE specific\n            case 'ArrowRight': {\n                return 'ArrowRight'\n            }\n            case 'Down': // IE specific\n            case 'ArrowDown': {\n                return 'ArrowDown'\n            }\n            case 'Enter': {\n                return 'Enter'\n            }\n            case 'Backspace': {\n                return 'Backspace'\n            }\n            case 'Esc': // IE specific\n            case 'Escape': {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n\n    resolveByKeyCode(keyCode: number): Key | null {\n        switch (keyCode) {\n            case 37: {\n                return 'ArrowLeft'\n            }\n            case 38: {\n                return 'ArrowUp'\n            }\n            case 39: {\n                return 'ArrowRight'\n            }\n            case 40: {\n                return 'ArrowDown'\n            }\n            case 13: {\n                return 'Enter'\n            }\n            case 8: {\n                return 'Backspace'\n            }\n            case 27: {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n}\n\ntype EventHandler = (event: React.SyntheticEvent) => void\n\ntype EventHandlerProps = {\n    onArrowUp?: EventHandler\n    onArrowDown?: EventHandler\n    onArrowLeft?: EventHandler\n    onArrowRight?: EventHandler\n    onEnter?: EventHandler\n    onBackspace?: EventHandler\n    onEscape?: EventHandler\n}\n\ntype PropagateProps = {\n    propagateArrowUp?: boolean\n    propagateArrowDown?: boolean\n    propagateArrowLeft?: boolean\n    propagateArrowRight?: boolean\n    propagateEnter?: boolean\n    propagateBackspace?: boolean\n    propagateEscape?: boolean\n}\n\nconst keyEventHandlerMapping: Record<Key, keyof EventHandlerProps> = {\n    ArrowUp: 'onArrowUp',\n    ArrowDown: 'onArrowDown',\n    ArrowLeft: 'onArrowLeft',\n    ArrowRight: 'onArrowRight',\n    Enter: 'onEnter',\n    Backspace: 'onBackspace',\n    Escape: 'onEscape',\n}\n\nconst keyPropagatePropMapping: Record<Key, keyof PropagateProps> = {\n    ArrowUp: 'propagateArrowUp',\n    ArrowDown: 'propagateArrowDown',\n    ArrowLeft: 'propagateArrowLeft',\n    ArrowRight: 'propagateArrowRight',\n    Enter: 'propagateEnter',\n    Backspace: 'propagateBackspace',\n    Escape: 'propagateEscape',\n}\n\ntype KeyCapturerProps = EventHandlerProps &\n    PropagateProps & {\n        eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture'\n        children: React.ReactElement<unknown>\n    }\n\n/**\n * Use this component to wrap anything you want to handle key events for (e.g. an input).\n * You can specify the `eventName` to capture (defaults to `onKeyDown`).\n * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective\n * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).\n * If you want the default behaviour to be preserved (i.e. only want to hook into the event\n * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).\n */\nfunction KeyCapturer(props: KeyCapturerProps) {\n    const { children, eventName = 'onKeyDown' } = props\n    const composingRef = React.useRef(false)\n    const composingEventHandlers = props.onEnter\n        ? {\n              onCompositionStart: () => {\n                  composingRef.current = true\n              },\n              onCompositionEnd: () => {\n                  composingRef.current = false\n              },\n          }\n        : undefined\n\n    function handleKeyEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n        const key =\n            event.key !== undefined\n                ? KeyCapturerResolver.resolveByKey(event.key)\n                : KeyCapturerResolver.resolveByKeyCode(event.keyCode)\n\n        if (!key) return\n        const propagateEvent = props[keyPropagatePropMapping[key]] || false\n        const eventHandler = props[keyEventHandlerMapping[key]]\n\n        if (key === 'Enter' && eventHandler) {\n            if (\n                composingRef.current ||\n                // Safari fires the onCompositionEnd event before the keydown event, so we\n                // have to rely on the 229 keycode, which is Enter when fired from an IME\n                // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n                (event.keyCode || event.which) === 229\n            ) {\n                return\n            }\n        }\n\n        if (eventHandler) {\n            eventHandler(event)\n            if (!propagateEvent) {\n                event.preventDefault()\n                event.stopPropagation()\n            }\n        }\n    }\n\n    return React.cloneElement(children, {\n        [eventName]: handleKeyEvent,\n        ...composingEventHandlers,\n    })\n}\n\nexport { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS }\n"],"names":["SUPPORTED_KEYS","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ENTER","BACKSPACE","ESCAPE","KeyCapturerResolver","resolveByKey","eventKey","resolveByKeyCode","keyCode","keyEventHandlerMapping","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Backspace","Escape","keyPropagatePropMapping","KeyCapturer","props","children","eventName","composingRef","React","composingEventHandlers","onEnter","onCompositionStart","current","onCompositionEnd","undefined","handleKeyEvent","event","key","propagateEvent","eventHandler","which","preventDefault","stopPropagation"],"mappings":"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"}
+{"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":["import * as React from 'react'\n\ntype Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape'\n\nconst SUPPORTED_KEYS: Record<string, Key> = {\n    ARROW_UP: 'ArrowUp',\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_DOWN: 'ArrowDown',\n    ARROW_LEFT: 'ArrowLeft',\n    ENTER: 'Enter',\n    BACKSPACE: 'Backspace',\n    ESCAPE: 'Escape',\n}\n\nconst KeyCapturerResolver = {\n    resolveByKey(eventKey: string): Key | null {\n        switch (eventKey) {\n            case 'Left': // IE specific\n            case 'ArrowLeft': {\n                return 'ArrowLeft'\n            }\n            case 'Up': // IE specific\n            case 'ArrowUp': {\n                return 'ArrowUp'\n            }\n            case 'Right': // IE specific\n            case 'ArrowRight': {\n                return 'ArrowRight'\n            }\n            case 'Down': // IE specific\n            case 'ArrowDown': {\n                return 'ArrowDown'\n            }\n            case 'Enter': {\n                return 'Enter'\n            }\n            case 'Backspace': {\n                return 'Backspace'\n            }\n            case 'Esc': // IE specific\n            case 'Escape': {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n\n    resolveByKeyCode(keyCode: number): Key | null {\n        switch (keyCode) {\n            case 37: {\n                return 'ArrowLeft'\n            }\n            case 38: {\n                return 'ArrowUp'\n            }\n            case 39: {\n                return 'ArrowRight'\n            }\n            case 40: {\n                return 'ArrowDown'\n            }\n            case 13: {\n                return 'Enter'\n            }\n            case 8: {\n                return 'Backspace'\n            }\n            case 27: {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n}\n\ntype EventHandler = (event: React.SyntheticEvent) => void\n\ntype EventHandlerProps = {\n    onArrowUp?: EventHandler\n    onArrowDown?: EventHandler\n    onArrowLeft?: EventHandler\n    onArrowRight?: EventHandler\n    onEnter?: EventHandler\n    onBackspace?: EventHandler\n    onEscape?: EventHandler\n}\n\ntype PropagateProps = {\n    propagateArrowUp?: boolean\n    propagateArrowDown?: boolean\n    propagateArrowLeft?: boolean\n    propagateArrowRight?: boolean\n    propagateEnter?: boolean\n    propagateBackspace?: boolean\n    propagateEscape?: boolean\n}\n\nconst keyEventHandlerMapping: Record<Key, keyof EventHandlerProps> = {\n    ArrowUp: 'onArrowUp',\n    ArrowDown: 'onArrowDown',\n    ArrowLeft: 'onArrowLeft',\n    ArrowRight: 'onArrowRight',\n    Enter: 'onEnter',\n    Backspace: 'onBackspace',\n    Escape: 'onEscape',\n}\n\nconst keyPropagatePropMapping: Record<Key, keyof PropagateProps> = {\n    ArrowUp: 'propagateArrowUp',\n    ArrowDown: 'propagateArrowDown',\n    ArrowLeft: 'propagateArrowLeft',\n    ArrowRight: 'propagateArrowRight',\n    Enter: 'propagateEnter',\n    Backspace: 'propagateBackspace',\n    Escape: 'propagateEscape',\n}\n\ntype KeyCapturerProps = EventHandlerProps &\n    PropagateProps & {\n        eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture'\n        children: React.ReactElement<unknown>\n    }\n\n/**\n * Use this component to wrap anything you want to handle key events for (e.g. an input).\n * You can specify the `eventName` to capture (defaults to `onKeyDown`).\n * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective\n * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).\n * If you want the default behaviour to be preserved (i.e. only want to hook into the event\n * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).\n */\nfunction KeyCapturer(props: KeyCapturerProps) {\n    const { children, eventName = 'onKeyDown' } = props\n    const composingRef = React.useRef(false)\n    const composingEventHandlers = props.onEnter\n        ? {\n              onCompositionStart: () => {\n                  composingRef.current = true\n              },\n              onCompositionEnd: () => {\n                  composingRef.current = false\n              },\n          }\n        : undefined\n\n    function handleKeyEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n        const key =\n            event.key !== undefined\n                ? KeyCapturerResolver.resolveByKey(event.key)\n                : KeyCapturerResolver.resolveByKeyCode(event.keyCode)\n\n        if (!key) return\n        const propagateEvent = props[keyPropagatePropMapping[key]] || false\n        const eventHandler = props[keyEventHandlerMapping[key]]\n\n        if (key === 'Enter' && eventHandler) {\n            if (\n                composingRef.current ||\n                // Safari fires the onCompositionEnd event before the keydown event, so we\n                // have to rely on the 229 keycode, which is Enter when fired from an IME\n                // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n                (event.keyCode || event.which) === 229\n            ) {\n                return\n            }\n        }\n\n        if (eventHandler) {\n            eventHandler(event)\n            if (!propagateEvent) {\n                event.preventDefault()\n                event.stopPropagation()\n            }\n        }\n    }\n\n    return React.cloneElement(children, {\n        [eventName]: handleKeyEvent,\n        ...composingEventHandlers,\n    })\n}\n\nexport { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS }\n"],"names":["SUPPORTED_KEYS","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ENTER","BACKSPACE","ESCAPE","KeyCapturerResolver","resolveByKey","eventKey","resolveByKeyCode","keyCode","keyEventHandlerMapping","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Backspace","Escape","keyPropagatePropMapping","KeyCapturer","props","children","eventName","composingRef","React","useRef","composingEventHandlers","onEnter","onCompositionStart","current","onCompositionEnd","undefined","handleKeyEvent","event","key","propagateEvent","eventHandler","which","preventDefault","stopPropagation","cloneElement","_objectSpread"],"mappings":"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"}

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

@@ -1,6 +1,3 @@
 import { KeyboardShortcut } from './keyboard-shortcut.js';
-
-
-
-export default KeyboardShortcut;
+export { KeyboardShortcut as default } from './keyboard-shortcut.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement, Fragment } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 const _excluded = ["children", "className", "translateKey", "isMac"];
@@ -87,13 +87,13 @@ function KeyboardShortcut(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   const shortcuts = typeof children === 'string' ? [children] : children;
-  return /*#__PURE__*/createElement("span", _objectSpread2({
+  return /*#__PURE__*/React.createElement("span", _objectSpread2({
     className: classNames('reactist_keyboard_shortcut', className, {
       'reactist_keyboard_shortcut--macos': isMac
     })
-  }, props), shortcuts.map((shortcut, i) => /*#__PURE__*/createElement(Fragment, {
+  }, props), shortcuts.map((shortcut, i) => /*#__PURE__*/React.createElement(React.Fragment, {
     key: i
-  }, i === 0 ? null : ', ', /*#__PURE__*/createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map((key, j) => /*#__PURE__*/createElement("kbd", {
+  }, i === 0 ? null : ', ', /*#__PURE__*/React.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map((key, j) => /*#__PURE__*/React.createElement("kbd", {
     key: j
   }, key))))));
 }