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

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

@@ -1,5 +1,2 @@
-export { C as default } from '../../../ContextMenuItem-ea411141.js';
-import '../../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../../defaultTheme-1bcc2541.js';
-import 'styled-components';
+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/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js

@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
+
+const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)`
+  :not(:last-child) {
+    border-bottom: 1px solid;
+
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
+  }
+
+  > * {
+    border-bottom: none !important;
+  }
+
+  > *:not(:last-child) {
+    height: 32px;
+  }
+`;
+
+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

@@ -1,37 +1,2 @@
-import { _ as _extends } from '../../../_rollupPluginBabelHelpers-c245b26a.js';
-import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../../defaultTheme-1bcc2541.js';
-import styled from 'styled-components';
-
-const ContextMenuItemsGroup$1 = styled.div.attrs(applyDefaultTheme)`
-  :not(:last-child) {
-    border-bottom: 1px solid;
-
-    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
-  }
-
-  > * {
-    border-bottom: none !important;
-  }
-
-  > *:not(:last-child) {
-    height: 32px;
-  }
-`;
-
-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 };
+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

@@ -1,5 +1,2 @@
-export { C as default } from '../../ContextMenu-0f7134e4.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
+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/{InfoCard-c98b6f5a.js → widgets/InfoCard/InfoCard.styled.js}

@@ -1,8 +1,7 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
-import React__default, { useState } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
-import { S as SvgArrowForward } from './arrow-forward-ad12c5f3.js';
+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};
@@ -89,37 +88,5 @@ const StyledArrowIcon = styled(SvgArrowForward).attrs(applyDefaultTheme)`
   ${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'))};
 `;
 
-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 I };
+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

@@ -1,6 +1,2 @@
-export { I as default } from '../../InfoCard-c98b6f5a.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import '../../arrow-forward-ad12c5f3.js';
+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/build/{Instructions-bfd28cea.js → widgets/Instructions/Instructions.js}

@@ -1,38 +1,11 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction } from 'lodash';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import PropTypes from 'prop-types';
 import React__default, { useState, useEffect, useCallback } from 'react';
-import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
-import { C as CompactAutocompleteSelect } from './CompactAutocompleteSelect-52c49513.js';
-import { T as TextArea } from './TextArea-1e5b9201.js';
-import styled from 'styled-components';
-
-const Instructions$1 = styled.div.attrs(applyDefaultTheme)`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
-`;
-const TopBarContainer = styled.div.attrs(applyDefaultTheme)`
-  position: absolute;
-  display: flex;
-  width: 100%;
-  margin-top: 0;
-  transition: margin-top 120ms;
-  &&.slide-in {
-    margin-top: -24px;
-  }
-  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
-
-  ${props => props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
-`;
-const SelectContainer = styled.div.attrs(applyDefaultTheme)`
-  width: 100%;
-  margin: 0 2px;
-`;
-const InstructionsArea = styled.div.attrs(applyDefaultTheme)`
-  margin: 2px 2px -2px 2px;
-`;
+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$1, TopBarContainer, SelectContainer, InstructionsArea } from './Instructions.styled.js';
 
 const Instructions = React__default.forwardRef(function Instructions({
   clickToAdd,
@@ -233,4 +206,5 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])
 } : {};
 
-export { Instructions as I };
+export { Instructions as default };
+//# sourceMappingURL=Instructions.js.map

package/build/widgets/Instructions/Instructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Instructions.js","sources":["../../../src/components/widgets/Instructions/Instructions.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ReactComponent as AlertIcon } from '../../../icons/warning-circle.svg';\nimport AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect';\nimport TextArea from '../../inputs/TextArea/TextArea';\nimport * as S from './Instructions.styled';\n\n/**\n * Instructions that let you display Terms & Conditions\n *\n *\n * ### Import\n *\n * ``` js\n * import { Instructions } from '@ntbjs/react-components/widgets/Instructions'\n * // or\n * import Instructions from '@ntbjs/react-components/widgets/Instructions'\n * ```\n *\n * ### AutocompleteSelect\n * `AutocompleteSelect` is integrated within Instructions in order to implement the Drop-down Menu (check out the `Autocomplete` component documentation).\n *\n *\n *  <br /> ## Options `object` format\n * Options are represented by an `Array` of `objects` with the following format:\n *\n * ``` js\n * {\n *   value: \"Example\",\n *   label: \"Example\"\n * }\n * ```\n *\n */\n\nconst Instructions = React.forwardRef(function Instructions(\n  {\n    clickToAdd,\n    customAddMessage,\n    selectedOption,\n    loadOptions,\n    readOnly,\n    disabled,\n    hidden,\n    name,\n    lightBackground,\n    autoSelect,\n    subscribeCurrentValue: subscribeCurrentValueProp,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    onUpdateCallback,\n    availableOptions,\n    loadingMessageFunc,\n    placeholder,\n    type,\n    selectType,\n    edit,\n    rows,\n    showMore,\n    showMoreText,\n    showLessText,\n    isExpanded,\n    loadingIcon,\n    successIcon,\n    padding,\n    ...props\n  },\n  forwardedRef\n) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [selected, setSelected] = useState({});\n  const [addInstructions, setAddInstructions] = useState(clickToAdd);\n  const [customMessage, setCustomMessage] = useState(customAddMessage);\n  const [background, setBackground] = useState(lightBackground);\n  const [initialHover, setInitialHover] = useState(true);\n  const [currentValue, setCurrentValue] = useState();\n\n  useEffect(() => {\n    if (isFunction(subscribeCurrentValueProp)) {\n      subscribeCurrentValueProp(currentValue);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    handleChange(selected);\n  }, [selected]);\n  //Selected option to be displayed on first render\n  useEffect(() => {\n    if (selectedOption) {\n      setCurrentValue(selectedOption.value);\n    }\n  }, [selectedOption]);\n  //Custom instructions added by consumer\n  useEffect(() => {\n    if (addInstructions) {\n      setCurrentValue(customMessage);\n      setInitialHover(true);\n    }\n  }, [addInstructions, handleOnFocus]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n      if (event.target.value === customMessage) {\n        setCurrentValue('');\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const handleMouseOver = () => {\n    setIsHovered(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const handleOnFocus = () => {\n    if (customMessage === currentValue) {\n      setCurrentValue('');\n    }\n  };\n\n  const handleChange = selected => {\n    if (selected === null) {\n      setSelected({});\n      setAddInstructions(true);\n      setBackground(true);\n      setInitialHover(true);\n      setCustomMessage(customAddMessage);\n    } else {\n      setSelected(selected);\n      setCurrentValue(selected.value);\n      setAddInstructions(false);\n      setBackground(false);\n      setInitialHover(false);\n      onUpdateCallback(selected);\n    }\n  };\n\n  const sharedSelectProps = {\n    options: loadOptions ? undefined : availableOptions,\n    loadOptions: loadOptions,\n    loadingMessage: loadingMessageFunc,\n    placeholder: placeholder\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.Instructions\n      ref={forwardedRef}\n      initialHover={initialHover}\n      onMouseDown={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      {!readOnly && !disabled && (\n        <S.TopBarContainer\n          initialHover={initialHover}\n          className={isHovered && !readOnly && !disabled && 'slide-in'}\n        >\n          <S.SelectContainer>\n            <AutocompleteSelect\n              type={selectType}\n              value={selectedOption}\n              creatable={false}\n              onChange={handleChange}\n              {...sharedSelectProps}\n            />\n          </S.SelectContainer>\n        </S.TopBarContainer>\n      )}\n\n      <S.InstructionsArea type={type}>\n        <TextArea\n          noBorder\n          instructionsTextArea={true}\n          type={type}\n          lightBackground={background}\n          readOnly={readOnly}\n          disabled={disabled}\n          name={name}\n          isExpanded={isExpanded}\n          edit={edit}\n          value={currentValue === null ? '' : currentValue}\n          onFocus={onFocus}\n          onChange={onChange}\n          onBlur={onBlur}\n          rows={rows}\n          showMore={showMore}\n          showMoreText={showMoreText}\n          showLessText={showLessText}\n          icon={<AlertIcon />}\n          loadingIcon={loadingIcon}\n          successIcon={successIcon}\n          padding={padding}\n        />\n      </S.InstructionsArea>\n    </S.Instructions>\n  );\n});\n\nInstructions.defaultProps = {\n  clickToAdd: false,\n  lightBackground: false,\n  autoSelect: true,\n  hidden: false,\n  edit: false,\n  disabled: false,\n  readOnly: false,\n  type: '',\n  selectType: '',\n  padding: 'medium',\n  onUpdateCallback: () => {}\n};\n\nInstructions.propTypes = {\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Search categories...\"\n   */\n  placeholder: PropTypes.string,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Selected option\n   */\n  selectedOption: PropTypes.any,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  loadOptions: PropTypes.func,\n  /**\n   * Function for custom \"Loading...\" message while waiting for the first page\n   * from `loadOptions` to resolve. Defaults to \"Loading...\" if no function is provided.\n   */\n  loadingMessageFunc: PropTypes.func,\n  /**\n  /**\n   * Whether the components displays an initial custom message.\n   */\n  clickToAdd: PropTypes.bool,\n  /**\n   * Add initial custom message. i.e: `No instructions (click to add)`.\n   */\n  customAddMessage: PropTypes.string,\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect: PropTypes.bool,\n  /**\n   * Whether the instruction is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the intruction is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Display Show More\n   */\n  showMore: PropTypes.bool,\n  /**\n   * Show More message displayed below the text area\n   */\n  showMoreText: PropTypes.string,\n  /**\n   * Show Less message displayed below the text area\n   */\n  showLessText: PropTypes.string,\n  /**\n   * `Array` of `objects` that populate the select menu. This is only needed\n   * when asynchronous option fetching with the `loadOptions` prop is not used.\n   *\n   * **Note:**\n   * <br />This will be overridden by the `loadOptions` prop if both props are set.\n   */\n  availableOptions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * `LightBackground color\n   */\n  lightBackground: PropTypes.bool,\n  /**\n   * Displays a light-yellow background to show that instruction value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br /> `options`should be passed as an `array`of `objects`\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  options: PropTypes.array,\n  /**\n   * Callback for `onChange`\n   */\n  subscribeCurrentValue: PropTypes.func,\n  /**\n   * Callback for `onChange`\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback for `onUpdateCallback`: register to AutocompleteSelect label and value\n   */\n  onUpdateCallback: PropTypes.func,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Define the type AutoCompleteSelect based on error,error-border , warning, loading and success.\n   */\n  selectType: PropTypes.oneOf([\n    '',\n    'error',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  isExpanded: PropTypes.func,\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])\n};\n\nexport default Instructions;\n"],"names":["Instructions","React","forwardRef","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","isHovered","setIsHovered","useState","selected","setSelected","addInstructions","setAddInstructions","customMessage","setCustomMessage","background","setBackground","initialHover","setInitialHover","currentValue","setCurrentValue","useEffect","isFunction","handleChange","value","handleOnFocus","useCallback","event","target","select","handleMouseOver","handleMouseLeave","sharedSelectProps","options","undefined","loadingMessage","createElement","S","_extends","ref","onMouseDown","onMouseLeave","className","AutocompleteSelect","creatable","TextArea","noBorder","instructionsTextArea","icon","AlertIcon","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","oneOfType","number","any","func","bool","arrayOf","object","array","oneOf","element"],"mappings":"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"}

package/build/widgets/Instructions/Instructions.styled.js

@@ -0,0 +1,32 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const Instructions = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+`;
+const TopBarContainer = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  display: flex;
+  width: 100%;
+  margin-top: 0;
+  transition: margin-top 120ms;
+  &&.slide-in {
+    margin-top: -24px;
+  }
+  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+
+  ${props => props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+`;
+const SelectContainer = styled.div.attrs(applyDefaultTheme)`
+  width: 100%;
+  margin: 0 2px;
+`;
+const InstructionsArea = styled.div.attrs(applyDefaultTheme)`
+  margin: 2px 2px -2px 2px;
+`;
+
+export { Instructions, InstructionsArea, SelectContainer, TopBarContainer };
+//# sourceMappingURL=Instructions.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Instructions.styled.js","sources":["../../../src/components/widgets/Instructions/Instructions.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const Instructions = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  ${props =>\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n`;\n\nexport const TopBarContainer = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  display: flex;\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n  ${props =>\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n\n  ${props =>\n    props.initialHover &&\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n`;\n\nexport const SelectContainer = styled.div.attrs(applyDefaultTheme)`\n  width: 100%;\n  margin: 0 2px;\n`;\n\nexport const InstructionsArea = styled.div.attrs(applyDefaultTheme)`\n  margin: 2px 2px -2px 2px;\n`;\n"],"names":["Instructions","styled","div","attrs","applyDefaultTheme","props","theme","themeProp","getColor","TopBarContainer","initialHover","SelectContainer","InstructionsArea"],"mappings":";;;AAGO,MAAMA,YAAY,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC/D;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F,EAAC;AAEM,MAAMC,eAAe,GAAGR,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F;AACA,EAAIH,EAAAA,KAAK,IACLA,KAAK,CAACK,YAAY,IAClBL,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F,EAAC;AAEM,MAAMG,eAAe,GAAGV,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA,EAAC;AAEM,MAAMQ,gBAAgB,GAAGX,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACnE;AACA;;;;"}

package/build/widgets/Instructions/index.js

@@ -1,28 +1,2 @@
-export { I as default } from '../../Instructions-bfd28cea.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'lodash';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import 'react';
-import '../../warning-circle-24f3efcd.js';
-import '../../CompactAutocompleteSelect-52c49513.js';
-import 'nanoid';
-import '../../Alert-e6847a22.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import 'react-select';
-import 'react-select-async-paginate';
-import 'react-select/creatable';
-import '../../close-a5d37608.js';
-import '../../expand-more-c5523c46.js';
-import '../../TextArea-1e5b9201.js';
-import '@restart/hooks/useMergedRefs';
-import '../../edit-note-283a0e15.js';
+export { default } from './Instructions.js';
+//# sourceMappingURL=index.js.map

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

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