hplx-react-elements-dev 1.0.15 → 1.0.16

package/dist/esm/components/badgeGroup/BadgeGroup.js

@@ -1,82 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Typography from "../typography/Typography";
-import { getColourClassName1, getColourClassName2 } from "../common";
-//Sizes can be one of the following
-// md-Medium,
-// lg-Large,
-var getPaddingClassName1 = function (size) {
-    var className = "flex flex-row px-2 rounded-2xl justify-content-center items-center ";
-    switch (size) {
-        case "md":
-            className = className + "h-[30px]";
-            break;
-        case "lg":
-            className = className + "h-8 ";
-            break;
-        default:
-            className = className + "h-[30px] ";
-            break;
-    }
-    return className;
-};
-var getPaddingClassName2 = function (size) {
-    var className = "flex flex-row px-2 mx-1 rounded-2xl justify-content-center items-center ";
-    switch (size) {
-        case "md":
-            className = className + "h-[22px]";
-            break;
-        case "lg":
-            className = className + "h-6 ";
-            break;
-        default:
-            className = className + "h-[22px] ";
-            break;
-    }
-    return className;
-};
-var getSizeClassName = function (size) {
-    var className;
-    switch (size) {
-        case "md":
-            className = "Text xs";
-            break;
-        case "lg":
-            className = "Text sm";
-            break;
-        default:
-            className = "Text xs";
-            break;
-    }
-    return className;
-};
-var BadgeGroup = function (_a) {
-    var size = _a.size, colour = _a.colour, theme = _a.theme, iconfile = _a.iconfile, text = _a.text, textMessage = _a.textMessage, groupType = _a.groupType, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.onRightIconClick, onRightIconClick = _c === void 0 ? function () { } : _c;
-    return (_jsxs("form", { children: [groupType === "Leading" && (_jsxs("div", __assign({ 
-                // {...textProps}
-                className: [
-                    getColourClassName1(colour, theme),
-                    getSizeClassName(size),
-                    getPaddingClassName1(size),
-                ].join(" "), onClick: onClick }, { children: [_jsx("div", __assign({ 
-                        // {...textProps}
-                        className: [
-                            getColourClassName2(colour, theme),
-                            getSizeClassName(size),
-                            getPaddingClassName2(size),
-                        ].join(" "), onClick: onClick }, { children: textMessage && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: text }))) })), text && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: textMessage }))), iconfile && (_jsx("span", { "data-testid": "badgeGoup-Icon", onClick: onRightIconClick, className: "".concat(iconfile) }))] }))), groupType === "Trailing" && (_jsxs("div", __assign({ 
-                // {...textProps}
-                className: [
-                    getColourClassName1(colour, theme),
-                    getSizeClassName(size),
-                    getPaddingClassName1(size),
-                ].join(" "), onClick: onClick }, { children: [text && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: textMessage }))), _jsxs("div", __assign({ 
-                        // {...textProps}
-                        className: [
-                            getColourClassName2(colour, theme),
-                            getSizeClassName(size),
-                            getPaddingClassName2(size),
-                        ].join(" "), onClick: onClick }, { children: [textMessage && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: text }))), iconfile && (_jsx("span", { "data-testid": "badgeGoup-Icon", onClick: onRightIconClick, className: "".concat(iconfile) }))] }))] })))] }));
-};
-export default BadgeGroup;
-//# sourceMappingURL=BadgeGroup.js.map

package/dist/esm/components/badgeGroup/BadgeGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeGroup.js","sourceRoot":"","sources":["../../../../src/components/badgeGroup/BadgeGroup.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/Button.js

@@ -1,90 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Typography from "../typography/Typography";
-//getHierarchyClassName is used to get the properties of button based on the hierarchy and the disabled status
-var getHierarchyClassName = function (hierarchy, disabled) {
-    switch (hierarchy) {
-        case "Primary":
-            return disabled
-                ? "bg-Primary-200 text-White content-center" //Disabled Primary Button
-                : "bg-Primary-600 active:bg-Primary-600 hover:bg-Primary-700 focus:outline-bg-Primary-200 focus:ring shadow-xs text-White";
-        case "Secondary":
-            return disabled
-                ? "bg-Primary-25 text-Primary-300" //Disabled Secondary Button
-                : "bg-Primary-50 active:bg-Primary-50 hover:bg-Primary-100 focus:outline-bg-Primary-200 focus:ring shadow-xs text-Primary-700";
-        case "Secondary-Grey":
-            return disabled
-                ? "bg-White text-Gray-300 border-solid border border-Gray-200" //Disabled Secondary-Grey Button
-                : "bg-white border-solid border border-Gray-300 active:bg-white hover:bg-Gray-25 focus shadow-xs text-Gray-700";
-        case "Tertiary":
-            return disabled
-                ? "text-Gray-300" //Disabled Tertiary Button
-                : "active:bg-white hover:bg-Primary-50 focus text-Primary-700";
-        case "Tertiary-Grey":
-            return disabled
-                ? "text-Gray-300" //Disabled Tertiary-Grey Button
-                : "active:bg-white hover:bg-Gray-50 focus text-Gray-700";
-        case "Link-Colour":
-            return disabled
-                ? "text-Gray-300" //Disabled Link-Colour Button
-                : "text-Primary-700 active:bg-white hover:text-Primary-800 focus:text-Primary-700 ";
-        case "Link-Grey":
-            return disabled
-                ? "text-Gray-300" //Disabled Link-Grey Button
-                : "text-Gray-500 active:bg-white hover:text-Gray-700";
-        default:
-            return "bg-Primary-600 active:bg-Primary-600 hover:bg-Primary-700 focus:outline-bg-Primary-200 focus:ring shadow-xs text-White";
-    }
-};
-//getSizeClassName is used to get the size of the button
-var getSizeClassName = function (size) {
-    switch (size) {
-        case "sm":
-            return "Text xs";
-        case "md":
-            return "Text sm";
-        case "lg":
-            return "Text sm";
-        case "xl":
-            return "Text md";
-        case "2xl":
-            return "Text md";
-        default:
-            return "Text md";
-    }
-};
-// getPaddingClassName is used to get the padding of the button and placement of content in the button
-var getPaddingClassName = function (size, icon, iconFile) {
-    switch (size) {
-        case "sm":
-            return icon && iconFile && icon === "Only"
-                ? "h-8 w-[34px] px-[5.8px]"
-                : "h-8 px-4";
-        case "md":
-            return icon && iconFile && icon === "Only"
-                ? "h-9 w-[42px] px-[9.8px]"
-                : "h-9 px-4";
-        case "lg":
-            return icon && iconFile && icon === "Only"
-                ? "h-10 w-[42px] px-[9.8px]"
-                : "h-10 px-4";
-        case "xl":
-            return icon && iconFile && icon === "Only"
-                ? "h-11 w-[46px] px-[11.8px]"
-                : "h-11 px-4";
-        case "2xl":
-            return icon && iconFile && icon === "Only"
-                ? "h-12 w-[50px] px-[13.8px]"
-                : "h-12 px-4";
-        default:
-            return icon && iconFile && icon === "Only"
-                ? "h-8 w-[34px] px-[5.8px]"
-                : "h-8 px-4";
-    }
-};
-var Button = function (_a) {
-    var hierarchy = _a.hierarchy, size = _a.size, textField = _a.textField, _b = _a.icon, icon = _b === void 0 ? "No" : _b, iconFile = _a.iconFile, disabled = _a.disabled, children = _a.children, className = _a.className, buttonProps = __rest(_a, ["hierarchy", "size", "textField", "icon", "iconFile", "disabled", "children", "className"]);
-    return (_jsxs("button", __assign({ className: "truncate text-center inline-flex items-center ".concat(getHierarchyClassName(hierarchy, disabled), " ").concat(getPaddingClassName(size, icon, iconFile), " rounded-lg ").concat(className), disabled: disabled }, buttonProps, { children: [icon && iconFile && icon === "Left" && (_jsx("span", { className: iconFile.toString() })), textField && icon !== "Only" && (_jsx(Typography, __assign({ variant: "Medium", type: getSizeClassName(size) }, { children: textField }))), icon && iconFile && icon === "Only" && (_jsx("span", { className: iconFile.toString() })), icon && iconFile && icon === "Right" && (_jsx("span", { className: iconFile.toString() })), children] })));
-};
-export default Button;
-//# sourceMappingURL=Button.js.map

package/dist/esm/components/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/index.js

@@ -1,3 +0,0 @@
-import Button from "./Button";
-export default Button;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/dist/esm/components/buttonGroups/ButtonGroups.js

@@ -1,51 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import Typography from "../typography/Typography";
-var ButtonGroups = function (_a) {
-    var options = _a.options, _b = _a.disabled, disabled = _b === void 0 ? false : _b, value = _a.value, onChange = _a.onChange, ButtonGroupsProps = __rest(_a, ["options", "disabled", "value", "onChange"]);
-    var _c = useState(-1), hovered = _c[0], setHovered = _c[1];
-    // const touch = touched && touched[name];
-    // const error = errors && errors[name];
-    // const errorMsg = touch && error ? error : undefined;
-    var handleChange = function (buttonValue) {
-        return function (_) {
-            buttonValue && onChange && onChange(buttonValue);
-        };
-    };
-    var onMouseEnterHandler = function (index) { return function () {
-        setHovered(index);
-    }; };
-    var onMouseLeaveHandler = function () {
-        setHovered(-1);
-    };
-    return (_jsx("div", __assign({ className: "border-1 border-Gray-300 rounded-lg flex overflow-hidden" }, { children: !!options &&
-            options.constructor === Array &&
-            options.map(function (option, index) {
-                var _a = option || {}, end_icon = _a.end_icon, start_icon = _a.start_icon, label = _a.label, buttonValue = _a.value;
-                var isSelected = value && buttonValue === value;
-                console.log(isSelected);
-                var isHovered = index === hovered;
-                return (_jsxs("button", __assign({ disabled: disabled, onMouseEnter: onMouseEnterHandler(index), onMouseLeave: onMouseLeaveHandler, className: "flex items-center justify-center flex-1 h-10\n              ".concat(!disabled && isSelected ? "bg-Primary-50" : "bg-White", "\n              ").concat(index + 1 !== options.length && "border-r-1 border-Gray-300"), onClick: handleChange(buttonValue) }, ButtonGroupsProps, { children: [Boolean(start_icon) && (_jsx("div", __assign({ className: "flex items-center pl-2 ".concat(!label && "pr-2", " ").concat(disabled
-                                ? "text-Gray-300"
-                                : isSelected
-                                    ? "text-Primary-700"
-                                    : isHovered
-                                        ? "text-Gray-800"
-                                        : "text-Gray-500") }, { children: _jsx("span", { className: start_icon }) }))), Boolean(label) && (_jsx("div", __assign({ className: "px-2 ".concat(disabled
-                                ? "text-Gray-300"
-                                : isSelected
-                                    ? "text-Primary-700"
-                                    : isHovered
-                                        ? "text-Gray-800"
-                                        : "text-Gray-700") }, { children: _jsx(Typography, __assign({ variant: "Medium", type: "Text sm" }, { children: label })) }))), Boolean(end_icon) && (_jsx("div", __assign({ className: "flex items-center pr-2 ".concat(!label && "pl-2", " ").concat(disabled
-                                ? "text-Gray-300"
-                                : isSelected
-                                    ? "text-Primary-700"
-                                    : isHovered
-                                        ? "text-Gray-800"
-                                        : "text-Gray-500") }, { children: _jsx("span", { className: end_icon }) })))] }), buttonValue || index));
-            }) })));
-};
-export default ButtonGroups;
-//# sourceMappingURL=ButtonGroups.js.map

package/dist/esm/components/buttonGroups/ButtonGroups.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroups.js","sourceRoot":"","sources":["../../../../src/components/buttonGroups/ButtonGroups.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/card/Card.js

@@ -1,12 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from "../button";
-var Card = function (_a) {
-    var title = _a.title;
-    var handleFooterBtnClick = function () {
-        console.log("footer btn clicked");
-    };
-    return (_jsxs("div", __assign({ className: "relative flex flex-col h-100 " }, { children: [_jsx("div", __assign({ className: "w-full flex p-4 items-center text-center bg-Gray-100 h-20 absolute top-0" }, { children: title })), _jsx("div", __assign({ className: "overflow-y-scroll h-80 my-20" }, { children: _jsxs("div", { children: [_jsx("h3", { children: "Card body" }), _jsx("div", { children: "Card content 1" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" }), _jsx("div", { children: "Card content" })] }) })), _jsxs("div", __assign({ className: "w-full  flex p-4 items-center text-center border-t border-Gray-200 h-20 absolute bottom-0" }, { children: ["footer", _jsx(Button, { hierarchy: "Primary", size: "sm", textField: "Card footer button", disabled: false, onClick: handleFooterBtnClick })] }))] })));
-};
-export default Card;
-//# sourceMappingURL=Card.js.map

package/dist/esm/components/card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,IAAM,IAAI,GAAG,UAAC,EAAmB;QAAjB,KAAK,WAAA;IACnB,IAAM,oBAAoB,GAAG;QAC3B,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,wBAAK,SAAS,EAAC,+BAA+B,iBAC5C,uBAAK,SAAS,EAAC,0EAA0E,gBACtF,KAAK,IACF,EACN,uBAAK,SAAS,EAAC,8BAA8B,gBAC3C,0BACE,qCAAkB,EAClB,2CAAyB,EACzB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,EACvB,yCAAuB,IACnB,IACF,EACN,wBAAK,SAAS,EAAC,2FAA2F,2BAExG,KAAC,MAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,oBAAoB,GAC7B,KACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/components/checkbox/Checkbox.js

@@ -1,42 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Typography from "../typography/Typography";
-import { useState } from "react";
-//getSizeClassName is used to get the size of the checkbox
-var getSizeClassName = function (size) {
-    switch (size) {
-        case "sm":
-            return "Text xs";
-        case "md":
-            return "Text sm";
-        default:
-            return "Text md";
-    }
-};
-// getPaddingClassName is used to get the padding of the button and placement of content in the button
-var getPaddingClassName = function (size) {
-    switch (size) {
-        case "sm":
-            return "w-4 h-4 mr-2 gap-1 text-[14px] rounded-[4px]";
-        case "md":
-            return "w-5 h-5 mr-3 gap-2 text-[18px] rounded-[6px]";
-        default:
-            return "gap-1";
-    }
-};
-var getLabelStyle = function (disabled) {
-    return disabled
-        ? "flex flex-col text-Gray-300"
-        : "flex flex-col text-Gray-700";
-};
-var Checkbox = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "sm" : _b, text = _a.text, secondaryText = _a.secondaryText, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
-    var _e = useState(false), isChecked = _e[0], setCheck = _e[1];
-    var OnButtonClick = function () {
-        onClick();
-        setCheck(function (prevValue) { return !prevValue; });
-    };
-    return (_jsxs("div", __assign({ className: "flex" }, { children: [_jsx("div", { "data-testid": "box", className: "".concat(disabled ? "".concat(getPaddingClassName(size), " text-Gray-200 bg-Gray-100 border-1 border-Gray-200") : "".concat(isChecked ? "hx_checkmark text-Primary-600 border-Primary-600 bg-Primary-50" : "bg-Gray-100 border-Gray-300", " ").concat(getPaddingClassName(size), " flex justify-center items-center border-1 hover:text-Primary-600 hover:border-Primary-600 hover:bg-Primary-50 active:ring-4 active:ring-Primary-100"), "}"), onClick: disabled ? undefined : OnButtonClick, style: { fontWeight: 1000 } }), _jsxs("div", __assign({ className: getLabelStyle(disabled) }, { children: [_jsx(Typography, __assign({ "data-testid": "text", variant: "Medium", type: getSizeClassName(size) }, { children: text })), secondaryText && (_jsx(Typography, __assign({ "data-testid": "sub-text", variant: "Regular", type: getSizeClassName(size) }, { children: secondaryText })))] }))] })));
-};
-export default Checkbox;
-//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";;AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,0DAA0D;AAC1D,IAAM,gBAAgB,GAAG,UAAC,IAAsB;IAC9C,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,SAAS,CAAC;QACnB,KAAK,IAAI;YACP,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC,CAAC;AAEF,sGAAsG;AACtG,IAAM,mBAAmB,GAAG,UAAC,IAAsB;IACjD,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,8CAA8C,CAAC;QACxD,KAAK,IAAI;YACP,OAAO,8CAA8C,CAAC;QACxD;YACE,OAAO,OAAO,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,QAAiB;IACtC,OAAO,QAAQ;QACb,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,6BAA6B,CAAC;AACpC,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAiF;QAA/E,YAAS,EAAT,IAAI,mBAAC,IAAI,KAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,gBAAc,EAAd,QAAQ,mBAAC,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAE,cAAK,CAAC,KAAA;IAC3E,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,SAAS,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAC9C,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,CAAA;QACT,QAAQ,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,EAAV,CAAU,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,wBAAK,SAAS,EAAE,MAAM,iBACpB,6BAAiB,KAAK,EACpB,SAAS,EAAE,UAAI,QAAQ,CAAC,CAAC,CAAC,UAAG,mBAAmB,CAAC,IAAI,CAAC,wDAAqD,CAAC,CAAC,CAAC,UAAI,SAAS,CAAC,CAAC,CAAC,gEAAgE,CAAC,CAAC,CAAC,6BAA6B,cAC1N,mBAAmB,CAAC,IAAI,CAAC,yJAAsJ,MAAG,EAEtL,OAAO,EAAE,QAAQ,CAAA,CAAC,CAAC,SAAS,CAAA,CAAC,CAAA,aAAa,EAC1C,KAAK,EACH,EAAC,UAAU,EAAC,IAAI,EAAC,GAEnB,EACF,wBAAK,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,iBACrC,KAAC,UAAU,4BAAa,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBACzE,IAAI,IACM,EAEZ,aAAa,IAAI,CAChB,KAAC,UAAU,4BAAa,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBAC9E,aAAa,IACH,CACd,KACG,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/checkbox/index.js

@@ -1,3 +0,0 @@
-import Checkbox from "./Checkbox";
-export default Checkbox;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/dist/esm/components/checkboxGroup/CheckboxGroup.js

@@ -1,23 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import CheckboxGroupItem from "./CheckboxGroupItem";
-var CheckboxGroup = function (_a) {
-    var 
-    // field,
-    // form,
-    variant = _a.variant, size = _a.size, options = _a.options;
-    var _b = useState(-1), active = _b[0], setActive = _b[1];
-    var OnButtonClick = function (index) { return function () {
-        if (index > -1) {
-            setActive(index);
-        }
-    }; };
-    return (_jsx("div", __assign({ className: "flex flex-col gap-2" }, { children: (options === null || options === void 0 ? void 0 : options.constructor) === Array && options.length ? (options.map(function (option, index) {
-            var _a = option || {}, onClick = _a.onClick, restOptions = __rest(_a, ["onClick"]);
-            return (_jsx(CheckboxGroupItem, __assign({}, restOptions, { size: size, variant: variant, onClick: function () { OnButtonClick(index)(); }, isActive: active === index })));
-        })) :
-            "" })));
-};
-export default CheckboxGroup;
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,IAAM,aAAa,GAAG,UAAC,EAMA;;IALrB,SAAS;IACT,QAAQ;IACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,OAAO,aAAA;IAEC,IAAA,KAAsB,QAAQ,CAAS,CAAC,CAAC,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IACjD,IAAM,aAAa,GAAG,UAAC,KAAY,IAAK,OAAA;QACtC,IAAG,KAAK,GAAC,CAAC,CAAC,EAAC;YACV,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,EAJuC,CAIvC,CAAC;IACF,OAAO,CACH,uBAAK,SAAS,EAAC,qBAAqB,gBAEvC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;YACxB,IAAM,KAA6B,MAAM,IAAI,EAAE,EAAvC,OAAO,aAAA,EAAI,WAAW,cAAxB,WAA0B,CAAe,CAAC;YAEhD,OAAO,CACL,KAAC,iBAAiB,eACZ,WAAW,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAK,aAAa,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAG,KAAK,IAC9G,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC;YACH,EAAE,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js

@@ -1,34 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Typography from "../typography/Typography";
-import Avatar from "../avatar/Avatar";
-function Checkmark(disabled, size, isActive) {
-    return (_jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4" : "w-5 h-5", " ").concat(isActive ? "hx_checkmark bg-Primary-600" : "", " ").concat(disabled ? "" : "group-hover:border-Primary-600 group-active:ring-4 group-active:ring-Primary-100", " absolute flex m-4 top-0 right-0 my-auto bottom-0 rounded-full justify-center items-center border-1 border-Gray-300 text-White "), style: { fontSize: size === "sm" ? 12 : 16,
-            fontWeight: 1000 } }));
-}
-var CheckboxGroupItem = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? "Icon Simple" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, icon_name = _a.icon_name, monthly_cost = _a.monthly_cost, plan_details = _a.plan_details, plan_name = _a.plan_name, _d = _a.limited, limited = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onClick = _a.onClick, _f = _a.isActive, isActive = _f === void 0 ? false : _f;
-    switch (variant) {
-        case "Icon Simple":
-            return (_jsx("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: _jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", { className: "".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })), Checkmark(disabled, size, isActive)] })) })));
-        //  
-        case "Icon Card":
-            return (_jsx("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: _jsxs("div", __assign({ className: "flex flex-col ".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-White border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), "  border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", __assign({ className: "border-b border-Gray-200 ".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 group-hover:border-Primary-500 text-Primary-800" : "text-Gray-700 group-hover:border-Primary-300", " ")) }, { children: _jsxs("div", __assign({ className: "flex m-2 " }, { children: [_jsx("div", { className: " ".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsx(Typography, __assign({ variant: "Medium", type: "Text ".concat(size === "sm" ? "md" : "lg"), className: "flex p-2 ".concat(disabled ? "bg-Gray-50 text-Gray-700" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 group-hover:border-Primary-500 text-Primary-800" : " group-hover:border-Primary-300")) }, { children: plan_name })), _jsx("div", __assign({ className: " absolute p-4 right-0" }, { children: Checkmark(disabled, size, isActive) }))] })) })), _jsxs("div", __assign({ className: "p-4" }, { children: [limited && (_jsx(Typography, __assign({ variant: "Medium", type: "Text ".concat(size === "sm" ? "xs" : "sm"), className: "absolute right-0 mr-4 ".concat(disabled ? "bg-Gray-100 text-Gray-700" : "bg-Success-50 text-Success-700", " rounded-2xl px-2 py-1") }, { children: "Limited time only" }))), _jsx(Typography, __assign({ variant: "".concat(size === "sm" ? "Semibold" : "Medium"), type: "Display ".concat(size === "sm" ? "xs" : "sm"), className: "inline-flex text-Gray-700 " }, { children: monthly_cost })), _jsx(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: " inline-flex text-Gray-500" }, { children: "per month" })), _jsx(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: " text-Gray-500" }, { children: plan_details }))] }))] })) })));
-        //
-        case "Avatar":
-            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx(Avatar, { url: icon_name, placeholder: false, text: false, size: "Text ".concat(size) }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, _jsx("br", {}), plan_details] }))] }))] })), Checkmark(disabled, size, isActive)] })));
-        case "Payment icon":
-            return (_jsxs("div", __assign({ "data-testid": "payment-".concat(plan_name), className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsxs("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: [_jsx("div", { "data-testid": "payment-icon", className: "".concat(icon_name, " ").concat(disabled ? "border-6 border-Gray-50 bg-Gray-100 text-Gray-300" : "border-4 border-Primary-50 bg-Primary-100 text-Primary-600", " ").concat(size === "sm" ? "w-8 h-8" : "w-10 h-10", " flex justify-center items-center rounded-full"), style: { fontWeight: 1000 } }), _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700") }, { children: [plan_name, " ", "ending in ", " ", monthly_cost, _jsx(Typography, __assign({ "data-testid": "plan-details", variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500") }, { children: plan_details })), _jsx("div", __assign({ "data-testid": "default-".concat(plan_name), onClick: function () { return console.log('payment set as default'); } }, { children: _jsx(Typography, __assign({ "data-testid": "set-as-default", variant: "Medium", type: "Text sm", className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline gap-4") }, { children: "Set as default" })) })), _jsx("div", __assign({ "data-testid": "Edit-".concat(plan_name), onClick: function () { return console.log('payment edit click'); } }, { children: _jsx(Typography, __assign({ "data-testid": "edit", variant: "Medium", type: "Text sm", className: "inline text-Primary-700" }, { children: "Edit" })) }))] }))] })), Checkmark(disabled, size, isActive)] })));
-        //
-        case "Radio button":
-            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsx("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700", " ml-8") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })) })), _jsxs(_Fragment, { children: [_jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4" : "w-5 h-5", " ").concat(disabled ? "" : "".concat(isActive ? "border-Primary-600" : "", " group-active:ring-4 group-active ring-Primary-100 group-hover:bg-Primary-50 group-hover:border-Primary-600"), " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full border-1 border-Gray-300 ") }), _jsx("div", { className: "".concat(size === "sm" ? "w-[7px] h-[7px] m-[20.5px]" : "w-2 h-2 m-[22px]", " ").concat(isActive ? "scale-100 border-Primary-600" : "scale-0", " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full justify-center items-center bg-Primary-600 "), style: { fontSize: size === "sm" ? 12 : 16,
-                                    fontWeight: 1000 } })] })] })));
-        case "Checkbox":
-            return (_jsxs("div", __assign({ className: "relative group", onClick: disabled ? undefined : onClick }, { children: [_jsx("div", __assign({ className: "".concat(disabled ? "bg-Gray-50" : "".concat(isActive ? "bg-Primary-50 border-Primary-300 hover:border-Primary-500" : "hover:border-Primary-300", " active:ring-4 active:ring-Primary-100"), " flex items-center gap-4 p-4 border-1 border-Gray-200 rounded-lg ") }, { children: _jsxs(Typography, __assign({ variant: "Medium", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-800" : "text-Gray-700", " ml-8") }, { children: [plan_name, " ", " ", _jsxs(Typography, __assign({ variant: "Regular", type: "Text ".concat(size), className: "".concat(isActive ? "text-Primary-600" : "text-Gray-500", " inline") }, { children: [monthly_cost, "/month", _jsx("br", {}), plan_details] }))] })) })), _jsx("div", { className: "".concat(size === "sm" ? "w-4 h-4 rounded-[4px]" : "w-5 h-5 rounded-md", " ").concat(isActive ? "hx_checkmark text-Primary-600 border-Primary-600 bg-Primary-50" : "", " ").concat(disabled ? "" : "group-hover:border-Primary-600 group-active:ring-4 group-active:ring-Primary-100", " absolute flex m-4 top-0 left-0 my-auto bottom-0 rounded-full justify-center items-center border-1 border-Gray-300"), style: {
-                            fontSize: size === "sm" ? 16 : 20,
-                            fontWeight: 1000,
-                        } })] })));
-    }
-};
-export default CheckboxGroupItem;
-//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroupItem.js","sourceRoot":"","sources":["../../../../src/components/checkboxGroup/CheckboxGroupItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/collapsibleCard/CollapsibleCard.js

@@ -1,67 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import Button from "../button/Button";
-var getPostionClassName = function (directionClass) {
-    switch (directionClass) {
-        case "lefttrue":
-            return "w-72 -mr-72";
-        case "leftfalse":
-            return "w-16 -mr-16";
-        case "righttrue":
-            return "w-72 -ml-36 ";
-        case "rightfalse":
-            return "w-16 -ml-16";
-        default:
-            return "w-72 -ml-72 left-full";
-    }
-};
-var CollapsibleCard = function (props) {
-    var _a = props || {}, _b = _a.direction, direction = _b === void 0 ? "down" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, header = _a.header, children = _a.children, footer = _a.footer, _d = _a.icon, icon = _d === void 0 ? "Left" : _d, _e = _a.openIcon, openIcon = _e === void 0 ? "hx_add" : _e, _f = _a.closeIcon, closeIcon = _f === void 0 ? "hx_remove" : _f, _g = _a.width, width = _g === void 0 ? "" : _g, _h = _a.height, height = _h === void 0 ? "" : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, handleCollapsibleDisplay = _a.handleCollapsibleDisplay, headerRightChildren = _a.headerRightChildren;
-    var _k = useState(false), active = _k[0], setActive = _k[1];
-    var OnButtonClick = function () {
-        setActive(function (prevValue) { return !prevValue; });
-    };
-    var getWidth = function (w) {
-        return width !== "" ? "w-".concat(w) : "";
-    };
-    var getHeight = function (h) {
-        return height !== "" ? "h-".concat(h) : "";
-    };
-    var handleArrowClick = function () {
-        setActive(!active);
-        handleCollapsibleDisplay && handleCollapsibleDisplay(!active);
-    };
-    var getIconClass = function () {
-        var clsName = 'mt-2 absolute cursor-pointer items-center text-center right-2 top-0';
-        if (disabled) {
-            clsName += ' hidden';
-        }
-        if (direction === 'right') {
-            clsName += ' hx_right';
-        }
-        else {
-            clsName += ' hx_left';
-        }
-        if (!active) {
-            clsName += ' rotate-180 overflow-hidden';
-        }
-        return clsName;
-    };
-    if (direction === "up" || direction === "down") {
-        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 () {
-                        console.log("onAnimationEnd called");
-                    }, 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 }))] }))] })));
-    }
-    else {
-        return (_jsx("div", __assign({ className: "flex" }, { children: _jsxs("div", __assign({ className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative") }, { children: [_jsx("div", { "data-testid": "CollapseIcon", 
-                        // className={`${disabled ? "hidden" : ""} ${
-                        //   direction === "right" ? "hx_right" : "hx_left"
-                        // } mt-2 absolute cursor-pointer items-center text-center right-[10px] top-0 ${
-                        //   !active && "rotate-180 overflow-hidden"
-                        // }`}
-                        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 }))] }))] })) })));
-    }
-};
-export default CollapsibleCard;
-//# sourceMappingURL=CollapsibleCard.js.map

package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../../src/components/collapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"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"}