@ntbjs/react-components 2.0.0-rc.26 → 2.0.0-rc.28

package/build/{CompactStarRating-da21b53f.js → CompactStarRating-9af2f427.js}

@@ -1,48 +1,23 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var React = require('react');
-require('./Alert-8a511bdc.js');
-require('./Badge-aa4cd9c1.js');
-require('./Popover-c4be47ea.js');
-require('./Tab-ccbca1f2.js');
-require('./Tabs-b06c0e24.js');
-var Tooltip = require('./Tooltip-d5882b82.js');
-require('./VerificationStatusIcon-9876b68f.js');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+import { _ as _extends$2 } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import * as React from 'react';
+import React__default, { useState, useRef, useEffect, useMemo } from 'react';
+import './Alert-e6847a22.js';
+import './Badge-d93586a9.js';
+import './Popover-20050b91.js';
+import './Tab-04d435c3.js';
+import './Tabs-74d1ea8a.js';
+import { T as Tooltip } from './Tooltip-c1d1199e.js';
+import './VerificationStatusIcon-49cb1c1b.js';
+import styled, { keyframes, css } from 'styled-components';
 
 var _path$1;
 function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 function SvgStarFilled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M7.65 38l3.25-14.05L0 14.5l14.4-1.25L20 0l5.6 13.25L40 14.5l-10.9 9.45L32.35 38 20 30.55 7.65 38z"
   })));
@@ -51,16 +26,16 @@ function SvgStarFilled(props) {
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function SvgStar(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 40 38"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M12.2 31.8l7.8-4.7 7.9 4.8-2.1-8.9 6.9-6-9.1-.8L20 7.7l-3.5 8.4-9.1.8 6.9 6-2.1 8.9zM7.7 38L11 24 0 14.5l14.4-1.2L20 0l5.6 13.2L40 14.5 29.1 24l3.3 14L20 30.6 7.7 38z"
   })));
 }
 
-const fadeIn = styled.keyframes`
+const fadeIn = keyframes`
   from {
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
   }
@@ -68,7 +43,7 @@ const fadeIn = styled.keyframes`
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
   }
 `;
-const fadeOut = styled.keyframes`
+const fadeOut = keyframes`
   from {
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
   }
@@ -76,7 +51,7 @@ const fadeOut = styled.keyframes`
     background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
   }
 `;
-const fadeInCheck = styled.keyframes`
+const fadeInCheck = keyframes`
   from {
     opacity: 0
   }
@@ -84,7 +59,7 @@ const fadeInCheck = styled.keyframes`
     opacity: 1
   }
 `;
-const fadeOutCheck = styled.keyframes`
+const fadeOutCheck = keyframes`
   from {
     opacity: 1
   }
@@ -92,7 +67,7 @@ const fadeOutCheck = styled.keyframes`
     opacity: 0
   }
 `;
-const CompactStarRating$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const CompactStarRating$1 = styled.div.attrs(applyDefaultTheme)`
   font-family: ${props => props.theme.primaryFontFamily};
   font-size: 1rem;
   font-weight: 500;
@@ -108,16 +83,16 @@ const CompactStarRating$1 = styled__default["default"].div.attrs(defaultTheme.ap
     margin: 0;
   }
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       pointer-events: none;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       opacity: 0.5;
       cursor: not-allowed;
     `}
 `;
-const labelWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const labelWidth = styled.div.attrs(applyDefaultTheme)`
   width: 33.33%;
   display: flex;
   align-items: center;
@@ -129,11 +104,11 @@ const labelWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaul
   cursor: default;
   justify-content: space-between;
   ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       cursor: not-allowed;
     `}
 `;
-const SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const SuccessContainer = styled.div.attrs(applyDefaultTheme)`
   opacity: 1;
   pointer-events: none;
   display: flex;
@@ -146,7 +121,7 @@ const SuccessContainer = styled__default["default"].div.attrs(defaultTheme.apply
     width: 13px;
   }
 `;
-const starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const starsWidth = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   width: 66.66%;
   border-radius: 3px;
@@ -156,22 +131,22 @@ const starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaul
   box-sizing: border-box;
   border: 1px solid;
 
-  ${props => props.readOnly && styled.css`
+  ${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' && styled.css`
+  ${props => props.type === 'success' && css`
       animation: ${props => props.success ? fadeIn : fadeOut} 0.5s ease-in-out;
     `}
 
-  ${props => props.type === 'error' && styled.css`
+  ${props => props.type === 'error' && css`
       ${props.theme.themeProp('background', '#7F1B1B', '#FBEAE6')};
       ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}
     `}
 
-  ${props => props.type === 'warning' && styled.css`
+  ${props => props.type === 'warning' && css`
       ${props.theme.themeProp('background', '#634E01', '#FFFDE8')};
       ${props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8')}
     `}
@@ -189,7 +164,7 @@ const starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaul
     ${props => props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0')};
   }
 `;
-const Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)`
+const Star = styled.button.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   background: none;
@@ -211,11 +186,11 @@ const Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTh
 
   ${props => props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'))};
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       pointer-events: none;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       button {
         cursor: not-allowed;
       }
@@ -224,7 +199,7 @@ const Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTh
       }
     `}
 `;
-const StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)`
+const StarFill = styled.button.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   background: none;
@@ -246,11 +221,11 @@ const StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefau
 
   ${props => props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'))};
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       pointer-events: none;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       button {
         cursor: not-allowed;
       }
@@ -259,7 +234,7 @@ const StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefau
       }
     `}
 `;
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+styled.div.attrs(applyDefaultTheme)`
   opacity: 1;
   pointer-events: none;
   margin-left: auto;
@@ -272,7 +247,7 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
   }
 `;
 
-const CompactStarRating = React__default["default"].forwardRef(function CompactStarRating({
+const CompactStarRating = React__default.forwardRef(function CompactStarRating({
   label,
   icon,
   iconFill,
@@ -294,16 +269,16 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
   ...props
 }, forwardedRef) {
   const stars = Array.from(Array(max).keys());
-  const [rating, setRating] = React.useState('');
-  const [hover, setHover] = React.useState(false);
-  const [tempRating, setTempRating] = React.useState('');
-  const [initialRating, setInitialRating] = React.useState('');
-  const inputRef = React.useRef();
-  React.useEffect(() => {
+  const [rating, setRating] = useState('');
+  const [hover, setHover] = useState(false);
+  const [tempRating, setTempRating] = useState('');
+  const [initialRating, setInitialRating] = useState('');
+  const inputRef = useRef();
+  useEffect(() => {
     setRating(value || defaultValue);
     setInitialRating(value || defaultValue);
   }, [value, defaultValue]);
-  React.useEffect(() => {
+  useEffect(() => {
     inputRef.current.value = String(rating);
     if (rating === initialRating) {
       return undefined;
@@ -314,12 +289,12 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
       });
     }
   }, [rating]);
-  const memoizedDescriptionToolTip = React.useMemo(() => {
+  const memoizedDescriptionToolTip = useMemo(() => {
     return descriptionToolTip;
   }, [descriptionToolTip]);
   const starIconRender = key => {
     if (rating > 0 && rating >= key + 1) {
-      return React__default["default"].createElement(StarFill, {
+      return React__default.createElement(StarFill, {
         readOnly: readOnly,
         disabled: disabled,
         onClick: event => {
@@ -345,7 +320,7 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
         key: key
       }, iconFill);
     } else if (viewEmpty) {
-      return React__default["default"].createElement(Star, {
+      return React__default.createElement(Star, {
         readOnly: readOnly,
         disabled: disabled,
         onClick: event => {
@@ -367,22 +342,22 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
     }
   };
   const input = () => {
-    return React__default["default"].createElement(CompactStarRating$1, _rollupPluginBabelHelpers._extends({
+    return React__default.createElement(CompactStarRating$1, _extends$2({
       ref: forwardedRef,
       readOnly: readOnly,
       disabled: disabled,
       onChange: onChange,
       onBlur: onBlur
-    }, props), React__default["default"].createElement(labelWidth, {
+    }, props), React__default.createElement(labelWidth, {
       disabled: disabled
-    }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(starsWidth, {
+    }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(starsWidth, {
       edit: edit,
       type: type,
       readOnly: readOnly
     }, stars.map(key => {
-      return React__default["default"].createElement("div", {
+      return React__default.createElement("div", {
         key: key
-      }, React__default["default"].createElement("input", {
+      }, React__default.createElement("input", {
         type: "number",
         name: name,
         ref: inputRef
@@ -390,7 +365,7 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
     })));
   };
   if (hidden) return null;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
+  return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
     content: memoizedDescriptionToolTip,
     key: "tooltipTextArea1",
     placement: "bottom-end",
@@ -399,24 +374,24 @@ const CompactStarRating = React__default["default"].forwardRef(function CompactS
   }, input())));
 });
 CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
-  readOnly: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  edit: defaultTheme.PropTypes.bool,
-  value: defaultTheme.PropTypes.number,
-  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
-  defaultValue: defaultTheme.PropTypes.number,
-  label: defaultTheme.PropTypes.string,
-  name: defaultTheme.PropTypes.string,
-  icon: defaultTheme.PropTypes.element,
-  iconFill: defaultTheme.PropTypes.element,
-  max: defaultTheme.PropTypes.number,
-  viewEmpty: defaultTheme.PropTypes.bool,
-  onChange: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func,
-  hidden: defaultTheme.PropTypes.bool,
-  loadingIcon: defaultTheme.PropTypes.element,
-  successIcon: defaultTheme.PropTypes.element,
-  descriptionToolTip: defaultTheme.PropTypes.string
+  readOnly: PropTypes.bool,
+  disabled: PropTypes.bool,
+  edit: PropTypes.bool,
+  value: PropTypes.number,
+  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
+  defaultValue: PropTypes.number,
+  label: PropTypes.string,
+  name: PropTypes.string,
+  icon: PropTypes.element,
+  iconFill: PropTypes.element,
+  max: PropTypes.number,
+  viewEmpty: PropTypes.bool,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  hidden: PropTypes.bool,
+  loadingIcon: PropTypes.element,
+  successIcon: PropTypes.element,
+  descriptionToolTip: PropTypes.string
 } : {};
 CompactStarRating.defaultProps = {
   label: 'Rating',
@@ -424,8 +399,8 @@ CompactStarRating.defaultProps = {
   value: 0,
   defaultValue: 0,
   viewEmpty: true,
-  icon: React__default["default"].createElement(SvgStar, null),
-  iconFill: React__default["default"].createElement(SvgStarFilled, null),
+  icon: React__default.createElement(SvgStar, null),
+  iconFill: React__default.createElement(SvgStarFilled, null),
   hidden: false,
   type: '',
   descriptionToolTip: '',
@@ -433,4 +408,4 @@ CompactStarRating.defaultProps = {
   onChange: () => {}
 };
 
-exports.CompactStarRating = CompactStarRating;
+export { CompactStarRating as C };