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

package/{esm/components → build}/inputs/Button/Button.js

@@ -1,36 +1,34 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { ButtonWrapper, MainButtonWrapper, MainButtonContainer, Button as Button$2, ButtonContent, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, DropdownButtonContainer, MainButtonContainerSingle } from './Button.styled.js';
-import { ReactComponent as SvgExpandMore } from '../../../icons/expand-more.svg.js';
-import { r as react } from '../../../_virtual/index.js';
+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 _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
-const Button = React.forwardRef(function Button(_ref, forwardedRef) {
-  let {
-      onClickEffect,
-      singleAction = false,
-      activeDropdown = false,
-      dropdownItems,
-      secondary,
-      outlined,
-      block,
-      icon,
-      size = 'normal',
-      disabled,
-      loading,
-      className,
-      children,
-      singleActionGap = 34,
-      width
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [loadingState, setLoadingState] = react.exports.useState(loading || false);
-  const [loadingStep, setLoadingStep] = react.exports.useState(113);
-  const loadingInterval = react.exports.useRef(0);
-  const [dropdownIsActive, setDropdownIsActive] = react.exports.useState(false);
+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 => {
@@ -51,7 +49,7 @@ const Button = React.forwardRef(function Button(_ref, forwardedRef) {
       setLoadingStep(113);
     }, 500);
   };
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (loading) {
       enableLoading();
     } else {
@@ -65,18 +63,21 @@ const Button = React.forwardRef(function Button(_ref, forwardedRef) {
   const handleDropdownClose = () => {
     setDropdownIsActive(false);
   };
-  return React.createElement(ButtonWrapper, null, !singleAction ? React.createElement(MainButtonWrapper, {
+  return React__default.createElement(ButtonWrapper, null, !singleAction ? React__default.createElement(MainButtonWrapper, {
     activeDropdown: activeDropdown,
     dropdownItems: dropdownItems,
     outlined: outlined,
-    secondary: secondary
-  }, React.createElement(MainButtonContainer, {
+    secondary: secondary,
+    block: block
+  }, React__default.createElement(MainButtonContainer, {
     dropdownItems: dropdownItems,
     secondary: secondary,
-    outlined: outlined
-  }, React.createElement(Button$2, _extends({
+    outlined: outlined,
+    block: block
+  }, React__default.createElement(Button$1, _extends({
     ref: forwardedRef,
     onClick: onClickEffect,
+    border: border,
     singleAction: singleAction,
     dropdownItems: dropdownItems,
     secondary: secondary,
@@ -87,17 +88,17 @@ const Button = React.forwardRef(function Button(_ref, forwardedRef) {
     className: className,
     "aria-busy": disabled,
     width: width
-  }, props), React.createElement(ButtonContent, {
+  }, props), React__default.createElement(ButtonContent, {
     $loading: loadingState,
     size: size
-  }, icon, children), React.createElement(LoadingIndicator, {
+  }, icon, children), React__default.createElement(LoadingIndicator, {
     $loading: loadingState,
     style: {
       opacity: loadingState ? 1 : 0
     }
-  }, React.createElement(LoadingIndicatorSvg, {
+  }, React__default.createElement(LoadingIndicatorSvg, {
     viewBox: "22 22 44 44"
-  }, React.createElement(LoadingIndicatorSvgCircle, {
+  }, React__default.createElement(LoadingIndicatorSvgCircle, {
     cx: "44",
     cy: "44",
     r: "18",
@@ -107,60 +108,62 @@ const Button = React.forwardRef(function Button(_ref, forwardedRef) {
     style: {
       strokeDashoffset: `${loadingStep}px`
     }
-  }))))), (activeDropdown || dropdownItems) && React.createElement(DropdownButtonContainer, {
+  }))))), (activeDropdown || dropdownItems) && React__default.createElement(DropdownButtonContainer, {
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined
-  }, React.createElement(Popover, {
-    content: React.createElement(ContextMenu, null, dropdownItems),
+  }, React__default.createElement(Popover, {
+    content: React__default.createElement(ContextMenu, null, dropdownItems),
     placement: 'bottom-end',
     arrow: false,
     contextMenu: true,
     onHide: handleDropdownClose
-  }, React.createElement(Button$2, {
+  }, 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.createElement(SvgExpandMore, null))))) : React.createElement(React.Fragment, null, React.createElement(MainButtonContainerSingle, {
+  }, 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.createElement(DropdownButtonContainer, {
+  }, React__default.createElement(DropdownButtonContainer, {
     singleAction: singleAction
-  }, React.createElement(Popover, {
-    content: React.createElement(ContextMenu, null, dropdownItems),
+  }, React__default.createElement(Popover, {
+    content: React__default.createElement(ContextMenu, null, dropdownItems),
     placement: 'bottom-end',
     arrow: false,
     contextMenu: true,
     onHide: handleDropdownClose
-  }, React.createElement(Button$2, {
+  }, 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.createElement(ButtonContent, {
+  }, React__default.createElement(ButtonContent, {
     $loading: loadingState,
     size: size,
     singleAction: singleAction
-  }, icon, children), React.createElement(SvgExpandMore, null)))))));
+  }, icon, children), React__default.createElement(SvgExpandMore, null)))))));
 });
 Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onClickEffect: PropTypes.func,
@@ -169,6 +172,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   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']),
@@ -179,6 +183,6 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   singleActionGap: PropTypes.number,
   width: PropTypes.number
 } : {};
-var Button$1 = Button;
 
-export { Button$1 as default };
+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/inputs/Button/Button.styled.js

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

@@ -0,0 +1,2 @@
+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/{esm/components → build}/inputs/Checkbox/Checkbox.js

@@ -1,11 +1,10 @@
-import React from '../../../node_modules/react/index.js';
+import React__default, { useState, useMemo } from 'react';
 import { nanoid } from 'nanoid';
-import PropTypes from '../../../node_modules/prop-types/index.js';
+import PropTypes from 'prop-types';
 import { isBoolean, isEmpty } from 'lodash';
-import { Checkbox as Checkbox$2, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
-import { r as react } from '../../../_virtual/index.js';
+import { Checkbox as Checkbox$1, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
 
-const Checkbox = React.forwardRef(function Checkbox({
+const Checkbox = React__default.forwardRef(function Checkbox({
   checked,
   defaultChecked,
   disabled,
@@ -22,14 +21,14 @@ const Checkbox = React.forwardRef(function Checkbox({
   className,
   style
 }, forwardedRef) {
-  const [uniqueId] = react.exports.useState(nanoid());
-  const hasError = react.exports.useMemo(() => {
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
     if (isBoolean(error)) {
       return error;
     }
     return !isEmpty(error);
   }, [error]);
-  const descriptionText = react.exports.useMemo(() => {
+  const descriptionText = useMemo(() => {
     if (!isEmpty(error)) {
       return error;
     }
@@ -38,17 +37,17 @@ const Checkbox = React.forwardRef(function Checkbox({
     }
     return null;
   }, [description, error]);
-  return React.createElement(Checkbox$2, {
+  return React__default.createElement(Checkbox$1, {
     className: className,
     disabled: disabled,
     readOnly: readOnly,
     style: style
-  }, React.createElement(CheckboxLabel, {
+  }, React__default.createElement(CheckboxLabel, {
     disabled: disabled,
     muted: muted,
     readOnly: readOnly,
     htmlFor: uniqueId
-  }, React.createElement("input", {
+  }, React__default.createElement("input", {
     ref: forwardedRef,
     id: uniqueId,
     checked: checked,
@@ -61,13 +60,13 @@ const Checkbox = React.forwardRef(function Checkbox({
     onChange: onChange,
     onBlur: onBlur,
     "data-indeterminate": indeterminate
-  }), React.createElement(IndeterminateCheckIcon, null), React.createElement(CheckIcon, null, React.createElement("svg", {
+  }), 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.createElement("path", {
+  }, 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.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React.createElement(Description, {
+  }))), (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));
 });
@@ -93,6 +92,6 @@ Checkbox.defaultProps = {
   readOnly: false,
   indeterminate: false
 };
-var Checkbox$1 = Checkbox;
 
-export { Checkbox$1 as default };
+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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"}