@luscii-healthtech/web-ui 0.1.21 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web-ui.cjs.development.css +39 -39
- package/dist/web-ui.cjs.development.js +3 -9
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.css +39 -39
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.css +39 -39
- package/dist/web-ui.esm.js +3 -9
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +2 -1
- package/src/components/PreviewPhone/useWindowDimensions.js +1 -1
- package/src/components/TextEditor/TextEditor.js +1 -1
- package/src/components/TextEditorV2/TextEditorV2.js +1 -7
|
@@ -1012,45 +1012,6 @@
|
|
|
1012
1012
|
.entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {
|
|
1013
1013
|
@apply bg-blue-800; }
|
|
1014
1014
|
|
|
1015
|
-
.cweb-switcher-item {
|
|
1016
|
-
display: flex;
|
|
1017
|
-
justify-content: center;
|
|
1018
|
-
flex-direction: row;
|
|
1019
|
-
align-items: center; }
|
|
1020
|
-
.cweb-switcher-item .cweb-switcher-item-link {
|
|
1021
|
-
display: flex;
|
|
1022
|
-
align-items: center;
|
|
1023
|
-
text-decoration: none;
|
|
1024
|
-
padding: 0.5rem 1rem;
|
|
1025
|
-
cursor: pointer; }
|
|
1026
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
|
|
1027
|
-
display: flex;
|
|
1028
|
-
align-items: center; }
|
|
1029
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
|
|
1030
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1031
|
-
width: 20px;
|
|
1032
|
-
height: 20px; }
|
|
1033
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1034
|
-
display: none; }
|
|
1035
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
|
|
1036
|
-
color: #737373;
|
|
1037
|
-
transition: color 0.4s ease;
|
|
1038
|
-
padding-bottom: 0; }
|
|
1039
|
-
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
|
|
1040
|
-
margin-left: 8px;
|
|
1041
|
-
padding: 0; }
|
|
1042
|
-
.cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
|
|
1043
|
-
border-color: #0074dd;
|
|
1044
|
-
z-index: 1; }
|
|
1045
|
-
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
|
|
1046
|
-
display: none; }
|
|
1047
|
-
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1048
|
-
display: inherit; }
|
|
1049
|
-
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
|
|
1050
|
-
color: #0074dd; }
|
|
1051
|
-
.cweb-switcher-item.is-disabled {
|
|
1052
|
-
pointer-events: none; }
|
|
1053
|
-
|
|
1054
1015
|
.cweb-box-shadow-default {
|
|
1055
1016
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
|
|
1056
1017
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
@@ -1126,3 +1087,42 @@
|
|
|
1126
1087
|
.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {
|
|
1127
1088
|
margin: 24px;
|
|
1128
1089
|
overflow-y: auto; }
|
|
1090
|
+
|
|
1091
|
+
.cweb-switcher-item {
|
|
1092
|
+
display: flex;
|
|
1093
|
+
justify-content: center;
|
|
1094
|
+
flex-direction: row;
|
|
1095
|
+
align-items: center; }
|
|
1096
|
+
.cweb-switcher-item .cweb-switcher-item-link {
|
|
1097
|
+
display: flex;
|
|
1098
|
+
align-items: center;
|
|
1099
|
+
text-decoration: none;
|
|
1100
|
+
padding: 0.5rem 1rem;
|
|
1101
|
+
cursor: pointer; }
|
|
1102
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
|
|
1103
|
+
display: flex;
|
|
1104
|
+
align-items: center; }
|
|
1105
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
|
|
1106
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1107
|
+
width: 20px;
|
|
1108
|
+
height: 20px; }
|
|
1109
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1110
|
+
display: none; }
|
|
1111
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
|
|
1112
|
+
color: #737373;
|
|
1113
|
+
transition: color 0.4s ease;
|
|
1114
|
+
padding-bottom: 0; }
|
|
1115
|
+
.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
|
|
1116
|
+
margin-left: 8px;
|
|
1117
|
+
padding: 0; }
|
|
1118
|
+
.cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
|
|
1119
|
+
border-color: #0074dd;
|
|
1120
|
+
z-index: 1; }
|
|
1121
|
+
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
|
|
1122
|
+
display: none; }
|
|
1123
|
+
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
|
|
1124
|
+
display: inherit; }
|
|
1125
|
+
.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
|
|
1126
|
+
color: #0074dd; }
|
|
1127
|
+
.cweb-switcher-item.is-disabled {
|
|
1128
|
+
pointer-events: none; }
|
|
@@ -17,7 +17,7 @@ require('react-datepicker/dist/react-datepicker.css');
|
|
|
17
17
|
var ClipboardJS = _interopDefault(require('clipboard'));
|
|
18
18
|
var ReactSelect = require('react-select');
|
|
19
19
|
var ReactSelect__default = _interopDefault(ReactSelect);
|
|
20
|
-
var debounce = _interopDefault(require('lodash
|
|
20
|
+
var debounce = _interopDefault(require('lodash.debounce'));
|
|
21
21
|
var ReactQuill = _interopDefault(require('react-quill'));
|
|
22
22
|
require('react-quill/dist/quill.snow.css');
|
|
23
23
|
var draftJs = require('draft-js');
|
|
@@ -3883,7 +3883,7 @@ function TextEditor(_ref) {
|
|
|
3883
3883
|
var defaultValue = _ref.defaultValue,
|
|
3884
3884
|
onValueChange = _ref.onValueChange,
|
|
3885
3885
|
placeholder = _ref.placeholder;
|
|
3886
|
-
var formats = ["bold", "italic", "underline", "strike", "list", "bullet", "link"
|
|
3886
|
+
var formats = ["bold", "italic", "underline", "strike", "list", "bullet", "link"];
|
|
3887
3887
|
var toolbarLastGroup = ["link", "video"];
|
|
3888
3888
|
var quillRef = React.useRef();
|
|
3889
3889
|
React.useEffect(function () {
|
|
@@ -3940,12 +3940,6 @@ var TextEditorV2 = function TextEditorV2(_ref) {
|
|
|
3940
3940
|
editorState = _useState[0],
|
|
3941
3941
|
setEditorState = _useState[1];
|
|
3942
3942
|
|
|
3943
|
-
var getOptions = function getOptions() {
|
|
3944
|
-
var options = ["inline", "list", "link", "textAlign", "history"];
|
|
3945
|
-
options.splice(options.length - 1, 0, "embedded");
|
|
3946
|
-
return options;
|
|
3947
|
-
};
|
|
3948
|
-
|
|
3949
3943
|
React.useEffect(function () {
|
|
3950
3944
|
var _htmlToDraft = htmlToDraft(defaultValue),
|
|
3951
3945
|
contentBlocks = _htmlToDraft.contentBlocks,
|
|
@@ -3963,7 +3957,7 @@ var TextEditorV2 = function TextEditorV2(_ref) {
|
|
|
3963
3957
|
className: "editor"
|
|
3964
3958
|
}, /*#__PURE__*/React__default.createElement(reactDraftWysiwyg.Editor, {
|
|
3965
3959
|
toolbar: {
|
|
3966
|
-
options:
|
|
3960
|
+
options: ["inline", "list", "link", "textAlign", "history"],
|
|
3967
3961
|
inline: {
|
|
3968
3962
|
options: ["bold", "italic", "underline"]
|
|
3969
3963
|
},
|