hplx-react-elements-dev 1.0.8 → 1.0.10
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/esm/components/addSuggestion/AddSuggestion.d.ts +4 -0
- package/dist/esm/components/addSuggestion/AddSuggestion.js +62 -0
- package/dist/esm/components/addSuggestion/AddSuggestion.js.map +1 -0
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js +11 -7
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +1 -1
- package/dist/esm/components/dropdownField/DropdownItem.d.ts +1 -1
- package/dist/esm/components/dropdownField/DropdownItem.js +2 -2
- package/dist/esm/components/dropdownField/DropdownItem.js.map +1 -1
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/messageToast/MessageToast.d.ts +1 -1
- package/dist/esm/components/messageToast/MessageToast.js +19 -14
- package/dist/esm/components/messageToast/MessageToast.js.map +1 -1
- package/dist/esm/components/messageToast/Toast.d.ts +3 -0
- package/dist/esm/components/messageToast/Toast.js +19 -0
- package/dist/esm/components/messageToast/Toast.js.map +1 -0
- package/dist/esm/components/nestedDropdown/NestedDropdown.d.ts +4 -0
- package/dist/esm/components/nestedDropdown/NestedDropdown.js +105 -0
- package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +1 -0
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.d.ts +4 -0
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js +25 -0
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js.map +1 -0
- package/dist/esm/components/textAreaField/TextAreaField.d.ts +1 -1
- package/dist/esm/components/textAreaField/TextAreaField.js +2 -2
- package/dist/esm/components/textAreaField/TextAreaField.js.map +1 -1
- package/dist/esm/components/types.d.ts +42 -5
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect } from "react";
|
|
4
|
+
import DropdownItem from "../dropdownField/DropdownItem";
|
|
5
|
+
import TextAreaField from "../textAreaField/TextAreaField";
|
|
6
|
+
var AddSuggestion = function (_a) {
|
|
7
|
+
var label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.errorMsg, errorMsg = _c === void 0 ? "" : _c, inputProps = _a.inputProps, options = _a.options;
|
|
8
|
+
var _d = useState(""), value = _d[0], setValue = _d[1];
|
|
9
|
+
var _e = useState(false), showDropdown = _e[0], setShowDropdown = _e[1];
|
|
10
|
+
var wrapperRef = useRef(null);
|
|
11
|
+
var _f = useState(), suggestionArr = _f[0], setSuggestionArr = _f[1];
|
|
12
|
+
var changeHandler = function (e) {
|
|
13
|
+
if (options && options.length > 0) {
|
|
14
|
+
var sug = options.filter(function (options) {
|
|
15
|
+
return options.label
|
|
16
|
+
.toLowerCase()
|
|
17
|
+
.includes(e.target.value.split(", ").pop().toLowerCase());
|
|
18
|
+
} // last keyboad input after ,
|
|
19
|
+
);
|
|
20
|
+
setValue(e.target.value);
|
|
21
|
+
setSuggestionArr(sug);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
var handleClickOutside = function (e) {
|
|
25
|
+
if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
|
|
26
|
+
setShowDropdown(false);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var handleSuggestionClick = function (selectedValue) {
|
|
30
|
+
debugger;
|
|
31
|
+
var debris = value.split(", "); //explode string into array of strings indexed by /, |. |\s /
|
|
32
|
+
debris.pop(); //pop last element off the array (which we didn't want)
|
|
33
|
+
var result = debris.join(", ");
|
|
34
|
+
var res;
|
|
35
|
+
if (result.length > 0) {
|
|
36
|
+
res = result + ", " + selectedValue;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
res = selectedValue;
|
|
40
|
+
}
|
|
41
|
+
setValue(res);
|
|
42
|
+
};
|
|
43
|
+
// Attaching the previous event with UseEffect hook
|
|
44
|
+
useEffect(function () {
|
|
45
|
+
// Bind the event listener
|
|
46
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
47
|
+
return function () {
|
|
48
|
+
// Unbind the event listener on clean up
|
|
49
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
return (_jsxs("div", __assign({ className: "input__wrapper relative" }, { children: [_jsx(TextAreaField, { label: label, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, inputProps: __assign(__assign({}, inputProps), { onChange: changeHandler, value: value, onFocus: function () { return setShowDropdown(true); } }) }), showDropdown && (_jsx("div", __assign({ ref: wrapperRef, className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 " }, { children: suggestionArr && suggestionArr.length > 0 && (_jsx("div", { children: (suggestionArr === null || suggestionArr === void 0 ? void 0 : suggestionArr.constructor) === Array && suggestionArr.length
|
|
53
|
+
? suggestionArr.map(function (option) {
|
|
54
|
+
var restOptions = __rest(option || {}, []);
|
|
55
|
+
return (_jsx(DropdownItem, __assign({ className: "text-Primary-700" }, restOptions, { onSelect: function () {
|
|
56
|
+
return handleSuggestionClick(restOptions.label);
|
|
57
|
+
} })));
|
|
58
|
+
})
|
|
59
|
+
: null })) })))] })));
|
|
60
|
+
};
|
|
61
|
+
export default AddSuggestion;
|
|
62
|
+
//# sourceMappingURL=AddSuggestion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddSuggestion.js","sourceRoot":"","sources":["../../../../src/components/addSuggestion/AddSuggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,17 +7,17 @@ var getPostionClassName = function (directionClass) {
|
|
|
7
7
|
case "lefttrue":
|
|
8
8
|
return "w-72 -mr-72";
|
|
9
9
|
case "leftfalse":
|
|
10
|
-
return "w-
|
|
10
|
+
return "w-16 -mr-16";
|
|
11
11
|
case "righttrue":
|
|
12
|
-
return "w-72 -ml-
|
|
12
|
+
return "w-72 -ml-36 left-full";
|
|
13
13
|
case "rightfalse":
|
|
14
|
-
return "w-
|
|
14
|
+
return "w-16 -ml-16 left-full";
|
|
15
15
|
default:
|
|
16
16
|
return "w-72 -ml-72 left-full";
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
var CollapsibleCard = function (props) {
|
|
20
|
-
var _a = props || {}, _b = _a.direction, direction = _b === void 0 ? "down" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, header = _a.header, children = _a.children, footer = _a.footer, _d = _a.icon, icon = _d === void 0 ? "Left" : _d, _e = _a.openIcon, openIcon = _e === void 0 ? "hx_add" : _e, _f = _a.closeIcon, closeIcon = _f === void 0 ? "hx_remove" : _f, _g = _a.width, width = _g === void 0 ? "" : _g, _h = _a.height, height = _h === void 0 ? "" : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j;
|
|
20
|
+
var _a = props || {}, _b = _a.direction, direction = _b === void 0 ? "down" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, header = _a.header, children = _a.children, footer = _a.footer, _d = _a.icon, icon = _d === void 0 ? "Left" : _d, _e = _a.openIcon, openIcon = _e === void 0 ? "hx_add" : _e, _f = _a.closeIcon, closeIcon = _f === void 0 ? "hx_remove" : _f, _g = _a.width, width = _g === void 0 ? "" : _g, _h = _a.height, height = _h === void 0 ? "" : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, handleCollapsibleDisplay = _a.handleCollapsibleDisplay, headerRightChildren = _a.headerRightChildren;
|
|
21
21
|
var _k = useState(false), active = _k[0], setActive = _k[1];
|
|
22
22
|
var OnButtonClick = function () {
|
|
23
23
|
setActive(function (prevValue) { return !prevValue; });
|
|
@@ -28,13 +28,17 @@ var CollapsibleCard = function (props) {
|
|
|
28
28
|
var getHeight = function (h) {
|
|
29
29
|
return height !== "" ? "h-".concat(h) : "";
|
|
30
30
|
};
|
|
31
|
+
var handleArrowClick = function () {
|
|
32
|
+
setActive(!active);
|
|
33
|
+
handleCollapsibleDisplay && handleCollapsibleDisplay(!active);
|
|
34
|
+
};
|
|
31
35
|
if (direction === "up" || direction === "down") {
|
|
32
|
-
return (_jsxs("div", __assign({ className: "flex m-5 ".concat(direction === "down" ? "flex-col" : "flex-col-reverse") }, { children: [
|
|
36
|
+
return (_jsxs("div", __assign({ className: "flex m-5 ".concat(direction === "down" ? "flex-col" : "flex-col-reverse") }, { children: [_jsxs("div", __assign({ className: "flex flex-1 flex-row items-center" }, { children: [_jsx(Button, { onClick: OnButtonClick, hierarchy: "Secondary", size: "lg", icon: icon, iconFile: active ? closeIcon : openIcon, textField: label, disabled: false }), active && headerRightChildren] })), _jsxs("div", __assign({ "data-testid": "animationDiv", onAnimationEnd: function () {
|
|
33
37
|
console.log('onAnimationEnd called');
|
|
34
|
-
}, className: "".concat(active ? "max-h-[1000px]" : "max-h-0", " ").concat(active ? "p-5" : "p-0", " transition-all duration-500 ease-in-out overflow-hidden mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " text-ellipsis") }, { children: [_jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })));
|
|
38
|
+
}, className: "".concat(active ? "max-h-[1000px]" : "max-h-0", " ").concat(active ? "p-5" : "p-0", " transition-all duration-500 ease-in-out overflow-hidden mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " text-ellipsis") }, { children: [header && _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, footer && _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })));
|
|
35
39
|
}
|
|
36
40
|
else {
|
|
37
|
-
return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon", className: "".concat(disabled ? "hidden" : "", " ").concat(direction === "right" ? "hx_right" : "hx_left", " mt-2 absolute cursor-pointer items-center text-center right-
|
|
41
|
+
return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon", className: "".concat(disabled ? "hidden" : "", " ").concat(direction === "right" ? "hx_right" : "hx_left", " mt-2 absolute cursor-pointer items-center text-center right-[10px] top-0 ").concat(!active && "rotate-180 overflow-hidden"), onClick: function () { return handleArrowClick(); }, style: { fontSize: 30,
|
|
38
42
|
fontWeight: 1000 } }), active && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })) })));
|
|
39
43
|
}
|
|
40
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../../src/components/collapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,IAAM,mBAAmB,GAAG,UAAC,cAAqB;IAChD,QAAQ,cAAc,EAAE;QACpB,KAAK,UAAU;YACX,OAAO,aAAa,CAAC;QACzB,KAAK,WAAW;YACZ,OAAO,aAAa,CAAC;QACzB,KAAK,WAAW;YACZ,OAAO,uBAAuB,CAAC;QACnC,KAAK,YAAY;YACb,OAAO,uBAAuB,CAAC;QACnC;YACI,OAAO,uBAAuB,CAAC;KACtC;AACH,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAA2B;IAC5C,IAAA,
|
|
1
|
+
{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../../src/components/collapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DropdownItemsProps } from "../types";
|
|
3
|
-
declare const DropdownItems: ({ label, value, disabled, start_icon, active, end_icon, onSelect, }: DropdownItemsProps) => JSX.Element;
|
|
3
|
+
declare const DropdownItems: ({ className, label, value, disabled, start_icon, active, end_icon, onSelect, }: DropdownItemsProps) => JSX.Element;
|
|
4
4
|
export default DropdownItems;
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import Typography from "../typography/Typography";
|
|
5
5
|
var DropdownItems = function (_a) {
|
|
6
|
-
var label = _a.label, value = _a.value, disabled = _a.disabled, start_icon = _a.start_icon, _b = _a.active, active = _b === void 0 ? false : _b, end_icon = _a.end_icon, onSelect = _a.onSelect;
|
|
6
|
+
var className = _a.className, label = _a.label, value = _a.value, disabled = _a.disabled, start_icon = _a.start_icon, _b = _a.active, active = _b === void 0 ? false : _b, end_icon = _a.end_icon, onSelect = _a.onSelect;
|
|
7
7
|
var _c = useState(false), hover = _c[0], setHover = _c[1];
|
|
8
8
|
var onMouseEnterHandler = function () {
|
|
9
9
|
setHover(true);
|
|
@@ -17,7 +17,7 @@ var DropdownItems = function (_a) {
|
|
|
17
17
|
? "text-Gray-200"
|
|
18
18
|
: hover
|
|
19
19
|
? "text-Gray-700"
|
|
20
|
-
: "text-Gray-500") }, { children: _jsx("span", { className: start_icon }) }))), _jsx("div", __assign({ className: "flex-1 ".concat(disabled ? "text-Gray-200" : "text-Gray-700") }, { children: _jsx(Typography, __assign({ variant: hover && !disabled ? "Medium" : "Regular", type: "Text md" }, { children: label })) })), Boolean(end_icon) && (_jsx("div", __assign({ className: "ml-2 ".concat(!disabled && (hover || active)
|
|
20
|
+
: "text-Gray-500") }, { children: _jsx("span", { className: start_icon }) }))), _jsx("div", __assign({ className: "flex-1 ".concat(disabled ? "text-Gray-200" : "text-Gray-700", " ").concat(className) }, { children: _jsx(Typography, __assign({ variant: hover && !disabled ? "Medium" : "Regular", type: "Text md" }, { children: label })) })), Boolean(end_icon) && (_jsx("div", __assign({ className: "ml-2 ".concat(!disabled && (hover || active)
|
|
21
21
|
? "text-Primary-700"
|
|
22
22
|
: "text-Gray-200") }, { children: _jsx("span", { className: end_icon }) })))] })));
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/dropdownField/DropdownItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,aAAa,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/dropdownField/DropdownItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,aAAa,GAAG,UAAC,EASF;QARnB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAoB,QAAQ,CAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAC;IAEnD,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,OAAO,EAAE;YACP,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,SAAS,EAAE,uCACT,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,iCAAiC,CACnE,EACF,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,mBAAmB,iBAEhC,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,uBACE,SAAS,EAAE,eACT,QAAQ;oBACN,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,UAAU,GAAS,IAChC,CACP,EACD,uBAAK,SAAS,EAAE,iBAAU,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,cAAI,SAAS,CAAE,gBACnF,KAAC,UAAU,aACT,OAAO,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAC,SAAS,gBAEb,KAAK,IACK,IACT,EACL,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,uBACE,SAAS,EAAE,eACT,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;oBAC5B,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,QAAQ,GAAS,IAC9B,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -21,4 +21,6 @@ export { default as CheckboxGroupItem } from "./checkboxGroup/CheckboxGroupItem"
|
|
|
21
21
|
export { default as CheckboxGroup } from "./checkboxGroup/CheckboxGroup";
|
|
22
22
|
export { default as Slider } from "./slider/Slider";
|
|
23
23
|
export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
|
|
24
|
+
export { default as AddSuggestion } from "./addSuggestion/AddSuggestion";
|
|
24
25
|
export { default as MessageToast } from "./messageToast/MessageToast";
|
|
26
|
+
export { default as NestedDropdown } from "./nestedDropdown/NestedDropdown";
|
|
@@ -21,5 +21,7 @@ export { default as CheckboxGroupItem } from "./checkboxGroup/CheckboxGroupItem"
|
|
|
21
21
|
export { default as CheckboxGroup } from "./checkboxGroup/CheckboxGroup";
|
|
22
22
|
export { default as Slider } from "./slider/Slider";
|
|
23
23
|
export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
|
|
24
|
+
export { default as AddSuggestion } from "./addSuggestion/AddSuggestion";
|
|
24
25
|
export { default as MessageToast } from "./messageToast/MessageToast";
|
|
26
|
+
export { default as NestedDropdown } from "./nestedDropdown/NestedDropdown";
|
|
25
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { messageToastProps } from "../types";
|
|
3
|
-
declare const MessageToast: ({
|
|
3
|
+
declare const MessageToast: ({ toastList }: messageToastProps) => JSX.Element;
|
|
4
4
|
export default MessageToast;
|
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
switch (color) {
|
|
6
|
-
case "Success":
|
|
7
|
-
return "text-Gray-700 bg-Success-100";
|
|
8
|
-
case "Error":
|
|
9
|
-
return "text-Error-600 bg-Error-100";
|
|
10
|
-
default:
|
|
11
|
-
return "text-Gray-700 bg-Error-100";
|
|
12
|
-
}
|
|
13
|
-
};
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import Toast from "./Toast";
|
|
14
5
|
var MessageToast = function (_a) {
|
|
15
|
-
var
|
|
16
|
-
|
|
6
|
+
var toastList = _a.toastList;
|
|
7
|
+
useEffect(function () {
|
|
8
|
+
var _a;
|
|
9
|
+
setList(toastList);
|
|
10
|
+
var timeout = setTimeout(function () {
|
|
11
|
+
setList([]);
|
|
12
|
+
}, (_a = toastList[0]) === null || _a === void 0 ? void 0 : _a.duration);
|
|
13
|
+
return function () {
|
|
14
|
+
clearTimeout(timeout);
|
|
15
|
+
};
|
|
16
|
+
}, [toastList]);
|
|
17
|
+
var clearToast = function () {
|
|
18
|
+
setList([]);
|
|
19
|
+
};
|
|
20
|
+
var _b = useState(toastList), list = _b[0], setList = _b[1];
|
|
21
|
+
return (_jsx("div", __assign({ className: "fixed z-90 bottom-10 right-8 flex flex-col justify-center items-center" }, { children: list.map(function (item) { return (_jsx(Toast, { toastDetails: item, clearToast: clearToast })); }) })));
|
|
17
22
|
};
|
|
18
23
|
export default MessageToast;
|
|
19
24
|
//# sourceMappingURL=MessageToast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageToast.js","sourceRoot":"","sources":["../../../../src/components/messageToast/MessageToast.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"MessageToast.js","sourceRoot":"","sources":["../../../../src/components/messageToast/MessageToast.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,IAAM,YAAY,GAAG,UAAC,EAAgC;QAA9B,SAAS,eAAA;IAC/B,SAAS,CAAC;;QACR,OAAO,CAAC,SAAS,CAAC,CAAC;QACnB,IAAM,OAAO,GAAG,UAAU,CAAC;YACzB,OAAO,CAAC,EAAE,CAAC,CAAC;QACd,CAAC,EAAE,MAAA,SAAS,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAC,CAAC;QAC3B,OAAO;YACL,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,UAAU,GAAG;QACjB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEI,IAAA,KAAkB,QAAQ,CAAC,SAAS,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;IAE5C,OAAO,CACL,uBAAK,SAAS,EAAC,wEAAwE,gBACpF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,KAAC,KAAK,IAAC,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CACtD,EAFwB,CAExB,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import Typography from "../typography/Typography";
|
|
4
|
+
var Toast = function (props) {
|
|
5
|
+
var toastDetails = props.toastDetails, clearToast = props.clearToast;
|
|
6
|
+
var getTypeColor = function (color) {
|
|
7
|
+
switch (color) {
|
|
8
|
+
case "Success":
|
|
9
|
+
return "text-Gray-700 bg-Success-100";
|
|
10
|
+
case "Error":
|
|
11
|
+
return "text-Error-600 bg-Error-100";
|
|
12
|
+
default:
|
|
13
|
+
return "text-Gray-700 bg-Error-100";
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return (_jsx(_Fragment, { children: _jsxs("div", __assign({ className: "px-2 py-1.5 w-72 h-15 rounded ".concat(getTypeColor(toastDetails === null || toastDetails === void 0 ? void 0 : toastDetails.type)) }, { children: [_jsxs("div", __assign({ className: "flex flex-row items-center justify-between" }, { children: [_jsx("div", __assign({ className: "" }, { children: toastDetails === null || toastDetails === void 0 ? void 0 : toastDetails.title })), _jsx("div", { className: "hx_close-circle cursor-pointer", onClick: clearToast })] })), _jsx("div", __assign({ className: "" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text sm", className: "text-Gray-500" }, { children: toastDetails === null || toastDetails === void 0 ? void 0 : toastDetails.description })) }))] }), toastDetails === null || toastDetails === void 0 ? void 0 : toastDetails.id) }));
|
|
17
|
+
};
|
|
18
|
+
export default Toast;
|
|
19
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/messageToast/Toast.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,KAAK,GAAG,UAAC,KAAU;IACf,IAAA,YAAY,GAAiB,KAAK,aAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAC3C,IAAM,YAAY,GAAG,UAAC,KAAuB;QAC3C,QAAQ,KAAK,EAAE;YACb,KAAK,SAAS;gBACZ,OAAO,8BAA8B,CAAC;YACxC,KAAK,OAAO;gBACV,OAAO,6BAA6B,CAAC;YACvC;gBACE,OAAO,4BAA4B,CAAC;SACvC;IACH,CAAC,CAAC;IACF,OAAO,CACL,4BACE,wBACE,SAAS,EAAE,wCAAiC,YAAY,CACtD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CACnB,CAAE,iBAGH,wBAAK,SAAS,EAAC,4CAA4C,iBACzD,uBAAK,SAAS,EAAC,EAAE,gBAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAAO,EAC7C,cACE,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAE,UAAU,GACnB,KACE,EACN,uBAAK,SAAS,EAAC,EAAE,gBACf,KAAC,UAAU,aACT,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,eAAe,gBAExB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,IACf,IACT,MAjBD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,EAAE,CAkBjB,GACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NestedDropdownFieldProps } from "../types";
|
|
3
|
+
declare const NestedDropdown: ({ label, hint_text_icon, empty_text, hint_text, value, onChange, placeholder, errorMsg, className, medicineAdData, nestDropdownOption, end_icon, selectedOption, handleNestedDropdownVal }: NestedDropdownFieldProps) => JSX.Element;
|
|
4
|
+
export default NestedDropdown;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef } from "react";
|
|
4
|
+
import InputField from "../inputField/InputField";
|
|
5
|
+
import Typography from "../typography/Typography";
|
|
6
|
+
import NestedDropdownItem from "./NestedDropdownItem";
|
|
7
|
+
var NestedDropdown = function (_a) {
|
|
8
|
+
var _b;
|
|
9
|
+
var label = _a.label, _c = _a.hint_text_icon, hint_text_icon = _c === void 0 ? "" : _c, _d = _a.empty_text, empty_text = _d === void 0 ? "Items Not found" : _d, hint_text = _a.hint_text, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, _e = _a.errorMsg, errorMsg = _e === void 0 ? "" : _e, className = _a.className, medicineAdData = _a.medicineAdData, nestDropdownOption = _a.nestDropdownOption, end_icon = _a.end_icon, selectedOption = _a.selectedOption, handleNestedDropdownVal = _a.handleNestedDropdownVal;
|
|
10
|
+
var _f = useState(false), openDropdown = _f[0], setOpenDropdown = _f[1];
|
|
11
|
+
var _g = useState(false), isShowMedAd = _g[0], setShowmMedAd = _g[1];
|
|
12
|
+
var dropdownRef = useRef(null);
|
|
13
|
+
var _h = useState([]), filterList = _h[0], setFilterList = _h[1];
|
|
14
|
+
var getNestedDropdownPos = function () {
|
|
15
|
+
var _a;
|
|
16
|
+
var topPosVal = 0;
|
|
17
|
+
var leftPosVal = 0;
|
|
18
|
+
if (filterList && filterList.length) {
|
|
19
|
+
var findMedcineAdIndex = filterList.findIndex(function (item) { return item.nestedOptionData && item.nestedOptionData.length > 0; });
|
|
20
|
+
if (findMedcineAdIndex !== 0) {
|
|
21
|
+
topPosVal = 40 * (findMedcineAdIndex - 1); // top position calculated from -> option item height
|
|
22
|
+
}
|
|
23
|
+
if ((_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) {
|
|
24
|
+
var dropdownWidth = dropdownRef.current.offsetWidth;
|
|
25
|
+
leftPosVal = dropdownWidth + 5;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
return { topPosVal: topPosVal, leftPosVal: leftPosVal };
|
|
29
|
+
};
|
|
30
|
+
var handleNestedDropdownSelect = function (restOptions) {
|
|
31
|
+
var _a;
|
|
32
|
+
if ((_a = restOptions === null || restOptions === void 0 ? void 0 : restOptions.nestedOptionData) === null || _a === void 0 ? void 0 : _a.length) {
|
|
33
|
+
setShowmMedAd(true); // display nested dropdown
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
onChange && onChange(__assign({}, restOptions));
|
|
37
|
+
setShowmMedAd(false);
|
|
38
|
+
setOpenDropdown(false);
|
|
39
|
+
handleNestedDropdownVal && handleNestedDropdownVal(restOptions);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
var handleDropdownScroll = function () {
|
|
43
|
+
setShowmMedAd(false);
|
|
44
|
+
};
|
|
45
|
+
var handleInputValue = function (e) {
|
|
46
|
+
var value = e.target.value;
|
|
47
|
+
var dropdownOption = JSON.parse(JSON.stringify(nestDropdownOption));
|
|
48
|
+
if (value && value.length) {
|
|
49
|
+
// filter list
|
|
50
|
+
var filteredCharacters = dropdownOption
|
|
51
|
+
.map(function (item) {
|
|
52
|
+
if (item.label.toLowerCase().includes(value.toLowerCase())) {
|
|
53
|
+
console.log(item, value);
|
|
54
|
+
return item;
|
|
55
|
+
}
|
|
56
|
+
return undefined;
|
|
57
|
+
})
|
|
58
|
+
.filter(function (item) { return item !== undefined; });
|
|
59
|
+
setFilterList(filteredCharacters);
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
setFilterList(dropdownOption); //for empty value display all list
|
|
63
|
+
}
|
|
64
|
+
setOpenDropdown(true);
|
|
65
|
+
};
|
|
66
|
+
var renderNestedDropdown = function () {
|
|
67
|
+
var nestedDropdown = [];
|
|
68
|
+
if (medicineAdData === null || medicineAdData === void 0 ? void 0 : medicineAdData.nestedOptionData) {
|
|
69
|
+
medicineAdData.nestedOptionData.map(function (item) {
|
|
70
|
+
nestedDropdown.push(_jsx(NestedDropdownItem, __assign({}, item, { onSelect: function () {
|
|
71
|
+
handleNestedDropdownSelect(item);
|
|
72
|
+
} })));
|
|
73
|
+
});
|
|
74
|
+
var res = getNestedDropdownPos();
|
|
75
|
+
return (_jsx("div", __assign({ style: { top: "".concat(res.topPosVal, "px"), left: "".concat(res.leftPosVal, "px") }, className: "absolute pr-16 pl-6 py-2 z-10 bg-White border-1 border-Gray-200 shadow-lg whitespace-nowrap\t left-[400px]" }, { children: nestedDropdown })));
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
var renderDropdownOption = function () {
|
|
79
|
+
if (filterList && filterList.length) {
|
|
80
|
+
var dropdownDom_1 = [];
|
|
81
|
+
var dropdownOption = JSON.parse(JSON.stringify(filterList));
|
|
82
|
+
dropdownOption.map(function (option) {
|
|
83
|
+
var restOptions = __rest(option || {}, []);
|
|
84
|
+
var isActive = restOptions.value === (value && value["value"]);
|
|
85
|
+
var isNestItem = restOptions.nestedOptionData && restOptions.nestedOptionData.length;
|
|
86
|
+
dropdownDom_1.push(_jsx(NestedDropdownItem, __assign({}, restOptions, { active: isActive, onSelect: function () {
|
|
87
|
+
handleNestedDropdownSelect(restOptions);
|
|
88
|
+
}, end_icon: isNestItem ? end_icon : "" })));
|
|
89
|
+
});
|
|
90
|
+
return dropdownDom_1;
|
|
91
|
+
}
|
|
92
|
+
return null;
|
|
93
|
+
};
|
|
94
|
+
return (_jsxs("div", { children: [_jsx("div", __assign({ className: "relative flex justify-between" }, { children: Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))) })), _jsxs("div", __assign({ className: "relative block" }, { children: [_jsxs("div", __assign({ className: "".concat(className) }, { children: [!!value ? (_jsx("div", __assign({ className: "text-Gray-900" }, { children: _jsx(Typography, __assign({ "data-testid": "nested-dropdown-selected-value", variant: "Regular", type: "Text md" }, { children: value["label"] || value["value"] })) }))) : (_jsx("div", __assign({ className: "text-Gray-500" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: placeholder })) }))), _jsx(InputField, { inputProps: {
|
|
95
|
+
value: selectedOption && selectedOption.label,
|
|
96
|
+
onChange: function (e) {
|
|
97
|
+
handleInputValue(e);
|
|
98
|
+
},
|
|
99
|
+
} })] })), _jsxs("div", __assign({ className: "relative ".concat(className) }, { children: [_jsx("div", __assign({ ref: dropdownRef, className: "".concat(className, " absolute mt-1 left-0 right-0 min-w-max rounded-lg bg-White overflow-y-scroll shadow-md z-10 max-h-80 ").concat(openDropdown ? "block" : "hidden"), onScroll: handleDropdownScroll }, { children: _jsx("div", { children: (nestDropdownOption === null || nestDropdownOption === void 0 ? void 0 : nestDropdownOption.constructor) === Array && nestDropdownOption.length ? (renderDropdownOption()) : (_jsx("div", __assign({ className: "h-10 flex items-center px-2" }, { children: _jsx("div", __assign({ className: "flex-1 text-Gray-700" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: empty_text })) })) }))) }) })), isShowMedAd &&
|
|
100
|
+
openDropdown &&
|
|
101
|
+
((_b = medicineAdData === null || medicineAdData === void 0 ? void 0 : medicineAdData.nestedOptionData) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
102
|
+
renderNestedDropdown()] }))] })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
|
|
103
|
+
};
|
|
104
|
+
export default NestedDropdown;
|
|
105
|
+
//# sourceMappingURL=NestedDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NestedDropdown.js","sourceRoot":"","sources":["../../../../src/components/nestedDropdown/NestedDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import Typography from "../typography/Typography";
|
|
5
|
+
var NestedDropdownItem = function (_a) {
|
|
6
|
+
var label = _a.label, value = _a.value, disabled = _a.disabled, start_icon = _a.start_icon, _b = _a.active, active = _b === void 0 ? false : _b, end_icon = _a.end_icon, onSelect = _a.onSelect;
|
|
7
|
+
var _c = useState(false), hover = _c[0], setHover = _c[1];
|
|
8
|
+
var onMouseEnterHandler = function () {
|
|
9
|
+
setHover(true);
|
|
10
|
+
};
|
|
11
|
+
var onMouseLeaveHandler = function () {
|
|
12
|
+
setHover(false);
|
|
13
|
+
};
|
|
14
|
+
return (_jsxs("div", __assign({ onClick: function () {
|
|
15
|
+
!disabled && onSelect && onSelect(value);
|
|
16
|
+
}, className: "relative h-10 flex items-center px-2 ".concat(disabled ? "cursor-not-allowed" : "hover:bg-Gray-50 cursor-pointer"), onMouseEnter: onMouseEnterHandler, onMouseLeave: onMouseLeaveHandler }, { children: [Boolean(start_icon) && (_jsx("div", __assign({ className: "mr-2 ".concat(disabled
|
|
17
|
+
? "text-Gray-200"
|
|
18
|
+
: hover
|
|
19
|
+
? "text-Gray-700"
|
|
20
|
+
: "text-Gray-500") }, { children: _jsx("span", { className: start_icon }) }))), _jsx("div", __assign({ className: "flex-1 ".concat(disabled ? "text-Gray-200" : "text-Gray-700") }, { children: _jsx(Typography, __assign({ variant: hover && !disabled ? "Medium" : "Regular", type: "Text md" }, { children: label })) })), Boolean(end_icon) && (_jsx("div", __assign({ className: "ml-2 ".concat(!disabled && (hover || active)
|
|
21
|
+
? "text-Primary-700"
|
|
22
|
+
: "text-Gray-200") }, { children: _jsx("span", { className: end_icon }) })))] })));
|
|
23
|
+
};
|
|
24
|
+
export default NestedDropdownItem;
|
|
25
|
+
//# sourceMappingURL=NestedDropdownItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NestedDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/nestedDropdown/NestedDropdownItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,kBAAkB,GAAG,UAAC,EAQD;QAPzB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAoB,QAAQ,CAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAC;IAEnD,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,IAAM,mBAAmB,GAAG;QAC1B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,OAAO,EAAE;YACP,CAAC,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EACD,SAAS,EAAE,gDACT,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,iCAAiC,CACnE,EACF,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,mBAAmB,iBAEhC,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,uBACE,SAAS,EAAE,eACT,QAAQ;oBACN,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,UAAU,GAAS,IAChC,CACP,EACD,uBAAK,SAAS,EAAE,iBAAU,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAE,gBACtE,KAAC,UAAU,aACT,OAAO,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAC,SAAS,gBAEb,KAAK,IACK,IACT,EACL,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,uBACE,SAAS,EAAE,eACT,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;oBAC5B,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,eAAe,CACnB,gBAEF,eAAM,SAAS,EAAE,QAAQ,GAAS,IAC9B,CACP,KACG,CACP,CAAC;AACH,CAAC,CAAA;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TextAreaFieldProps } from "../types";
|
|
3
|
-
declare const TextAreaField: ({ label, hint_text_icon, hint_text, errorMsg, inputProps, }: TextAreaFieldProps) => JSX.Element;
|
|
3
|
+
declare const TextAreaField: ({ label, hint_text_icon, hint_text, errorMsg, inputProps, height }: TextAreaFieldProps) => JSX.Element;
|
|
4
4
|
export default TextAreaField;
|
|
@@ -2,9 +2,9 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import Typography from "../typography/Typography";
|
|
4
4
|
var TextAreaField = function (_a) {
|
|
5
|
-
var label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.errorMsg, errorMsg = _c === void 0 ? "" : _c, inputProps = _a.inputProps;
|
|
5
|
+
var label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.errorMsg, errorMsg = _c === void 0 ? "" : _c, inputProps = _a.inputProps, _d = _a.height, height = _d === void 0 ? 'h-32' : _d;
|
|
6
6
|
var disabled = (inputProps || {}).disabled;
|
|
7
|
-
return (_jsxs("div", { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsx("div", __assign({ className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg
|
|
7
|
+
return (_jsxs("div", { children: [Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsx("div", __assign({ className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg ").concat(height, " ").concat(disabled
|
|
8
8
|
? "bg-Gray-50"
|
|
9
9
|
: "bg-White ".concat(errorMsg
|
|
10
10
|
? "hover:shadow-xs-error"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../src/components/textAreaField/TextAreaField.tsx"],"names":[],"mappings":";;AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAIlD,IAAM,aAAa,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../src/components/textAreaField/TextAreaField.tsx"],"names":[],"mappings":";;AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAIlD,IAAM,aAAa,GAAG,UAAC,EAOH;QANlB,KAAK,WAAA,EACL,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,SAAS,eAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,UAAU,gBAAA,EACV,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;IAGP,IAAA,QAAQ,GAAK,CAAA,UAAU,IAAI,EAAE,CAAA,SAArB,CAAsB;IACtC,OAAO,CACL,0BACG,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,uBAAK,SAAS,EAAC,oBAAoB,gBACjC,KAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,gBACxC,KAAK,IACK,IACT,CACP,EACD,KAAC,UAAU,aAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,gBAC1C,uBACE,SAAS,EAAE,kEACT,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,mCAC1B,MAAM,cAC7B,QAAQ;wBACN,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,mBACE,QAAQ;4BACN,CAAC,CAAC,uBAAuB;4BACzB,CAAC,CAAC,kDAAkD,CACtD,CACN,gBAEF,4BACE,SAAS,EAAC,0CAA0C,IAChD,UAAU,EACd,IACE,IACK,EACZ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC5C,uBACE,SAAS,EAAE,UAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAE,gBAElE,KAAC,UAAU,aAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,gBACzC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAM,CAAC,QAAQ,CAAC,CACjB,CAAC,CAAC,CAAC,CACF,8BACG,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,eAAM,SAAS,EAAE,cAAc,GAAS,CACzC,EACA,SAAS,IACT,CACJ,IACU,IACT,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -47,6 +47,7 @@ export interface TextAreaFieldProps {
|
|
|
47
47
|
hint_text_icon?: string;
|
|
48
48
|
errorMsg?: string;
|
|
49
49
|
inputProps: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
|
|
50
|
+
height?: string;
|
|
50
51
|
}
|
|
51
52
|
declare type badgesizeType = "sm" | "md" | "lg";
|
|
52
53
|
declare type badgeiconType = "Left" | "Right" | "Only";
|
|
@@ -142,7 +143,8 @@ export interface AvatarGroupProps {
|
|
|
142
143
|
moreUser?: boolean;
|
|
143
144
|
}
|
|
144
145
|
export interface DropdownItemsProps {
|
|
145
|
-
|
|
146
|
+
className?: string;
|
|
147
|
+
label: string;
|
|
146
148
|
start_icon?: string;
|
|
147
149
|
end_icon?: string;
|
|
148
150
|
value?: any;
|
|
@@ -179,6 +181,8 @@ export interface CollapsibleCardProps {
|
|
|
179
181
|
height?: string;
|
|
180
182
|
icon?: iconType;
|
|
181
183
|
disabled?: boolean;
|
|
184
|
+
handleCollapsibleDisplay?: Function;
|
|
185
|
+
headerRightChildren?: ReactNode;
|
|
182
186
|
}
|
|
183
187
|
export declare type RadioBtnSizeType = "sm" | "md";
|
|
184
188
|
export declare type RadioBtnType = "checkmark" | "dot";
|
|
@@ -248,9 +252,42 @@ export interface BadgeGroupProps {
|
|
|
248
252
|
}
|
|
249
253
|
export declare type messageToastType = "Error" | "Success";
|
|
250
254
|
export interface messageToastProps {
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
+
toastList: any;
|
|
256
|
+
}
|
|
257
|
+
export interface NestedDropdownFieldProps {
|
|
258
|
+
label?: string;
|
|
259
|
+
end_icon?: string;
|
|
260
|
+
hint_text?: string;
|
|
261
|
+
hint_text_icon?: string;
|
|
262
|
+
disabled?: boolean;
|
|
263
|
+
errorMsg?: string;
|
|
264
|
+
value?: DropdownItemsProps;
|
|
265
|
+
onChange?: (value: DropdownItemsProps) => void;
|
|
266
|
+
placeholder?: string;
|
|
267
|
+
empty_text?: string;
|
|
268
|
+
options?: Array<DropdownItemsProps>;
|
|
269
|
+
className?: string;
|
|
270
|
+
nestedDropdownOption?: any;
|
|
271
|
+
medicineAdData?: any;
|
|
272
|
+
nestDropdownOption?: any;
|
|
273
|
+
handleNestedDropdownVal?: Function;
|
|
274
|
+
selectedOption?: any;
|
|
275
|
+
}
|
|
276
|
+
export interface NestedDropdownItemsProps {
|
|
277
|
+
label?: string;
|
|
278
|
+
start_icon?: string;
|
|
279
|
+
end_icon?: string;
|
|
280
|
+
value?: any;
|
|
281
|
+
active?: boolean;
|
|
282
|
+
disabled?: boolean;
|
|
283
|
+
onSelect?: (value: any) => void;
|
|
284
|
+
}
|
|
285
|
+
export interface AddSuggestionProps {
|
|
286
|
+
label?: string;
|
|
287
|
+
hint_text?: string;
|
|
288
|
+
hint_text_icon?: string;
|
|
289
|
+
errorMsg?: string;
|
|
290
|
+
inputProps?: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
|
|
291
|
+
options?: Array<DropdownItemsProps>;
|
|
255
292
|
}
|
|
256
293
|
export {};
|