hplx-react-elements-dev 1.0.15 → 1.0.17
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/Badges → Badges}/Badge.d.ts +0 -0
- package/dist/esm/{components/addSuggestion → addSuggestion}/AddSuggestion.d.ts +0 -0
- package/dist/esm/{components/avatar → avatar}/Avatar.d.ts +0 -0
- package/dist/esm/{components/badgeGroup → badgeGroup}/BadgeGroup.d.ts +0 -0
- package/dist/esm/{components/button → button}/Button.d.ts +0 -0
- package/dist/esm/{components/button → button}/index.d.ts +0 -0
- package/dist/esm/{components/buttonGroups → buttonGroups}/ButtonGroups.d.ts +0 -0
- package/dist/esm/{components/card → card}/Card.d.ts +0 -0
- package/dist/esm/{components/checkbox → checkbox}/Checkbox.d.ts +0 -0
- package/dist/esm/{components/checkbox → checkbox}/index.d.ts +0 -0
- package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroup.d.ts +0 -0
- package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroupItem.d.ts +0 -0
- package/dist/esm/{components/collapsibleCard → collapsibleCard}/CollapsibleCard.d.ts +0 -0
- package/dist/esm/{components/common.d.ts → common.d.ts} +0 -0
- package/dist/esm/{components/datePicker → datePicker}/DatePicker.d.ts +1 -0
- package/dist/esm/{components/dropdownField → dropdownField}/DropdownField.d.ts +0 -0
- package/dist/esm/{components/dropdownField → dropdownField}/DropdownItem.d.ts +0 -0
- package/dist/esm/index.css +1060 -0
- package/dist/esm/{components/index.d.ts → index.d.ts} +0 -0
- package/dist/esm/index.js +16665 -0
- package/dist/esm/{components/inputField → inputField}/InputField.d.ts +0 -0
- package/dist/esm/{components/inputFieldSplit → inputFieldSplit}/InputFieldSplit.d.ts +0 -0
- package/dist/esm/{components/messageToast → messageToast}/MessageToast.d.ts +0 -0
- package/dist/esm/{components/messageToast → messageToast}/Toast.d.ts +0 -0
- package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdown.d.ts +0 -0
- package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdownItem.d.ts +0 -0
- package/dist/esm/{components/otpField → otpField}/OtpField.d.ts +0 -0
- package/dist/esm/{components/progressBar → progressBar}/ProgressBar.d.ts +0 -0
- package/dist/esm/{components/progressCircle → progressCircle}/ProgressCircle.d.ts +0 -0
- package/dist/esm/{components/radioBtn → radioBtn}/RadioBtn.d.ts +0 -0
- package/dist/esm/{components/slider → slider}/Slider.d.ts +0 -0
- package/dist/esm/{components/textAreaField → textAreaField}/TextAreaField.d.ts +0 -0
- package/dist/esm/{components/toggleSwitch → toggleSwitch}/ToggleSwitch.d.ts +0 -0
- package/dist/esm/{components/tooltip → tooltip}/Tooltip.d.ts +0 -0
- package/dist/esm/{components/types.d.ts → types.d.ts} +38 -38
- package/dist/esm/{components/typography → typography}/Typography.d.ts +0 -0
- package/package.json +31 -23
- package/dist/esm/components/Badges/Badge.js +0 -60
- package/dist/esm/components/Badges/Badge.js.map +0 -1
- package/dist/esm/components/addSuggestion/AddSuggestion.js +0 -66
- package/dist/esm/components/addSuggestion/AddSuggestion.js.map +0 -1
- package/dist/esm/components/avatar/Avatar.js +0 -141
- package/dist/esm/components/avatar/Avatar.js.map +0 -1
- package/dist/esm/components/badgeGroup/BadgeGroup.js +0 -82
- package/dist/esm/components/badgeGroup/BadgeGroup.js.map +0 -1
- package/dist/esm/components/button/Button.js +0 -90
- package/dist/esm/components/button/Button.js.map +0 -1
- package/dist/esm/components/button/index.js +0 -3
- package/dist/esm/components/button/index.js.map +0 -1
- package/dist/esm/components/buttonGroups/ButtonGroups.js +0 -51
- package/dist/esm/components/buttonGroups/ButtonGroups.js.map +0 -1
- package/dist/esm/components/card/Card.js +0 -12
- package/dist/esm/components/card/Card.js.map +0 -1
- package/dist/esm/components/checkbox/Checkbox.js +0 -42
- package/dist/esm/components/checkbox/Checkbox.js.map +0 -1
- package/dist/esm/components/checkbox/index.js +0 -3
- package/dist/esm/components/checkbox/index.js.map +0 -1
- package/dist/esm/components/checkboxGroup/CheckboxGroup.js +0 -23
- package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map +0 -1
- package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js +0 -34
- package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map +0 -1
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js +0 -67
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +0 -1
- package/dist/esm/components/common.js +0 -172
- package/dist/esm/components/common.js.map +0 -1
- package/dist/esm/components/datePicker/DatePicker.js +0 -30
- package/dist/esm/components/datePicker/DatePicker.js.map +0 -1
- package/dist/esm/components/dropdownField/DropdownField.js +0 -29
- package/dist/esm/components/dropdownField/DropdownField.js.map +0 -1
- package/dist/esm/components/dropdownField/DropdownItem.js +0 -25
- package/dist/esm/components/dropdownField/DropdownItem.js.map +0 -1
- package/dist/esm/components/index.js +0 -28
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/components/inputField/InputField.js +0 -14
- package/dist/esm/components/inputField/InputField.js.map +0 -1
- package/dist/esm/components/inputFieldSplit/InputFieldSplit.js +0 -19
- package/dist/esm/components/inputFieldSplit/InputFieldSplit.js.map +0 -1
- package/dist/esm/components/messageToast/MessageToast.js +0 -24
- package/dist/esm/components/messageToast/MessageToast.js.map +0 -1
- package/dist/esm/components/messageToast/Toast.js +0 -19
- package/dist/esm/components/messageToast/Toast.js.map +0 -1
- package/dist/esm/components/nestedDropdown/NestedDropdown.js +0 -111
- package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +0 -1
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js +0 -25
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js.map +0 -1
- package/dist/esm/components/otpField/OtpField.js +0 -32
- package/dist/esm/components/otpField/OtpField.js.map +0 -1
- package/dist/esm/components/progressBar/ProgressBar.js +0 -28
- package/dist/esm/components/progressBar/ProgressBar.js.map +0 -1
- package/dist/esm/components/progressCircle/ProgressCircle.js +0 -78
- package/dist/esm/components/progressCircle/ProgressCircle.js.map +0 -1
- package/dist/esm/components/radioBtn/RadioBtn.js +0 -62
- package/dist/esm/components/radioBtn/RadioBtn.js.map +0 -1
- package/dist/esm/components/slider/Slider.js +0 -64
- package/dist/esm/components/slider/Slider.js.map +0 -1
- package/dist/esm/components/textAreaField/TextAreaField.js +0 -14
- package/dist/esm/components/textAreaField/TextAreaField.js.map +0 -1
- package/dist/esm/components/toggleSwitch/ToggleSwitch.js +0 -55
- package/dist/esm/components/toggleSwitch/ToggleSwitch.js.map +0 -1
- package/dist/esm/components/tooltip/Tooltip.js +0 -112
- package/dist/esm/components/tooltip/Tooltip.js.map +0 -1
- package/dist/esm/components/types.js +0 -2
- package/dist/esm/components/types.js.map +0 -1
- package/dist/esm/components/typography/Typography.js +0 -70
- package/dist/esm/components/typography/Typography.js.map +0 -1
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
//colour class used to give padding & Text colour schemes
|
|
2
|
-
export var getColourClassName = function (colour) {
|
|
3
|
-
var className;
|
|
4
|
-
switch (colour) {
|
|
5
|
-
case "Gray":
|
|
6
|
-
className = "bg-Gray-100 text-Gray-700 ";
|
|
7
|
-
break;
|
|
8
|
-
case "Primary":
|
|
9
|
-
className = "bg-Primary-50 text-Primary-700";
|
|
10
|
-
break;
|
|
11
|
-
case "Error":
|
|
12
|
-
className = "bg-Error-50 text-Error-700";
|
|
13
|
-
break;
|
|
14
|
-
case "Warning":
|
|
15
|
-
className = "bg-Warning-50 text-Warning-700";
|
|
16
|
-
break;
|
|
17
|
-
case "Success":
|
|
18
|
-
className = "bg-Success-50 text-Success-700";
|
|
19
|
-
break;
|
|
20
|
-
case "BlueGray":
|
|
21
|
-
className = "bg-Blue_gray-50 text-Blue_gray-700";
|
|
22
|
-
break;
|
|
23
|
-
case "Default":
|
|
24
|
-
className = "bg-Blue_light-50 text-Blue_light-700 ";
|
|
25
|
-
break;
|
|
26
|
-
case "Blue":
|
|
27
|
-
className = "bg-Blue-50 text-Blue-700";
|
|
28
|
-
break;
|
|
29
|
-
case "Indigo":
|
|
30
|
-
className = "bg-Indigo-50 text-Indigo-700";
|
|
31
|
-
break;
|
|
32
|
-
case "Purple":
|
|
33
|
-
className = "bg-Purple-50 text-Purple-700";
|
|
34
|
-
break;
|
|
35
|
-
case "Pink":
|
|
36
|
-
className = "bg-Pink-50 text-Pink-700";
|
|
37
|
-
break;
|
|
38
|
-
case "Rose":
|
|
39
|
-
className = "bg-Rose-50 text-Rose-700";
|
|
40
|
-
break;
|
|
41
|
-
case "Orange":
|
|
42
|
-
className = "bg-Orange-50 text-Orange-700";
|
|
43
|
-
break;
|
|
44
|
-
default:
|
|
45
|
-
className = "bg-Blue_light-50 text-Blue_light-700";
|
|
46
|
-
break;
|
|
47
|
-
}
|
|
48
|
-
return className;
|
|
49
|
-
};
|
|
50
|
-
export var getColourClassName1 = function (colour, theme) {
|
|
51
|
-
switch (colour) {
|
|
52
|
-
case "Gray":
|
|
53
|
-
switch (theme) {
|
|
54
|
-
case "Dark":
|
|
55
|
-
return "bg-Gray-50 text-Gray-700 ";
|
|
56
|
-
case "Medium":
|
|
57
|
-
return "bg-Gray-100 text-Gray-700";
|
|
58
|
-
case "Light":
|
|
59
|
-
return "bg-Gray-50 text-Gray-700";
|
|
60
|
-
default:
|
|
61
|
-
return "";
|
|
62
|
-
}
|
|
63
|
-
case "Primary":
|
|
64
|
-
switch (theme) {
|
|
65
|
-
case "Dark":
|
|
66
|
-
return "bg-Primary-50 text-Primary-700";
|
|
67
|
-
case "Medium":
|
|
68
|
-
return "bg-Primary-100 text-Primary-700";
|
|
69
|
-
case "Light":
|
|
70
|
-
return "bg-Primary-50 text-Primary-700";
|
|
71
|
-
default:
|
|
72
|
-
return "";
|
|
73
|
-
}
|
|
74
|
-
case "Error":
|
|
75
|
-
switch (theme) {
|
|
76
|
-
case "Dark":
|
|
77
|
-
return "bg-Error-50 text-Error-700";
|
|
78
|
-
case "Medium":
|
|
79
|
-
return "bg-Error-100 text-Error-700";
|
|
80
|
-
case "Light":
|
|
81
|
-
return "bg-Error-50 text-Error-700";
|
|
82
|
-
default:
|
|
83
|
-
return "";
|
|
84
|
-
}
|
|
85
|
-
case "Warning":
|
|
86
|
-
switch (theme) {
|
|
87
|
-
case "Dark":
|
|
88
|
-
return "bg-Warning-50 text-Warning-700";
|
|
89
|
-
case "Medium":
|
|
90
|
-
return "bg-Warning-100 text-Warning-700";
|
|
91
|
-
case "Light":
|
|
92
|
-
return "bg-Warning-50 text-Warning-700";
|
|
93
|
-
default:
|
|
94
|
-
return "";
|
|
95
|
-
}
|
|
96
|
-
case "Success":
|
|
97
|
-
switch (theme) {
|
|
98
|
-
case "Dark":
|
|
99
|
-
return "bg-Success-50 text-Success-700";
|
|
100
|
-
case "Medium":
|
|
101
|
-
return "bg-Success-100 text-Success-700";
|
|
102
|
-
case "Light":
|
|
103
|
-
return "bg-Success-50 text-Success-700";
|
|
104
|
-
default:
|
|
105
|
-
return "";
|
|
106
|
-
}
|
|
107
|
-
default:
|
|
108
|
-
return "bg-Primary-100 text-Primary-700";
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
export var getColourClassName2 = function (colour, theme) {
|
|
112
|
-
switch (colour) {
|
|
113
|
-
case "Gray":
|
|
114
|
-
switch (theme) {
|
|
115
|
-
case "Dark":
|
|
116
|
-
return "bg-Gray-600 text-White";
|
|
117
|
-
case "Medium":
|
|
118
|
-
return "bg-Gray-50 text-Gray700";
|
|
119
|
-
case "Light":
|
|
120
|
-
return "bg-White text-Gray700";
|
|
121
|
-
default:
|
|
122
|
-
return "";
|
|
123
|
-
}
|
|
124
|
-
case "Primary":
|
|
125
|
-
switch (theme) {
|
|
126
|
-
case "Dark":
|
|
127
|
-
return "bg-Primary-600 text-White";
|
|
128
|
-
case "Medium":
|
|
129
|
-
return "bg-Primary-50 text-Primary-700";
|
|
130
|
-
case "Light":
|
|
131
|
-
return "bg-White text-Primary-700";
|
|
132
|
-
default:
|
|
133
|
-
return "";
|
|
134
|
-
}
|
|
135
|
-
case "Error":
|
|
136
|
-
switch (theme) {
|
|
137
|
-
case "Dark":
|
|
138
|
-
return "bg-Error-600 text-White";
|
|
139
|
-
case "Medium":
|
|
140
|
-
return "bg-Error-50 text-Error-700";
|
|
141
|
-
case "Light":
|
|
142
|
-
return "bg-White text-Error-700";
|
|
143
|
-
default:
|
|
144
|
-
return "";
|
|
145
|
-
}
|
|
146
|
-
case "Warning":
|
|
147
|
-
switch (theme) {
|
|
148
|
-
case "Dark":
|
|
149
|
-
return "bg-Warning-600 text-White";
|
|
150
|
-
case "Medium":
|
|
151
|
-
return "bg-Warning-50 text-Warning-700";
|
|
152
|
-
case "Light":
|
|
153
|
-
return "bg-White text-Warning-700";
|
|
154
|
-
default:
|
|
155
|
-
return "";
|
|
156
|
-
}
|
|
157
|
-
case "Success":
|
|
158
|
-
switch (theme) {
|
|
159
|
-
case "Dark":
|
|
160
|
-
return "bg-Success-600 text-White";
|
|
161
|
-
case "Medium":
|
|
162
|
-
return "bg-Success-50 text-Success-700";
|
|
163
|
-
case "Light":
|
|
164
|
-
return "bg-White text-Success-700";
|
|
165
|
-
default:
|
|
166
|
-
return "";
|
|
167
|
-
}
|
|
168
|
-
default:
|
|
169
|
-
return "bg-Primary-50 text-Primary-700";
|
|
170
|
-
}
|
|
171
|
-
};
|
|
172
|
-
//# sourceMappingURL=common.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/components/common.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import dayjs from "dayjs";
|
|
4
|
-
import { useState } from "react";
|
|
5
|
-
import { Calendar } from "react-date-range";
|
|
6
|
-
import "react-date-range/dist/styles.css"; // main style file
|
|
7
|
-
import "react-date-range/dist/theme/default.css"; // theme css file
|
|
8
|
-
// import "../datePicker/DatePickerCSS.css"; // overriden style file
|
|
9
|
-
import InputField from "../inputField/InputField";
|
|
10
|
-
var DatePicker = function (_a) {
|
|
11
|
-
var disabledDates = _a.disabledDates, selectDate = _a.selectDate, dateVar = _a.dateVar;
|
|
12
|
-
var _b = useState(new Date(selectDate ? selectDate : new Date())), date = _b[0], setDate = _b[1];
|
|
13
|
-
var _c = useState(false), selected = _c[0], setSelected = _c[1];
|
|
14
|
-
var handleSelect = function (date) {
|
|
15
|
-
setDate(date);
|
|
16
|
-
setSelected(!selected);
|
|
17
|
-
console.log(dayjs().format("MMM DD, YYYY"));
|
|
18
|
-
dateVar(date);
|
|
19
|
-
};
|
|
20
|
-
var inputClick = function () {
|
|
21
|
-
setSelected(!selected);
|
|
22
|
-
};
|
|
23
|
-
return (_jsxs("div", __assign({ className: "px-[14px] py-[10px]" }, { children: [_jsx("div", __assign({ className: "relative w-[189px]" }, { children: _jsx(InputField, { start_icon: "hx_calendar", inputProps: {
|
|
24
|
-
placeholder: date ? (dayjs(date).format("MMM DD, YYYY")) : "select dates",
|
|
25
|
-
value: dayjs(date).format("MMM DD, YYYY"),
|
|
26
|
-
onClick: inputClick,
|
|
27
|
-
} }) })), _jsx("div", __assign({ className: "absolute ".concat(selected ? "block" : "hidden", " mt-1 z-10 ") }, { children: _jsx(Calendar, { date: dayjs(date).isValid() ? date : new Date(), onChange: handleSelect, dateDisplayFormat: "MMM d, yyyy", disabledDates: disabledDates }) }))] })));
|
|
28
|
-
};
|
|
29
|
-
export default DatePicker;
|
|
30
|
-
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,kCAAkC,CAAC,CAAC,kBAAkB;AAC7D,OAAO,yCAAyC,CAAC,CAAC,iBAAiB;AACnE,oEAAoE;AACpE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAQlD,IAAM,UAAU,GAAG,UAAC,EAAsD;QAApD,aAAa,mBAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA;IAChD,IAAA,KAAkB,QAAQ,CAC9B,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAC/C,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,IAAM,UAAU,GAAG;QACjB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAK,SAAS,EAAC,qBAAqB,iBAClC,uBAAK,SAAS,EAAC,oBAAoB,gBACjC,KAAC,UAAU,IACT,UAAU,EAAC,aAAa,EACxB,UAAU,EAAE;wBACV,WAAW,EAAE,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA,CAAC,CAAC,cAAc;wBACzE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;wBACzC,OAAO,EAAE,UAAU;qBACpB,GACW,IAOV,EACN,uBACE,SAAS,EAAE,mBACT,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,iBACjB,gBAEd,KAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,EAC/C,QAAQ,EAAE,YAAY,EACtB,iBAAiB,EAAC,aAAa,EAC/B,aAAa,EAAE,aAAa,GAC5B,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import Typography from "../typography/Typography";
|
|
5
|
-
import DropdownItem from "./DropdownItem";
|
|
6
|
-
var DropdownField = function (_a) {
|
|
7
|
-
var label = _a.label, _b = _a.end_icon, end_icon = _b === void 0 ? "hx_down" : _b, _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, _e = _a.disabled, disabled = _e === void 0 ? false : _e, placeholder = _a.placeholder, _f = _a.errorMsg, errorMsg = _f === void 0 ? "" : _f, options = _a.options;
|
|
8
|
-
var _g = useState(false), openDropdown = _g[0], setOpenDropdown = _g[1];
|
|
9
|
-
var handleFieldClick = function (_) {
|
|
10
|
-
!disabled && setOpenDropdown(function (prevValue) { return !prevValue; });
|
|
11
|
-
};
|
|
12
|
-
return (_jsxs("div", { children: [_jsx("div", __assign({ className: "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({ onClick: handleFieldClick, className: "flex-1 flex items-center pl-2 placeholder:text-Gray-500 justify-between border-1 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg h-10 ").concat(disabled
|
|
13
|
-
? "bg-Gray-50 cursor-not-allowed"
|
|
14
|
-
: "bg-White cursor-pointer ".concat(errorMsg
|
|
15
|
-
? "hover:shadow-xs-error"
|
|
16
|
-
: "".concat(openDropdown
|
|
17
|
-
? "border-Primary-300 shadow-xs-primary"
|
|
18
|
-
: "", " hover:border-Primary-300 hover:shadow-xs-primary"))) }, { children: [!!value ? (_jsx("div", __assign({ className: "text-Gray-900" }, { children: _jsx(Typography, __assign({ "data-testid": "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 })) }))), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center mr-2 ease-linear duration-300 ".concat(end_icon === "hx_down" && openDropdown && "rotate-180"), "data-testid": "dropdown-selected-icon" }, { children: _jsx("span", { className: end_icon }) })))] })), _jsx("div", __assign({ 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") }, { children: (options === null || options === void 0 ? void 0 : options.constructor) === Array && options.length ? (options.map(function (option) {
|
|
19
|
-
var _a = option || {}, onSelect = _a.onSelect, restOptions = __rest(_a, ["onSelect"]);
|
|
20
|
-
var isActive = restOptions.value === (value && value["value"]);
|
|
21
|
-
return (_jsx(DropdownItem, __assign({}, restOptions, { active: isActive, onSelect: function (value) {
|
|
22
|
-
onChange && onChange(__assign({}, restOptions));
|
|
23
|
-
setOpenDropdown(false);
|
|
24
|
-
onSelect && onSelect(value);
|
|
25
|
-
} })));
|
|
26
|
-
})) : (_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 })) })) }))) }))] })), (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] })) })) })))] }));
|
|
27
|
-
};
|
|
28
|
-
export default DropdownField;
|
|
29
|
-
//# sourceMappingURL=DropdownField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../../../../src/components/dropdownField/DropdownField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
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 DropdownItems = function (_a) {
|
|
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
|
-
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: "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", " ").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
|
-
? "text-Primary-700"
|
|
22
|
-
: "text-Gray-200") }, { children: _jsx("span", { className: end_icon }) })))] })));
|
|
23
|
-
};
|
|
24
|
-
export default DropdownItems;
|
|
25
|
-
//# sourceMappingURL=DropdownItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export { default as InputField } from "./inputField/InputField";
|
|
2
|
-
export { default as InputFieldSplit } from "./inputFieldSplit/InputFieldSplit";
|
|
3
|
-
export { default as Typography } from "./typography/Typography";
|
|
4
|
-
export { default as TextAreaField } from "./textAreaField/TextAreaField";
|
|
5
|
-
export { default as OtpField } from "./otpField/OtpField";
|
|
6
|
-
export { default as ButtonGroups } from "./buttonGroups/ButtonGroups";
|
|
7
|
-
export { default as ProgressBar } from "./progressBar/ProgressBar";
|
|
8
|
-
export { default as ProgressCircle } from "./progressCircle/ProgressCircle";
|
|
9
|
-
export { default as Button } from "./button/Button";
|
|
10
|
-
export { default as Checkbox } from "./checkbox/Checkbox";
|
|
11
|
-
export { default as Tooltip } from "./tooltip/Tooltip";
|
|
12
|
-
export { default as Avatar } from "./avatar/Avatar";
|
|
13
|
-
export { default as Badge } from "./Badges/Badge";
|
|
14
|
-
export { default as DropdownField } from "./dropdownField/DropdownField";
|
|
15
|
-
export { default as DropdownItem } from "./dropdownField/DropdownItem";
|
|
16
|
-
export { default as Card } from "./card/Card";
|
|
17
|
-
export { default as CollapsibleCard } from "./collapsibleCard/CollapsibleCard";
|
|
18
|
-
export { default as RadioBtn } from "./radioBtn/RadioBtn";
|
|
19
|
-
export { default as ToggleSwitch } from "./toggleSwitch/ToggleSwitch";
|
|
20
|
-
export { default as CheckboxGroupItem } from "./checkboxGroup/CheckboxGroupItem";
|
|
21
|
-
export { default as CheckboxGroup } from "./checkboxGroup/CheckboxGroup";
|
|
22
|
-
export { default as Slider } from "./slider/Slider";
|
|
23
|
-
export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
|
|
24
|
-
export { default as AddSuggestion } from "./addSuggestion/AddSuggestion";
|
|
25
|
-
export { default as MessageToast } from "./messageToast/MessageToast";
|
|
26
|
-
export { default as NestedDropdown } from "./nestedDropdown/NestedDropdown";
|
|
27
|
-
export { default as DatePicker } from "./datePicker/DatePicker";
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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 InputField = function (_a) {
|
|
5
|
-
var label = _a.label, _b = _a.start_icon, start_icon = _b === void 0 ? "" : _b, _c = _a.end_icon, end_icon = _c === void 0 ? "" : _c, _d = _a.hint_text_icon, hint_text_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffixButton = _a.suffixButton, suffix = _a.suffix, hint_text = _a.hint_text, char_count = _a.char_count, _e = _a.errorMsg, errorMsg = _e === void 0 ? "" : _e, inputProps = _a.inputProps;
|
|
6
|
-
var disabled = (inputProps || {}).disabled;
|
|
7
|
-
return (_jsxs("div", { children: [_jsxs("div", __assign({ className: "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 })) }))), Boolean(char_count) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: char_count })) })))] })), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsxs("div", __assign({ "data-setid": "error-msg", className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg h-10 ").concat(disabled
|
|
8
|
-
? "bg-Gray-50"
|
|
9
|
-
: "bg-White ".concat(errorMsg
|
|
10
|
-
? "hover:shadow-xs-error"
|
|
11
|
-
: "hover:border-Primary-300 hover:shadow-xs-primary")) }, { children: [Boolean(prefix) && (_jsx("div", __assign({ "data-testid": "input-prefix", className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: prefix })) }))), Boolean(start_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pl-2" }, { children: _jsx("span", { className: start_icon }) }))), _jsx("input", __assign({ type: "text", className: "flex-1 px-2 py-2 focus-visible:outline-0", "data-testid": "text-input" }, inputProps)), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pr-2" }, { children: _jsx("span", { className: end_icon }) }))), Boolean(suffix) && (_jsx("div", __assign({ "data-testid": "input-suffix", className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: suffix })) }))), Boolean(suffixButton) && (_jsx("div", __assign({ "data-testid": "input-suffixButton", className: " flex items-center px-1" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: suffixButton })) })))] })) })), (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] })) })) })))] }));
|
|
12
|
-
};
|
|
13
|
-
export default InputField;
|
|
14
|
-
//# sourceMappingURL=InputField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/components/inputField/InputField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
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 InputFieldSplit = function (_a) {
|
|
5
|
-
var label = _a.label, _b = _a.start_icon, start_icon = _b === void 0 ? "" : _b, _c = _a.end_icon, end_icon = _c === void 0 ? "" : _c, _d = _a.hint_text_icon, hint_text_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffix = _a.suffix, hint_text = _a.hint_text, fieldNames = _a.fieldNames, char_count = _a.char_count, errorMsg = _a.errorMsg, onChange = _a.onChange, value = _a.value, inputProps = _a.inputProps;
|
|
6
|
-
var disabled = (inputProps || {}).disabled;
|
|
7
|
-
var handleChange = function (fieldName) { return function (event) {
|
|
8
|
-
var _a;
|
|
9
|
-
var changedValue = __assign(__assign({}, value), (_a = {}, _a[fieldName] = event.target.value, _a));
|
|
10
|
-
onChange && onChange(changedValue);
|
|
11
|
-
}; };
|
|
12
|
-
return (_jsxs("div", { children: [_jsxs("div", __assign({ className: "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 })) }))), Boolean(char_count) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: char_count })) })))] })), _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: _jsxs("div", __assign({ className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg h-10 ").concat(disabled
|
|
13
|
-
? "bg-Gray-50"
|
|
14
|
-
: "bg-White ".concat(errorMsg
|
|
15
|
-
? "hover:shadow-xs-error"
|
|
16
|
-
: "hover:border-Primary-300 hover:shadow-xs-primary")) }, { children: [Boolean(prefix) && (_jsx("div", __assign({ "data-testid": "input-prefix", className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: prefix })) }))), Boolean(start_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pl-2" }, { children: _jsx("span", { className: start_icon }) }))), _jsxs("div", __assign({ className: "flex-1 relative flex min-w-[196px]" }, { children: [_jsx("input", __assign({ type: "text", className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-0 right-1/2 mr-1.5" }, inputProps, { value: value && value[fieldNames[0]], onChange: handleChange(fieldNames[0]), "data-testid": "text1-input" })), _jsx("div", __assign({ className: "flex-1 flex justify-center items-center" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular", className: "text-Gray-300" }, { children: "/" })) })), _jsx("input", __assign({ type: "text", className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-1/2 right-0 ml-1.5" }, inputProps, { value: value && value[fieldNames[1]], onChange: handleChange(fieldNames[1]), "data-testid": "text2-input" }))] })), Boolean(end_icon) && (_jsx("div", __assign({ className: "text-Gray-500 flex items-center pr-2" }, { children: _jsx("span", { className: end_icon }) }))), Boolean(suffix) && (_jsx("div", __assign({ "data-testid": "input-suffix", className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2" }, { children: _jsx(Typography, __assign({ type: "Text md", variant: "Regular" }, { children: suffix })) })))] })) })), (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] })) })) })))] }));
|
|
17
|
-
};
|
|
18
|
-
export default InputFieldSplit;
|
|
19
|
-
//# sourceMappingURL=InputFieldSplit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputFieldSplit.js","sourceRoot":"","sources":["../../../../src/components/inputFieldSplit/InputFieldSplit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect, useState } from "react";
|
|
4
|
-
import Toast from "./Toast";
|
|
5
|
-
var MessageToast = function (_a) {
|
|
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 })); }) })));
|
|
22
|
-
};
|
|
23
|
-
export default MessageToast;
|
|
24
|
-
//# sourceMappingURL=MessageToast.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,111 +0,0 @@
|
|
|
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, useEffect } 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 _j = useState(), inputValue = _j[0], setInputValue = _j[1];
|
|
15
|
-
useEffect(function () {
|
|
16
|
-
setInputValue(selectedOption);
|
|
17
|
-
}, [selectedOption]);
|
|
18
|
-
var getNestedDropdownPos = function () {
|
|
19
|
-
var _a;
|
|
20
|
-
var topPosVal = 0;
|
|
21
|
-
var leftPosVal = 0;
|
|
22
|
-
if (filterList && filterList.length) {
|
|
23
|
-
var findMedcineAdIndex = filterList.findIndex(function (item) { return item.nestedOptionData && item.nestedOptionData.length > 0; });
|
|
24
|
-
if (findMedcineAdIndex !== 0) {
|
|
25
|
-
topPosVal = 40 * (findMedcineAdIndex - 1); // top position calculated from -> option item height
|
|
26
|
-
}
|
|
27
|
-
if ((_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) {
|
|
28
|
-
var dropdownWidth = dropdownRef.current.offsetWidth;
|
|
29
|
-
leftPosVal = dropdownWidth + 5;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return { topPosVal: topPosVal, leftPosVal: leftPosVal };
|
|
33
|
-
};
|
|
34
|
-
var handleNestedDropdownSelect = function (restOptions) {
|
|
35
|
-
var _a;
|
|
36
|
-
if ((_a = restOptions === null || restOptions === void 0 ? void 0 : restOptions.nestedOptionData) === null || _a === void 0 ? void 0 : _a.length) {
|
|
37
|
-
setShowmMedAd(true); // display nested dropdown
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
onChange && onChange(__assign({}, restOptions));
|
|
41
|
-
setShowmMedAd(false);
|
|
42
|
-
setOpenDropdown(false);
|
|
43
|
-
handleNestedDropdownVal && handleNestedDropdownVal(restOptions);
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
var handleDropdownScroll = function () {
|
|
47
|
-
setShowmMedAd(false);
|
|
48
|
-
};
|
|
49
|
-
var handleInputValue = function (e) {
|
|
50
|
-
var value = e.target.value;
|
|
51
|
-
var dropdownOption = JSON.parse(JSON.stringify(nestDropdownOption));
|
|
52
|
-
if (value && value.length) {
|
|
53
|
-
// filter list
|
|
54
|
-
var filteredCharacters = dropdownOption
|
|
55
|
-
.map(function (item) {
|
|
56
|
-
if (item.label.toLowerCase().includes(value.toLowerCase())) {
|
|
57
|
-
return item;
|
|
58
|
-
}
|
|
59
|
-
return undefined;
|
|
60
|
-
})
|
|
61
|
-
.filter(function (item) { return item !== undefined; });
|
|
62
|
-
setFilterList(filteredCharacters);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
setFilterList(dropdownOption); //for empty value display all list
|
|
66
|
-
}
|
|
67
|
-
setInputValue(value);
|
|
68
|
-
setOpenDropdown(true);
|
|
69
|
-
};
|
|
70
|
-
var renderNestedDropdown = function () {
|
|
71
|
-
var nestedDropdown = [];
|
|
72
|
-
if (medicineAdData === null || medicineAdData === void 0 ? void 0 : medicineAdData.nestedOptionData) {
|
|
73
|
-
medicineAdData.nestedOptionData.map(function (item) {
|
|
74
|
-
nestedDropdown.push(_jsx(NestedDropdownItem, __assign({}, item, { onSelect: function () {
|
|
75
|
-
handleNestedDropdownSelect(item);
|
|
76
|
-
} })));
|
|
77
|
-
});
|
|
78
|
-
var res = getNestedDropdownPos();
|
|
79
|
-
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 })));
|
|
80
|
-
}
|
|
81
|
-
return null;
|
|
82
|
-
};
|
|
83
|
-
var renderDropdownOption = function () {
|
|
84
|
-
if (filterList && filterList.length) {
|
|
85
|
-
var dropdownDom_1 = [];
|
|
86
|
-
var dropdownOption = JSON.parse(JSON.stringify(filterList));
|
|
87
|
-
dropdownOption.map(function (option) {
|
|
88
|
-
var restOptions = __rest(option || {}, []);
|
|
89
|
-
var isActive = restOptions.value === (value && value["value"]);
|
|
90
|
-
var isNestItem = restOptions.nestedOptionData && restOptions.nestedOptionData.length;
|
|
91
|
-
dropdownDom_1.push(_jsx(NestedDropdownItem, __assign({}, restOptions, { active: isActive, onSelect: function () {
|
|
92
|
-
handleNestedDropdownSelect(restOptions);
|
|
93
|
-
}, end_icon: isNestItem ? end_icon : "" })));
|
|
94
|
-
});
|
|
95
|
-
return dropdownDom_1;
|
|
96
|
-
}
|
|
97
|
-
return null;
|
|
98
|
-
};
|
|
99
|
-
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 && ("label" in value || "value" in 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: {
|
|
100
|
-
value: inputValue,
|
|
101
|
-
onChange: function (e) {
|
|
102
|
-
handleInputValue(e);
|
|
103
|
-
},
|
|
104
|
-
} })] })), _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 &&
|
|
105
|
-
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 &&
|
|
106
|
-
openDropdown &&
|
|
107
|
-
((_b = medicineAdData === null || medicineAdData === void 0 ? void 0 : medicineAdData.nestedOptionData) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
108
|
-
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] })) })) })))] }));
|
|
109
|
-
};
|
|
110
|
-
export default NestedDropdown;
|
|
111
|
-
//# sourceMappingURL=NestedDropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NestedDropdown.js","sourceRoot":"","sources":["../../../../src/components/nestedDropdown/NestedDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|