@ntbjs/react-components 2.0.0-rc.29 → 2.0.0-rc.30

package/build/inputs/Button/Button.js

@@ -0,0 +1,188 @@
+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';
+
+const Button = React__default.forwardRef(function Button({
+  onClickEffect,
+  singleAction = false,
+  activeDropdown = false,
+  dropdownItems,
+  secondary,
+  outlined,
+  block = false,
+  icon,
+  size = 'normal',
+  disabled,
+  loading,
+  className,
+  children,
+  singleActionGap = 34,
+  width,
+  border = 2,
+  ...props
+}, forwardedRef) {
+  const [loadingState, setLoadingState] = useState(loading || false);
+  const [loadingStep, setLoadingStep] = useState(113);
+  const loadingInterval = useRef(0);
+  const [dropdownIsActive, setDropdownIsActive] = useState(false);
+  const enableLoading = () => {
+    loadingInterval.current = setInterval(() => {
+      setLoadingStep(currentLoadingStep => {
+        const newLoadingStep = Math.round(currentLoadingStep - 15 * currentLoadingStep / 100);
+        if (newLoadingStep === currentLoadingStep) {
+          clearInterval(loadingInterval.current);
+        }
+        return newLoadingStep;
+      });
+    }, 300);
+    setLoadingState(true);
+  };
+  const disableLoading = () => {
+    clearInterval(loadingInterval.current);
+    setLoadingStep(0);
+    setTimeout(() => {
+      setLoadingState(false);
+      setLoadingStep(113);
+    }, 500);
+  };
+  useEffect(() => {
+    if (loading) {
+      enableLoading();
+    } else {
+      disableLoading();
+    }
+    return () => clearInterval(loadingInterval.current);
+  }, [loading]);
+  const handleDropdownButtonClick = () => {
+    setDropdownIsActive(true);
+  };
+  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)))))));
+});
+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

@@ -0,0 +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\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\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\n    setLoadingStep(0);\n\n    setTimeout(() => {\n      setLoadingState(false);\n      setLoadingStep(113);\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => clearInterval(loadingInterval.current);\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","dropdownIsActive","setDropdownIsActive","enableLoading","current","setInterval","currentLoadingStep","newLoadingStep","Math","round","clearInterval","disableLoading","setTimeout","useEffect","handleDropdownButtonClick","handleDropdownClose","createElement","S","_extends","ref","onClick","$loading","style","opacity","viewBox","cx","cy","r","fill","strokeWidth","stroke","strokeDashoffset","Popover","content","ContextMenu","placement","arrow","contextMenu","onHide","DropdownIcon","Fragment","propTypes","process","env","NODE_ENV","PropTypes","func","bool","node","number","element","oneOf","string","any","isRequired"],"mappings":"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"}

package/build/{Button-73eb8516.js → inputs/Button/Button.styled.js}

@@ -1,12 +1,7 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
-import { P as Popover } from './Popover-20050b91.js';
-import { C as ContextMenu } from './ContextMenu-0f7134e4.js';
-import { S as SvgExpandMore } from './expand-more-c5523c46.js';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
 
-const Button$1 = styled.button.attrs(applyDefaultTheme)`
+const Button = styled.button.attrs(applyDefaultTheme)`
   position: relative;
   border-radius: 3px;
   font-family: inherit;
@@ -261,182 +256,5 @@ const DropdownButtonContainer = styled.div.attrs(applyDefaultTheme)`
   }
 `;
 
-const Button = React__default.forwardRef(function Button({
-  onClickEffect,
-  singleAction = false,
-  activeDropdown = false,
-  dropdownItems,
-  secondary,
-  outlined,
-  block = false,
-  icon,
-  size = 'normal',
-  disabled,
-  loading,
-  className,
-  children,
-  singleActionGap = 34,
-  width,
-  border = 2,
-  ...props
-}, forwardedRef) {
-  const [loadingState, setLoadingState] = useState(loading || false);
-  const [loadingStep, setLoadingStep] = useState(113);
-  const loadingInterval = useRef(0);
-  const [dropdownIsActive, setDropdownIsActive] = useState(false);
-  const enableLoading = () => {
-    loadingInterval.current = setInterval(() => {
-      setLoadingStep(currentLoadingStep => {
-        const newLoadingStep = Math.round(currentLoadingStep - 15 * currentLoadingStep / 100);
-        if (newLoadingStep === currentLoadingStep) {
-          clearInterval(loadingInterval.current);
-        }
-        return newLoadingStep;
-      });
-    }, 300);
-    setLoadingState(true);
-  };
-  const disableLoading = () => {
-    clearInterval(loadingInterval.current);
-    setLoadingStep(0);
-    setTimeout(() => {
-      setLoadingState(false);
-      setLoadingStep(113);
-    }, 500);
-  };
-  useEffect(() => {
-    if (loading) {
-      enableLoading();
-    } else {
-      disableLoading();
-    }
-    return () => clearInterval(loadingInterval.current);
-  }, [loading]);
-  const handleDropdownButtonClick = () => {
-    setDropdownIsActive(true);
-  };
-  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)))))));
-});
-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 B };
+export { Button, ButtonContent, ButtonWrapper, DropdownButtonContainer, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, MainButtonContainer, MainButtonContainerSingle, MainButtonWrapper };
+//# sourceMappingURL=Button.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styled.js","sources":["../../../src/components/inputs/Button/Button.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const Button = styled.button.attrs(applyDefaultTheme)`\n  position: relative;\n  border-radius: 3px;\n  font-family: inherit;\n  font-size: 0.875rem;\n  font-weight: 400;\n  padding: 12px 16px;\n  cursor: pointer;\n  background: ${props => props.theme.getColor('emerald-500')};\n  border: ${props => props.border}px solid ${props => props.theme.getColor('emerald-500')};\n  transition: all 250ms, opacity 200ms;\n\n  &:hover,\n  &.dropdown-is-active {\n    background: #296c58;\n    border-color: #296c58;\n  }\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white'))}\n\n  && {\n    ${props =>\n      props.secondary &&\n      css`\n        background: ${props => props.theme.getColor('gray-200')};\n        border-color: ${props => props.theme.getColor('gray-200')};\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('gray-700')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background: ${props => props.theme.getColor('gray-300')};\n          border-color: ${props => props.theme.getColor('gray-300')};\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.outlined &&\n      css`\n        background: transparent;\n        transition: none;\n\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('emerald-400'),\n          props.theme.getColor('emerald-500')\n        )}\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('emerald-400'),\n          props.theme.getColor('emerald-500')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background-color: #296c58;\n\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('emerald-600'),\n            props.theme.getColor('emerald-600')\n          )}\n\n          ${props.theme.themeProp(\n            'color',\n            props.theme.getColor('gray-200'),\n            props.theme.getColor('gray-200')\n          )}\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.outlined &&\n      props.secondary &&\n      css`\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-700')\n        )}\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background: ${props.theme.getColor('gray-300')};\n\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('gray-300'),\n            props.theme.getColor('gray-300')\n          )}\n\n          ${props.theme.themeProp(\n            'color',\n            props.theme.getColor('gray-700'),\n            props.theme.getColor('gray-700')\n          )}\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.outlined &&\n      props.secondary &&\n      props.dropdownItems &&\n      css`\n        &:hover,\n        &.dropdown-is-active {\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('gray-300'),\n            props.theme.getColor('gray-300')\n          )}\n        }\n      `};\n  }\n\n  ${props =>\n    props.block &&\n    css`\n      width: 100%;\n    `};\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n    `};\n\n  ${props =>\n    props.size === 'x-small' &&\n    css`\n      padding: 1px 16px;\n      height: 24px;\n    `};\n\n  ${props =>\n    props.size === 'small' &&\n    css`\n      padding: 6px 16px;\n    `};\n\n  ${props =>\n    props.size === 'large' &&\n    css`\n      padding: 16px 16px;\n    `};\n\n  ${props =>\n    props.singleAction &&\n    css`\n      display: flex;\n      align-items: center;\n      gap: ${props.singleActionGap}px;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    `};\n\n  ${props =>\n    props.width &&\n    css`\n      min-width: ${props.width}px;\n      justify-content: center;\n    `};\n`;\n\nexport const ButtonContent = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: scale(1);\n  opacity: 1;\n  transition: all 200ms;\n\n  > svg {\n    width: 100%;\n    max-width: 16px;\n    max-height: 16px;\n    margin-right: 8px;\n\n    ${props =>\n      props.size === 'small' &&\n      css`\n        max-width: 13px;\n        max-height: 13px;\n      `};\n\n    ${props =>\n      props.size === 'x-small' &&\n      css`\n        max-width: 11px;\n        max-height: 11px;\n      `};\n  }\n\n  ${props =>\n    props.$loading &&\n    css`\n      transform: scale(0.95);\n      opacity: 0;\n    `}\n\n  ${props =>\n    props.singleAction &&\n    css`\n      svg {\n        width: 100% !important;\n        height: 100% !important;\n        margin-right: 24px;\n      }\n    `};\n`;\n\nexport const LoadingIndicator = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  background: inherit;\n  opacity: 0;\n  transition: opacity 200ms;\n  box-sizing: border-box;\n\n  ${props =>\n    props.$loading &&\n    css`\n      opacity: 1;\n    `}\n`;\n\nexport const LoadingIndicatorSvg = styled.svg.attrs(applyDefaultTheme)`\n  height: 100%;\n  color: inherit;\n  transform: rotate(-88deg);\n`;\n\nexport const LoadingIndicatorSvgCircle = styled.circle.attrs(applyDefaultTheme)`\n  transition: stroke-dashoffset 300ms linear;\n  stroke-dasharray: 113;\n`;\n\nexport const ButtonWrapper = styled.span.attrs(applyDefaultTheme)`\n  white-space: nowrap;\n  display: flex;\n  ${props =>\n    props.block &&\n    css`\n      width: 100%;\n    `}\n`;\n\nexport const MainButtonWrapper = styled.div.attrs(applyDefaultTheme)`\n  border-radius: 3px;\n  ${props =>\n    props.block &&\n    css`\n      width: 100%;\n      display: flex;\n    `}\n\n  ${props => {\n    return (\n      (props.activeDropdown || props.dropdownItems) &&\n      !props.outlined &&\n      css`\n        background: ${props.secondary\n          ? props.theme.getColor('gray-200')\n          : props.theme.getColor('emerald-500')};\n      `\n    );\n  }};\n`;\n\nexport const MainButtonContainer = styled.div.attrs(applyDefaultTheme)`\n  display: inline-block;\n\n  ${props =>\n    props.block &&\n    css`\n      flex: 1;\n      width: 100%;\n    `}\n\n  button {\n    ${props =>\n      (props.activeDropdown || props.dropdownItems) &&\n      css`\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      `};\n\n    ${props =>\n      (props.activeDropdown || props.dropdownItems) &&\n      props.outlined &&\n      css`\n        border-right: none;\n      `};\n  }\n`;\n\nexport const MainButtonContainerSingle = styled.div.attrs(applyDefaultTheme)`\n  display: inline-block;\n  width: 100%;\n  ${props =>\n    props.singleAction &&\n    css`\n      display: flex;\n      align-items: center;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    `};\n\n  button {\n    ${props =>\n      (props.activeDropdown || props.dropdownItems) &&\n      css`\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      `};\n  }\n`;\n\nexport const DropdownButtonContainer = styled.div.attrs(applyDefaultTheme)`\n  display: inline-block;\n\n  button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n\n    ${props => !props.singleAction && 'border-left: none'};\n  }\n\n  svg {\n    color: inherit;\n    height: 7px;\n    width: 12px;\n\n    ${props => !props.singleAction && 'margin-bottom: 1px'};\n  }\n`;\n"],"names":["Button","styled","button","attrs","applyDefaultTheme","props","theme","getColor","border","themeProp","secondary","css","outlined","dropdownItems","block","disabled","size","singleAction","singleActionGap","width","ButtonContent","div","$loading","LoadingIndicator","LoadingIndicatorSvg","svg","LoadingIndicatorSvgCircle","circle","ButtonWrapper","span","MainButtonWrapper","activeDropdown","MainButtonContainer","MainButtonContainerSingle","DropdownButtonContainer"],"mappings":"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"}

package/build/inputs/Button/index.js

@@ -1,13 +1,2 @@
-export { B as default } from '../../Button-73eb8516.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import '../../Popover-20050b91.js';
-import 'lodash';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../ContextMenu-0f7134e4.js';
-import '../../expand-more-c5523c46.js';
+export { default } from './Button.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/inputs/Checkbox/Checkbox.js

@@ -0,0 +1,97 @@
+import React__default, { useState, useMemo } from 'react';
+import { nanoid } from 'nanoid';
+import PropTypes from 'prop-types';
+import { isBoolean, isEmpty } from 'lodash';
+import { Checkbox as Checkbox$1, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
+
+const Checkbox = React__default.forwardRef(function Checkbox({
+  checked,
+  defaultChecked,
+  disabled,
+  readOnly,
+  name,
+  value,
+  description,
+  error,
+  indeterminate,
+  muted,
+  label,
+  onChange,
+  onBlur,
+  className,
+  style
+}, forwardedRef) {
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
+    if (isBoolean(error)) {
+      return error;
+    }
+    return !isEmpty(error);
+  }, [error]);
+  const descriptionText = useMemo(() => {
+    if (!isEmpty(error)) {
+      return error;
+    }
+    if (!isEmpty(description)) {
+      return description;
+    }
+    return null;
+  }, [description, error]);
+  return React__default.createElement(Checkbox$1, {
+    className: className,
+    disabled: disabled,
+    readOnly: readOnly,
+    style: style
+  }, React__default.createElement(CheckboxLabel, {
+    disabled: disabled,
+    muted: muted,
+    readOnly: readOnly,
+    htmlFor: uniqueId
+  }, React__default.createElement("input", {
+    ref: forwardedRef,
+    id: uniqueId,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    disabled: disabled,
+    readOnly: readOnly,
+    value: value,
+    name: name,
+    type: "checkbox",
+    onChange: onChange,
+    onBlur: onBlur,
+    "data-indeterminate": indeterminate
+  }), React__default.createElement(IndeterminateCheckIcon, null), React__default.createElement(CheckIcon, null, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 10.9 8.45"
+  }, React__default.createElement("path", {
+    d: "m3.68,8.45L0,4.75l1.21-1.21,2.47,2.45L9.7,0l1.21,1.23-7.22,7.22Z",
+    fill: "currentColor"
+  }))), (typeof label === 'string' && label.length > 0 || typeof label === 'object') && React__default.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
+    error: hasError
+  }, descriptionText));
+});
+Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  name: PropTypes.string,
+  value: PropTypes.string,
+  description: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  indeterminate: PropTypes.bool,
+  muted: PropTypes.bool,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  className: PropTypes.string,
+  style: PropTypes.object
+} : {};
+Checkbox.defaultProps = {
+  disabled: false,
+  readOnly: false,
+  indeterminate: false
+};
+
+export { Checkbox as default };
+//# sourceMappingURL=Checkbox.js.map

package/build/inputs/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.js"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\n\nimport { isBoolean, isEmpty } from 'lodash';\nimport * as S from './Checkbox.styled';\n\n/**\n * Checkboxes allow the user to select one or more items from a set.\n *\n * If you have a single option, avoid using a checkbox and use an on/off switch (`Switch` component) instead.\n *\n *\n * ### Import\n *\n * ``` js\n * import { Checkbox } from '@ntbjs/react-components/inputs'\n * // or\n * import Checkbox from '@ntbjs/react-components/inputs/Checkbox'\n * ```\n */\nconst Checkbox = React.forwardRef(function Checkbox(\n  {\n    checked,\n    defaultChecked,\n    disabled,\n    readOnly,\n    name,\n    value,\n    description,\n    error,\n    indeterminate,\n    muted,\n    label,\n    onChange,\n    onBlur,\n    className,\n    style\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n\n  const hasError = useMemo(() => {\n    if (isBoolean(error)) {\n      return error;\n    }\n\n    return !isEmpty(error);\n  }, [error]);\n\n  const descriptionText = useMemo(() => {\n    if (!isEmpty(error)) {\n      return error;\n    }\n\n    if (!isEmpty(description)) {\n      return description;\n    }\n\n    return null;\n  }, [description, error]);\n\n  return (\n    <S.Checkbox className={className} disabled={disabled} readOnly={readOnly} style={style}>\n      <S.CheckboxLabel disabled={disabled} muted={muted} readOnly={readOnly} htmlFor={uniqueId}>\n        <input\n          ref={forwardedRef}\n          id={uniqueId}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          disabled={disabled}\n          readOnly={readOnly}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          onChange={onChange}\n          onBlur={onBlur}\n          data-indeterminate={indeterminate}\n        />\n\n        <S.IndeterminateCheckIcon />\n        <S.CheckIcon>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10.9 8.45\">\n            <path\n              d=\"m3.68,8.45L0,4.75l1.21-1.21,2.47,2.45L9.7,0l1.21,1.23-7.22,7.22Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </S.CheckIcon>\n        {((typeof label === 'string' && label.length > 0) || typeof label === 'object') && (\n          <S.CheckboxVisualLabel>{label}</S.CheckboxVisualLabel>\n        )}\n      </S.CheckboxLabel>\n      {typeof descriptionText === 'string' && descriptionText.length > 0 && (\n        <S.Description error={hasError}>{descriptionText}</S.Description>\n      )}\n    </S.Checkbox>\n  );\n});\n\nCheckbox.propTypes = {\n  /**\n   * Whether the checkbox is checked\n   */\n  checked: PropTypes.bool,\n\n  /**\n   * Whether the checkbox should be checked or unchecked by default\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The checkbox' label\n   */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Whether the checkbox is read-only\n   */\n  readOnly: PropTypes.bool,\n\n  /**\n   * The checkbox' name\n   */\n  name: PropTypes.string,\n\n  /**\n   * The checkbox' value\n   */\n  value: PropTypes.string,\n\n  /**\n   * Description of the checkbox\n   */\n  description: PropTypes.string,\n\n  /**\n   * Whether there's an error. Error message can be passed as a `string` to be displayed below the checkbox.\n   */\n  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n\n  /**\n   * Whether the checkbox is indeterminate. This will display a dash in the checkbox instead of the default checkmark.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * Mutes the color of the visual checkbox – Does not mute the label or other parts of the Checkbox\n   */\n  muted: PropTypes.bool,\n\n  /**\n   * On-change effect\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * On-blur effect\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * Optional class name for the HTML element\n   */\n  className: PropTypes.string,\n\n  /**\n   * Optional in-line styling for the HTML element\n   */\n  style: PropTypes.object\n};\n\nCheckbox.defaultProps = {\n  disabled: false,\n  readOnly: false,\n  indeterminate: false\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","React","forwardRef","checked","defaultChecked","disabled","readOnly","name","value","description","error","indeterminate","muted","label","onChange","onBlur","className","style","forwardedRef","uniqueId","useState","nanoid","hasError","useMemo","isBoolean","isEmpty","descriptionText","createElement","S","htmlFor","ref","id","type","xmlns","viewBox","d","fill","length","propTypes","process","env","NODE_ENV","PropTypes","bool","oneOfType","string","element","func","object","defaultProps"],"mappings":"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"}