hplx-react-elements-dev 1.0.14 → 1.0.16

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.
Files changed (106) hide show
  1. package/dist/esm/{components/Badges → Badges}/Badge.d.ts +0 -0
  2. package/dist/esm/addSuggestion/AddSuggestion.d.ts +4 -0
  3. package/dist/esm/{components/avatar → avatar}/Avatar.d.ts +0 -0
  4. package/dist/esm/{components/badgeGroup → badgeGroup}/BadgeGroup.d.ts +0 -0
  5. package/dist/esm/{components/button → button}/Button.d.ts +0 -0
  6. package/dist/esm/{components/button → button}/index.d.ts +0 -0
  7. package/dist/esm/{components/buttonGroups → buttonGroups}/ButtonGroups.d.ts +0 -0
  8. package/dist/esm/{components/card → card}/Card.d.ts +0 -0
  9. package/dist/esm/{components/checkbox → checkbox}/Checkbox.d.ts +0 -0
  10. package/dist/esm/{components/checkbox → checkbox}/index.d.ts +0 -0
  11. package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroup.d.ts +0 -0
  12. package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroupItem.d.ts +0 -0
  13. package/dist/esm/{components/collapsibleCard → collapsibleCard}/CollapsibleCard.d.ts +0 -0
  14. package/dist/esm/{components/common.d.ts → common.d.ts} +0 -0
  15. package/dist/esm/{components/datePicker → datePicker}/DatePicker.d.ts +1 -0
  16. package/dist/esm/{components/dropdownField → dropdownField}/DropdownField.d.ts +0 -0
  17. package/dist/esm/{components/dropdownField → dropdownField}/DropdownItem.d.ts +0 -0
  18. package/dist/esm/index.css +1060 -0
  19. package/dist/esm/{components/index.d.ts → index.d.ts} +0 -0
  20. package/dist/esm/index.js +16665 -0
  21. package/dist/esm/{components/inputField → inputField}/InputField.d.ts +0 -0
  22. package/dist/esm/{components/inputFieldSplit → inputFieldSplit}/InputFieldSplit.d.ts +0 -0
  23. package/dist/esm/{components/messageToast → messageToast}/MessageToast.d.ts +0 -0
  24. package/dist/esm/{components/messageToast → messageToast}/Toast.d.ts +0 -0
  25. package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdown.d.ts +0 -0
  26. package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdownItem.d.ts +0 -0
  27. package/dist/esm/{components/otpField → otpField}/OtpField.d.ts +0 -0
  28. package/dist/esm/{components/progressBar → progressBar}/ProgressBar.d.ts +0 -0
  29. package/dist/esm/{components/progressCircle → progressCircle}/ProgressCircle.d.ts +0 -0
  30. package/dist/esm/{components/radioBtn → radioBtn}/RadioBtn.d.ts +0 -0
  31. package/dist/esm/{components/slider → slider}/Slider.d.ts +0 -0
  32. package/dist/esm/{components/textAreaField → textAreaField}/TextAreaField.d.ts +0 -0
  33. package/dist/esm/{components/toggleSwitch → toggleSwitch}/ToggleSwitch.d.ts +0 -0
  34. package/dist/esm/{components/tooltip → tooltip}/Tooltip.d.ts +0 -0
  35. package/dist/esm/{components/types.d.ts → types.d.ts} +47 -37
  36. package/dist/esm/{components/typography → typography}/Typography.d.ts +0 -0
  37. package/package.json +31 -23
  38. package/dist/esm/components/Badges/Badge.js +0 -60
  39. package/dist/esm/components/Badges/Badge.js.map +0 -1
  40. package/dist/esm/components/addSuggestion/AddSuggestion.d.ts +0 -4
  41. package/dist/esm/components/addSuggestion/AddSuggestion.js +0 -61
  42. package/dist/esm/components/addSuggestion/AddSuggestion.js.map +0 -1
  43. package/dist/esm/components/avatar/Avatar.js +0 -141
  44. package/dist/esm/components/avatar/Avatar.js.map +0 -1
  45. package/dist/esm/components/badgeGroup/BadgeGroup.js +0 -82
  46. package/dist/esm/components/badgeGroup/BadgeGroup.js.map +0 -1
  47. package/dist/esm/components/button/Button.js +0 -90
  48. package/dist/esm/components/button/Button.js.map +0 -1
  49. package/dist/esm/components/button/index.js +0 -3
  50. package/dist/esm/components/button/index.js.map +0 -1
  51. package/dist/esm/components/buttonGroups/ButtonGroups.js +0 -51
  52. package/dist/esm/components/buttonGroups/ButtonGroups.js.map +0 -1
  53. package/dist/esm/components/card/Card.js +0 -12
  54. package/dist/esm/components/card/Card.js.map +0 -1
  55. package/dist/esm/components/checkbox/Checkbox.js +0 -42
  56. package/dist/esm/components/checkbox/Checkbox.js.map +0 -1
  57. package/dist/esm/components/checkbox/index.js +0 -3
  58. package/dist/esm/components/checkbox/index.js.map +0 -1
  59. package/dist/esm/components/checkboxGroup/CheckboxGroup.js +0 -23
  60. package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map +0 -1
  61. package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js +0 -34
  62. package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map +0 -1
  63. package/dist/esm/components/collapsibleCard/CollapsibleCard.js +0 -67
  64. package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +0 -1
  65. package/dist/esm/components/common.js +0 -172
  66. package/dist/esm/components/common.js.map +0 -1
  67. package/dist/esm/components/datePicker/DatePicker.js +0 -30
  68. package/dist/esm/components/datePicker/DatePicker.js.map +0 -1
  69. package/dist/esm/components/dropdownField/DropdownField.js +0 -29
  70. package/dist/esm/components/dropdownField/DropdownField.js.map +0 -1
  71. package/dist/esm/components/dropdownField/DropdownItem.js +0 -25
  72. package/dist/esm/components/dropdownField/DropdownItem.js.map +0 -1
  73. package/dist/esm/components/index.js +0 -28
  74. package/dist/esm/components/index.js.map +0 -1
  75. package/dist/esm/components/inputField/InputField.js +0 -14
  76. package/dist/esm/components/inputField/InputField.js.map +0 -1
  77. package/dist/esm/components/inputFieldSplit/InputFieldSplit.js +0 -19
  78. package/dist/esm/components/inputFieldSplit/InputFieldSplit.js.map +0 -1
  79. package/dist/esm/components/messageToast/MessageToast.js +0 -24
  80. package/dist/esm/components/messageToast/MessageToast.js.map +0 -1
  81. package/dist/esm/components/messageToast/Toast.js +0 -19
  82. package/dist/esm/components/messageToast/Toast.js.map +0 -1
  83. package/dist/esm/components/nestedDropdown/NestedDropdown.js +0 -111
  84. package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +0 -1
  85. package/dist/esm/components/nestedDropdown/NestedDropdownItem.js +0 -25
  86. package/dist/esm/components/nestedDropdown/NestedDropdownItem.js.map +0 -1
  87. package/dist/esm/components/otpField/OtpField.js +0 -32
  88. package/dist/esm/components/otpField/OtpField.js.map +0 -1
  89. package/dist/esm/components/progressBar/ProgressBar.js +0 -28
  90. package/dist/esm/components/progressBar/ProgressBar.js.map +0 -1
  91. package/dist/esm/components/progressCircle/ProgressCircle.js +0 -78
  92. package/dist/esm/components/progressCircle/ProgressCircle.js.map +0 -1
  93. package/dist/esm/components/radioBtn/RadioBtn.js +0 -62
  94. package/dist/esm/components/radioBtn/RadioBtn.js.map +0 -1
  95. package/dist/esm/components/slider/Slider.js +0 -64
  96. package/dist/esm/components/slider/Slider.js.map +0 -1
  97. package/dist/esm/components/textAreaField/TextAreaField.js +0 -14
  98. package/dist/esm/components/textAreaField/TextAreaField.js.map +0 -1
  99. package/dist/esm/components/toggleSwitch/ToggleSwitch.js +0 -55
  100. package/dist/esm/components/toggleSwitch/ToggleSwitch.js.map +0 -1
  101. package/dist/esm/components/tooltip/Tooltip.js +0 -112
  102. package/dist/esm/components/tooltip/Tooltip.js.map +0 -1
  103. package/dist/esm/components/types.js +0 -2
  104. package/dist/esm/components/types.js.map +0 -1
  105. package/dist/esm/components/typography/Typography.js +0 -70
  106. 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"}