@desynova-digital/components 9.2.2 → 9.2.4

package/atoms/icon/icons.json

@@ -1551,7 +1551,7 @@
     },
     "document-icon": {
       "paths": [
-        "M3.66732 12.3307H10.334V13.9974H3.66732V12.3307ZM3.66732 8.99739H10.334V10.6641H3.66732V8.99739ZM8.66732 0.664062H2.00065C1.08398 0.664062 0.333984 1.41406 0.333984 2.33073V15.6641C0.333984 16.5807 1.07565 17.3307 1.99232 17.3307H12.0007C12.9173 17.3307 13.6673 16.5807 13.6673 15.6641V5.66406L8.66732 0.664062ZM12.0007 15.6641H2.00065V2.33073H7.83398V6.4974H12.0007V15.6641Z"
+        "M3 8.25H9V6.75H3V8.25ZM3 10.5H9V9H3V10.5ZM3 12.75H6.75V11.25H3V12.75ZM1.5 15C1.0875 15 0.734375 14.8531 0.440625 14.5594C0.146875 14.2656 0 13.9125 0 13.5V1.5C0 1.0875 0.146875 0.734375 0.440625 0.440625C0.734375 0.146875 1.0875 0 1.5 0H7.5L12 4.5V13.5C12 13.9125 11.8531 14.2656 11.5594 14.5594C11.2656 14.8531 10.9125 15 10.5 15H1.5ZM6.75 5.25H10.5L6.75 1.5V5.25Z"
       ],
       "width": 14,
       "height": 18

package/atoms/timeCodeInput/timeCodeMSInput.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _utils = require("../../_helpers/utils");
 var _tokens = require("@desynova-digital/tokens");
-var _components = require("@desynova-digital/components");
+var _icon = _interopRequireDefault(require("../icon"));
 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); }
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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: 79px;\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) {
-  return props.isValid ? "#FFFFFF" : "#FF6C56";
+  return props.isValid ? props.color || "#FFFFFF" : "#FF6C56";
 }, function (props) {
   return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : "rgb(0 206 198)";
 }, function (props) {
@@ -57,7 +57,8 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     updateFormDataExternally = _ref.updateFormDataExternally,
     inputTitle = _ref.inputTitle,
     _ref$checkBaiscError = _ref.checkBaiscError,
-    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError;
+    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError,
+    color = _ref.color;
   var _useState = (0, _react.useState)((0, _utils.convertHHMMSSFF_to_HHMMSSmmm)(inputValue, frameRate) || "00:00:00.000"),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     customInputValue = _useState2[0],
@@ -189,7 +190,7 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDiv, null, inputTitle && /*#__PURE__*/_react["default"].createElement(InputHeading, null, inputTitle), showCross && /*#__PURE__*/_react["default"].createElement(CrossIconWrapper, {
     onClick: crossClicked
-  }, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     name: "cross",
     width: 7,
     height: 7
@@ -197,6 +198,7 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     name: inputFieldType,
     theme: theme,
     width: width,
+    color: color,
     value: customInputValue,
     onFocus: onFocus,
     onBlur: onBlurFn,

package/atoms/timeCodeInput/timeCodeMainInput.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _utils = require("../../_helpers/utils");
 var _tokens = require("@desynova-digital/tokens");
-var _components = require("@desynova-digital/components");
+var _icon = _interopRequireDefault(require("../icon"));
 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); }
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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) {
-  return props.isValid ? "#FFFFFF" : "#FF6C56";
+  return props.isValid ? props.color || "#FFFFFF" : "#FF6C56";
 }, function (props) {
   return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : "rgb(0 206 198)";
 }, function (props) {
@@ -57,7 +57,8 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     updateFormDataExternally = _ref.updateFormDataExternally,
     inputTitle = _ref.inputTitle,
     _ref$checkBaiscError = _ref.checkBaiscError,
-    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError;
+    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError,
+    color = _ref.color;
   var _useState = (0, _react.useState)(inputValue || "00:00:00:00"),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     customInputValue = _useState2[0],
@@ -190,7 +191,7 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDiv, null, inputTitle && /*#__PURE__*/_react["default"].createElement(InputHeading, null, inputTitle), showCross && /*#__PURE__*/_react["default"].createElement(CrossIconWrapper, {
     onClick: crossClicked
-  }, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     name: "cross",
     width: 7,
     height: 7
@@ -199,6 +200,7 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     id: inputFieldType,
     theme: theme,
     width: width,
+    color: color,
     ref: inputRef,
     value: customInputValue,
     onFocus: onFocus,

package/atoms/timeCodeInput/timeCodeStandardInput.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _utils = require("../../_helpers/utils");
 var _tokens = require("@desynova-digital/tokens");
-var _components = require("@desynova-digital/components");
+var _icon = _interopRequireDefault(require("../icon"));
 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); }
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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";
+  return props.isValid ? props.color || "#FFFFFF" : "#FF6C56";
 }, function (props) {
   return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : "rgb(0 206 198)";
 }, function (props) {
@@ -58,7 +58,8 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     updateFormDataExternally = _ref.updateFormDataExternally,
     inputTitle = _ref.inputTitle,
     _ref$checkBaiscError = _ref.checkBaiscError,
-    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError;
+    checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError,
+    color = _ref.color;
   var _useState = (0, _react.useState)((0, _utils.convertHHMMSSFF_to_HHMMSS)(inputValue, frameRate) || "00:00:00"),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     customInputValue = _useState2[0],
@@ -196,7 +197,7 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDiv, null, inputTitle && /*#__PURE__*/_react["default"].createElement(InputHeading, null, inputTitle), showCross && /*#__PURE__*/_react["default"].createElement(CrossIconWrapper, {
     onClick: crossClicked
-  }, /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     name: "cross",
     width: 7,
     height: 7
@@ -205,6 +206,7 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     theme: theme,
     width: width,
     ref: inputRef,
+    color: color,
     value: customInputValue,
     onFocus: onFocus,
     onBlur: onBlurFn,

package/molecules/richTextInputV2/RichTextInputV2.js

@@ -115,9 +115,9 @@ var RichTextInputV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       var quill = new _quill["default"](quillRef.current, {
         theme: "snow",
         placeholder: placeholder,
+        readOnly: isDisabled,
         modules: {
           toolbar: false,
-          readOnly: isDisabled,
           keyboard: {
             bindings: {
               // This will overwrite the default binding for Tab
@@ -199,6 +199,11 @@ var RichTextInputV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       quillRef.current.innerHTML = "";
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    if (quillInstance.current) {
+      quillInstance.current.enable(!isDisabled);
+    }
+  }, [isDisabled]);
   (0, _react.useEffect)(function () {
     if (quillInstance.current) {
       var editorContainer = quillInstance.current.root;
@@ -206,7 +211,10 @@ var RichTextInputV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         handleSave(html);
       }, 0);
       var handleKeyDown = function handleKeyDown(event) {
-        if (event.key === "Enter" && !event.altKey) {
+        if (event.key === "Enter") {
+          if (event.altKey || event.metaKey) {
+            return;
+          }
           event.preventDefault();
           event.stopPropagation();
           var html = quillInstance.current.getSemanticHTML();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "9.2.2",
+  "version": "9.2.4",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "9.2.2",
+    "@desynova-digital/tokens": "9.2.4",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },