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

package/build/inputs/CompactStarRating/CompactStarRating.styled.js

@@ -0,0 +1,217 @@
+import styled, { keyframes, css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const fadeIn = keyframes`
+  from {
+    background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
+  }
+  to {
+    background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
+  }
+`;
+const fadeOut = keyframes`
+  from {
+    background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
+  }
+  to {
+    background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
+  }
+`;
+const fadeInCheck = keyframes`
+  from {
+    opacity: 0
+  }
+  to {
+    opacity: 1
+  }
+`;
+const fadeOutCheck = keyframes`
+  from {
+    opacity: 1
+  }
+  to {
+    opacity: 0
+  }
+`;
+const CompactStarRating = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  height: 24px;
+  width: 100%;
+  display: flex;
+
+  align-items: center;
+  input[type='number'] {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    margin: 0;
+  }
+
+  ${props => props.readOnly && css`
+      pointer-events: none;
+    `}
+
+  ${props => props.disabled && css`
+      opacity: 0.5;
+      cursor: not-allowed;
+    `}
+`;
+const labelWidth = styled.div.attrs(applyDefaultTheme)`
+  width: 33.33%;
+  display: flex;
+  align-items: center;
+  text-align: left;
+  font: normal normal normal 14px/16px Roboto;
+  letter-spacing: 0px;
+  padding: 0;
+  height: 19px;
+  cursor: default;
+  justify-content: space-between;
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+  ${props => props.disabled && css`
+      cursor: not-allowed;
+    `}
+`;
+const SuccessContainer = styled.div.attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
+  display: flex;
+  opacity: ${props => props.fadeIn ? 0 : 1};
+  animation: ${props => props.fadeIn ? fadeOutCheck : fadeInCheck} 0.5s ease-in-out;
+  transition: opacity 0.5s ease-in-out;
+  margin-right: 5px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
+  > svg {
+    width: 13px;
+  }
+`;
+const starsWidth = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  width: 66.66%;
+  border-radius: 3px;
+  height: 24px;
+  align-items: center;
+  padding-left: 8px;
+  box-sizing: border-box;
+  border: 1px solid;
+
+  ${props => props.readOnly && css`
+      border: none;
+    `}
+
+  ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+
+  ${props => props.type === 'success' && css`
+      animation: ${props => props.success ? fadeIn : fadeOut} 0.5s ease-in-out;
+    `}
+
+  ${props => props.type === 'error' && css`
+      ${props.theme.themeProp('background', '#7F1B1B', '#FBEAE6')};
+      ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}
+    `}
+
+  ${props => props.type === 'warning' && css`
+      ${props.theme.themeProp('background', '#634E01', '#FFFDE8')};
+      ${props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8')}
+    `}
+  &&:not(:hover):not(:focus) {
+    ${props => props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};
+    ${props => props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
+  }
+  &&:hover:not(:focus) {
+    ${props => props.edit && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}
+
+    ${props => props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
+
+    ${props => props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#806403', '#FFFEBF')};
+
+    ${props => props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0')};
+  }
+`;
+const Star = styled.button.attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+
+  svg {
+    height: 12px;
+    padding-left: 4px;
+    transition: color 250ms;
+  }
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'))};
+
+  ${props => props.readOnly && css`
+      pointer-events: none;
+    `}
+
+  ${props => props.disabled && css`
+      button {
+        cursor: not-allowed;
+      }
+      > * {
+        cursor: not-allowed;
+      }
+    `}
+`;
+const StarFill = styled.button.attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+
+  svg {
+    height: 12px;
+    padding-left: 4px;
+    transition: color 250ms;
+  }
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};
+
+  ${props => props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'))};
+
+  ${props => props.readOnly && css`
+      pointer-events: none;
+    `}
+
+  ${props => props.disabled && css`
+      button {
+        cursor: not-allowed;
+      }
+      > * {
+        cursor: not-allowed;
+      }
+    `}
+`;
+styled.div.attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
+  margin-left: auto;
+  opacity: ${props => props.type === 'success' ? 0 : 1};
+  animation: ${props => props.type === 'success' ? fadeOutCheck : fadeInCheck} 0.5s ease-in-out;
+  transition: opacity 0.5s ease-in-out;
+  ${props => props.theme.themeProp('color', props.theme.getColor('emerald-200'), props.theme.getColor('emerald-500'))}
+  > svg {
+    width: 13px;
+  }
+`;
+
+export { CompactStarRating, Star, StarFill, SuccessContainer, labelWidth, starsWidth };
+//# sourceMappingURL=CompactStarRating.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactStarRating.styled.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst fadeIn = keyframes`\n  from {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n  }\n  to {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n  }\n`;\n\nconst fadeOut = keyframes`\n  from {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n  }\n  to {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n  }\n`;\n\nconst fadeInCheck = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n`;\n\nconst fadeOutCheck = keyframes`\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n`;\n\nexport const CompactStarRating = styled.div.attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  height: 24px;\n  width: 100%;\n  display: flex;\n\n  align-items: center;\n  input[type='number'] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    margin: 0;\n  }\n\n  ${props =>\n    props.readOnly &&\n    css`\n      pointer-events: none;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n`;\n\nexport const labelWidth = styled.div.attrs(applyDefaultTheme)`\n  width: 33.33%;\n  display: flex;\n  align-items: center;\n  text-align: left;\n  font: normal normal normal 14px/16px Roboto;\n  letter-spacing: 0px;\n  padding: 0;\n  height: 19px;\n  cursor: default;\n  justify-content: space-between;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `}\n`;\n\nexport const SuccessContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ${props => (props.fadeIn ? 0 : 1)};\n  animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const starsWidth = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  width: 66.66%;\n  border-radius: 3px;\n  height: 24px;\n  align-items: center;\n  padding-left: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n\n  ${props =>\n    props.readOnly &&\n    css`\n      border: none;\n    `}\n\n  ${props =>\n    props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )}\n\n  ${props =>\n    props.type === 'success' &&\n    css`\n      animation: ${props => (props.success ? fadeIn : fadeOut)} 0.5s ease-in-out;\n    `}\n\n  ${props =>\n    props.type === 'error' &&\n    css`\n      ${props.theme.themeProp('background', '#7F1B1B', '#FBEAE6')};\n      ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n    `}\n\n  ${props =>\n    props.type === 'warning' &&\n    css`\n      ${props.theme.themeProp('background', '#634E01', '#FFFDE8')};\n      ${props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8')}\n    `}\n  &&:not(:hover):not(:focus) {\n    ${props =>\n      props.edit &&\n      props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n    ${props =>\n      props.edit &&\n      props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n  }\n  &&:hover:not(:focus) {\n    ${props =>\n      props.edit &&\n      props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )}\n\n    ${props =>\n      props.edit &&\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )};\n\n    ${props =>\n      props.type === 'warning' &&\n      !props.readOnly &&\n      props.theme.themeProp('background', '#806403', '#FFFEBF')};\n\n    ${props =>\n      props.type === 'error' &&\n      !props.readOnly &&\n      props.theme.themeProp('background', '#901d1d', '#f7d5d0')};\n  }\n`;\n\nexport const Star = styled.button.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.type === 'warning' &&\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.type === 'warning' &&\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.hover &&\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('orange-500'),\n      props.theme.getColor('orange-500')\n    )};\n\n  ${props =>\n    props.readOnly &&\n    css`\n      pointer-events: none;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    `}\n`;\n\nexport const StarFill = styled.button.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.type === 'error' &&\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.type === 'warning' &&\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))};\n\n  ${props =>\n    props.hover &&\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('orange-500'),\n      props.theme.getColor('orange-500')\n    )};\n\n  ${props =>\n    props.readOnly &&\n    css`\n      pointer-events: none;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    `}\n`;\n\nexport const CheckIconContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  margin-left: auto;\n  opacity: ${props => (props.type === 'success' ? 0 : 1)};\n  animation: ${props => (props.type === 'success' ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('emerald-200'),\n      props.theme.getColor('emerald-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n"],"names":["fadeIn","keyframes","props","theme","themeProp","fadeOut","fadeInCheck","fadeOutCheck","CompactStarRating","styled","div","attrs","applyDefaultTheme","primaryFontFamily","readOnly","css","disabled","labelWidth","getColor","SuccessContainer","starsWidth","type","success","edit","Star","button","hover","StarFill"],"mappings":"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"}

package/build/inputs/CompactStarRating/index.js

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

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

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

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

@@ -1,54 +1,55 @@
-import { objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction, isEmpty } from 'lodash';
 import { nanoid } from 'nanoid';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { ReactComponent as SvgEditNote } from '../../../icons/edit-note.svg.js';
-import { ReactComponent as SvgLink } from '../../../icons/link.svg.js';
-import { CompactTextInput as CompactTextInput$2, Label, SuccessContainer, InputContainer, LinkPopoverContainer, StyledLink, ReadOnlyLinkContainer, InputIconContainer, InputSuccessContainer, Input } from './CompactTextInput.styled.js';
-import { r as react } from '../../../_virtual/index.js';
-import Tooltip from '../../data/Tooltip/Tooltip.js';
+import PropTypes from 'prop-types';
+import React__default, { useState, useMemo, useEffect, useCallback } from 'react';
+import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
+import { ReactComponent as SvgLink } from '../../icons/link.svg.js';
+import '../../data/Alert/Alert.js';
+import '../../data/Badge/Badge.js';
 import Popover from '../../data/Popover/Popover.js';
+import '../../data/Tab/Tab.js';
+import '../../data/Tabs/Tabs.js';
+import Tooltip from '../../data/Tooltip/Tooltip.js';
+import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
+import { CompactTextInput as CompactTextInput$1, Label, SuccessContainer, InputContainer, LinkPopoverContainer, StyledLink, ReadOnlyLinkContainer, InputIconContainer, InputSuccessContainer, Input } from './CompactTextInput.styled.js';
 
-const _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
-const CompactTextInput = React.forwardRef(function CompactTextInput(_ref, forwardedRef) {
-  let {
-      label,
-      inputType,
-      name,
-      defaultValue,
-      value,
-      placeholder,
-      link,
-      linkTarget,
-      linkHandler,
-      activeLinkHandler,
-      autoSelect,
-      readOnly,
-      disabled,
-      edit,
-      type,
-      descriptionToolTip,
-      bold,
-      hidden,
-      onChange: onChangeProp,
-      onFocus: onFocusProp,
-      onBlur: onBlurProp,
-      loadingIcon,
-      successIcon
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [uniqueId] = react.exports.useState(nanoid());
-  const [currentValue, setCurrentValue] = react.exports.useState();
-  const [autoFocus, setAutoFocus] = react.exports.useState(false);
-  const memoizedDescriptionToolTip = react.exports.useMemo(() => {
+const CompactTextInput = React__default.forwardRef(function CompactTextInput({
+  label,
+  inputType,
+  name,
+  defaultValue,
+  value,
+  placeholder,
+  link,
+  linkTarget,
+  linkHandler,
+  activeLinkHandler,
+  autoSelect,
+  readOnly,
+  disabled,
+  edit,
+  type,
+  descriptionToolTip,
+  bold,
+  hidden,
+  onChange: onChangeProp,
+  onFocus: onFocusProp,
+  onBlur: onBlurProp,
+  loadingIcon,
+  successIcon,
+  ...props
+}, forwardedRef) {
+  const [uniqueId] = useState(nanoid());
+  const [currentValue, setCurrentValue] = useState();
+  const [autoFocus, setAutoFocus] = useState(false);
+  const memoizedDescriptionToolTip = useMemo(() => {
     return descriptionToolTip;
   }, [descriptionToolTip]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     setCurrentValue(value || defaultValue);
     setAutoFocus(false);
   }, [value, defaultValue]);
-  const onChange = react.exports.useCallback(event => {
+  const onChange = useCallback(event => {
     setCurrentValue(event.target.value);
     if (!autoFocus) {
       setAutoFocus(true);
@@ -57,7 +58,7 @@ const CompactTextInput = React.forwardRef(function CompactTextInput(_ref, forwar
       onChangeProp(event);
     }
   }, [onChangeProp]);
-  const onFocus = react.exports.useCallback(event => {
+  const onFocus = useCallback(event => {
     if (autoSelect) {
       event.target.select();
     }
@@ -65,13 +66,13 @@ const CompactTextInput = React.forwardRef(function CompactTextInput(_ref, forwar
       onFocusProp(event);
     }
   }, [autoSelect, readOnly, onFocusProp]);
-  const onBlur = react.exports.useCallback(event => {
+  const onBlur = useCallback(event => {
     if (isFunction(onBlurProp)) {
       onBlurProp(event);
     }
   }, [onBlurProp]);
   const input = () => {
-    return React.createElement(Input, {
+    return React__default.createElement(Input, {
       ref: forwardedRef,
       id: uniqueId,
       key: uniqueId,
@@ -93,20 +94,20 @@ const CompactTextInput = React.forwardRef(function CompactTextInput(_ref, forwar
     });
   };
   if (hidden) return null;
-  return React.createElement(CompactTextInput$2, props, label && React.createElement(Label, {
+  return React__default.createElement(CompactTextInput$1, props, label && React__default.createElement(Label, {
     htmlFor: uniqueId,
     disabled: disabled
-  }, label, React.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React.createElement(InputContainer, {
+  }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(InputContainer, {
     $hasLabel: !isEmpty(label)
-  }, !memoizedDescriptionToolTip && !link && input(), memoizedDescriptionToolTip && !link && React.createElement("div", null, React.createElement(Tooltip, {
+  }, !memoizedDescriptionToolTip && !link && React__default.createElement("div", null, input()), memoizedDescriptionToolTip && !link && React__default.createElement("div", null, React__default.createElement(Tooltip, {
     content: memoizedDescriptionToolTip,
     key: "tooltip1",
     placement: "bottom-end",
     trigger: 'mouseenter',
     zIndex: 999999
-  }, input())), link && !readOnly && React.createElement("div", null, React.createElement(Popover, {
+  }, input())), link && !readOnly && React__default.createElement("div", null, React__default.createElement(Popover, {
     arrow: false,
-    content: React.createElement(LinkPopoverContainer, null, activeLinkHandler ? React.createElement(StyledLink, {
+    content: React__default.createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default.createElement(StyledLink, {
       href: link,
       target: linkTarget,
       onClick: e => {
@@ -116,26 +117,26 @@ const CompactTextInput = React.forwardRef(function CompactTextInput(_ref, forwar
         }
       },
       rel: "noreferrer"
-    }, React.createElement(SvgLink, null), currentValue) : React.createElement(StyledLink, {
+    }, React__default.createElement(SvgLink, null), currentValue) : React__default.createElement(StyledLink, {
       href: link,
       target: linkTarget,
       rel: "noreferrer"
-    }, React.createElement(SvgLink, null), currentValue)),
+    }, React__default.createElement(SvgLink, null), currentValue)),
     key: "tooltip2",
     placement: "bottom-start",
     trigger: "focusin",
     zIndex: 999999,
     interactive: true
-  }, input())), link && readOnly && React.createElement(ReadOnlyLinkContainer, null, React.createElement(StyledLink, {
+  }, input())), link && readOnly && React__default.createElement(ReadOnlyLinkContainer, null, React__default.createElement(StyledLink, {
     href: link,
     rel: "noreferrer",
     style: {
       display: 'inline-block'
     },
     target: linkTarget
-  }, currentValue)), !readOnly && !disabled && React.createElement(React.Fragment, null, React.createElement(InputIconContainer, {
+  }, currentValue)), !readOnly && !disabled && React__default.createElement(React__default.Fragment, null, React__default.createElement(InputIconContainer, {
     type: type
-  }, React.createElement(SvgEditNote, null)), isEmpty(label) && React.createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
+  }, React__default.createElement(SvgEditNote, null)), isEmpty(label) && React__default.createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
 });
 CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
@@ -178,6 +179,6 @@ CompactTextInput.defaultProps = {
   activeLinkHandler: false,
   onChange: () => {}
 };
-var CompactTextInput$1 = CompactTextInput;
 
-export { CompactTextInput$1 as default };
+export { CompactTextInput as default };
+//# sourceMappingURL=CompactTextInput.js.map

package/build/inputs/CompactTextInput/CompactTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactTextInput.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.js"],"sourcesContent":["import { isEmpty, isFunction } from 'lodash';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useState, useEffect, useMemo } from 'react';\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport { ReactComponent as LinkIcon } from '../../../icons/link.svg';\nimport { Tooltip, Popover } from '../../data';\nimport * as S from './CompactTextInput.styled';\n\n// const ConditionalWrapper = ({ condition, wrapper, children }) =>\n//   condition ? wrapper(children) : children;\n\n/**\n * Compact text inputs let users enter and edit text in the UI in a compact way. They typically appear in forms or displays of metadata.\n *\n * ### Import\n *\n * ``` js\n * import { CompactTextInput } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactTextInput from '@ntbjs/react-components/inputs/CompactTextInput'\n * ```\n */\nconst CompactTextInput = React.forwardRef(function CompactTextInput(\n  {\n    label,\n    inputType,\n    name,\n    defaultValue,\n    value,\n    placeholder,\n    link,\n    linkTarget,\n    linkHandler,\n    activeLinkHandler,\n    autoSelect,\n    readOnly,\n    disabled,\n    edit,\n    type,\n    descriptionToolTip,\n    bold,\n    hidden,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    loadingIcon,\n    successIcon,\n    ...props\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n  const [currentValue, setCurrentValue] = useState();\n  const [autoFocus, setAutoFocus] = useState(false);\n\n  const memoizedDescriptionToolTip = useMemo(() => {\n    return descriptionToolTip;\n  }, [descriptionToolTip]);\n\n  useEffect(() => {\n    setCurrentValue(value || defaultValue);\n    setAutoFocus(false);\n  }, [value, defaultValue]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n\n      if (!autoFocus) {\n        setAutoFocus(true);\n      }\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const input = () => {\n    return (\n      <S.Input\n        ref={forwardedRef}\n        id={uniqueId}\n        key={uniqueId}\n        autoFocus={autoFocus}\n        inputType={inputType}\n        name={name}\n        readOnly={readOnly}\n        disabled={disabled}\n        edit={edit}\n        placeholder={placeholder}\n        defaultValue={defaultValue}\n        value={value}\n        type={type}\n        bold={bold}\n        hasLink={!isEmpty(link)}\n        onFocus={onFocus}\n        onChange={onChange}\n        onBlur={onBlur}\n      />\n    );\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.CompactTextInput {...props}>\n      {label && (\n        <S.Label htmlFor={uniqueId} disabled={disabled}>\n          {label}\n          <S.SuccessContainer>\n            {type === 'loading' && loadingIcon}\n            {type === 'success' && successIcon}\n          </S.SuccessContainer>\n        </S.Label>\n      )}\n      <S.InputContainer $hasLabel={!isEmpty(label)}>\n        {!memoizedDescriptionToolTip && !link && <div>{input()}</div>}\n        {memoizedDescriptionToolTip && !link && (\n          <div>\n            <Tooltip\n              content={memoizedDescriptionToolTip}\n              key=\"tooltip1\"\n              placement=\"bottom-end\"\n              trigger={'mouseenter'}\n              zIndex={999999}\n            >\n              {input()}\n            </Tooltip>\n          </div>\n        )}\n        {link && !readOnly && (\n          <div>\n            <Popover\n              arrow={false}\n              content={\n                <S.LinkPopoverContainer>\n                  {activeLinkHandler ? (\n                    <S.StyledLink\n                      href={link}\n                      target={linkTarget}\n                      onClick={e => {\n                        if (activeLinkHandler) {\n                          e.preventDefault();\n                          linkHandler();\n                        } else null;\n                      }}\n                      rel=\"noreferrer\"\n                    >\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  ) : (\n                    <S.StyledLink href={link} target={linkTarget} rel=\"noreferrer\">\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  )}\n                </S.LinkPopoverContainer>\n              }\n              key=\"tooltip2\"\n              placement=\"bottom-start\"\n              trigger=\"focusin\"\n              zIndex={999999}\n              interactive={true}\n            >\n              {input()}\n            </Popover>\n          </div>\n        )}\n        {link && readOnly && (\n          <S.ReadOnlyLinkContainer>\n            <S.StyledLink\n              href={link}\n              rel=\"noreferrer\"\n              style={{ display: 'inline-block' }}\n              target={linkTarget}\n            >\n              {currentValue}\n            </S.StyledLink>\n          </S.ReadOnlyLinkContainer>\n        )}\n        {!readOnly && !disabled && (\n          <>\n            <S.InputIconContainer type={type}>\n              <EditNoteIcon />\n            </S.InputIconContainer>\n            {isEmpty(label) && (\n              <S.InputSuccessContainer>\n                {type === 'loading' && loadingIcon}\n                {type === 'success' && successIcon}\n              </S.InputSuccessContainer>\n            )}\n          </>\n        )}\n      </S.InputContainer>\n    </S.CompactTextInput>\n  );\n});\n\nCompactTextInput.propTypes = {\n  /**\n   * The label of the input field - leave `undefined` to hide the label\n   */\n  label: PropTypes.string,\n  /**\n   * Displays a light green background to show that an action was successful.\n   */\n  success: PropTypes.bool,\n  /**\n   * The input type - eg. `text`, `number`\n   */\n  inputType: PropTypes.string,\n  /**\n   * The input name\n   */\n  name: PropTypes.string,\n  /**\n   * The default value of the input - creates an uncontrolled input\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * The value of the input - creates a controlled input\n   */\n  value: PropTypes.string,\n  /**\n   * The placeholder of the input\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A URL associated with the input value. Creates a clickable link that accepts full or relative URL\n   */\n  link: PropTypes.string,\n  /**\n   * The target for the link. Only applies when the field is in read-only mode\n   */\n  linkTarget: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  /**\n   * Whether the link has a onClick event.\n   */\n  linkHandler: PropTypes.func,\n  /**\n   * Whether the handler should preceed the link behavior.\n   */\n  activeLinkHandler: PropTypes.bool,\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 value is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the value is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * There is an error present - 'error be prioritized over warnings if both are set to 'true'.\n   */\n  // error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  /**\n   * There is a warning present.\n   */\n  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  /**\n   * Whether to bold the input content - Slightly increases the font size and font weight of the input value\n   */\n  bold: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\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   * Define the type based on error, warning, loading and success.\n   */\n  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip: PropTypes.string,\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\nCompactTextInput.defaultProps = {\n  inputType: 'text',\n  autoSelect: true,\n  linkTarget: '_self',\n  bold: false,\n  readOnly: false,\n  descriptionToolTip: '',\n  edit: false,\n  hidden: false,\n  type: '',\n  linkHandler: () => {},\n  activeLinkHandler: false,\n  onChange: () => {}\n};\n\nexport default CompactTextInput;\n"],"names":["CompactTextInput","React","forwardRef","label","inputType","name","defaultValue","value","placeholder","link","linkTarget","linkHandler","activeLinkHandler","autoSelect","readOnly","disabled","edit","type","descriptionToolTip","bold","hidden","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","loadingIcon","successIcon","props","forwardedRef","uniqueId","useState","nanoid","currentValue","setCurrentValue","autoFocus","setAutoFocus","memoizedDescriptionToolTip","useMemo","useEffect","useCallback","event","target","isFunction","select","input","createElement","S","ref","id","key","hasLink","isEmpty","htmlFor","$hasLabel","Tooltip","content","placement","trigger","zIndex","Popover","arrow","href","onClick","e","preventDefault","rel","LinkIcon","interactive","style","display","Fragment","EditNoteIcon","propTypes","process","env","NODE_ENV","PropTypes","string","success","bool","oneOf","func","warning","oneOfType","element","defaultProps"],"mappings":"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"}