@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/inputs/Button/Button.js

@@ -1,10 +1,9 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { ButtonWrapper, MainButtonWrapper, MainButtonContainer, Button as Button$1, ButtonContent, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, DropdownButtonContainer, MainButtonContainerSingle } from './Button.styled.js';
 import Popover from '../../data/Popover/Popover.js';
 import ContextMenu from '../../widgets/ContextMenu/ContextMenu.js';
 import { ReactComponent as SvgExpandMore } from '../../icons/expand-more.svg.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const Button = React__default.forwardRef(function Button({
   onClickEffect,
@@ -77,126 +76,131 @@ const Button = React__default.forwardRef(function Button({
   const handleDropdownClose = () => {
     setDropdownIsActive(false);
   };
-  return React__default.createElement(ButtonWrapper, null, !singleAction ? React__default.createElement(MainButtonWrapper, {
-    $activeDropdown: activeDropdown,
-    $dropdownItems: dropdownItems,
-    $outlined: outlined,
-    $secondary: secondary,
-    $block: block
-  }, React__default.createElement(MainButtonContainer, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $block: block
-  }, React__default.createElement(Button$1, _extends({
-    ref: forwardedRef,
-    onClick: onClickEffect,
-    $border: border,
-    $singleaction: singleAction,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    className: className,
-    "aria-busy": disabled,
-    $width: width
-  }, props), React__default.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size
-  }, icon, children), React__default.createElement(LoadingIndicator, {
-    $loading: loadingState,
-    style: {
-      opacity: loadingState ? 1 : 0
-    }
-  }, React__default.createElement(LoadingIndicatorSvg, {
-    viewBox: "22 22 44 44"
-  }, React__default.createElement(LoadingIndicatorSvgCircle, {
-    cx: "44",
-    cy: "44",
-    r: "18",
-    fill: "none",
-    strokeWidth: "4",
-    stroke: "currentColor",
-    style: {
-      strokeDashoffset: `${loadingStep}px`
-    }
-  }))))), (activeDropdown || dropdownItems) && React__default.createElement(DropdownButtonContainer, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined
-  }, React__default.createElement(Popover, {
-    content: React__default.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React__default.createElement(Button$1, {
-    ref: forwardedRef,
-    $singleaction: singleAction,
-    $singleactiongap: singleActionGap,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $border: border,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    $width: width
-  }, React__default.createElement(SvgExpandMore, null))))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(MainButtonContainerSingle, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    className: className
-  }, React__default.createElement(DropdownButtonContainer, {
-    $singleaction: singleAction
-  }, React__default.createElement(Popover, {
-    content: React__default.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React__default.createElement(Button$1, {
-    ref: forwardedRef,
-    $singleaction: singleAction,
-    $singleactiongap: singleActionGap,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $border: border,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    $width: width
-  }, React__default.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size,
-    $singleaction: singleAction
-  }, icon, children), React__default.createElement(SvgExpandMore, null)))))));
+  return jsx(ButtonWrapper, {
+    children: !singleAction ? jsxs(MainButtonWrapper, {
+      $activeDropdown: activeDropdown,
+      $dropdownItems: dropdownItems,
+      $outlined: outlined,
+      $secondary: secondary,
+      $block: block,
+      children: [jsx(MainButtonContainer, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        $block: block,
+        children: jsxs(Button$1, {
+          ref: forwardedRef,
+          onClick: onClickEffect,
+          $border: border,
+          $singleaction: singleAction,
+          $dropdownItems: dropdownItems,
+          $secondary: secondary,
+          $outlined: outlined,
+          $block: block,
+          size: size,
+          disabled: disabled,
+          className: className,
+          "aria-busy": disabled,
+          $width: width,
+          ...props,
+          children: [jsxs(ButtonContent, {
+            $loading: loadingState,
+            size: size,
+            children: [icon, children]
+          }), jsx(LoadingIndicator, {
+            $loading: loadingState,
+            style: {
+              opacity: loadingState ? 1 : 0
+            },
+            children: jsx(LoadingIndicatorSvg, {
+              viewBox: "22 22 44 44",
+              children: jsx(LoadingIndicatorSvgCircle, {
+                cx: "44",
+                cy: "44",
+                r: "18",
+                fill: "none",
+                strokeWidth: "4",
+                stroke: "currentColor",
+                style: {
+                  strokeDashoffset: `${loadingStep}px`
+                }
+              })
+            })
+          })]
+        })
+      }), (activeDropdown || dropdownItems) && jsx(DropdownButtonContainer, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        children: jsx(Popover, {
+          content: jsx(ContextMenu, {
+            children: dropdownItems
+          }),
+          placement: 'bottom-end',
+          arrow: false,
+          contextMenu: true,
+          onHide: handleDropdownClose,
+          children: jsx(Button$1, {
+            ref: forwardedRef,
+            $singleaction: singleAction,
+            $singleactiongap: singleActionGap,
+            $dropdownItems: dropdownItems,
+            $secondary: secondary,
+            $outlined: outlined,
+            $border: border,
+            $block: block,
+            size: size,
+            disabled: disabled,
+            onClick: handleDropdownButtonClick,
+            className: dropdownIsActive ? 'dropdown-is-active' : '',
+            $width: width,
+            children: jsx(SvgExpandMore, {})
+          })
+        })
+      })]
+    }) : jsx(Fragment, {
+      children: jsx(MainButtonContainerSingle, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        className: className,
+        children: jsx(DropdownButtonContainer, {
+          $singleaction: singleAction,
+          children: jsx(Popover, {
+            content: jsx(ContextMenu, {
+              children: dropdownItems
+            }),
+            placement: 'bottom-end',
+            arrow: false,
+            contextMenu: true,
+            onHide: handleDropdownClose,
+            children: jsxs(Button$1, {
+              ref: forwardedRef,
+              $singleaction: singleAction,
+              $singleactiongap: singleActionGap,
+              $dropdownItems: dropdownItems,
+              $secondary: secondary,
+              $outlined: outlined,
+              $border: border,
+              $block: block,
+              size: size,
+              disabled: disabled,
+              onClick: handleDropdownButtonClick,
+              className: dropdownIsActive ? 'dropdown-is-active' : '',
+              $width: width,
+              children: [jsxs(ButtonContent, {
+                $loading: loadingState,
+                size: size,
+                $singleaction: singleAction,
+                children: [icon, children]
+              }), jsx(SvgExpandMore, {})]
+            })
+          })
+        })
+      })
+    })
+  });
 });
-Button.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClickEffect: PropTypes.func,
-  singleAction: PropTypes.bool,
-  activeDropdown: PropTypes.bool,
-  dropdownItems: PropTypes.node,
-  secondary: PropTypes.bool,
-  outlined: PropTypes.bool,
-  border: PropTypes.number,
-  block: PropTypes.bool,
-  icon: PropTypes.element,
-  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.any.isRequired,
-  singleActionGap: PropTypes.number,
-  width: PropTypes.number
-} : {};
 
 export { Button as default };
 //# sourceMappingURL=Button.js.map

package/build/inputs/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/inputs/Button/Button.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './Button.styled';\n\nimport Popover from '../../data/Popover';\nimport ContextMenu from '../../widgets/ContextMenu/ContextMenu';\n\nimport { ReactComponent as DropdownIcon } from '../../../icons/expand-more.svg';\n\n/**\n * Buttons communicate actions that users can take.\n *\n * ### Import\n *\n * ``` js\n * import { Button } from '@ntbjs/react-components/inputs'\n * // or\n * import Button from '@ntbjs/react-components/inputs/Button'\n * ```\n */\nconst Button = React.forwardRef(function Button(\n  {\n    onClickEffect,\n    singleAction = false,\n    activeDropdown = false,\n    dropdownItems,\n    secondary,\n    outlined,\n    block = false,\n    icon,\n    size = 'normal',\n    disabled,\n    loading,\n    className,\n    children,\n    singleActionGap = 34,\n    width,\n    border = 2,\n    ...props\n  },\n  forwardedRef\n) {\n  const [loadingState, setLoadingState] = useState(loading || false);\n  const [loadingStep, setLoadingStep] = useState(113);\n  const loadingInterval = useRef(0);\n  const loadingTimeout = useRef(0);\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\n\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMounted.current = false;\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, []);\n\n  const enableLoading = () => {\n    loadingInterval.current = setInterval(() => {\n      setLoadingStep(currentLoadingStep => {\n        const newLoadingStep = Math.round(currentLoadingStep - (15 * currentLoadingStep) / 100);\n\n        if (newLoadingStep === currentLoadingStep) {\n          clearInterval(loadingInterval.current);\n        }\n\n        return newLoadingStep;\n      });\n    }, 300);\n\n    setLoadingState(true);\n  };\n\n  const disableLoading = () => {\n    clearInterval(loadingInterval.current);\n    setLoadingStep(0);\n\n    loadingTimeout.current = setTimeout(() => {\n      if (isMounted.current) {\n        setLoadingState(false);\n        setLoadingStep(113);\n      }\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => {\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, [loading]);\n\n  const handleDropdownButtonClick = () => {\n    setDropdownIsActive(true);\n  };\n\n  const handleDropdownClose = () => {\n    setDropdownIsActive(false);\n  };\n\n  return (\n    <S.ButtonWrapper>\n      {!singleAction ? (\n        <S.MainButtonWrapper\n          $activeDropdown={activeDropdown}\n          $dropdownItems={dropdownItems}\n          $outlined={outlined}\n          $secondary={secondary}\n          $block={block}\n        >\n          <S.MainButtonContainer\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            $block={block}\n          >\n            <S.Button\n              ref={forwardedRef}\n              onClick={onClickEffect}\n              $border={border}\n              $singleaction={singleAction}\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n              $block={block}\n              size={size}\n              disabled={disabled}\n              className={className}\n              aria-busy={disabled}\n              $width={width}\n              {...props}\n            >\n              <S.ButtonContent $loading={loadingState} size={size}>\n                {icon}\n                {children}\n              </S.ButtonContent>\n              <S.LoadingIndicator\n                $loading={loadingState}\n                style={{\n                  opacity: loadingState ? 1 : 0\n                }}\n              >\n                <S.LoadingIndicatorSvg viewBox=\"22 22 44 44\">\n                  <S.LoadingIndicatorSvgCircle\n                    cx=\"44\"\n                    cy=\"44\"\n                    r=\"18\"\n                    fill=\"none\"\n                    strokeWidth=\"4\"\n                    stroke=\"currentColor\"\n                    style={{\n                      strokeDashoffset: `${loadingStep}px`\n                    }}\n                  />\n                </S.LoadingIndicatorSvg>\n              </S.LoadingIndicator>\n            </S.Button>\n          </S.MainButtonContainer>\n          {(activeDropdown || dropdownItems) && (\n            <S.DropdownButtonContainer\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n            >\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          )}\n        </S.MainButtonWrapper>\n      ) : (\n        <>\n          <S.MainButtonContainerSingle\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            className={className}\n          >\n            <S.DropdownButtonContainer $singleaction={singleAction}>\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <S.ButtonContent $loading={loadingState} size={size} $singleaction={singleAction}>\n                    {icon}\n                    {children}\n                  </S.ButtonContent>\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          </S.MainButtonContainerSingle>\n        </>\n      )}\n    </S.ButtonWrapper>\n  );\n});\n\nButton.propTypes = {\n  /**\n   * On-click effect for the main button\n   */\n  onClickEffect: PropTypes.func,\n\n  /**\n   * Whether the button is a \"single action button\". For single action buttons,\n   * the entire button opens the dropdown menu, not just the arrow.\n   */\n  singleAction: PropTypes.bool,\n\n  /**\n   * Whether the button must have an active dropdown menu.\n   */\n  activeDropdown: PropTypes.bool,\n\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  dropdownItems: PropTypes.node,\n\n  /**\n   * Whether the button should be styled as a secondary button\n   */\n  secondary: PropTypes.bool,\n\n  /**\n   * Whether the button should be styled with borders\n   */\n  outlined: PropTypes.bool,\n\n  /**\n   * Whether the button should customize the border width\n   */\n  border: PropTypes.number,\n\n  /**\n   * Whether the button should be of 100% width\n   */\n  block: PropTypes.bool,\n\n  /**\n   * Optional icon to be displayed on the left side of the button\n   */\n  icon: PropTypes.element,\n\n  /**\n   * Which size variation should be used\n   */\n  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),\n\n  /**\n   * Whether the button should be disabled\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Whether the button should be initiated in a loading state\n   */\n  loading: PropTypes.bool,\n\n  /**\n   * Optional custom classnames for the HTML element\n   */\n  className: PropTypes.string,\n\n  /**\n   * Main content of the button\n   */\n  children: PropTypes.any.isRequired,\n  /**\n   * Gap between arrow and text in single action button\n   */\n  singleActionGap: PropTypes.number,\n\n  /**\n   * Custom  min-width\n   */\n  width: PropTypes.number\n};\n\nexport default Button;\n"],"names":["Button","React","forwardRef","onClickEffect","singleAction","activeDropdown","dropdownItems","secondary","outlined","block","icon","size","disabled","loading","className","children","singleActionGap","width","border","props","forwardedRef","loadingState","setLoadingState","useState","loadingStep","setLoadingStep","loadingInterval","useRef","loadingTimeout","dropdownIsActive","setDropdownIsActive","isMounted","useEffect","current","clearInterval","clearTimeout","enableLoading","setInterval","currentLoadingStep","newLoadingStep","Math","round","disableLoading","setTimeout","handleDropdownButtonClick","handleDropdownClose","createElement","S","$activeDropdown","$dropdownItems","$outlined","$secondary","$block","_extends","ref","onClick","$border","$singleaction","$width","$loading","style","opacity","viewBox","cx","cy","r","fill","strokeWidth","stroke","strokeDashoffset","Popover","content","ContextMenu","placement","arrow","contextMenu","onHide","$singleactiongap","DropdownIcon","Fragment","propTypes","process","env","NODE_ENV","PropTypes","func","bool","node","number","element","oneOf","string","any","isRequired"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/inputs/Button/Button.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport * as S from './Button.styled';\n\nimport Popover from '../../data/Popover';\nimport ContextMenu from '../../widgets/ContextMenu/ContextMenu';\n\nimport { ReactComponent as DropdownIcon } from '../../../icons/expand-more.svg';\n\ntype ButtonOwnProps = {\n  /**\n   * On-click effect for the main button\n   */\n  onClickEffect?: (...args: any[]) => any;\n  /**\n   * Whether the button is a \"single action button\". For single action buttons,\n   * the entire button opens the dropdown menu, not just the arrow.\n   */\n  singleAction?: boolean;\n  /**\n   * Whether the button must have an active dropdown menu.\n   */\n  activeDropdown?: boolean;\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  dropdownItems?: React.ReactNode;\n  /**\n   * Whether the button should be styled as a secondary button\n   */\n  secondary?: boolean;\n  /**\n   * Whether the button should be styled with borders\n   */\n  outlined?: boolean;\n  /**\n   * Whether the button should customize the border width\n   */\n  border?: number;\n  /**\n   * Whether the button should be of 100% width\n   */\n  block?: boolean;\n  /**\n   * Optional icon to be displayed on the left side of the button\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Which size variation should be used\n   */\n  size?: 'x-small' | 'small' | 'normal' | 'large';\n  /**\n   * Whether the button should be disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the button should be initiated in a loading state\n   */\n  loading?: boolean;\n  /**\n   * Optional custom classnames for the HTML element\n   */\n  className?: string;\n  /**\n   * Main content of the button\n   */\n  children: any;\n  /**\n   * Gap between arrow and text in single action button\n   */\n  singleActionGap?: number;\n  /**\n   * Custom  min-width\n   */\n  width?: number;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.Button>, keyof ButtonOwnProps> &\n  ButtonOwnProps;\n\n/**\n * Buttons communicate actions that users can take.\n *\n * ### Import\n *\n * ``` js\n * import { Button } from '@ntbjs/react-components/inputs'\n * // or\n * import Button from '@ntbjs/react-components/inputs/Button'\n * ```\n */\nconst Button = React.forwardRef<any, Props>(function Button(\n  {\n    onClickEffect,\n    singleAction = false,\n    activeDropdown = false,\n    dropdownItems,\n    secondary,\n    outlined,\n    block = false,\n    icon,\n    size = 'normal',\n    disabled,\n    loading,\n    className,\n    children,\n    singleActionGap = 34,\n    width,\n    border = 2,\n    ...props\n  },\n  forwardedRef\n) {\n  const [loadingState, setLoadingState] = useState(loading || false);\n  const [loadingStep, setLoadingStep] = useState(113);\n  const loadingInterval = useRef(0);\n  const loadingTimeout = useRef(0);\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\n\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMounted.current = false;\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, []);\n\n  const enableLoading = () => {\n    loadingInterval.current = setInterval(() => {\n      setLoadingStep(currentLoadingStep => {\n        const newLoadingStep = Math.round(currentLoadingStep - (15 * currentLoadingStep) / 100);\n\n        if (newLoadingStep === currentLoadingStep) {\n          clearInterval(loadingInterval.current);\n        }\n\n        return newLoadingStep;\n      });\n    }, 300);\n\n    setLoadingState(true);\n  };\n\n  const disableLoading = () => {\n    clearInterval(loadingInterval.current);\n    setLoadingStep(0);\n\n    loadingTimeout.current = setTimeout(() => {\n      if (isMounted.current) {\n        setLoadingState(false);\n        setLoadingStep(113);\n      }\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => {\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, [loading]);\n\n  const handleDropdownButtonClick = () => {\n    setDropdownIsActive(true);\n  };\n\n  const handleDropdownClose = () => {\n    setDropdownIsActive(false);\n  };\n\n  return (\n    <S.ButtonWrapper>\n      {!singleAction ? (\n        <S.MainButtonWrapper\n          $activeDropdown={activeDropdown}\n          $dropdownItems={dropdownItems}\n          $outlined={outlined}\n          $secondary={secondary}\n          $block={block}\n        >\n          <S.MainButtonContainer\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            $block={block}\n          >\n            <S.Button\n              ref={forwardedRef}\n              onClick={onClickEffect}\n              $border={border}\n              $singleaction={singleAction}\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n              $block={block}\n              size={size}\n              disabled={disabled}\n              className={className}\n              aria-busy={disabled}\n              $width={width}\n              {...props}\n            >\n              <S.ButtonContent $loading={loadingState} size={size}>\n                {icon}\n                {children}\n              </S.ButtonContent>\n              <S.LoadingIndicator\n                $loading={loadingState}\n                style={{\n                  opacity: loadingState ? 1 : 0\n                }}\n              >\n                <S.LoadingIndicatorSvg viewBox=\"22 22 44 44\">\n                  <S.LoadingIndicatorSvgCircle\n                    cx=\"44\"\n                    cy=\"44\"\n                    r=\"18\"\n                    fill=\"none\"\n                    strokeWidth=\"4\"\n                    stroke=\"currentColor\"\n                    style={{\n                      strokeDashoffset: `${loadingStep}px`\n                    }}\n                  />\n                </S.LoadingIndicatorSvg>\n              </S.LoadingIndicator>\n            </S.Button>\n          </S.MainButtonContainer>\n          {(activeDropdown || dropdownItems) && (\n            <S.DropdownButtonContainer\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n            >\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          )}\n        </S.MainButtonWrapper>\n      ) : (\n        <>\n          <S.MainButtonContainerSingle\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            className={className}\n          >\n            <S.DropdownButtonContainer $singleaction={singleAction}>\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <S.ButtonContent $loading={loadingState} size={size} $singleaction={singleAction}>\n                    {icon}\n                    {children}\n                  </S.ButtonContent>\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          </S.MainButtonContainerSingle>\n        </>\n      )}\n    </S.ButtonWrapper>\n  );\n});\n\nexport default Button;\n"],"names":["Button","React","forwardRef","onClickEffect","singleAction","activeDropdown","dropdownItems","secondary","outlined","block","icon","size","disabled","loading","className","children","singleActionGap","width","border","props","forwardedRef","loadingState","setLoadingState","useState","loadingStep","setLoadingStep","loadingInterval","useRef","loadingTimeout","dropdownIsActive","setDropdownIsActive","isMounted","useEffect","current","clearInterval","clearTimeout","enableLoading","setInterval","currentLoadingStep","newLoadingStep","Math","round","disableLoading","setTimeout","handleDropdownButtonClick","handleDropdownClose","_jsx","S","_jsxs","$activeDropdown","$dropdownItems","$outlined","$secondary","$block","ref","onClick","$border","$singleaction","$width","$loading","style","opacity","viewBox","cx","cy","r","fill","strokeWidth","stroke","strokeDashoffset","Popover","content","ContextMenu","placement","arrow","contextMenu","onHide","$singleactiongap","DropdownIcon","_Fragment"],"mappings":"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"}