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

package/build/widgets/ContextMenu/ContextMenu.styled.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const ContextMenu = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  padding: 3px 0;
+`;
+
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.styled.js.map

package/build/widgets/ContextMenu/ContextMenu.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.styled.js","sources":["../../../src/components/widgets/ContextMenu/ContextMenu.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const ContextMenu = styled.div.attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  padding: 3px 0;\n`;\n"],"names":["ContextMenu","styled","div","attrs","applyDefaultTheme","props","theme","primaryFontFamily"],"mappings":";;;AAGO,MAAMA,WAAW,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9D,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;;;;"}

package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js

@@ -0,0 +1,44 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { ContextMenuItem as ContextMenuItem$1, IconContainer, SublevelIconContainer } from './ContextMenuItem.styled.js';
+import { ReactComponent as SvgTriangleRight } from '../../../icons/triangle-right.svg.js';
+
+const ContextMenuItem = React__default.forwardRef(function ContextMenuItem({
+  title,
+  icon,
+  onClickEffect,
+  opensSublevel,
+  hoverColors,
+  hoverBackgroundColors,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(ContextMenuItem$1, _extends({
+    ref: forwardedRef,
+    icon: icon,
+    onClick: onClickEffect,
+    hoverColors: hoverColors,
+    hoverBackgroundColors: hoverBackgroundColors,
+    opensSublevel: opensSublevel,
+    className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
+  }, props, {
+    role: "menuitem"
+  }), icon && React__default.createElement(IconContainer, null, icon), React__default.createElement("span", null, title), opensSublevel && React__default.createElement(SublevelIconContainer, null, React__default.createElement(SvgTriangleRight, null)));
+});
+ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string.isRequired,
+  icon: PropTypes.element,
+  onClickEffect: PropTypes.func,
+  opensSublevel: PropTypes.bool,
+  hoverColors: PropTypes.arrayOf(PropTypes.string),
+  hoverBackgroundColors: PropTypes.arrayOf(PropTypes.string)
+} : {};
+ContextMenuItem.defaultProps = {
+  icon: undefined,
+  hoverColors: undefined,
+  hoverBackgroundColors: undefined,
+  opensSublevel: false
+};
+
+export { ContextMenuItem as default };
+//# sourceMappingURL=ContextMenuItem.js.map

package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ContextMenuItem.styled';\n\nimport { ReactComponent as TriangleRightIcon } from '../../../../icons/triangle-right.svg';\n\n/**\n * Single context menu item.\n *\n * See the documentation for `ContextMenu` for usage examples.\n *\n * ### Import\n *\n * ``` js\n * import { ContextMenuItem } from '@ntbjs/react-components/widgets/ContextMenu'\n * // or\n * import ContextMenuItem from '@ntbjs/react-components/widgets/ContextMenu/ContextMenuItem'\n * ```\n */\nconst ContextMenuItem = React.forwardRef(function ContextMenuItem(\n  { title, icon, onClickEffect, opensSublevel, hoverColors, hoverBackgroundColors, ...props },\n  forwardedRef\n) {\n  return (\n    <S.ContextMenuItem\n      ref={forwardedRef}\n      icon={icon}\n      onClick={onClickEffect}\n      hoverColors={hoverColors}\n      hoverBackgroundColors={hoverBackgroundColors}\n      opensSublevel={opensSublevel}\n      className={opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'}\n      {...props}\n      role=\"menuitem\"\n    >\n      {icon && <S.IconContainer>{icon}</S.IconContainer>}\n      <span>{title}</span>\n      {opensSublevel && (\n        <S.SublevelIconContainer>\n          <TriangleRightIcon />\n        </S.SublevelIconContainer>\n      )}\n    </S.ContextMenuItem>\n  );\n});\n\nContextMenuItem.propTypes = {\n  /**\n   * Menu item text\n   */\n  title: PropTypes.string.isRequired,\n\n  /**\n   * Optional icon (left side)\n   */\n  icon: PropTypes.element,\n\n  /**\n   * Function to trigger when the item is clicked\n   */\n  onClickEffect: PropTypes.func,\n\n  /**\n   * Whether the `ContextMenuItem` opens another `ContextMenu`\n   */\n  opensSublevel: PropTypes.bool,\n\n  /**\n   * Array of custom hover text/icon color in the form of hex-strings (e.g. `'#FFFFFF'`).\n   * Must contain two colors, where the first is for dark-mode and the second is for light-mode.\n   */\n  hoverColors: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * Array of custom hover background colors in the form of hex-strings (e.g. `'#FFFFFF'`).\n   * Must contain two colors, where the first is for dark-mode and the second is for light-mode.\n   */\n  hoverBackgroundColors: PropTypes.arrayOf(PropTypes.string)\n};\n\nContextMenuItem.defaultProps = {\n  icon: undefined,\n  hoverColors: undefined,\n  hoverBackgroundColors: undefined,\n  opensSublevel: false\n};\n\nexport default ContextMenuItem;\n"],"names":["ContextMenuItem","React","forwardRef","title","icon","onClickEffect","opensSublevel","hoverColors","hoverBackgroundColors","props","forwardedRef","createElement","S","_extends","ref","onClick","className","role","TriangleRightIcon","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","element","func","bool","arrayOf","defaultProps","undefined"],"mappings":";;;;;;AAmBMA,MAAAA,eAAe,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,eAAeA,CAC/D;EAAEG,KAAK;EAAEC,IAAI;EAAEC,aAAa;EAAEC,aAAa;EAAEC,WAAW;EAAEC,qBAAqB;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC3FC,YAAY,EACZ;EACA,OACET,cAAA,CAAAU,aAAA,CAACC,iBAAiB,EAAAC,QAAA,CAAA;AAChBC,IAAAA,GAAG,EAAEJ,YAAa;AAClBN,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,OAAO,EAAEV,aAAc;AACvBE,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CF,IAAAA,aAAa,EAAEA,aAAc;AAC7BU,IAAAA,SAAS,EAAEV,aAAa,GAAG,kCAAkC,GAAG,mBAAA;AAAoB,GAAA,EAChFG,KAAK,EAAA;AACTQ,IAAAA,IAAI,EAAC,UAAA;AAAU,GAAA,CAAA,EAEdb,IAAI,IAAIH,cAAA,CAAAU,aAAA,CAACC,aAAe,EAAA,IAAA,EAAER,IAAsB,CAAC,EAClDH,cAAA,CAAAU,aAAA,eAAOR,KAAY,CAAC,EACnBG,aAAa,IACZL,cAAA,CAAAU,aAAA,CAACC,qBAAuB,EACtBX,IAAAA,EAAAA,cAAA,CAAAU,aAAA,CAACO,gBAAiB,EAAE,IAAA,CACG,CAEV,CAAC,CAAA;AAExB,CAAC,EAAC;AAEFlB,eAAe,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAI1BnB,EAAAA,KAAK,EAAEoB,SAAS,CAACC,MAAM,CAACC,UAAU;EAKlCrB,IAAI,EAAEmB,SAAS,CAACG,OAAO;EAKvBrB,aAAa,EAAEkB,SAAS,CAACI,IAAI;EAK7BrB,aAAa,EAAEiB,SAAS,CAACK,IAAI;EAM7BrB,WAAW,EAAEgB,SAAS,CAACM,OAAO,CAACN,SAAS,CAACC,MAAM,CAAC;AAMhDhB,EAAAA,qBAAqB,EAAEe,SAAS,CAACM,OAAO,CAACN,SAAS,CAACC,MAAM,CAAA;AAC3D,CAAC,GAAA,EAAA,CAAA;AAEDxB,eAAe,CAAC8B,YAAY,GAAG;AAC7B1B,EAAAA,IAAI,EAAE2B,SAAS;AACfxB,EAAAA,WAAW,EAAEwB,SAAS;AACtBvB,EAAAA,qBAAqB,EAAEuB,SAAS;AAChCzB,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC;;;;"}

package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js

@@ -0,0 +1,77 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
+
+const ContextMenuItem = styled.span.attrs(applyDefaultTheme)`
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 0.875rem;
+  font-weight: normal;
+  height: 31px;
+  min-width: 160px;
+  padding: ${props => props.opensSublevel ? '0 8px' : '0 28px 0 8px'};
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
+
+  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE')}
+
+  ${props => !props.icon && css`
+      padding-left: 28px;
+    `}
+
+  :not(:last-of-type) {
+    border-bottom: 1px solid;
+
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
+  }
+
+  :last-of-type {
+    height: 32px;
+  }
+
+  &:hover {
+    cursor: pointer;
+
+    ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
+  }
+
+  ${props => props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && css`
+      &&:hover {
+        ${props => props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1])}
+      }
+    `}
+
+  ${props => props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && css`
+      &&:hover {
+        ${props => props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1])}
+      }
+    `}
+`;
+const IconContainer = styled.span.attrs(applyDefaultTheme)`
+  align-items: center;
+  display: flex;
+  height: fit-content;
+  max-width: 12px;
+  margin-right: 8px;
+
+  svg {
+    height: 12px;
+  }
+`;
+const SublevelIconContainer = styled.span.attrs(applyDefaultTheme)`
+  align-items: center;
+  display: flex;
+  height: fit-content;
+  max-width: 12px;
+  margin-left: auto;
+  margin-right: 8px;
+  padding-left: 24px;
+
+  svg {
+    height: 12px;
+  }
+`;
+
+export { ContextMenuItem, IconContainer, SublevelIconContainer };
+//# sourceMappingURL=ContextMenuItem.styled.js.map

package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.styled.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\nexport const ContextMenuItem = styled.span.attrs(applyDefaultTheme)`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ${props => (props.opensSublevel ? '0 8px' : '0 28px 0 8px')};\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE')}\n\n  ${props =>\n    !props.icon &&\n    css`\n      padding-left: 28px;\n    `}\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ${props =>\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-600'),\n        props.theme.getColor('gray-200')\n      )}\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ${props =>\n      props.theme.themeProp(\n        'background-color',\n        props.theme.getColor('gray-600'),\n        props.theme.getColor('gray-200')\n      )}\n  }\n\n  ${props =>\n    props.hoverColors &&\n    props.hoverColors[0] &&\n    props.hoverColors[1] &&\n    css`\n      &&:hover {\n        ${props => props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1])}\n      }\n    `}\n\n  ${props =>\n    props.hoverBackgroundColors &&\n    props.hoverBackgroundColors[0] &&\n    props.hoverBackgroundColors[1] &&\n    css`\n      &&:hover {\n        ${props =>\n          props.theme.themeProp(\n            'background-color',\n            props.hoverBackgroundColors[0],\n            props.hoverBackgroundColors[1]\n          )}\n      }\n    `}\n`;\n\nexport const IconContainer = styled.span.attrs(applyDefaultTheme)`\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-right: 8px;\n\n  svg {\n    height: 12px;\n  }\n`;\n\nexport const SublevelIconContainer = styled.span.attrs(applyDefaultTheme)`\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n  padding-left: 24px;\n\n  svg {\n    height: 12px;\n  }\n`;\n"],"names":["ContextMenuItem","styled","span","attrs","applyDefaultTheme","props","theme","primaryFontFamily","opensSublevel","themeProp","getColor","icon","css","hoverColors","hoverBackgroundColors","IconContainer","SublevelIconContainer"],"mappings":"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"}

package/build/widgets/ContextMenu/ContextMenuItem/index.js

@@ -0,0 +1,2 @@
+export { default } from './ContextMenuItem.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/ContextMenu/ContextMenuItem/index.js.map

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

package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js

@@ -0,0 +1,22 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { ContextMenuItemsGroup as ContextMenuItemsGroup$1 } from './ContextMenuItemsGroup.styled.js';
+
+const ContextMenuItemsGroup = React__default.forwardRef(function ContextMenuItemsGroup({
+  children,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(ContextMenuItemsGroup$1, _extends({
+    ref: forwardedRef
+  }, props, {
+    role: "group"
+  }), children);
+});
+ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: PropTypes.arrayOf(PropTypes.node)
+} : {};
+ContextMenuItemsGroup.defaultProps = {};
+
+export { ContextMenuItemsGroup as default };
+//# sourceMappingURL=ContextMenuItemsGroup.js.map

package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItemsGroup.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ContextMenuItemsGroup.styled';\n\n/**\n * Simple wrapper for a group of context menu items. These will be displayed without a border between each item.\n *\n * See the documentation for `ContextMenu` for an example.\n *\n * ### Import\n *\n * ``` js\n * import { ContextMenuItemsGroup } from '@ntbjs/react-components/widgets/ContextMenu'\n * // or\n * import ContextMenuItemsGroup from '@ntbjs/react-components/widgets/ContextMenu/ContextMenuItemsGroup'\n * ```\n *\n */\nconst ContextMenuItemsGroup = React.forwardRef(function ContextMenuItemsGroup(\n  { children, ...props },\n  forwardedRef\n) {\n  return (\n    <S.ContextMenuItemsGroup ref={forwardedRef} {...props} role=\"group\">\n      {children}\n    </S.ContextMenuItemsGroup>\n  );\n});\n\nContextMenuItemsGroup.propTypes = {\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  children: PropTypes.arrayOf(PropTypes.node)\n};\n\nContextMenuItemsGroup.defaultProps = {};\n\nexport default ContextMenuItemsGroup;\n"],"names":["ContextMenuItemsGroup","React","forwardRef","children","props","forwardedRef","createElement","S","_extends","ref","role","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","node","defaultProps"],"mappings":";;;;;AAkBMA,MAAAA,qBAAqB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,qBAAqBA,CAC3E;EAAEG,QAAQ;EAAE,GAAGC,KAAAA;AAAM,CAAC,EACtBC,YAAY,EACZ;EACA,OACEJ,cAAA,CAAAK,aAAA,CAACC,uBAAuB,EAAAC,QAAA,CAAA;AAACC,IAAAA,GAAG,EAAEJ,YAAAA;AAAa,GAAA,EAAKD,KAAK,EAAA;AAAEM,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAA,EAChEP,QACsB,CAAC,CAAA;AAE9B,CAAC,EAAC;AAEFH,qBAAqB,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIhCX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,IAAI,CAAA;AAC5C,CAAC,GAAA,EAAA,CAAA;AAEDjB,qBAAqB,CAACkB,YAAY,GAAG,EAAE;;;;"}

package/{esm/components → build}/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js

@@ -1,13 +1,11 @@
 import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
+import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
 
-let _ = t => t,
-  _t;
-const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
+const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)`
   :not(:last-child) {
     border-bottom: 1px solid;
 
-    ${0}
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
   }
 
   > * {
@@ -17,6 +15,7 @@ const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
   > *:not(:last-child) {
     height: 32px;
   }
-`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200')));
+`;
 
 export { ContextMenuItemsGroup };
+//# sourceMappingURL=ContextMenuItemsGroup.styled.js.map

package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItemsGroup.styled.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\nexport const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)`\n  :not(:last-child) {\n    border-bottom: 1px solid;\n\n    ${props =>\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-600'),\n        props.theme.getColor('gray-200')\n      )}\n  }\n\n  > * {\n    border-bottom: none !important;\n  }\n\n  > *:not(:last-child) {\n    height: 32px;\n  }\n`;\n"],"names":["ContextMenuItemsGroup","styled","div","attrs","applyDefaultTheme","props","theme","themeProp","getColor"],"mappings":";;;AAGO,MAAMA,qBAAqB,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACxE;AACA;AACA;AACA,IAAMC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from './ContextMenuItemsGroup.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js.map

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

package/build/widgets/ContextMenu/index.js

@@ -0,0 +1,2 @@
+export { default } from './ContextMenu.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/ContextMenu/index.js.map

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

package/build/widgets/InfoCard/InfoCard.js

@@ -0,0 +1,40 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Container, MetricsContainer, IconTotalContainer, IconContainer, Total, Label, Link, ButtonLink, StyledArrowIcon } from './InfoCard.styled.js';
+
+const InfoCard = React__default.forwardRef(function InfoCard({
+  icon,
+  total,
+  label,
+  linkLabel,
+  onClick,
+  height,
+  ...props
+}, forwardedRef) {
+  const [isLinkHovered, setIsLinkHovered] = useState(false);
+  const handleLinkClick = e => onClick(e);
+  return React__default.createElement(Container, _extends({
+    height: height,
+    ref: forwardedRef
+  }, props), React__default.createElement(MetricsContainer, null, React__default.createElement(IconTotalContainer, null, React__default.createElement(IconContainer, null, icon), React__default.createElement(Total, null, total)), React__default.createElement(Label, null, label)), linkLabel && onClick && React__default.createElement(Link, {
+    onClick: handleLinkClick,
+    onMouseEnter: () => setIsLinkHovered(true),
+    onMouseLeave: () => setIsLinkHovered(false)
+  }, React__default.createElement(ButtonLink, {
+    $isHovered: isLinkHovered
+  }, linkLabel), React__default.createElement(StyledArrowIcon, {
+    $isHovered: isLinkHovered
+  })));
+});
+InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  icon: PropTypes.element.isRequired,
+  total: PropTypes.number.isRequired,
+  label: PropTypes.string.isRequired,
+  linkLabel: PropTypes.string,
+  onClick: PropTypes.func,
+  height: PropTypes.number
+} : {};
+
+export { InfoCard as default };
+//# sourceMappingURL=InfoCard.js.map

package/build/widgets/InfoCard/InfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './InfoCard.styled';\n\n/**\n * Info Card\n *\n * ### Import\n *\n * ``` js\n * import { InfoCard } from '@ntbjs/react-components/widgets'\n * // or\n * import InfoCard from '@ntbjs/react-components/widgets/InfoCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `total={100}` to display number.\n * Pass `label={\"this is a label\"}` to display a label.\n * Pass `linkLabel={\"this is a label\"}` to display a link next to the arrow icon.\n * Pass `height={50}` to adjust the card´s height.\n * Pass `onClick={function}` to handle click event.\n * ```\n */\nconst InfoCard = React.forwardRef(function InfoCard(\n  { icon, total, label, linkLabel, onClick, height, ...props },\n  forwardedRef\n) {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const handleLinkClick = e => onClick(e);\n\n  return (\n    <S.Container height={height} ref={forwardedRef} {...props}>\n      <S.MetricsContainer>\n        <S.IconTotalContainer>\n          <S.IconContainer>{icon}</S.IconContainer>\n          <S.Total>{total}</S.Total>\n        </S.IconTotalContainer>\n        <S.Label>{label}</S.Label>\n      </S.MetricsContainer>\n      {linkLabel && onClick && (\n        <S.Link\n          onClick={handleLinkClick}\n          onMouseEnter={() => setIsLinkHovered(true)}\n          onMouseLeave={() => setIsLinkHovered(false)}\n        >\n          <S.ButtonLink $isHovered={isLinkHovered}>{linkLabel}</S.ButtonLink>\n          <S.StyledArrowIcon $isHovered={isLinkHovered} />\n        </S.Link>\n      )}\n    </S.Container>\n  );\n});\n\nInfoCard.propTypes = {\n  icon: PropTypes.element.isRequired,\n  total: PropTypes.number.isRequired,\n  label: PropTypes.string.isRequired,\n  linkLabel: PropTypes.string,\n  onClick: PropTypes.func,\n  height: PropTypes.number\n};\n\nexport default InfoCard;\n"],"names":["InfoCard","React","forwardRef","icon","total","label","linkLabel","onClick","height","props","forwardedRef","isLinkHovered","setIsLinkHovered","useState","handleLinkClick","e","createElement","S","_extends","ref","onMouseEnter","onMouseLeave","$isHovered","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","number","string","func"],"mappings":";;;;;AAyBMA,MAAAA,QAAQ,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,QAAQA,CACjD;EAAEG,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAEC,SAAS;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5DC,YAAY,EACZ;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEzD,EAAA,MAAMC,eAAe,GAAGC,CAAC,IAAIR,OAAO,CAACQ,CAAC,CAAC,CAAA;EAEvC,OACEd,cAAA,CAAAe,aAAA,CAACC,SAAW,EAAAC,QAAA,CAAA;AAACV,IAAAA,MAAM,EAAEA,MAAO;AAACW,IAAAA,GAAG,EAAET,YAAAA;AAAa,GAAA,EAAKD,KAAK,CAAA,EACvDR,cAAA,CAAAe,aAAA,CAACC,gBAAkB,EAAA,IAAA,EACjBhB,cAAA,CAAAe,aAAA,CAACC,kBAAoB,EAAA,IAAA,EACnBhB,cAAA,CAAAe,aAAA,CAACC,aAAe,EAAA,IAAA,EAAEd,IAAsB,CAAC,EACzCF,cAAA,CAAAe,aAAA,CAACC,KAAO,EAAA,IAAA,EAAEb,KAAe,CACL,CAAC,EACvBH,cAAA,CAAAe,aAAA,CAACC,KAAO,EAAEZ,IAAAA,EAAAA,KAAe,CACP,CAAC,EACpBC,SAAS,IAAIC,OAAO,IACnBN,cAAA,CAAAe,aAAA,CAACC,IAAM,EAAA;AACLV,IAAAA,OAAO,EAAEO,eAAgB;AACzBM,IAAAA,YAAY,EAAEA,MAAMR,gBAAgB,CAAC,IAAI,CAAE;AAC3CS,IAAAA,YAAY,EAAEA,MAAMT,gBAAgB,CAAC,KAAK,CAAA;AAAE,GAAA,EAE5CX,cAAA,CAAAe,aAAA,CAACC,UAAY,EAAA;AAACK,IAAAA,UAAU,EAAEX,aAAAA;GAAgBL,EAAAA,SAAwB,CAAC,EACnEL,cAAA,CAAAe,aAAA,CAACC,eAAiB,EAAA;AAACK,IAAAA,UAAU,EAAEX,aAAAA;GAAgB,CACzC,CAEC,CAAC,CAAA;AAElB,CAAC,EAAC;AAEFX,QAAQ,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AACnBvB,EAAAA,IAAI,EAAEwB,SAAS,CAACC,OAAO,CAACC,UAAU;AAClCzB,EAAAA,KAAK,EAAEuB,SAAS,CAACG,MAAM,CAACD,UAAU;AAClCxB,EAAAA,KAAK,EAAEsB,SAAS,CAACI,MAAM,CAACF,UAAU;EAClCvB,SAAS,EAAEqB,SAAS,CAACI,MAAM;EAC3BxB,OAAO,EAAEoB,SAAS,CAACK,IAAI;EACvBxB,MAAM,EAAEmB,SAAS,CAACG,MAAAA;AACpB,CAAC,GAAA,EAAA;;;;"}

package/build/widgets/InfoCard/InfoCard.styled.js

@@ -0,0 +1,92 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+import 'react';
+import { ReactComponent as SvgArrowForward } from '../../icons/arrow-forward.svg.js';
+
+const Container = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'))};
+  height: ${props => props.height ? `${props.height}px` : '50px'};
+  border-radius: 3px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 5px 0;
+`;
+const MetricsContainer = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  width: 70%;
+  gap: 5px;
+  padding-left: 15px;
+`;
+const IconTotalContainer = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+`;
+const Total = styled.div.attrs(applyDefaultTheme)`
+  font-size: 1.22rem;
+  font-weight: 700;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
+`;
+const Label = styled.div.attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 400;
+  opacity: 0.8;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500'))};
+`;
+const IconContainer = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 18px;
+  margin-top: -0.05rem;
+`;
+const Link = styled.div.attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 400;
+  width: 30%;
+  opacity: 0.7;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-right: 20px;
+  cursor: pointer;
+  height: 100%;
+  gap: 10px;
+  svg {
+    transition: transform 0.2s ease-in-out;
+  }
+  &:hover svg {
+    transform: translateX(2px);
+  }
+`;
+const ButtonLink = styled.div.attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 500;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  opacity: ${props => props.$isHovered ? 1 : 0.8};
+  transition: color 0.2s ease-in-out;
+  ${props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
+`;
+const StyledArrowIcon = styled(SvgArrowForward).attrs(applyDefaultTheme)`
+  height: 15px;
+  margin-right: 10px;
+  opacity: ${props => props.$isHovered ? 1 : 0.8};
+  transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;
+  transform: ${props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)'};
+
+  ${props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))};
+`;
+
+export { ButtonLink, Container, IconContainer, IconTotalContainer, Label, Link, MetricsContainer, StyledArrowIcon, Total };
+//# sourceMappingURL=InfoCard.styled.js.map

package/build/widgets/InfoCard/InfoCard.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.styled.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nexport const Container = styled.div.attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )};\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  border-radius: 3px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 5px 0;\n`;\n\nexport const MetricsContainer = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  width: 70%;\n  gap: 5px;\n  padding-left: 15px;\n`;\n\nexport const IconTotalContainer = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n`;\nexport const Total = styled.div.attrs(applyDefaultTheme)`\n  font-size: 1.22rem;\n  font-weight: 700;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )};\n`;\n\nexport const Label = styled.div.attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-500')\n    )};\n`;\nexport const IconContainer = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 18px;\n  margin-top: -0.05rem;\n`;\n\nexport const Link = styled.div.attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 30%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div.attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon).attrs(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["Container","styled","div","attrs","applyDefaultTheme","props","theme","primaryFontFamily","themeProp","getColor","height","MetricsContainer","IconTotalContainer","Total","Label","IconContainer","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}

package/build/widgets/InfoCard/index.js

@@ -0,0 +1,2 @@
+export { default } from './InfoCard.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/InfoCard/index.js.map

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

package/{esm/components → build}/widgets/Instructions/Instructions.js

@@ -1,80 +1,77 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { ReactComponent as SvgWarningCircle } from '../../../icons/warning-circle.svg.js';
-import AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js';
+import PropTypes from 'prop-types';
+import React__default, { useState, useEffect, useCallback } from 'react';
+import { ReactComponent as SvgWarningCircle } from '../../icons/warning-circle.svg.js';
+import CompactAutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js';
 import TextArea from '../../inputs/TextArea/TextArea.js';
-import { Instructions as Instructions$2, TopBarContainer, SelectContainer, InstructionsArea } from './Instructions.styled.js';
-import { r as react } from '../../../_virtual/index.js';
+import { Instructions as Instructions$1, TopBarContainer, SelectContainer, InstructionsArea } from './Instructions.styled.js';
 
-const _excluded = ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"];
-const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef) {
-  let {
-      clickToAdd,
-      customAddMessage,
-      selectedOption,
-      loadOptions,
-      readOnly,
-      disabled,
-      hidden,
-      name,
-      lightBackground,
-      autoSelect,
-      subscribeCurrentValue: subscribeCurrentValueProp,
-      onChange: onChangeProp,
-      onFocus: onFocusProp,
-      onBlur: onBlurProp,
-      onUpdateCallback,
-      availableOptions,
-      loadingMessageFunc,
-      placeholder,
-      type,
-      selectType,
-      edit,
-      rows,
-      showMore,
-      showMoreText,
-      showLessText,
-      isExpanded,
-      loadingIcon,
-      successIcon,
-      padding
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [isHovered, setIsHovered] = react.exports.useState(false);
-  const [selected, setSelected] = react.exports.useState({});
-  const [addInstructions, setAddInstructions] = react.exports.useState(clickToAdd);
-  const [customMessage, setCustomMessage] = react.exports.useState(customAddMessage);
-  const [background, setBackground] = react.exports.useState(lightBackground);
-  const [initialHover, setInitialHover] = react.exports.useState(true);
-  const [currentValue, setCurrentValue] = react.exports.useState();
-  react.exports.useEffect(() => {
+const Instructions = React__default.forwardRef(function Instructions({
+  clickToAdd,
+  customAddMessage,
+  selectedOption,
+  loadOptions,
+  readOnly,
+  disabled,
+  hidden,
+  name,
+  lightBackground,
+  autoSelect,
+  subscribeCurrentValue: subscribeCurrentValueProp,
+  onChange: onChangeProp,
+  onFocus: onFocusProp,
+  onBlur: onBlurProp,
+  onUpdateCallback,
+  availableOptions,
+  loadingMessageFunc,
+  placeholder,
+  type,
+  selectType,
+  edit,
+  rows,
+  showMore,
+  showMoreText,
+  showLessText,
+  isExpanded,
+  loadingIcon,
+  successIcon,
+  padding,
+  ...props
+}, forwardedRef) {
+  const [isHovered, setIsHovered] = useState(false);
+  const [selected, setSelected] = useState({});
+  const [addInstructions, setAddInstructions] = useState(clickToAdd);
+  const [customMessage, setCustomMessage] = useState(customAddMessage);
+  const [background, setBackground] = useState(lightBackground);
+  const [initialHover, setInitialHover] = useState(true);
+  const [currentValue, setCurrentValue] = useState();
+  useEffect(() => {
     if (isFunction(subscribeCurrentValueProp)) {
       subscribeCurrentValueProp(currentValue);
     }
   }, [currentValue]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     handleChange(selected);
   }, [selected]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (selectedOption) {
       setCurrentValue(selectedOption.value);
     }
   }, [selectedOption]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (addInstructions) {
       setCurrentValue(customMessage);
       setInitialHover(true);
     }
   }, [addInstructions, handleOnFocus]);
-  const onChange = react.exports.useCallback(event => {
+  const onChange = useCallback(event => {
     setCurrentValue(event.target.value);
     if (isFunction(onChangeProp)) {
       onChangeProp(event);
     }
   }, [onChangeProp]);
-  const onFocus = react.exports.useCallback(event => {
+  const onFocus = useCallback(event => {
     if (autoSelect) {
       event.target.select();
     }
@@ -85,7 +82,7 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
       setCurrentValue('');
     }
   }, [autoSelect, readOnly, onFocusProp]);
-  const onBlur = react.exports.useCallback(event => {
+  const onBlur = useCallback(event => {
     if (isFunction(onBlurProp)) {
       onBlurProp(event);
     }
@@ -124,22 +121,22 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
     placeholder: placeholder
   };
   if (hidden) return null;
-  return React.createElement(Instructions$2, _extends({
+  return React__default.createElement(Instructions$1, _extends({
     ref: forwardedRef,
     initialHover: initialHover,
     onMouseDown: handleMouseOver,
     onMouseLeave: handleMouseLeave
-  }, props), !readOnly && !disabled && React.createElement(TopBarContainer, {
+  }, props), !readOnly && !disabled && React__default.createElement(TopBarContainer, {
     initialHover: initialHover,
     className: isHovered && !readOnly && !disabled && 'slide-in'
-  }, React.createElement(SelectContainer, null, React.createElement(AutocompleteSelect, _extends({
+  }, React__default.createElement(SelectContainer, null, React__default.createElement(CompactAutocompleteSelect, _extends({
     type: selectType,
     value: selectedOption,
     creatable: false,
     onChange: handleChange
-  }, sharedSelectProps)))), React.createElement(InstructionsArea, {
+  }, sharedSelectProps)))), React__default.createElement(InstructionsArea, {
     type: type
-  }, React.createElement(TextArea, {
+  }, React__default.createElement(TextArea, {
     noBorder: true,
     instructionsTextArea: true,
     type: type,
@@ -157,7 +154,7 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
     showMore: showMore,
     showMoreText: showMoreText,
     showLessText: showLessText,
-    icon: React.createElement(SvgWarningCircle, null),
+    icon: React__default.createElement(SvgWarningCircle, null),
     loadingIcon: loadingIcon,
     successIcon: successIcon,
     padding: padding
@@ -208,6 +205,6 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   successIcon: PropTypes.element,
   padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])
 } : {};
-var Instructions$1 = Instructions;
 
-export { Instructions$1 as default };
+export { Instructions as default };
+//# sourceMappingURL=Instructions.js.map