hplx-react-elements-dev 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js +26 -5
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +10 -0
- package/dist/esm/components/datePicker/DatePicker.js +24 -0
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inputField/InputField.d.ts +1 -1
- package/dist/esm/components/inputField/InputField.js +2 -2
- package/dist/esm/components/inputField/InputField.js.map +1 -1
- package/dist/esm/components/types.d.ts +1 -0
- package/package.json +5 -1
|
@@ -9,9 +9,9 @@ var getPostionClassName = function (directionClass) {
|
|
|
9
9
|
case "leftfalse":
|
|
10
10
|
return "w-16 -mr-16";
|
|
11
11
|
case "righttrue":
|
|
12
|
-
return "w-72 -ml-36
|
|
12
|
+
return "w-72 -ml-36 ";
|
|
13
13
|
case "rightfalse":
|
|
14
|
-
return "w-16 -ml-16
|
|
14
|
+
return "w-16 -ml-16";
|
|
15
15
|
default:
|
|
16
16
|
return "w-72 -ml-72 left-full";
|
|
17
17
|
}
|
|
@@ -32,14 +32,35 @@ var CollapsibleCard = function (props) {
|
|
|
32
32
|
setActive(!active);
|
|
33
33
|
handleCollapsibleDisplay && handleCollapsibleDisplay(!active);
|
|
34
34
|
};
|
|
35
|
+
var getIconClass = function () {
|
|
36
|
+
var clsName = 'mt-2 absolute cursor-pointer items-center text-center right-2 top-0';
|
|
37
|
+
if (disabled) {
|
|
38
|
+
clsName += ' hidden';
|
|
39
|
+
}
|
|
40
|
+
if (direction === 'right') {
|
|
41
|
+
clsName += ' hx_right';
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
clsName += ' hx_left';
|
|
45
|
+
}
|
|
46
|
+
if (!active) {
|
|
47
|
+
clsName += ' rotate-180 overflow-hidden';
|
|
48
|
+
}
|
|
49
|
+
return clsName;
|
|
50
|
+
};
|
|
35
51
|
if (direction === "up" || direction === "down") {
|
|
36
52
|
return (_jsxs("div", __assign({ className: "flex m-5 ".concat(direction === "down" ? "flex-col" : "flex-col-reverse") }, { children: [_jsxs("div", __assign({ className: "flex flex-1 flex-row items-center" }, { children: [_jsx(Button, { onClick: OnButtonClick, hierarchy: "Secondary", size: "lg", icon: icon, iconFile: active ? closeIcon : openIcon, textField: label, disabled: false }), active && headerRightChildren] })), _jsxs("div", __assign({ "data-testid": "animationDiv", onAnimationEnd: function () {
|
|
37
|
-
console.log(
|
|
53
|
+
console.log("onAnimationEnd called");
|
|
38
54
|
}, className: "".concat(active ? "max-h-[1000px]" : "max-h-0", " ").concat(active ? "p-5" : "p-0", " transition-all duration-500 ease-in-out overflow-hidden mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " text-ellipsis") }, { children: [header && _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, footer && _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })));
|
|
39
55
|
}
|
|
40
56
|
else {
|
|
41
|
-
return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon",
|
|
42
|
-
|
|
57
|
+
return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon",
|
|
58
|
+
// className={`${disabled ? "hidden" : ""} ${
|
|
59
|
+
// direction === "right" ? "hx_right" : "hx_left"
|
|
60
|
+
// } mt-2 absolute cursor-pointer items-center text-center right-[10px] top-0 ${
|
|
61
|
+
// !active && "rotate-180 overflow-hidden"
|
|
62
|
+
// }`}
|
|
63
|
+
className: getIconClass(), onClick: function () { return handleArrowClick(); }, style: { fontSize: 30, fontWeight: 1000 } }), active && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: header })), children, _jsx("div", __assign({ className: "flex flex-1 m-1 p-4" }, { children: footer }))] }))] })) })));
|
|
43
64
|
}
|
|
44
65
|
};
|
|
45
66
|
export default CollapsibleCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../../src/components/collapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,IAAM,mBAAmB,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../../src/components/collapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "react-date-range/dist/styles.css";
|
|
3
|
+
import "react-date-range/dist/theme/default.css";
|
|
4
|
+
import "../datePicker/DatePickerCSS.css";
|
|
5
|
+
export interface DatePickerProps {
|
|
6
|
+
disabledDates: Date[];
|
|
7
|
+
selectDate: Date;
|
|
8
|
+
}
|
|
9
|
+
declare const DatePicker: ({ disabledDates, selectDate }: DatePickerProps) => JSX.Element;
|
|
10
|
+
export default DatePicker;
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
var DatePicker = function (_a) {
|
|
10
|
+
var disabledDates = _a.disabledDates, selectDate = _a.selectDate;
|
|
11
|
+
var _b = useState(new Date(selectDate ? selectDate : new Date())), date = _b[0], setDate = _b[1];
|
|
12
|
+
var _c = useState(false), selected = _c[0], setSelected = _c[1];
|
|
13
|
+
var handleSelect = function (date) {
|
|
14
|
+
setDate(date);
|
|
15
|
+
setSelected(!selected);
|
|
16
|
+
console.log(dayjs().format("MMM DD, YYYY"));
|
|
17
|
+
};
|
|
18
|
+
var inputClick = function () {
|
|
19
|
+
setSelected(!selected);
|
|
20
|
+
};
|
|
21
|
+
return (_jsxs("div", __assign({ className: "m-4 p-2 " }, { children: [_jsx("input", { className: "border-1 border-Gray-300 p-2 mr-3 rounded-lg", placeholder: "placeholder select dates", onClick: inputClick, value: dayjs(date).format("MMM DD, YYYY") }), _jsx("div", { children: selected && (_jsx(Calendar, { date: date, onChange: handleSelect, dateDisplayFormat: "MMM d, yyyy", disabledDates: disabledDates })) })] })));
|
|
22
|
+
};
|
|
23
|
+
export default DatePicker;
|
|
24
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,OAAO,iCAAiC,CAAC,CAAC,uBAAuB;AAOjE,IAAM,UAAU,GAAG,UAAC,EAA8C;QAA5C,aAAa,mBAAA,EAAE,UAAU,gBAAA;IACvC,IAAA,KAAkB,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAA,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,EAAxE,IAAI,QAAA,EAAE,OAAO,QAA2D,CAAC;IAC1E,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;IAC9C,CAAC,CAAC;IACF,IAAM,UAAU,GAAG;QACjB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,wBAAK,SAAS,EAAC,UAAU,iBACvB,gBACE,SAAS,EAAC,8CAA8C,EACxD,WAAW,EAAE,0BAA0B,EACvC,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,GAClC,EACT,wBACG,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,iBAAiB,EAAC,aAAa,EAC/B,aAAa,EAAE,aAAa,GAC5B,CACH,GACG,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -24,3 +24,4 @@ export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
|
|
|
24
24
|
export { default as AddSuggestion } from "./addSuggestion/AddSuggestion";
|
|
25
25
|
export { default as MessageToast } from "./messageToast/MessageToast";
|
|
26
26
|
export { default as NestedDropdown } from "./nestedDropdown/NestedDropdown";
|
|
27
|
+
export { default as DatePicker } from "./datePicker/DatePicker";
|
|
@@ -24,4 +24,5 @@ export { default as BadgeGroup } from "./badgeGroup/BadgeGroup";
|
|
|
24
24
|
export { default as AddSuggestion } from "./addSuggestion/AddSuggestion";
|
|
25
25
|
export { default as MessageToast } from "./messageToast/MessageToast";
|
|
26
26
|
export { default as NestedDropdown } from "./nestedDropdown/NestedDropdown";
|
|
27
|
+
export { default as DatePicker } from "./datePicker/DatePicker";
|
|
27
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,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,
|
|
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,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { InputFieldProps } from "../types";
|
|
3
|
-
declare const InputField: ({ label, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, char_count, errorMsg, inputProps, }: InputFieldProps) => JSX.Element;
|
|
3
|
+
declare const InputField: ({ label, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, }: InputFieldProps) => JSX.Element;
|
|
4
4
|
export default InputField;
|
|
@@ -2,13 +2,13 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import Typography from "../typography/Typography";
|
|
4
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, suffix = _a.suffix, hint_text = _a.hint_text, char_count = _a.char_count, _e = _a.errorMsg, errorMsg = _e === void 0 ? "" : _e, inputProps = _a.inputProps;
|
|
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
6
|
var disabled = (inputProps || {}).disabled;
|
|
7
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
8
|
? "bg-Gray-50"
|
|
9
9
|
: "bg-White ".concat(errorMsg
|
|
10
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(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] })) })) })))] }));
|
|
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
12
|
};
|
|
13
13
|
export default InputField;
|
|
14
14
|
//# sourceMappingURL=InputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/components/inputField/InputField.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,IAAM,UAAU,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/components/inputField/InputField.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"frontend",
|
|
10
10
|
"healthplix"
|
|
11
11
|
],
|
|
12
|
-
"version": "1.0.
|
|
12
|
+
"version": "1.0.12",
|
|
13
13
|
"main": "dist/esm/components/index.js",
|
|
14
14
|
"module": "dist/esm/components/index.d.ts",
|
|
15
15
|
"files": [
|
|
@@ -29,8 +29,10 @@
|
|
|
29
29
|
"@types/node": "^16.11.46",
|
|
30
30
|
"@types/react": "^18.0.15",
|
|
31
31
|
"@types/react-dom": "^18.0.6",
|
|
32
|
+
"dayjs": "^1.11.6",
|
|
32
33
|
"hplx-ui-icons": "^2.2.6",
|
|
33
34
|
"react": "^18.2.0",
|
|
35
|
+
"react-date-range": "^1.4.0",
|
|
34
36
|
"react-dom": "^18.2.0",
|
|
35
37
|
"react-scripts": "5.0.1",
|
|
36
38
|
"typescript": "^4.7.4",
|
|
@@ -90,6 +92,8 @@
|
|
|
90
92
|
"@storybook/preset-create-react-app": "^4.1.2",
|
|
91
93
|
"@storybook/react": "^6.5.9",
|
|
92
94
|
"@storybook/testing-library": "^0.0.13",
|
|
95
|
+
"@types/react-calendar": "^3.5.3",
|
|
96
|
+
"@types/react-date-range": "^1.4.4",
|
|
93
97
|
"@types/webfontloader": "^1.6.34",
|
|
94
98
|
"autoprefixer": "^10.4.7",
|
|
95
99
|
"babel-plugin-named-exports-order": "^0.0.2",
|