@semcore/button 16.1.0-prerelease.3 → 16.1.0

package/lib/types/component/Button/Button.d.ts

@@ -1,3 +1,30 @@
-import type { ButtonComponent } from './Button.type';
+import { Component } from '@semcore/core';
+import React from 'react';
+import type { ButtonProps, ButtonComponent } from './Button.type';
+export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
+type State = {
+    ariaLabelledByContent: null | string;
+};
+export declare class RootButton extends Component<ButtonProps, [], never, {}, State> {
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    static defaultProps: {
+        use: string;
+        size: string;
+    };
+    containerRef: React.RefObject<HTMLButtonElement>;
+    state: State;
+    getTextProps(): {
+        size: "l" | "m" | undefined;
+        'hint:triggerRef': React.RefObject<HTMLButtonElement>;
+    };
+    getAddonProps(): {
+        size: "l" | "m" | undefined;
+    };
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+}
 declare const Button: ButtonComponent;
 export default Button;

package/lib/types/component/Button/Button.type.d.ts

@@ -1,43 +1,44 @@
-import type { UnknownProperties, Intergalactic } from '@semcore/core';
-import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
-/**
- *  Button size
- * @default m
- */
-export type ButtonSize = 'l' | 'm';
-/**
- *  Button type
- * @default secondary
- */
-type Use = 'primary' | 'secondary' | 'tertiary';
-/**
- * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
- */
-type DeprecatedTheme = 'warning';
-/** Button theme */
-type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
-/** @deprecated */
-export interface IButtonProps extends ButtonProps, UnknownProperties {
-}
-export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;
-/** @deprecated */
-export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
-}
-export type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;
-/** @deprecated */
-export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {
-}
-export type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;
-/** @deprecated */
-export interface IButtonContext extends ButtonContext, UnknownProperties {
-}
-export type ButtonContext = AbstractButtonContext;
-export type ButtonChildren = {
-    Text: Intergalactic.Component<'span', ButtonTextProps>;
-    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';
+import type { Intergalactic, PropGetterFn } from '@semcore/core';
+import type { NSText } from '@semcore/typography';
+import type React from 'react';
+export type ButtonProps = BoxProps & NeighborItemProps & {
+    /** Button activity state */
+    active?: boolean;
+    /** Disabled button state */
+    disabled?: boolean;
+    /** Loading button state */
+    loading?: boolean;
+    /** Tag for the left Addon */
+    addonLeft?: React.ElementType;
+    /** Tag for the right Addon */
+    addonRight?: React.ElementType;
+    /**
+   * Placement for hint
+   * @default top
+   */
+    hintPlacement?: SimpleHintPopperProps['placement'];
+    /** Button size.
+   * @default `m`
+   */
+    size?: 'l' | 'm';
+    /** Button usage.
+   * @default `primary`
+   */
+    use?: 'primary' | 'secondary' | 'tertiary';
+    /** Button theme.
+   * @default undefined
+   */
+    theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
 };
-export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
+export type ButtonTextProps = NSText.Props;
+export type ButtonAddonProps = BoxProps;
+export type ButtonContext = {
+    getTextProps: PropGetterFn;
+    getAddonProps: PropGetterFn;
+};
+export type ButtonChildren = {
     Text: Intergalactic.Component<'span', ButtonTextProps>;
     Addon: Intergalactic.Component<'span', ButtonAddonProps>;
 };
-export {};
+export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;

package/lib/types/component/ButtonLink/ButtonLink.type.d.ts

@@ -1,24 +1,19 @@
+import type { BoxProps } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
-import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
-/**
- *  Button link size
- */
-export type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
-/**
- *  Button link type
- * @default primary
- */
-type Use = 'primary' | 'secondary';
-export type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;
-export type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;
-export type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;
-export type ButtonLinkContext = AbstractButtonContext;
-export type ButtonLinkChildren = {
-    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
-    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+import type { LinkProps } from '@semcore/link';
+import type { NSText } from '@semcore/typography';
+import type { ButtonContext } from '../Button/Button.type';
+export type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {
+    /**
+     *  Button link type
+     * @default primary
+     */
+    use?: 'primary' | 'secondary';
 };
-export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonLinkContext> & {
+export type ButtonLinkTextProps = NSText.Props;
+export type ButtonLinkAddonProps = BoxProps;
+export type ButtonLinkChildren = {
     Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
     Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
 };
-export {};
+export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonContext> & ButtonLinkChildren;

package/lib/types/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './component/Button/Button';
+export { default, MAP_USE_DEFAULT_THEME } from './component/Button/Button';
 export * from './component/Button/Button.type';
 export * from './component/ButtonLink/ButtonLink';
 export * from './component/ButtonLink/ButtonLink.type';
-export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "16.1.0-prerelease.3",
+  "version": "16.1.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.1.0-prerelease.3",
-    "@semcore/neighbor-location": "16.1.0-prerelease.3",
-    "@semcore/spin": "16.1.0-prerelease.3",
-    "@semcore/tooltip": "16.1.0-prerelease.3"
+    "@semcore/flex-box": "16.1.0",
+    "@semcore/neighbor-location": "16.1.0",
+    "@semcore/spin": "16.1.0",
+    "@semcore/tooltip": "16.1.0"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.6.0-prerelease.3"
+    "@semcore/base-components": "^16.6.0"
   },
   "repository": {
     "type": "git",
@@ -28,10 +28,10 @@
     "directory": "semcore/button"
   },
   "devDependencies": {
-    "@semcore/core": "16.6.0-prerelease.3",
+    "@semcore/core": "16.6.0",
+    "@semcore/icon": "16.8.0",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "16.6.0-prerelease.3",
-    "@semcore/icon": "16.8.0-prerelease.3"
+    "@semcore/base-components": "16.6.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"

package/lib/cjs/component/AbstractButton/AbstractButton.js

@@ -1,189 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MAP_USE_DEFAULT_THEME = exports.AbstractButton = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
-var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
-var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
-var _flexBox = require("@semcore/flex-box");
-var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
-var _tooltip = require("@semcore/tooltip");
-var _react = _interopRequireDefault(require("react"));
-var _SpinButton = _interopRequireDefault(require("./SpinButton"));
-var MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
-  primary: 'info',
-  secondary: 'muted',
-  tertiary: 'info'
-};
-var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component) {
-  function AbstractButton() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, AbstractButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, AbstractButton, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "containerRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "state", {
-      ariaLabelledByContent: null
-    });
-    return _this;
-  }
-  (0, _inherits2["default"])(AbstractButton, _Component);
-  return (0, _createClass2["default"])(AbstractButton, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (process.env.NODE_ENV !== 'production') {
-        _logger["default"].warn(this.containerRef.current && !(0, _hasLabels["default"])(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || AbstractButton.displayName);
-        _logger["default"].warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
-      }
-      var ariaLabelledby = this.asProps['aria-labelledby'];
-      if (ariaLabelledby) {
-        setTimeout(function () {
-          var _document$getElementB, _document$getElementB2;
-          _this2.setState({
-            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ''
-          });
-        }, 0);
-      }
-    }
-  }, {
-    key: "renderButton",
-    value: function renderButton(_ref6) {
-      var _ref = this.asProps,
-        _ref3;
-      var buttonProps = _ref6.buttonProps,
-        children = _ref6.children;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        theme = _this$asProps.theme;
-      var SButton = _flexBox.Box;
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref3.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({
-        "invertOutline": theme === 'invert'
-      }, buttonProps), _ref))), children);
-    }
-  }, {
-    key: "renderButtonWithHint",
-    value: function renderButtonWithHint(_ref7) {
-      var _ref2 = this.asProps,
-        _ref4;
-      var buttonProps = _ref7.buttonProps,
-        children = _ref7.children,
-        hintProps = _ref7.hintProps;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        theme = _this$asProps2.theme;
-      var SButton = _tooltip.Hint;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-        "invertOutline": theme === 'invert'
-      }, buttonProps), hintProps), {}, {
-        "ignorePortalsStacking": true
-      }), _ref2))), children);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref8,
-        _ref9,
-        _this3 = this;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        use = _this$asProps3.use,
-        _this$asProps3$theme = _this$asProps3.theme,
-        theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
-        loading = _this$asProps3.loading,
-        _this$asProps3$disabl = _this$asProps3.disabled,
-        disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
-        size = _this$asProps3.size,
-        neighborLocation = _this$asProps3.neighborLocation,
-        hasChildren = _this$asProps3.children,
-        title = _this$asProps3.title,
-        ariaLabel = _this$asProps3['aria-label'],
-        Children = _this$asProps3.Children,
-        AddonLeft = _this$asProps3.addonLeft,
-        AddonRight = _this$asProps3.addonRight,
-        hintPlacement = _this$asProps3.hintPlacement;
-      // @ts-ignore
-      var Button = this[_core.CORE_INSTANCE];
-      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
-      var SInner = _flexBox.Box;
-      var SSpin = _flexBox.Box;
-      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : '';
-      var buttonProps = {
-        'type': 'button',
-        'tag': 'button',
-        disabled: disabled,
-        'use:theme': useTheme,
-        'ref': this.containerRef,
-        'text-color': this.getTextColor(),
-        'aria-busy': loading,
-        '__excludeProps': ['title'],
-        'tabIndex': 0
-      };
-      var hintProps = {
-        title: buttonAriaLabel,
-        timeout: [250, 50],
-        placement: hintPlacement,
-        theme: theme === 'invert' ? 'invert' : undefined,
-        __excludeProps: []
-      };
-      return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
-        neighborLocation: neighborLocation
-      }, function (neighborLocation) {
-        var _ref5;
-        var children = (_ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SInner, _ref5.cn("SInner", {
-          "tag": 'span',
-          "loading": loading,
-          "data-ui-name": "".concat(_this3.asProps['data-ui-name'], ".InnerWrapper")
-        }), AddonLeft ? /*#__PURE__*/_react["default"].createElement(Button.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, (0, _addonTextChildren["default"])(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/_react["default"].createElement(Button.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/_react["default"].createElement(SSpin, _ref5.cn("SSpin", {
-          "tag": 'span'
-        }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], _ref5.cn("SpinButton", {
-          "centered": true,
-          "size": size,
-          "theme": useTheme
-        })))));
-        buttonProps.neighborLocation = neighborLocation;
-        if (hasChildren === undefined || title) {
-          return _this3.renderButtonWithHint({
-            buttonProps: buttonProps,
-            hintProps: hintProps,
-            children: children
-          });
-        }
-        return _this3.renderButton({
-          buttonProps: buttonProps,
-          children: children
-        });
-      });
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(AbstractButton, "displayName", 'AbstractButton');
-//# sourceMappingURL=AbstractButton.js.map

package/lib/cjs/component/AbstractButton/AbstractButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_flexBox","_neighborLocation","_tooltip","_react","_SpinButton","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","_this$asProps","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","Hint","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n  static displayName = 'AbstractButton';\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state = {\n    ariaLabelledByContent: null,\n  };\n\n  protected abstract getTextColor(): string | undefined;\n\n  getTextProps() {\n    const { size } = this.asProps;\n\n    return {\n      size,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n\n      logger.warn(\n        this.asProps.theme === 'warning',\n        'Warning theme is deprecated and will be removed in the next major release.',\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  renderButton({ buttonProps, children }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\n        {children}\n      </SButton>,\n    );\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children: hasChildren,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const buttonProps: Record<string, any> = {\n      'type': 'button',\n      'tag': 'button',\n      disabled,\n      'use:theme': useTheme,\n      'ref': this.containerRef,\n      'text-color': this.getTextColor(),\n      'aria-busy': loading,\n      '__excludeProps': ['title'],\n      'tabIndex': 0,\n    };\n\n    const hintProps = {\n      title: buttonAriaLabel,\n      timeout: [250, 50],\n      placement: hintPlacement,\n      theme: theme === 'invert' ? 'invert' : undefined,\n      __excludeProps: [],\n    };\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          const children = sstyled(styles)(\n            <>\n              {/* @ts-ignore */}\n              <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                {AddonLeft\n                  ? (\n                      <Button.Addon>\n                        <AddonLeft />\n                      </Button.Addon>\n                    )\n                  : null}\n                {addonTextChildren(Children, Button.Text, Button.Addon)}\n                {AddonRight\n                  ? (\n                      <Button.Addon>\n                        <AddonRight />\n                      </Button.Addon>\n                    )\n                  : null}\n              </SInner>\n              {loading && (\n                <SSpin tag='span'>\n                  <SpinButton centered size={size} theme={useTheme} />\n                </SSpin>\n              )}\n            </>,\n          );\n          buttonProps.neighborLocation = neighborLocation;\n\n          if (hasChildren === undefined || title) {\n            return this.renderButtonWithHint({ buttonProps, hintProps, children });\n          }\n\n          return this.renderButton({ buttonProps, children });\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/AbstractButton/AbstractButton.type.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=AbstractButton.type.js.map

package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import type { PropGetterFn } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { NeighborItemProps } from '@semcore/neighbor-location';\nimport type { TooltipHintProps } from '@semcore/tooltip';\nimport type React from 'react';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n  NeighborItemProps & {\n    /** Button activity state */\n    active?: boolean;\n    /** Disabled button state */\n    disabled?: boolean;\n    /** Loading button state */\n    loading?: boolean;\n    /** Tag for the left Addon */\n    addonLeft?: React.ElementType;\n    /** Tag for the right Addon */\n    addonRight?: React.ElementType;\n    /**\n     * Placement for hint\n     * @default top\n     */\n    hintPlacement?: TooltipHintProps['placement'];\n\n    /** Button size. Defined in Button.type or ButtonLink.type */\n    size?: S;\n    /** Button usage. Defined in Button.type or ButtonLink.type */\n    use?: U;\n    /** Button theme. Defined in Button.type or ButtonLink.type */\n    theme?: T;\n  };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonContext = {\n  getTextProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/AbstractButton/SpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinButton.js","names":["_spin","_interopRequireDefault","require","_react","_excluded","SPIN_SIZE_MAP","exports","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties2","createElement","_extends2"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAEnB,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnDE,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAEc,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,OAAAC,yBAAA,aAAAJ,IAAA,EAAAR,SAAA;EACzD,oBACED,MAAA,YAAAc,aAAA,CAACjB,KAAA,WAAI,MAAAkB,SAAA;IACHJ,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/es6/component/AbstractButton/AbstractButton.js

@@ -1,184 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { assignProps as _assignProps2 } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
-import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
-import hasLabels from '@semcore/core/lib/utils/hasLabels';
-import logger from '@semcore/core/lib/utils/logger';
-import { Box } from '@semcore/flex-box';
-import NeighborLocation from '@semcore/neighbor-location';
-import { Hint } from '@semcore/tooltip';
-import React from 'react';
-import SpinButton from './SpinButton';
-export var MAP_USE_DEFAULT_THEME = {
-  primary: 'info',
-  secondary: 'muted',
-  tertiary: 'info'
-};
-export var AbstractButton = /*#__PURE__*/function (_Component) {
-  function AbstractButton() {
-    var _this;
-    _classCallCheck(this, AbstractButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, AbstractButton, [].concat(args));
-    _defineProperty(_this, "containerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
-      ariaLabelledByContent: null
-    });
-    return _this;
-  }
-  _inherits(AbstractButton, _Component);
-  return _createClass(AbstractButton, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (process.env.NODE_ENV !== 'production') {
-        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || AbstractButton.displayName);
-        logger.warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
-      }
-      var ariaLabelledby = this.asProps['aria-labelledby'];
-      if (ariaLabelledby) {
-        setTimeout(function () {
-          var _document$getElementB, _document$getElementB2;
-          _this2.setState({
-            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ''
-          });
-        }, 0);
-      }
-    }
-  }, {
-    key: "renderButton",
-    value: function renderButton(_ref6) {
-      var _ref = this.asProps,
-        _ref3;
-      var buttonProps = _ref6.buttonProps,
-        children = _ref6.children;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        theme = _this$asProps.theme;
-      var SButton = Box;
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({
-        "invertOutline": theme === 'invert'
-      }, buttonProps), _ref))), children);
-    }
-  }, {
-    key: "renderButtonWithHint",
-    value: function renderButtonWithHint(_ref7) {
-      var _ref2 = this.asProps,
-        _ref4;
-      var buttonProps = _ref7.buttonProps,
-        children = _ref7.children,
-        hintProps = _ref7.hintProps;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        theme = _this$asProps2.theme;
-      var SButton = Hint;
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread(_objectSpread({
-        "invertOutline": theme === 'invert'
-      }, buttonProps), hintProps), {}, {
-        "ignorePortalsStacking": true
-      }), _ref2))), children);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref8,
-        _ref9,
-        _this3 = this;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        use = _this$asProps3.use,
-        _this$asProps3$theme = _this$asProps3.theme,
-        theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
-        loading = _this$asProps3.loading,
-        _this$asProps3$disabl = _this$asProps3.disabled,
-        disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
-        size = _this$asProps3.size,
-        neighborLocation = _this$asProps3.neighborLocation,
-        hasChildren = _this$asProps3.children,
-        title = _this$asProps3.title,
-        ariaLabel = _this$asProps3['aria-label'],
-        Children = _this$asProps3.Children,
-        AddonLeft = _this$asProps3.addonLeft,
-        AddonRight = _this$asProps3.addonRight,
-        hintPlacement = _this$asProps3.hintPlacement;
-      // @ts-ignore
-      var Button = this[CORE_INSTANCE];
-      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
-      var SInner = Box;
-      var SSpin = Box;
-      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : '';
-      var buttonProps = {
-        'type': 'button',
-        'tag': 'button',
-        disabled: disabled,
-        'use:theme': useTheme,
-        'ref': this.containerRef,
-        'text-color': this.getTextColor(),
-        'aria-busy': loading,
-        '__excludeProps': ['title'],
-        'tabIndex': 0
-      };
-      var hintProps = {
-        title: buttonAriaLabel,
-        timeout: [250, 50],
-        placement: hintPlacement,
-        theme: theme === 'invert' ? 'invert' : undefined,
-        __excludeProps: []
-      };
-      return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
-        neighborLocation: neighborLocation
-      }, function (neighborLocation) {
-        var _ref5;
-        var children = (_ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {
-          "tag": 'span',
-          "loading": loading,
-          "data-ui-name": "".concat(_this3.asProps['data-ui-name'], ".InnerWrapper")
-        }), AddonLeft ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref5.cn("SSpin", {
-          "tag": 'span'
-        }), /*#__PURE__*/React.createElement(SpinButton, _ref5.cn("SpinButton", {
-          "centered": true,
-          "size": size,
-          "theme": useTheme
-        })))));
-        buttonProps.neighborLocation = neighborLocation;
-        if (hasChildren === undefined || title) {
-          return _this3.renderButtonWithHint({
-            buttonProps: buttonProps,
-            hintProps: hintProps,
-            children: children
-          });
-        }
-        return _this3.renderButton({
-          buttonProps: buttonProps,
-          children: children
-        });
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(AbstractButton, "displayName", 'AbstractButton');
-//# sourceMappingURL=AbstractButton.js.map