@doist/reactist 28.7.2 → 28.7.3

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

@@ -1,2 +1,87 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("../deprecated-dropdown/dropdown.js"),o=require("../../tooltip/tooltip.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var c=n(e),a=l(t);const i=["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"],s=e=>"string"!=typeof e;function u({color:e=0,small:t,onChange:o,colorList:l=i}){return c.createElement(r.Dropdown.Box,{right:!0,className:"reactist_color_picker"},c.createElement(r.Dropdown.Trigger,null,(()=>{const r=((e,t)=>e[t>=e.length?0:t])(l,e);return c.createElement("span",{className:a.default("color_trigger",{small:t}),style:{backgroundColor:s(r)?r.color:r}},c.createElement("span",{className:"color_trigger--inner_ring"}))})()),c.createElement(r.Dropdown.Body,null,c.createElement("div",{className:"color_options"},l.reduce((t,r,n)=>(t.push(c.createElement(d,{isActive:e>=l.length?0===n:n===e,key:n,color:s(r)?r.color:r,colorIndex:n,onClick:o,tooltip:s(r)?r.name:null})),t),[]))))}function d({color:e,colorIndex:t,isActive:r,onClick:l,tooltip:n}){const a=c.createElement("span",{"data-testid":"reactist-color-item",className:"reactist color_item"+(r?" active":""),style:{backgroundColor:e},onClick:()=>null==l?void 0:l(t)},c.createElement("span",{className:"color_item--inner_ring"}));return n?c.createElement(o.Tooltip,{content:n},a):a}u.displayName="ColorPicker",d.displayName="ColorItem",exports.COLORS=i,exports.ColorItem=d,exports.ColorPicker=u;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var dropdown = require('../deprecated-dropdown/dropdown.js');
+var tooltip = require('../../tooltip/tooltip.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var COLORS = [
+    '#606060',
+    '#4A90E2',
+    '#03B3B2',
+    '#008299',
+    '#82BA00',
+    '#D24726',
+    '#AC193D',
+    '#DC4FAD',
+    '#3BD5FB',
+    '#74E8D3',
+    '#FFCC00',
+    '#FB886E',
+    '#CCCCCC',
+];
+var _isNamedColor = function (color) {
+    return typeof color !== 'string';
+};
+var _getColor = function (colorList, colorIndex) {
+    var index = colorIndex >= colorList.length ? 0 : colorIndex;
+    return colorList[index];
+};
+function ColorPicker(_a) {
+    var _b = _a.color, color = _b === void 0 ? 0 : _b, small = _a.small, onChange = _a.onChange, _c = _a.colorList, colorList = _c === void 0 ? COLORS : _c;
+    return (React__namespace.createElement(dropdown.Dropdown.Box, { right: true, className: "reactist_color_picker" },
+        React__namespace.createElement(dropdown.Dropdown.Trigger, null, (function () {
+            var backgroundColor = _getColor(colorList, color);
+            return (React__namespace.createElement("span", { className: classNames__default["default"]('color_trigger', { small: small }), style: {
+                    backgroundColor: _isNamedColor(backgroundColor)
+                        ? backgroundColor.color
+                        : backgroundColor
+                } },
+                React__namespace.createElement("span", { className: "color_trigger--inner_ring" })));
+        })()),
+        React__namespace.createElement(dropdown.Dropdown.Body, null,
+            React__namespace.createElement("div", { className: "color_options" }, colorList.reduce(function (items, currentColor, currentIndex) {
+                items.push(React__namespace.createElement(ColorItem, { isActive: color >= colorList.length
+                        ? currentIndex === 0
+                        : currentIndex === color, key: currentIndex, color: _isNamedColor(currentColor) ? currentColor.color : currentColor, colorIndex: currentIndex, onClick: onChange, tooltip: _isNamedColor(currentColor) ? currentColor.name : null }));
+                return items;
+            }, [])))));
+}
+ColorPicker.displayName = 'ColorPicker';
+function ColorItem(_a) {
+    var color = _a.color, colorIndex = _a.colorIndex, isActive = _a.isActive, onClick = _a.onClick, tooltip$1 = _a.tooltip;
+    var item = (React__namespace.createElement("span", { "data-testid": "reactist-color-item", className: 'reactist color_item' + (isActive ? ' active' : ''), style: { backgroundColor: color }, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(colorIndex); } },
+        React__namespace.createElement("span", { className: "color_item--inner_ring" })));
+    return tooltip$1 ? React__namespace.createElement(tooltip.Tooltip, { content: tooltip$1 }, item) : item;
+}
+ColorItem.displayName = 'ColorItem';
+
+exports.COLORS = COLORS;
+exports.ColorItem = ColorItem;
+exports.ColorPicker = ColorPicker;
 //# sourceMappingURL=color-picker.js.map

package/lib/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","ColorPicker","small","onChange","colorList","React","createElement","DeprecatedDropdown","Dropdown","Box","right","className","Trigger","backgroundColor","colorIndex","length","_getColor","classnames","style","Body","reduce","items","currentColor","currentIndex","push","ColorItem","isActive","key","onClick","tooltip","name","item","data-testid","Tooltip","content","displayName"],"mappings":"mjBAUA,MAAMA,EAAS,CACX,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGEC,EAAiBC,GACF,iBAAVA,EAcX,SAASC,GAAYD,MAAEA,EAAQ,EAAVE,MAAaA,EAAbC,SAAoBA,EAApBC,UAA8BA,EAAYN,IAC3D,OACIO,EAACC,cAAAC,EAAkBC,SAACC,KAAIC,OAAK,EAACC,UAAU,yBACpCN,EAAAC,cAACC,EAAAA,SAAmBK,QACf,KAAA,MACG,MAAMC,EAjBR,EAACT,EAAoCU,IAE5CV,EADOU,GAAcV,EAAUW,OAAS,EAAID,GAgBXE,CAAUZ,EAAWJ,GAE7C,OACIK,EAAAC,cAAA,OAAA,CACIK,UAAWM,EAAU,QAAC,gBAAiB,CAAEf,MAAAA,IACzCgB,MAAO,CACHL,gBAAiBd,EAAcc,GACzBA,EAAgBb,MAChBa,IAGVR,EAAAC,cAAA,OAAA,CAAMK,UAAU,gCAZ3B,IAiBLN,EAACC,cAAAC,EAAkBC,SAACW,KAAI,KACpBd,EAAAC,cAAA,MAAA,CAAKK,UAAU,iBACVP,EAAUgB,OAA0B,CAACC,EAAOC,EAAcC,KACvDF,EAAMG,KACFnB,EAAAC,cAACmB,EAAS,CACNC,SACI1B,GAASI,EAAUW,OACI,IAAjBQ,EACAA,IAAiBvB,EAE3B2B,IAAKJ,EACLvB,MACID,EAAcuB,GAAgBA,EAAatB,MAAQsB,EAEvDR,WAAYS,EACZK,QAASzB,EACT0B,QAAS9B,EAAcuB,GAAgBA,EAAaQ,KAAO,QAG5DT,GACR,OAgBvB,SAASI,GAAUzB,MAAEA,EAAFc,WAASA,EAATY,SAAqBA,EAArBE,QAA+BA,EAASC,QAAAA,IACvD,MAAME,EACF1B,EACgBC,cAAA,OAAA,CAAA0B,cAAA,sBACZrB,UAAW,uBAAyBe,EAAW,UAAY,IAC3DR,MAAO,CAAEL,gBAAiBb,GAC1B4B,QAAS,IAAMA,MAAAA,OAAAA,EAAAA,EAAUd,IAEzBT,EAAAC,cAAA,OAAA,CAAMK,UAAU,4BAIxB,OAAOkB,EAAUxB,EAAAC,cAAC2B,UAAQ,CAAAC,QAASL,GAAUE,GAAkBA,EAtBnE9B,EAAYkC,YAAc,cAwB1BV,EAAUU,YAAc"}
+{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":[null],"names":["React","DeprecatedDropdown","classnames","tooltip","Tooltip"],"mappings":"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"}

package/lib/components/color-picker/index.d.ts

@@ -1,3 +1,3 @@
-import { ColorPicker, ColorItem, COLORS } from './color-picker';
-export default ColorPicker;
-export { ColorItem, COLORS };
+import { ColorPicker, ColorItem, COLORS } from './color-picker';
+export default ColorPicker;
+export { ColorItem, COLORS };

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

@@ -1,2 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./color-picker.js");exports.COLORS=e.COLORS,exports.ColorItem=e.ColorItem,exports.default=e.ColorPicker;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var colorPicker = require('./color-picker.js');
+
+
+
+exports.COLORS = colorPicker.COLORS;
+exports.ColorItem = colorPicker.ColorItem;
+exports["default"] = colorPicker.ColorPicker;
 //# sourceMappingURL=index.js.map

package/lib/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/lib/components/deprecated-button/deprecated-button.d.ts

@@ -1,54 +1,54 @@
-import * as React from 'react';
-import './deprecated-button.less';
-type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-/** @deprecated */
-export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
-/** @deprecated */
-export type ButtonSize = 'default' | 'small' | 'large';
-/** @deprecated */
-export type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {
-    /**
-     * Loading style. When true it disables the button, but it also adds a visual indication of
-     * some in-progress operation going on.
-     */
-    loading?: boolean;
-    /**
-     * Controls visually how the button shows up from a predefined set of kinds of buttons.
-     */
-    variant?: ButtonVariant;
-    /**
-     * The size of the button. If not provided it shows up in a normal size.
-     */
-    size?: ButtonSize;
-    /**
-     * Tooltip that is displayed on hover.
-     *
-     * This replaces `title` which is not supported for these buttons to avoid confusion.
-     */
-    tooltip?: React.ReactNode;
-};
-/**
- * @deprecated
- */
-declare const Button: React.ForwardRefExoticComponent<Omit<NativeButtonProps, "title" | "ref"> & {
-    /**
-     * Loading style. When true it disables the button, but it also adds a visual indication of
-     * some in-progress operation going on.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Controls visually how the button shows up from a predefined set of kinds of buttons.
-     */
-    variant?: ButtonVariant | undefined;
-    /**
-     * The size of the button. If not provided it shows up in a normal size.
-     */
-    size?: ButtonSize | undefined;
-    /**
-     * Tooltip that is displayed on hover.
-     *
-     * This replaces `title` which is not supported for these buttons to avoid confusion.
-     */
-    tooltip?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { Button };
+import * as React from 'react';
+import './deprecated-button.less';
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+/** @deprecated */
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
+/** @deprecated */
+export type ButtonSize = 'default' | 'small' | 'large';
+/** @deprecated */
+export type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {
+    /**
+     * Loading style. When true it disables the button, but it also adds a visual indication of
+     * some in-progress operation going on.
+     */
+    loading?: boolean;
+    /**
+     * Controls visually how the button shows up from a predefined set of kinds of buttons.
+     */
+    variant?: ButtonVariant;
+    /**
+     * The size of the button. If not provided it shows up in a normal size.
+     */
+    size?: ButtonSize;
+    /**
+     * Tooltip that is displayed on hover.
+     *
+     * This replaces `title` which is not supported for these buttons to avoid confusion.
+     */
+    tooltip?: React.ReactNode;
+};
+/**
+ * @deprecated
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<NativeButtonProps, "title" | "ref"> & {
+    /**
+     * Loading style. When true it disables the button, but it also adds a visual indication of
+     * some in-progress operation going on.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Controls visually how the button shows up from a predefined set of kinds of buttons.
+     */
+    variant?: ButtonVariant | undefined;
+    /**
+     * The size of the button. If not provided it shows up in a normal size.
+     */
+    size?: ButtonSize | undefined;
+    /**
+     * Tooltip that is displayed on hover.
+     *
+     * This replaces `title` which is not supported for these buttons to avoid confusion.
+     */
+    tooltip?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

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

@@ -1,2 +1,50 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("classnames"),o=require("../../tooltip/tooltip.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var l=i(t),n=a(r);const u=["type","variant","size","loading","disabled","tooltip","onClick","children"],c=l.forwardRef((function(t,r){let{type:a="button",variant:i,size:c="default",loading:s=!1,disabled:d=!1,tooltip:f,onClick:p,children:b}=t,j=e.objectWithoutProperties(t,u);const _=n.default("reactist_button",i?"reactist_button--"+i:null,"default"!==c?"reactist_button--"+c:null,{"reactist_button--loading":s},j.className),v=l.createElement("button",e.objectSpread2(e.objectSpread2({},j),{},{ref:r,type:a,className:_,"aria-disabled":d||s,onClick:d||s?void 0:p}),b);return f?l.createElement(o.Tooltip,{content:f},v):v}));c.displayName="Button",c.defaultProps={size:"default",loading:!1,disabled:!1},exports.Button=c;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var classNames = require('classnames');
+var tooltip = require('../../tooltip/tooltip.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/**
+ * @deprecated
+ */
+var Button = React__namespace.forwardRef(function Button(_a, ref) {
+    var _b = _a.type, type = _b === void 0 ? 'button' : _b, variant = _a.variant, _c = _a.size, size = _c === void 0 ? 'default' : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, tooltip$1 = _a.tooltip, onClick = _a.onClick, children = _a.children, props = tslib.__rest(_a, ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"]);
+    var className = classNames__default["default"]('reactist_button', variant ? "reactist_button--".concat(variant) : null, size !== 'default' ? "reactist_button--".concat(size) : null, { 'reactist_button--loading': loading }, props.className);
+    var button = (React__namespace.createElement("button", tslib.__assign({}, props, { ref: ref, type: type, className: className, "aria-disabled": disabled || loading, onClick: disabled || loading ? undefined : onClick }), children));
+    return tooltip$1 ? React__namespace.createElement(tooltip.Tooltip, { content: tooltip$1 }, button) : button;
+});
+Button.displayName = 'Button';
+Button.defaultProps = {
+    size: 'default',
+    loading: false,
+    disabled: false
+};
+
+exports.Button = Button;
 //# sourceMappingURL=deprecated-button.js.map

package/lib/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","forwardRef","ref","type","variant","size","loading","disabled","tooltip","onClick","children","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","className","classNames","reactist_button--loading","button","createElement","aria-disabled","undefined","Tooltip","content","displayName","defaultProps"],"mappings":"kpBA4CMA,EAASC,EAAMC,YAA2C,SAY5DC,EAAAA,GAAG,IAXHC,KACIA,EAAO,SADXC,QAEIA,EAFJC,KAGIA,EAAO,UAHXC,QAIIA,GAAU,EAJdC,SAKIA,GAAW,UACXC,EANJC,QAOIA,EAPJC,SAQIA,GAGDC,EAFIC,EAEJC,EAAAC,wBAAAH,EAAAI,GAEH,MAAMC,EAAYC,EAAAA,QACd,kBACAb,EAA8B,oBAAAA,EAAY,KACjC,YAATC,EAAyC,oBAAAA,EAAS,KAClD,CAAEa,2BAA4BZ,GAC9BM,EAAMI,WAGJG,EACFnB,EACQoB,cAAA,4CAAAR,GADR,GAAA,CAEIV,IAAKA,EACLC,KAAMA,EACNa,UAAWA,EACIK,gBAAAd,GAAYD,EAC3BG,QAASF,GAAYD,OAAUgB,EAAYb,IAE1CC,GAIT,OAAOF,EAAUR,EAAAoB,cAACG,UAAQ,CAAAC,QAAShB,GAAUW,GAAoBA,KAGrEpB,EAAO0B,YAAc,SAErB1B,EAAO2B,aAAe,CAClBrB,KAAM,UACNC,SAAS,EACTC,UAAU"}
+{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":[null],"names":["React","tooltip","__rest","classNames","__assign","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;;AAEG;AACG,IAAA,MAAM,GAAGA,gBAAK,CAAC,UAAU,CAAiC,SAAS,MAAM,CAC3E,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,YAAe,EAAf,IAAI,mBAAG,QAAQ,GAAA,EAAA,EACf,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,GAAA,EAAA,EAChBC,SAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAAC,YAAA,CAAA,EAAA,EATZ,oFAUC,CADW,CAAA;AAIZ,IAAA,IAAM,SAAS,GAAGC,8BAAU,CACxB,iBAAiB,EACjB,OAAO,GAAG,mBAAoB,CAAA,MAAA,CAAA,OAAO,CAAE,GAAG,IAAI,EAC9C,IAAI,KAAK,SAAS,GAAG,mBAAoB,CAAA,MAAA,CAAA,IAAI,CAAE,GAAG,IAAI,EACtD,EAAE,0BAA0B,EAAE,OAAO,EAAE,EACvC,KAAK,CAAC,SAAS,CAClB,CAAA;AAED,IAAA,IAAM,MAAM,IACRH,gBACQ,CAAA,aAAA,CAAA,QAAA,EAAAI,cAAA,CAAA,EAAA,EAAA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACL,eAAA,EAAA,QAAQ,IAAI,OAAO,EAClC,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG,SAAS,GAAG,OAAO,KAEjD,QAAQ,CACJ,CACZ,CAAA;AAED,IAAA,OAAOH,SAAO,GAAGD,gBAAA,CAAA,aAAA,CAACK,eAAO,EAAC,EAAA,OAAO,EAAEJ,SAAO,IAAG,MAAM,CAAW,GAAG,MAAM,CAAA;AAC3E,CAAC,EAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,YAAY,GAAG;AAClB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,QAAQ,EAAE,KAAK;CAClB;;;;"}

package/lib/components/deprecated-button/index.d.ts

@@ -1,4 +1,4 @@
-import { Button } from './deprecated-button';
-import type { ButtonProps, ButtonSize, ButtonVariant } from './deprecated-button';
-export type { ButtonProps, ButtonSize, ButtonVariant };
-export default Button;
+import { Button } from './deprecated-button';
+import type { ButtonProps, ButtonSize, ButtonVariant } from './deprecated-button';
+export type { ButtonProps, ButtonSize, ButtonVariant };
+export default Button;

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

@@ -1,2 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./deprecated-button.js");exports.default=e.Button;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var deprecatedButton = require('./deprecated-button.js');
+
+
+
+exports["default"] = deprecatedButton.Button;
 //# sourceMappingURL=index.js.map

package/lib/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/lib/components/deprecated-dropdown/dropdown.d.ts

@@ -1,55 +1,55 @@
-import * as React from 'react';
-import './dropdown.less';
-type BoxProps = {
-    onShowBody?: () => void;
-    onHideBody?: () => void;
-    allowBodyInteractions?: boolean;
-    top?: boolean;
-    right?: boolean;
-    scrolling_parent?: string;
-    children?: [
-        React.ReactElement<TriggerProps>,
-        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element)
-    ];
-    className?: string;
-};
-type BoxState = {
-    top: boolean;
-    showBody: boolean;
-};
-declare class Box extends React.Component<BoxProps, BoxState> {
-    static displayName: string;
-    constructor(props: BoxProps, context: React.Context<unknown>);
-    componentWillUnmount(): void;
-    _timeout?: ReturnType<typeof setTimeout>;
-    _handleClickOutside: (event: MouseEvent) => void;
-    _toggleShowBody: () => void;
-    _getTriggerComponent(): React.ReactElement<TriggerProps, string | React.JSXElementConstructor<any>> | undefined;
-    _setPosition: (body: HTMLElement | null) => void;
-    _getBodyComponent(): React.JSX.Element | null;
-    render(): React.JSX.Element;
-}
-type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-type TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {
-    tooltip?: React.ReactNode;
-    /**
-     * @private the onClick prop is not to be used externally
-     */
-    onClick?: NativeButtonProps['onClick'];
-};
-type BodyProps = {
-    setPosition?: React.Ref<HTMLDivElement>;
-    children?: React.ReactNode;
-    top?: boolean;
-    right?: boolean;
-};
-declare function Body({ top, right, children, setPosition }: BodyProps): React.JSX.Element;
-declare namespace Body {
-    var displayName: string;
-}
-declare const Dropdown: {
-    Box: typeof Box;
-    Trigger: React.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Body: typeof Body;
-};
-export { Dropdown };
+import * as React from 'react';
+import './dropdown.less';
+type BoxProps = {
+    onShowBody?: () => void;
+    onHideBody?: () => void;
+    allowBodyInteractions?: boolean;
+    top?: boolean;
+    right?: boolean;
+    scrolling_parent?: string;
+    children?: [
+        React.ReactElement<TriggerProps>,
+        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element)
+    ];
+    className?: string;
+};
+type BoxState = {
+    top: boolean;
+    showBody: boolean;
+};
+declare class Box extends React.Component<BoxProps, BoxState> {
+    static displayName: string;
+    constructor(props: BoxProps, context: React.Context<unknown>);
+    componentWillUnmount(): void;
+    _timeout?: ReturnType<typeof setTimeout>;
+    _handleClickOutside: (event: MouseEvent) => void;
+    _toggleShowBody: () => void;
+    _getTriggerComponent(): React.ReactElement<TriggerProps, string | React.JSXElementConstructor<any>> | undefined;
+    _setPosition: (body: HTMLElement | null) => void;
+    _getBodyComponent(): React.JSX.Element | null;
+    render(): React.JSX.Element;
+}
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+type TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {
+    tooltip?: React.ReactNode;
+    /**
+     * @private the onClick prop is not to be used externally
+     */
+    onClick?: NativeButtonProps['onClick'];
+};
+type BodyProps = {
+    setPosition?: React.Ref<HTMLDivElement>;
+    children?: React.ReactNode;
+    top?: boolean;
+    right?: boolean;
+};
+declare function Body({ top, right, children, setPosition }: BodyProps): React.JSX.Element;
+declare namespace Body {
+    var displayName: string;
+}
+declare const Dropdown: {
+    Box: typeof Box;
+    Trigger: React.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Body: typeof Body;
+};
+export { Dropdown };