@desynova-digital/components 9.1.21 → 9.1.22

package/atoms/sideBar/sidebar.jsx

@@ -1,250 +1,250 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import Button from '../button/index';
-import { Loader } from '../../components'
-import { colors } from '@desynova-digital/tokens';
-const SideBarOverlay = styled.div`
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(0,0,0,0.5);
-  z-index: 100;
-  visibility: ${((props) => props.open ? 'visible' : 'hidden')};
-`;
-
-const SideBarBlock = styled.div`
-    height: 100%;
-    position: fixed;
-    z-index: 101;
-    top: 0;
-    right: 0px;
-    background-color: #121D29;
-    box-shadow: 0px 2px 44px rgba(0, 0, 0, 0.5);
-    overflow: hidden;
-    width:0px;
-
-    transition: width 250ms ease-in-out;
-
-    .ball{
-      background-color:#151717
-    }
-
-    .circle{
-      border:4px solid #1d2020;
-      height:10px;
-      width:10px
-    }
-
-    div.loader-holder > div{
-      height:20px;
-      margin-left:5px;
-    }
-
-    .parentBox{
-      width:18px;
-      height:18px;
-    }
-
-    &.open{
-      width:400px;
-      .sidebar-header, .bodyContainer, .button-container {
-        opacity: 1;
-      }
-    }
-
-    .sidebar-header {
-      transition: opacity 50ms ease-in-out 250ms;
-      opacity:0;
-      padding:20px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      box-sizing: border-box;
-  
-      .header-title {
-        font-family: SFUIText-Light;
-        line-height: 14px;
-        font-size: 16px;
-        line-height: 14px;
-        color: #FFFFFF;
-      }
-      ${Button.Element} {
-        margin: 0;
-        background: transparent;
-        border-color: transparent;
-        padding: 0;
-        &:hover {
-          background: transparent;
-          border-color: transparent;
-        }
-      }
-    }
-
-    .bodyContainer {
-      opacity:0;
-      transition: opacity 50ms ease-in-out 250ms;
-      color:white;
-      font-family: SFUIText-Regular;
-      overflow-y: scroll;
-      overflow-x: hidden;
-      height:  calc(100% - 110px);
-      padding:0px 20px 0px 20px;
-      overflow-x: hidden;
-    }
-
-    .bodyContainer-without-footer {
-      height:  calc(100% - 70px) !important;
-    }
-
-`;
-
-const ButtonContainer = styled.div`
-    font-family: SFUIText-Regular;
-    display: flex;
-    justify-content:center;
-    padding: 10px 0;
-    background: #182738;
-    box-shadow: 0px -12px 24px rgb(0 0 0 / 20%);
-    width: 100%;
-    bottom:0;
-    position: absolute;
-    opacity:0;
-    transition: opacity 50ms ease-in-out 250ms;
-    
-    .btn{
-        border-radius: 22px;
-        color: #FFFFFF;
-        font-size: 12px;
-        line-height: 12px;
-        text-align: center;
-        min-width: 150px;
-        text-transform: uppercase;
-        padding: 10px 0;
-        margin: 0 10px;
-        max-width: 150px;
-        cursor: pointer;
-        display:flex;
-        justify-content:center;
-        align-items:center;
-        
-        :hover{
-            color: ${props => colors[props.theme].sideBar.themeColor};
-        }
-    }
-
-    .default{
-        background: #303F51;
-
-        :hover{
-            color:${props => colors[props.theme].sideBar.lightthemeColor};
-        }
-    }
-    
-    .primary {
-        color: rgb(12, 20, 29);
-        background: ${props => colors[props.theme].sideBar.themeColor};
-
-        :hover{
-            color: rgb(12, 20, 29);
-            transition: all 0.2s ease-in-out 0s;
-            box-shadow: rgb(7 213 205 / 20%) 0px 12px 24px 0px;
-        }
-    }
-`;
-
-/**
- * @component
- * @name SideBar
- */
-
-export default class SideBar extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      show: false,
-      renderFlag: false
-    };
-  }
-  componentDidMount = () => {
-    this.setState({
-      renderFlag: true
-    })
-  }
-
-  cancelClick() {
-    const { onCancelClick } = this.props;
-    onCancelClick();
-  }
-
-  buttonClick(field) {
-    const { onButtonClick } = this.props;
-    onButtonClick(field);
-    this.setState({
-      ...this.state
-    })
-  }
-  render() {
-    const { title, content, sideBarButtonObject, showSideBar, loadingBtn,theme } = this.props;
-
-    return (
-      <React.Fragment>
-        <SideBarOverlay open={showSideBar} />
-        <SideBarBlock theme={theme} className={showSideBar ? 'open' : 'close'}>
-          <div className="sidebar-header">
-            <p className="header-title">{title}</p>
-            <Button
-            theme={theme}
-              appearance="cta"
-              iconWidth={12}
-              iconHeight={12}
-              icon="cross"
-              iconBackground={false}
-              onClick={() => {
-                this.buttonClick('cancel');
-              }}
-            />
-          </div>
-          <div className={`bodyContainer ${!sideBarButtonObject.length && 'bodyContainer-without-footer'}`}>
-            {content}
-          </div>
-          {sideBarButtonObject && sideBarButtonObject.length ? <ButtonContainer theme={theme} className="button-container" >
-            {
-              sideBarButtonObject.map((object) => {
-                return (
-                  <div
-                    key={object.field}
-                    className={`btn ${object.type || 'default'}`}
-                    onClick={() => { this.buttonClick(object.field) }}
-                  >
-                    {object.title}
-                    {object.isLoading ?
-                      <Loader theme={theme} loaderName='SpinningLoader' />
-                      : null}
-                  </div>
-                )
-              })
-            }
-          </ButtonContainer> : null
-          }
-        </SideBarBlock>
-      </React.Fragment>
-    );
-  }
-}
-
-SideBar.propTypes = {
-  theme: PropTypes.oneOf(['light', 'dark', 'nexc']),
-  showSideBar: PropTypes.bool,
-  title: PropTypes.string,
-  content: PropTypes.object,
-  sideBarButtonObject: PropTypes.object,
-  onCancelClick: PropTypes.func,
-  onButtonClick: PropTypes.func
-}
-
-SideBar.defaultProps = {
-  theme: 'dark'
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import Button from '../button/index';
+import { Loader } from '../../components'
+import { colors } from '@desynova-digital/tokens';
+const SideBarOverlay = styled.div`
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 100;
+  visibility: ${((props) => props.open ? 'visible' : 'hidden')};
+`;
+
+const SideBarBlock = styled.div`
+    height: 100%;
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    right: 0px;
+    background-color: #121D29;
+    box-shadow: 0px 2px 44px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+    width:0px;
+
+    transition: width 250ms ease-in-out;
+
+    .ball{
+      background-color:#151717
+    }
+
+    .circle{
+      border:4px solid #1d2020;
+      height:10px;
+      width:10px
+    }
+
+    div.loader-holder > div{
+      height:20px;
+      margin-left:5px;
+    }
+
+    .parentBox{
+      width:18px;
+      height:18px;
+    }
+
+    &.open{
+      width:400px;
+      .sidebar-header, .bodyContainer, .button-container {
+        opacity: 1;
+      }
+    }
+
+    .sidebar-header {
+      transition: opacity 50ms ease-in-out 250ms;
+      opacity:0;
+      padding:20px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+  
+      .header-title {
+        font-family: SFUIText-Light;
+        line-height: 14px;
+        font-size: 16px;
+        line-height: 14px;
+        color: #FFFFFF;
+      }
+      ${Button.Element} {
+        margin: 0;
+        background: transparent;
+        border-color: transparent;
+        padding: 0;
+        &:hover {
+          background: transparent;
+          border-color: transparent;
+        }
+      }
+    }
+
+    .bodyContainer {
+      opacity:0;
+      transition: opacity 50ms ease-in-out 250ms;
+      color:white;
+      font-family: SFUIText-Regular;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      height:  calc(100% - 110px);
+      padding:0px 20px 0px 20px;
+      overflow-x: hidden;
+    }
+
+    .bodyContainer-without-footer {
+      height:  calc(100% - 70px) !important;
+    }
+
+`;
+
+const ButtonContainer = styled.div`
+    font-family: SFUIText-Regular;
+    display: flex;
+    justify-content:center;
+    padding: 10px 0;
+    background: #182738;
+    box-shadow: 0px -12px 24px rgb(0 0 0 / 20%);
+    width: 100%;
+    bottom:0;
+    position: absolute;
+    opacity:0;
+    transition: opacity 50ms ease-in-out 250ms;
+    
+    .btn{
+        border-radius: 22px;
+        color: #FFFFFF;
+        font-size: 12px;
+        line-height: 12px;
+        text-align: center;
+        min-width: 150px;
+        text-transform: uppercase;
+        padding: 10px 0;
+        margin: 0 10px;
+        max-width: 150px;
+        cursor: pointer;
+        display:flex;
+        justify-content:center;
+        align-items:center;
+        
+        :hover{
+            color: ${props => colors[props.theme].sideBar.themeColor};
+        }
+    }
+
+    .default{
+        background: #303F51;
+
+        :hover{
+            color:${props => colors[props.theme].sideBar.lightthemeColor};
+        }
+    }
+    
+    .primary {
+        color: rgb(12, 20, 29);
+        background: ${props => colors[props.theme].sideBar.themeColor};
+
+        :hover{
+            color: rgb(12, 20, 29);
+            transition: all 0.2s ease-in-out 0s;
+            box-shadow: rgb(7 213 205 / 20%) 0px 12px 24px 0px;
+        }
+    }
+`;
+
+/**
+ * @component
+ * @name SideBar
+ */
+
+export default class SideBar extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      show: false,
+      renderFlag: false
+    };
+  }
+  componentDidMount = () => {
+    this.setState({
+      renderFlag: true
+    })
+  }
+
+  cancelClick() {
+    const { onCancelClick } = this.props;
+    onCancelClick();
+  }
+
+  buttonClick(field) {
+    const { onButtonClick } = this.props;
+    onButtonClick(field);
+    this.setState({
+      ...this.state
+    })
+  }
+  render() {
+    const { title, content, sideBarButtonObject, showSideBar, loadingBtn,theme } = this.props;
+
+    return (
+      <React.Fragment>
+        <SideBarOverlay open={showSideBar} />
+        <SideBarBlock theme={theme} className={showSideBar ? 'open' : 'close'}>
+          <div className="sidebar-header">
+            <p className="header-title">{title}</p>
+            <Button
+            theme={theme}
+              appearance="cta"
+              iconWidth={12}
+              iconHeight={12}
+              icon="cross"
+              iconBackground={false}
+              onClick={() => {
+                this.buttonClick('cancel');
+              }}
+            />
+          </div>
+          <div className={`bodyContainer ${!sideBarButtonObject.length && 'bodyContainer-without-footer'}`}>
+            {content}
+          </div>
+          {sideBarButtonObject && sideBarButtonObject.length ? <ButtonContainer theme={theme} className="button-container" >
+            {
+              sideBarButtonObject.map((object) => {
+                return (
+                  <div
+                    key={object.field}
+                    className={`btn ${object.type || 'default'}`}
+                    onClick={() => { this.buttonClick(object.field) }}
+                  >
+                    {object.title}
+                    {object.isLoading ?
+                      <Loader theme={theme} loaderName='SpinningLoader' />
+                      : null}
+                  </div>
+                )
+              })
+            }
+          </ButtonContainer> : null
+          }
+        </SideBarBlock>
+      </React.Fragment>
+    );
+  }
+}
+
+SideBar.propTypes = {
+  theme: PropTypes.oneOf(['light', 'dark', 'nexc']),
+  showSideBar: PropTypes.bool,
+  title: PropTypes.string,
+  content: PropTypes.object,
+  sideBarButtonObject: PropTypes.object,
+  onCancelClick: PropTypes.func,
+  onButtonClick: PropTypes.func
+}
+
+SideBar.defaultProps = {
+  theme: 'dark'
 };

package/atoms/tag/index.js

@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledTag", {
 });
 exports["default"] = void 0;
 var _tag = _interopRequireWildcard(require("./tag"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = _tag["default"];

package/atoms/thematicBreak/index.js

@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledBreak", {
 });
 exports["default"] = void 0;
 var _thematicBreak = _interopRequireWildcard(require("./thematicBreak"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = _thematicBreak["default"];

package/atoms/timeCodeInput/timeCodeInput.js

@@ -14,8 +14,7 @@ var _timeCodeStandardInput = _interopRequireDefault(require("./timeCodeStandardI
 var _timeCodeMSInput = _interopRequireDefault(require("./timeCodeMSInput"));
 var _timeCodeMainInput = _interopRequireDefault(require("./timeCodeMainInput"));
 var _excluded = ["timeCodeFormatType"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var TimeCodeInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$timeCodeFormatTy = _ref.timeCodeFormatType,
     timeCodeFormatType = _ref$timeCodeFormatTy === void 0 ? "HH:MM:SS:FF" : _ref$timeCodeFormatTy,

package/atoms/timeCodeInput/timeCodeMSInput.js

@@ -15,8 +15,7 @@ var _tokens = require("@desynova-digital/tokens");
 var _components = require("@desynova-digital/components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  /* color: ", "; */\n  color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n    max-width: 83px;\n  /* width: ", "; */\n  border-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
   return props.isValid ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
 }, function (props) {

package/atoms/timeCodeInput/timeCodeMainInput.js

@@ -15,8 +15,7 @@ var _tokens = require("@desynova-digital/tokens");
 var _components = require("@desynova-digital/components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  /* color: ", "; */\n  color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n  /* width: ", "; */\n      max-width: 73px;\n  border-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
   return props.isError ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
 }, function (props) {
@@ -27,7 +26,7 @@ var StyledInput = _styledComponents["default"].input(_templateObject || (_templa
   return props.width ? props.width : "102px";
 }, function (props) {
   var _props$name, _props$name2;
-  return !props.isError && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? props.errorStatement.length > 0 ? "1px solid #FF6C56" : "1px solid #303F51" : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? "1px solid #303F51" : "0px";
+  return !props.isValid && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? props.errorStatement.length > 0 ? "1px solid #FF6C56" : "1px solid #303F51" : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? "1px solid #303F51" : "0px";
 });
 var CrossIconWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 5px;\n  width: fit-content;\n  &:hover {\n    cursor: pointer;\n  }\n  svg path {\n    fill: #ff6c56;\n  }\n"])));
 var StyledDiv = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n"])));
@@ -153,13 +152,13 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   });
   var onChangeFn = function onChangeFn(e) {
     onTimePickerChange(e.target.value, e);
-    /*
-     * checkIfTimeValid(e.target.value);
-     * if(checkIfTimeValid(e.target.value)) {
-     * if (e.target.value.length) {
-     *   updateFormDataExternally(inputFieldType, e.target.value);
-     * }
-     * }
+    /*
+     * checkIfTimeValid(e.target.value);
+     * if(checkIfTimeValid(e.target.value)) {
+     * if (e.target.value.length) {
+     *   updateFormDataExternally(inputFieldType, e.target.value);
+     * }
+     * }
      */
   };
   var onKeyDownFn = function onKeyDownFn(e) {
@@ -200,7 +199,7 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
       return onChangeFn(e);
     },
     onBlur: onBlurFn,
-    isError: isValid,
+    isValid: isValid,
     maxLength: "11",
     checkBaiscErrorProp: checkBaiscError || false,
     errorStatement: errorStatement || ""

package/atoms/timeCodeInput/timeCodeStandardInput.js

@@ -16,9 +16,8 @@ var _tokens = require("@desynova-digital/tokens");
 var _components = require("@desynova-digital/components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  /* color: ", "; */\n        color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n  /* width: ", "; */\n      max-width: 53px;\n  border-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  /* color: ", "; */\n        color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n  /* width: ", "; */\n      max-width: 53px;\nborder-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
   return props.isError ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
 }, function (props) {
   return props.isValid ? "#FFFFFF" : "#FF6C56";
@@ -28,7 +27,7 @@ var StyledInput = _styledComponents["default"].input(_templateObject || (_templa
   return props.width ? props.width : "102px";
 }, function (props) {
   var _props$name, _props$name2;
-  return !props.isError && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? props.errorStatement.length > 0 ? "1px solid #FF6C56" : "1px solid #303F51" : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? "1px solid #303F51" : "0px";
+  return !props.isValid && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? props.errorStatement.length > 0 ? "1px solid #FF6C56" : "1px solid #303F51" : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? "1px solid #303F51" : "0px";
 });
 var CrossIconWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 5px;\n  width: fit-content;\n  &:hover {\n    cursor: pointer;\n  }\n  svg path {\n    fill: #ff6c56;\n  }\n"])));
 var StyledDiv = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n"])));
@@ -198,7 +197,7 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     onBlur: onBlurFn
   }, "ref", ref), "onKeyDown", onKeyDownFn), "onChange", function onChange(e) {
     return onChangeFn(e);
-  }), "isError", isValid), "maxLength", "8"), "checkBaiscErrorProp", checkBaiscError || false), "errorStatement", errorStatement || "")), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
+  }), "isValid", isValid), "maxLength", "8"), "checkBaiscErrorProp", checkBaiscError || false), "errorStatement", errorStatement || "")), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
     inputFieldType: inputFieldType
   }, " ", errorStatement));
 });

package/atoms/timer/timer.js

@@ -18,8 +18,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _tokens = require("@desynova-digital/tokens");
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // import {colors} from '../../../tokens';