@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.
@@ -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; }
@@ -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-es/debounce';
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", "video"];
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: getOptions(),
3952
+ options: ["inline", "list", "link", "textAlign", "history"],
3959
3953
  inline: {
3960
3954
  options: ["bold", "italic", "underline"]
3961
3955
  },