@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

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

@@ -1,234 +1,55 @@
 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 fadeIn = keyframes(["from{background-color:", ";}to{background-color:", ";}"], props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)'), props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)'));
+const fadeOut = keyframes(["from{background-color:", ";}to{background-color:", ";}"], props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)'), 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 shouldForwardProp = prop => {
   return prop !== 'theme' && !prop.startsWith('$');
 };
 const CompactStarRating = styled.div.withConfig({
   shouldForwardProp
-}).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;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__CompactStarRating",
+  componentId: "sc-b8x90q-0"
+})(["font-family:", ";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.theme.primaryFontFamily, props => props.readOnly && css(["pointer-events:none;"]), props => props.disabled && css(["opacity:0.5;cursor:not-allowed;"]));
 const labelWidth = styled.div.withConfig({
   shouldForwardProp
-}).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;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__labelWidth",
+  componentId: "sc-b8x90q-1"
+})(["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.withConfig({
   shouldForwardProp
-}).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;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__SuccessContainer",
+  componentId: "sc-b8x90q-2"
+})(["opacity:1;pointer-events:none;display:flex;animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;margin-right:5px;", " > svg{width:13px;}"], fadeInCheck, props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const starsWidth = styled.div.withConfig({
   shouldForwardProp
-}).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')};
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__starsWidth",
+  componentId: "sc-b8x90q-3"
+})(["display:flex;width:66.66%;border-radius:3px;height:24px;align-items:center;padding-left:8px;box-sizing:border-box;border:1px solid;", " ", " ", " ", " ", " &&:not(:hover):not(:focus){", ";", ";}&&:hover:not(:focus){", " ", ";", ";", ";}"], 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:", " 0.5s ease-in-out;"], props => props.success ? fadeIn : fadeOut), 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')), 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)'), 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.withConfig({
   shouldForwardProp
-}).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;
-      }
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__Star",
+  componentId: "sc-b8x90q-4"
+})(["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.withConfig({
   shouldForwardProp
-}).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;
-      }
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__StarFill",
+  componentId: "sc-b8x90q-5"
+})(["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.withConfig({
   shouldForwardProp
-}).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;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactStarRatingstyled__CheckIconContainer",
+  componentId: "sc-b8x90q-6"
+})(["opacity:1;pointer-events:none;margin-left:auto;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;", " > svg{width:13px;}"], props => props.type === 'success' ? 0 : 1, props => props.type === 'success' ? fadeOutCheck : fadeInCheck, props => props.theme.themeProp('color', props.theme.getColor('emerald-200'), props.theme.getColor('emerald-500')));
 
 export { CompactStarRating, Star, StarFill, SuccessContainer, labelWidth, starsWidth };
 //# sourceMappingURL=CompactStarRating.styled.js.map

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

@@ -1 +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\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactStarRating = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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","shouldForwardProp","prop","startsWith","CompactStarRating","styled","div","withConfig","attrs","applyDefaultTheme","primaryFontFamily","readOnly","css","disabled","labelWidth","getColor","SuccessContainer","starsWidth","type","success","$edit","Star","button","$hover","StarFill"],"mappings":"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"}
+{"version":3,"file":"CompactStarRating.styled.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.styled.ts"],"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\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`\n * and the two majors disagree on the second parameter. Rules in\n * `layout/SectionSeparator/SectionSeparator.styled.ts`, derivation in\n * `scripts/TS-MIGRATION-PLAYBOOK.md` §J.4. `prop` needs the annotation because\n * `withConfig` takes this by reference, so it gets no contextual typing.\n */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\n/**\n * `CompactStarRating.tsx`'s `type` prop, from its\n * `PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success'])`. The component\n * defaults it to `''`, so `''` is a member — this is the propTypes verbatim.\n *\n * Carried WITHOUT a `$` by `starsWidth`, which is a defect in its own right (see\n * there). `Star` / `StarFill` / `CheckIconContainer` also branch on a `type`, but\n * theirs is not this one — see the notes at those three.\n */\ntype CompactStarRatingType = '' | 'error' | 'warning' | 'loading' | 'success';\n\n/*\n * `readOnly` AND `disabled` HAVE NO `$`, AND THAT IS A DEFECT — declared here, not\n * fixed here.\n *\n * `CompactStarRating.tsx` renders `<S.CompactStarRating ref=… readOnly={readOnly}\n * disabled={disabled} …>` on a `styled.div`; neither is a member of\n * `HTMLAttributes<HTMLDivElement>`, and `shouldForwardProp` forwards every non-`$` prop,\n * so `readonly=\"\"` / `disabled=\"\"` are on the rendered wrapper `<div>` today and are in\n * the recorded render baseline. Fix = rename both with a `$`; that removes two DOM\n * attributes, so it belongs to C10 with its baseline re-record. §E.4 third case, §J.9.\n */\nexport const CompactStarRating = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{\n    /** `readOnly` — `PropTypes.bool`. Leaks to the DOM; see above. */\n    readOnly?: boolean;\n    /** `disabled` — `PropTypes.bool`. Leaks to the DOM; see above. */\n    disabled?: boolean;\n  }>(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\n/*\n * `disabled` HAS NO `$` HERE EITHER — `CompactStarRating.tsx` renders\n * `<S.labelWidth disabled={disabled}>` on a `styled.div`, so `disabled=\"\"` is on this\n * `<div>` in the render baseline. Declared, not fixed; same C10 group as the root.\n */\nexport const labelWidth = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ disabled?: boolean }>(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\n/*\n * `fadeIn` IS GONE — DEAD BRANCH REMOVED. It was read twice here and passed nowhere:\n *\n *   opacity:   ${props => (props.fadeIn ? 0 : 1)};\n *   animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n *\n * `CompactStarRating.tsx` renders `<S.SuccessContainer>` with NO props at all, and\n * `git log --all -S'fadeIn='` finds no commit in the repo's history that writes the prop\n * anywhere. So `props.fadeIn` was always `undefined`, `opacity` was always the `1` two\n * lines above already sets, and `fadeOutCheck` was unreachable from here.\n *\n * It was a MISTYPED `success`, not an unimplemented feature: `fadeIn` first appears in\n * `4ed910a` in `CompactTextInput.styled.js`, next to a `props.success` read, and the twin\n * block in THIS file's own `CheckIconContainer` reads `props.success` in both lines.\n * `NMB-3183` (`7e46b9d`, `59b0041`) already deleted the identical two lines and the\n * keyframes they orphaned from `CompactTextInput.styled.ts`; this file was missed.\n *\n * Wiring it up was rejected: this container is mounted unconditionally inside\n * `S.labelWidth` and only swaps its children, so it has no \"success is going away\"\n * transition — a fade-out here would fade an empty box.\n *\n * The `animation` is kept, now static, because the branch it always took is the live one.\n * Only the unreachable half is gone. See `TextArea.styled.ts`'s `SuccessContainer` for the\n * full derivation. `fadeOutCheck` stays in this file: `CheckIconContainer` still reads it.\n */\nexport const SuccessContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  animation: ${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\ninterface StarsWidthStyleProps {\n  /** `edit` — `PropTypes.bool`. Shows the editable-affordance background. */\n  $edit?: boolean;\n  /**\n   * `type` — see `CompactStarRatingType`. HAS NO `$`, AND THAT IS A DEFECT: this is a\n   * `styled.div`, `type` is not a member of `HTMLAttributes<HTMLDivElement>`, and\n   * `shouldForwardProp` forwards it — so `type=\"error\"` / `type=\"loading\"` etc. is on\n   * this `<div>` in the render baseline whenever the prop is non-empty. Fix = rename\n   * `$type`; removes a DOM attribute → C10 with its re-record. §E.4 third case.\n   */\n  type?: CompactStarRatingType;\n  /** `readOnly` — `PropTypes.bool`. Leaks to the DOM the same way. */\n  readOnly?: boolean;\n  /**\n   * `success` IS DECLARED BECAUSE THE NESTED `css<{ success?: boolean }>` BLOCK BELOW\n   * READS IT, NOT BECAUSE ANYTHING PASSES IT. Nothing does — `CompactStarRating.tsx`\n   * renders `<S.starsWidth $edit={edit} type={type} readOnly={readOnly}>` and there is\n   * no other importer — so `props.success` is always `undefined` and that block's\n   * animation is unconditionally `fadeOut`. The success-fade-IN state of this component\n   * is unimplemented. A DIFFERENT DEFECT from the `fadeIn` branch removed from\n   * `SuccessContainer` above, and left alone deliberately: `fadeIn` was a mistyped\n   * identifier that never existed as a prop, whereas `success` WAS a real\n   * `PropTypes.bool` (added by `4ed910a`) that `b5d59e7`/`7e46b9d` deleted from the\n   * component while leaving this read behind. Deciding between restoring the prop and\n   * deleting the block is its own call, on its own commit.\n   *\n   * Without this member the interpolation is TS2345, and the reason is the WEAK-TYPE\n   * RULE (§J.7): `{ success?: boolean }` is all-optional, assignability to a weak type\n   * requires at least one member in common, and the host had none — measured verbatim as\n   * \"…has no properties in common with type '{ success?: boolean; }'\". Same shape as\n   * `CompactTextInput`'s `StyledLink` / `linkColor`.\n   *\n   * It also has no `$`, but since nothing passes it, it does not currently leak.\n   */\n  success?: boolean;\n}\n\nexport const starsWidth = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<StarsWidthStyleProps>(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<{ success?: boolean }>`\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\n/**\n * The props `Star` and `StarFill` share — they are byte-identical templates apart from\n * one `type === 'error'` block, and the JSX passes them the same set.\n *\n * `disabled` is deliberately ABSENT: on a `styled.button` it is a genuine\n * `ButtonHTMLAttributes` member, so the read already typechecks and the attribute\n * belongs on the element (§J.9 first row).\n *\n * `type` IS ALSO DELIBERATELY ABSENT, AND THAT IS WHY FOUR TS2367 ERRORS SURVIVE IN\n * THIS FILE. See the note above `StarFill`.\n */\ninterface StarStyleProps {\n  /** `hover && key + 1 <= tempRating` — derived in the component, so `boolean`. */\n  $hover?: boolean;\n  /**\n   * `readOnly` — `PropTypes.bool`. HAS NO `$`, AND THAT IS A DEFECT: `readOnly` is NOT a\n   * member of `ButtonHTMLAttributes` (unlike `disabled`), and `shouldForwardProp`\n   * forwards it, so `readonly=\"\"` is on every rendered star `<button>` today and is in\n   * the recorded render baseline. Fix = rename `$readOnly`; removes a DOM attribute →\n   * C10 with its re-record. §E.4 third case.\n   */\n  readOnly?: boolean;\n}\n\nexport const Star = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<StarStyleProps>(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\n/*\n * ================== FOUR ERRORS ARE LEFT IN THIS FILE ON PURPOSE ==================\n *\n * `Star:238,242` and `StarFill:293,297` (pre-conversion line numbers) compare\n * `props.type` against `'warning'` / `'error'`, and tsc reports\n *\n *   TS2367 This comparison appears to be unintentional because the types\n *          '\"button\" | \"reset\" | \"submit\"' and '\"warning\"' have no overlap.\n *\n * THAT DIAGNOSTIC IS CORRECT AND THE CODE IS WRONG. `CompactStarRating.tsx` renders\n * `<S.Star … type=\"button\" …>` / `<S.StarFill … type=\"button\" …>` — the HTML button\n * type, the only `type` these two ever receive — while the templates were written\n * expecting the component's rating `type` (`'' | 'error' | 'warning' | …`). All four\n * blocks are therefore DEAD: they have never once applied. (They would have been no-ops\n * anyway — each sets the same `color` the unconditional rule two lines above already\n * sets.) This is the §E.3 dead-branch class, the same failure as `Badge.styled`'s\n * `props.elevated` vs `$elevated`.\n *\n * It is NOT typed around, for the reason §E.3 states as a rule: declaring `type?: string`\n * or `type?: CompactStarRatingType` here would silence TS2367 by widening the type to\n * accommodate a bug — \"when a type would have to be widened to accommodate existing\n * behaviour, check whether the behaviour is a bug first\". The narrow\n * `ButtonHTMLAttributes['type']` that is already in force is the accurate type, and the\n * error is the finding. It is not suppressed either: §E.2 names the non-`$` styled props\n * as a bug list a suppression must not hide.\n *\n * The fix is `$type={type}` at both ends plus `props.$type` here, or deleting the four\n * blocks. Either changes the rendered CSS, so it belongs to C9/C10 with the baseline\n * re-record and cannot ride along in a type-only commit.\n * =================================================================================\n */\nexport const StarFill = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<StarStyleProps>(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\n/*\n * `type` IS READ TWICE AND PASSED NOWHERE, because THIS COMPONENT IS NEVER RENDERED.\n * `CompactStarRating.tsx` does not use `S.CheckIconContainer` and nothing else in `src`\n * imports this module — it is exported, so it is public API, but dead in this library.\n * `props.type` is therefore always `undefined`: `opacity` is unconditionally `1` and the\n * animation unconditionally `fadeInCheck`.\n *\n * `CompactStarRatingType` is the honest declaration — the value a caller would pass is\n * the component's rating `type` — and it also has no `$`, so if anything ever did render\n * this, `type=\"success\"` would land on the `<div>`. Declared, not fixed: renaming it, or\n * deleting the component, changes the published surface. §E.4.\n */\nexport const CheckIconContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ type?: CompactStarRatingType }>(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","shouldForwardProp","prop","startsWith","CompactStarRating","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","primaryFontFamily","readOnly","css","disabled","labelWidth","getColor","SuccessContainer","starsWidth","type","success","$edit","Star","button","$hover","StarFill"],"mappings":"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"}

package/build/inputs/CompactTextInput/CompactTextInput.js

@@ -1,6 +1,5 @@
 import { isFunction, isEmpty } from 'lodash';
 import { nanoid } from 'nanoid';
-import PropTypes from 'prop-types';
 import React__default, { useState, useEffect, useCallback } from 'react';
 import useTooltipAutoShow from '../../hooks/useTooltipAutoShow.js';
 import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
@@ -14,27 +13,29 @@ 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';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+const NOOP = () => {};
 const CompactTextInput = React__default.forwardRef(function CompactTextInput({
   label,
-  inputType,
+  inputType = 'text',
   name,
   defaultValue,
   value,
   placeholder,
   link,
-  linkTarget,
-  linkHandler,
-  activeLinkHandler,
-  autoSelect,
-  readOnly,
+  linkTarget = '_self',
+  linkHandler = NOOP,
+  activeLinkHandler = false,
+  autoSelect = true,
+  readOnly = false,
   disabled,
-  edit,
-  type,
-  descriptionToolTip,
-  bold,
-  hidden,
-  onChange: onChangeProp,
+  edit = false,
+  type = '',
+  descriptionToolTip = '',
+  bold = false,
+  hidden = false,
+  onChange: onChangeProp = NOOP,
   onFocus: onFocusProp,
   onBlur: onBlurProp,
   loadingIcon,
@@ -77,12 +78,11 @@ const CompactTextInput = React__default.forwardRef(function CompactTextInput({
     }
   }, [onBlurProp]);
   const input = () => {
-    return React__default.createElement(Input, {
+    return jsx(Input, {
       ref: forwardedRef,
       id: uniqueId,
-      key: uniqueId,
       autoFocus: autoFocus,
-      inputtype: inputType,
+      $inputType: inputType,
       name: name,
       readOnly: readOnly,
       disabled: disabled,
@@ -96,98 +96,79 @@ const CompactTextInput = React__default.forwardRef(function CompactTextInput({
       onFocus: onFocus,
       onChange: onChange,
       onBlur: onBlur
-    });
+    }, uniqueId);
   };
   if (hidden) return null;
-  return React__default.createElement(CompactTextInput$1, props, label && React__default.createElement(Label, {
-    htmlFor: uniqueId,
-    disabled: disabled
-  }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(InputContainer, {
-    $hasLabel: !isEmpty(label)
-  }, !link && React__default.createElement("div", {
-    onMouseLeave: toolTipOnMouseLeave
-  }, React__default.createElement(Tooltip, {
-    content: toolTipContent,
-    key: "tooltip1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    disabled: toolTipDisabled,
-    zIndex: 999999,
-    visible: toolTipVisible
-  }, input())), link && !readOnly && React__default.createElement("div", null, React__default.createElement(Popover, {
-    arrow: false,
-    content: React__default.createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default.createElement(StyledLink, {
-      href: link,
-      target: linkTarget,
-      onClick: e => {
-        if (activeLinkHandler) {
-          e.preventDefault();
-          linkHandler();
-        }
-      },
-      rel: "noreferrer"
-    }, React__default.createElement(SvgLink, null), currentValue) : React__default.createElement(StyledLink, {
-      href: link,
-      target: linkTarget,
-      rel: "noreferrer"
-    }, React__default.createElement(SvgLink, null), currentValue)),
-    key: "tooltip2",
-    placement: "bottom-start",
-    trigger: "focusin",
-    zIndex: 999999,
-    interactive: true
-  }, 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__default.createElement(React__default.Fragment, null, React__default.createElement(InputIconContainer, {
-    $type: type
-  }, React__default.createElement(SvgEditNote, null)), isEmpty(label) && React__default.createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
+  return jsxs(CompactTextInput$1, {
+    ...props,
+    children: [label && jsxs(Label, {
+      htmlFor: uniqueId,
+      $disabled: disabled,
+      children: [label, jsxs(SuccessContainer, {
+        children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+      })]
+    }), jsxs(InputContainer, {
+      $hasLabel: !isEmpty(label),
+      children: [!link && jsx("div", {
+        onMouseLeave: toolTipOnMouseLeave,
+        children: jsx(Tooltip, {
+          content: toolTipContent,
+          placement: "bottom-end",
+          trigger: 'mouseenter',
+          disabled: toolTipDisabled,
+          zIndex: 999999,
+          visible: toolTipVisible,
+          children: input()
+        }, "tooltip1")
+      }), link && !readOnly && jsx("div", {
+        children: jsx(Popover, {
+          arrow: false,
+          content: jsx(LinkPopoverContainer, {
+            children: activeLinkHandler ? jsxs(StyledLink, {
+              href: link,
+              target: linkTarget,
+              onClick: e => {
+                if (activeLinkHandler) {
+                  e.preventDefault();
+                  linkHandler();
+                }
+              },
+              rel: "noreferrer",
+              children: [jsx(SvgLink, {}), currentValue]
+            }) : jsxs(StyledLink, {
+              href: link,
+              target: linkTarget,
+              rel: "noreferrer",
+              children: [jsx(SvgLink, {}), currentValue]
+            })
+          }),
+          placement: "bottom-start",
+          trigger: "focusin",
+          zIndex: 999999,
+          interactive: true,
+          children: input()
+        }, "tooltip2")
+      }), link && readOnly && jsx(ReadOnlyLinkContainer, {
+        children: jsx(StyledLink, {
+          href: link,
+          rel: "noreferrer",
+          style: {
+            display: 'inline-block'
+          },
+          target: linkTarget,
+          children: currentValue
+        })
+      }), !readOnly && !disabled && jsxs(Fragment, {
+        children: [jsx(InputIconContainer, {
+          $type: type,
+          children: jsx(SvgEditNote, {})
+        }), isEmpty(label) && jsxs(InputSuccessContainer, {
+          children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+        })]
+      })]
+    })]
+  });
 });
-CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  success: PropTypes.bool,
-  inputType: PropTypes.string,
-  name: PropTypes.string,
-  defaultValue: PropTypes.string,
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  link: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  linkHandler: PropTypes.func,
-  activeLinkHandler: PropTypes.bool,
-  autoSelect: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  edit: PropTypes.bool,
-  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  bold: PropTypes.bool,
-  hidden: PropTypes.bool,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
-  descriptionToolTip: PropTypes.string,
-  loadingIcon: PropTypes.element,
-  successIcon: PropTypes.element
-} : {};
-CompactTextInput.defaultProps = {
-  inputType: 'text',
-  autoSelect: true,
-  linkTarget: '_self',
-  bold: false,
-  readOnly: false,
-  descriptionToolTip: '',
-  edit: false,
-  hidden: false,
-  type: '',
-  linkHandler: () => {},
-  activeLinkHandler: false,
-  onChange: () => {}
-};
 
 export { CompactTextInput as default };
 //# sourceMappingURL=CompactTextInput.js.map