@paro.io/expert-shared-components 1.13.0 → 1.13.1
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const CustomTag: (label: any) => React.JSX.Element;
|
|
3
|
-
export default CustomTag;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const CustomTag: (label: any) => React.JSX.Element;
|
|
3
|
+
export default CustomTag;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const getBackgroundColor = (type) => {
|
|
8
|
-
switch (type) {
|
|
9
|
-
case 'Critical':
|
|
10
|
-
return 'danger';
|
|
11
|
-
case 'High':
|
|
12
|
-
return 'warning';
|
|
13
|
-
case 'Medium':
|
|
14
|
-
return 'info';
|
|
15
|
-
case 'Low':
|
|
16
|
-
return 'default';
|
|
17
|
-
default:
|
|
18
|
-
return 'default';
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
const CustomTag = (label) => {
|
|
22
|
-
const color = getBackgroundColor(label);
|
|
23
|
-
return (react_1.default.createElement("div", { className: `border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white cursor-pointer rounded-full bg-${color} border-${color}` }, label));
|
|
24
|
-
};
|
|
25
|
-
exports.default = CustomTag;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const getBackgroundColor = (type) => {
|
|
8
|
+
switch (type) {
|
|
9
|
+
case 'Critical':
|
|
10
|
+
return 'danger';
|
|
11
|
+
case 'High':
|
|
12
|
+
return 'warning';
|
|
13
|
+
case 'Medium':
|
|
14
|
+
return 'info';
|
|
15
|
+
case 'Low':
|
|
16
|
+
return 'default';
|
|
17
|
+
default:
|
|
18
|
+
return 'default';
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const CustomTag = (label) => {
|
|
22
|
+
const color = getBackgroundColor(label);
|
|
23
|
+
return (react_1.default.createElement("div", { className: `border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white cursor-pointer rounded-full bg-${color} border-${color}` }, label));
|
|
24
|
+
};
|
|
25
|
+
exports.default = CustomTag;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const ViewResponseModal: ({ response, open, onClose, isExpert }: {
|
|
3
|
-
response: string | null;
|
|
4
|
-
open: boolean;
|
|
5
|
-
onClose: () => void;
|
|
6
|
-
isExpert: boolean;
|
|
7
|
-
}) => React.JSX.Element;
|
|
8
|
-
export default ViewResponseModal;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const ViewResponseModal: ({ response, open, onClose, isExpert }: {
|
|
3
|
+
response: string | null;
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
isExpert: boolean;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
export default ViewResponseModal;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const base_icons_1 = require("@paro.io/base-icons");
|
|
8
|
-
const core_1 = require("@material-ui/core");
|
|
9
|
-
const ViewResponseModal = ({ response, open, onClose, isExpert }) => {
|
|
10
|
-
return (react_1.default.createElement(core_1.Dialog, { open: open, onClose: onClose, maxWidth: 'sm' },
|
|
11
|
-
react_1.default.createElement(core_1.DialogTitle, null,
|
|
12
|
-
react_1.default.createElement("div", { className: "text-black mb-1 p-2 pl-4 absolute top-0 left-0 w-full flex flex-row justify-between items-center z-50" },
|
|
13
|
-
react_1.default.createElement("div", { className: "flex flex-col items-start" },
|
|
14
|
-
react_1.default.createElement("h1", { className: "text-md font-bold mr-2" }, isExpert ? 'Client Response' : 'Expert Response')),
|
|
15
|
-
react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
16
|
-
react_1.default.createElement(core_1.IconButton, { onClick: onClose },
|
|
17
|
-
react_1.default.createElement(base_icons_1.IconX, null))))),
|
|
18
|
-
react_1.default.createElement(core_1.DialogContent, null,
|
|
19
|
-
react_1.default.createElement("div", { className: "bg-green-50 border-green-800 border border-l-4 rounded p-4 mt-4 mb-4" },
|
|
20
|
-
react_1.default.createElement("p", { className: "text-sm font-medium" },
|
|
21
|
-
"Status: ",
|
|
22
|
-
react_1.default.createElement("span", { className: "font-normal" }, "Responded")),
|
|
23
|
-
react_1.default.createElement("p", { className: "text-sm font-medium" },
|
|
24
|
-
"Response: ",
|
|
25
|
-
react_1.default.createElement("span", { className: "font-normal" }, response))))));
|
|
26
|
-
};
|
|
27
|
-
exports.default = ViewResponseModal;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const base_icons_1 = require("@paro.io/base-icons");
|
|
8
|
+
const core_1 = require("@material-ui/core");
|
|
9
|
+
const ViewResponseModal = ({ response, open, onClose, isExpert }) => {
|
|
10
|
+
return (react_1.default.createElement(core_1.Dialog, { open: open, onClose: onClose, maxWidth: 'sm' },
|
|
11
|
+
react_1.default.createElement(core_1.DialogTitle, null,
|
|
12
|
+
react_1.default.createElement("div", { className: "text-black mb-1 p-2 pl-4 absolute top-0 left-0 w-full flex flex-row justify-between items-center z-50" },
|
|
13
|
+
react_1.default.createElement("div", { className: "flex flex-col items-start" },
|
|
14
|
+
react_1.default.createElement("h1", { className: "text-md font-bold mr-2" }, isExpert ? 'Client Response' : 'Expert Response')),
|
|
15
|
+
react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
16
|
+
react_1.default.createElement(core_1.IconButton, { onClick: onClose },
|
|
17
|
+
react_1.default.createElement(base_icons_1.IconX, null))))),
|
|
18
|
+
react_1.default.createElement(core_1.DialogContent, null,
|
|
19
|
+
react_1.default.createElement("div", { className: "bg-green-50 border-green-800 border border-l-4 rounded p-4 mt-4 mb-4" },
|
|
20
|
+
react_1.default.createElement("p", { className: "text-sm font-medium" },
|
|
21
|
+
"Status: ",
|
|
22
|
+
react_1.default.createElement("span", { className: "font-normal" }, "Responded")),
|
|
23
|
+
react_1.default.createElement("p", { className: "text-sm font-medium" },
|
|
24
|
+
"Response: ",
|
|
25
|
+
react_1.default.createElement("span", { className: "font-normal" }, response))))));
|
|
26
|
+
};
|
|
27
|
+
exports.default = ViewResponseModal;
|