sccoreui 6.3.1 → 6.3.12
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/App.js +1 -1
- package/dist/assets/sccoreui.css +0 -10
- package/dist/components/ag-grid/parent-for-grid.js +1 -19
- package/dist/components/froala-editor/FroalaEditorTextBox.js +95 -0
- package/dist/types/components/froala-editor/FroalaEditorTextBox.d.ts +6 -0
- package/dist/types/components/types/type.d.ts +1 -0
- package/package.json +1 -1
package/dist/App.js
CHANGED
package/dist/assets/sccoreui.css
CHANGED
|
@@ -1074,13 +1074,11 @@ a {
|
|
|
1074
1074
|
height: 20px;
|
|
1075
1075
|
width: 20px;
|
|
1076
1076
|
padding-top: 0px;
|
|
1077
|
-
transition: rotate 0.4s ease-in-out;
|
|
1078
1077
|
}
|
|
1079
1078
|
|
|
1080
1079
|
.p-inputgroup > .p-dropdown .p-dropdown-trigger {
|
|
1081
1080
|
width: 1rem;
|
|
1082
1081
|
padding-top: 0px;
|
|
1083
|
-
transition: rotate 0.4s ease-in-out;
|
|
1084
1082
|
}
|
|
1085
1083
|
.p-dropdown .p-dropdown-clear-icon {
|
|
1086
1084
|
color: #6c757d;
|
|
@@ -8136,7 +8134,6 @@ a {
|
|
|
8136
8134
|
font-size: 14px;
|
|
8137
8135
|
line-height: 20px;
|
|
8138
8136
|
color: var(--gray-800);
|
|
8139
|
-
transition: rotate 0.4s ease-in-out;
|
|
8140
8137
|
}
|
|
8141
8138
|
|
|
8142
8139
|
.p-paginator .p-paginator-prev .pi.pi-angle-left {
|
|
@@ -8377,10 +8374,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8377
8374
|
rotate: 180deg;
|
|
8378
8375
|
}
|
|
8379
8376
|
|
|
8380
|
-
.p-dropdown-trigger {
|
|
8381
|
-
transition: rotate 0.4s ease-in-out;
|
|
8382
|
-
}
|
|
8383
|
-
|
|
8384
8377
|
.p-dropdown-item.p-highlight {
|
|
8385
8378
|
display: flex;
|
|
8386
8379
|
align-items: center;
|
|
@@ -8608,7 +8601,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8608
8601
|
}
|
|
8609
8602
|
.p-paginator > .p-dropdown > .p-dropdown-trigger {
|
|
8610
8603
|
padding-top: 0px;
|
|
8611
|
-
transition: rotate 0.4s ease-in-out;
|
|
8612
8604
|
}
|
|
8613
8605
|
.p-paginator > .p-dropdown {
|
|
8614
8606
|
display: flex;
|
|
@@ -8649,7 +8641,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8649
8641
|
}
|
|
8650
8642
|
.p-dropdown-badge > .p-dropdown-trigger {
|
|
8651
8643
|
padding-top: 2px;
|
|
8652
|
-
transition: rotate 0.4s ease-in-out;
|
|
8653
8644
|
}
|
|
8654
8645
|
|
|
8655
8646
|
/* Input components changes classes for styling the input components */
|
|
@@ -8757,7 +8748,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8757
8748
|
|
|
8758
8749
|
.p-dropdown-xl.p-dropdown .p-dropdown-trigger {
|
|
8759
8750
|
padding-top: 0px;
|
|
8760
|
-
transition: rotate 0.4s ease-in-out;
|
|
8761
8751
|
}
|
|
8762
8752
|
|
|
8763
8753
|
.tab-view-bg-dark.p-tabview-nav-container.p-tabview-nav-content {
|
|
@@ -442,24 +442,6 @@ function ParentForGrid(props) {
|
|
|
442
442
|
gridViewFun,
|
|
443
443
|
gridViewData,
|
|
444
444
|
setGridViewData,
|
|
445
|
-
gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default
|
|
446
|
-
// style={{
|
|
447
|
-
// ...gridStyle,
|
|
448
|
-
// height:
|
|
449
|
-
// props?.conditionsToDisplay?.displayFeaturesHeader &&
|
|
450
|
-
// gridStyle.height
|
|
451
|
-
// ? `calc(${gridStyle.height} - ${ROW_HEIGHT}px)`
|
|
452
|
-
// : gridStyle.height,
|
|
453
|
-
// }}
|
|
454
|
-
, {
|
|
455
|
-
// style={{
|
|
456
|
-
// ...gridStyle,
|
|
457
|
-
// height:
|
|
458
|
-
// props?.conditionsToDisplay?.displayFeaturesHeader &&
|
|
459
|
-
// gridStyle.height
|
|
460
|
-
// ? `calc(${gridStyle.height} - ${ROW_HEIGHT}px)`
|
|
461
|
-
// : gridStyle.height,
|
|
462
|
-
// }}
|
|
463
|
-
gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
|
|
445
|
+
gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
|
|
464
446
|
}
|
|
465
447
|
exports.default = ParentForGrid;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
require("froala-editor/css/froala_editor.pkgd.min.css");
|
|
7
|
+
require("froala-editor/css/froala_style.min.css");
|
|
8
|
+
const react_froala_wysiwyg_1 = tslib_1.__importDefault(require("react-froala-wysiwyg"));
|
|
9
|
+
require("froala-editor/js/plugins.pkgd.min.js");
|
|
10
|
+
const FroalaEditorTextBox = (props) => {
|
|
11
|
+
const editorRef = (0, react_1.useRef)(null);
|
|
12
|
+
const { onChange, value, placeholderText, id, className, toolbar = false, froalaRef = editorRef, } = props;
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-editor ${className}`, id: id }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
|
|
14
|
+
events: {
|
|
15
|
+
initialized: toolbar
|
|
16
|
+
? function () {
|
|
17
|
+
// this is the editor instance.
|
|
18
|
+
this.toolbar.hide();
|
|
19
|
+
}
|
|
20
|
+
: null,
|
|
21
|
+
},
|
|
22
|
+
fontFamilySelection: true,
|
|
23
|
+
fontFamily: {
|
|
24
|
+
"Arial,Helvetica,sans-serif": "sans-serif",
|
|
25
|
+
"Impact,Charcoal,sans-serif": "RobotoBold",
|
|
26
|
+
"RobotoItalic,Charcoal,sans-serif": "RobotoItalic",
|
|
27
|
+
// 'Tahoma,Geneva,sans-serif': 'Font 3'
|
|
28
|
+
},
|
|
29
|
+
fontFamilyDefaultSelection: "sans-serif",
|
|
30
|
+
placeholderText: placeholderText,
|
|
31
|
+
key: "5OA4gB3A3B3E3B5D3E3F-11SLJCKHXOSLMc1YGSGb1ZXHSe1CgB5A4D4G4E3C2A12A19A6B4==",
|
|
32
|
+
toolbarSticky: false,
|
|
33
|
+
quickInsertEnabled: false,
|
|
34
|
+
toolbarInline: false,
|
|
35
|
+
attribution: false,
|
|
36
|
+
heightMax: 160,
|
|
37
|
+
heightMin: 70,
|
|
38
|
+
toolbarButtons: {
|
|
39
|
+
fontFamily: {
|
|
40
|
+
buttons: ["fontFamily"],
|
|
41
|
+
class: "customCard",
|
|
42
|
+
},
|
|
43
|
+
moreText: {
|
|
44
|
+
buttons: [
|
|
45
|
+
"bold",
|
|
46
|
+
"italic",
|
|
47
|
+
"underline",
|
|
48
|
+
"strikeThrough",
|
|
49
|
+
"fontSize",
|
|
50
|
+
"subscript",
|
|
51
|
+
"superscript",
|
|
52
|
+
"textColor",
|
|
53
|
+
"backgroundColor",
|
|
54
|
+
"inlineClass",
|
|
55
|
+
"inlineStyle",
|
|
56
|
+
"clearFormatting",
|
|
57
|
+
],
|
|
58
|
+
buttonsVisible: 2,
|
|
59
|
+
},
|
|
60
|
+
moreParagraph: {
|
|
61
|
+
buttons: [
|
|
62
|
+
"formatOL",
|
|
63
|
+
"formatUL",
|
|
64
|
+
"alignLeft",
|
|
65
|
+
"alignCenter",
|
|
66
|
+
"formatOLSimple",
|
|
67
|
+
"alignRight",
|
|
68
|
+
"alignJustify",
|
|
69
|
+
"paragraphFormat",
|
|
70
|
+
"paragraphStyle",
|
|
71
|
+
"lineHeight",
|
|
72
|
+
"outdent",
|
|
73
|
+
"indent",
|
|
74
|
+
"quote",
|
|
75
|
+
],
|
|
76
|
+
buttonsVisible: 2,
|
|
77
|
+
},
|
|
78
|
+
moreRich: {
|
|
79
|
+
buttons: [
|
|
80
|
+
"insertLink",
|
|
81
|
+
"insertImage",
|
|
82
|
+
"insertHR",
|
|
83
|
+
"undo",
|
|
84
|
+
"redo",
|
|
85
|
+
"html",
|
|
86
|
+
],
|
|
87
|
+
buttonsVisible: 2,
|
|
88
|
+
},
|
|
89
|
+
fullscreen: {
|
|
90
|
+
button: "fullscreen",
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
}, model: value, onModelChange: onChange, ref: froalaRef }) })));
|
|
94
|
+
};
|
|
95
|
+
exports.default = FroalaEditorTextBox;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "froala-editor/css/froala_editor.pkgd.min.css";
|
|
2
|
+
import "froala-editor/css/froala_style.min.css";
|
|
3
|
+
import "froala-editor/js/plugins.pkgd.min.js";
|
|
4
|
+
import { FroalaTextEditorTypes } from "../types/type";
|
|
5
|
+
declare const FroalaEditorTextBox: (props: FroalaTextEditorTypes) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default FroalaEditorTextBox;
|