@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
package/dist/web-ui.esm.css
CHANGED
|
@@ -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; }
|
package/dist/web-ui.esm.js
CHANGED
|
@@ -9,7 +9,7 @@ import moment from 'moment';
|
|
|
9
9
|
import 'react-datepicker/dist/react-datepicker.css';
|
|
10
10
|
import ClipboardJS from 'clipboard';
|
|
11
11
|
import ReactSelect, { mergeStyles } from 'react-select';
|
|
12
|
-
import debounce from 'lodash
|
|
12
|
+
import debounce from 'lodash.debounce';
|
|
13
13
|
import ReactQuill from 'react-quill';
|
|
14
14
|
import 'react-quill/dist/quill.snow.css';
|
|
15
15
|
import { EditorState, ContentState, convertToRaw } from 'draft-js';
|
|
@@ -3875,7 +3875,7 @@ function TextEditor(_ref) {
|
|
|
3875
3875
|
var defaultValue = _ref.defaultValue,
|
|
3876
3876
|
onValueChange = _ref.onValueChange,
|
|
3877
3877
|
placeholder = _ref.placeholder;
|
|
3878
|
-
var formats = ["bold", "italic", "underline", "strike", "list", "bullet", "link"
|
|
3878
|
+
var formats = ["bold", "italic", "underline", "strike", "list", "bullet", "link"];
|
|
3879
3879
|
var toolbarLastGroup = ["link", "video"];
|
|
3880
3880
|
var quillRef = useRef();
|
|
3881
3881
|
useEffect(function () {
|
|
@@ -3932,12 +3932,6 @@ var TextEditorV2 = function TextEditorV2(_ref) {
|
|
|
3932
3932
|
editorState = _useState[0],
|
|
3933
3933
|
setEditorState = _useState[1];
|
|
3934
3934
|
|
|
3935
|
-
var getOptions = function getOptions() {
|
|
3936
|
-
var options = ["inline", "list", "link", "textAlign", "history"];
|
|
3937
|
-
options.splice(options.length - 1, 0, "embedded");
|
|
3938
|
-
return options;
|
|
3939
|
-
};
|
|
3940
|
-
|
|
3941
3935
|
useEffect(function () {
|
|
3942
3936
|
var _htmlToDraft = htmlToDraft(defaultValue),
|
|
3943
3937
|
contentBlocks = _htmlToDraft.contentBlocks,
|
|
@@ -3955,7 +3949,7 @@ var TextEditorV2 = function TextEditorV2(_ref) {
|
|
|
3955
3949
|
className: "editor"
|
|
3956
3950
|
}, /*#__PURE__*/React__default.createElement(Editor, {
|
|
3957
3951
|
toolbar: {
|
|
3958
|
-
options:
|
|
3952
|
+
options: ["inline", "list", "link", "textAlign", "history"],
|
|
3959
3953
|
inline: {
|
|
3960
3954
|
options: ["bold", "italic", "underline"]
|
|
3961
3955
|
},
|