hplx-react-elements-dev 1.0.25 → 1.0.26

package/dist/esm/index.js

@@ -1973,6 +1973,10 @@ var getHierarchyClassName = function getHierarchyClassName(hierarchy, disabled)
       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 "Secondary-Grey-Dashed":
+      return disabled ? "bg-White text-Gray-300 border-solid border border-Gray-200" //Disabled Secondary-Grey Button
+      : "bg-Gray-25 border-dashed border border-Gray-200 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";
@@ -4047,10 +4051,10 @@ var getPostionClassName = function getPostionClassName(directionClass) {
       return "w-16 -mr-16";
 
     case "righttrue":
-      return "w-72 -ml-36 ";
+      return "w-72";
 
     case "rightfalse":
-      return "w-16 -ml-16";
+      return "w-16";
 
     default:
       return "w-72 -ml-72 left-full";
@@ -4067,7 +4071,7 @@ var CollapsibleCard = function CollapsibleCard(props) {
       children = _a.children,
       footer = _a.footer,
       _d = _a.icon,
-      icon = _d === void 0 ? "Left" : _d,
+      icon = _d === void 0 ? "Right" : _d,
       _e = _a.openIcon,
       openIcon = _e === void 0 ? "hx_add" : _e,
       _f = _a.closeIcon,
@@ -4105,20 +4109,20 @@ var CollapsibleCard = function CollapsibleCard(props) {
   };
 
   var getIconClass = function getIconClass() {
-    var clsName = 'mt-2 absolute cursor-pointer items-center text-center right-2 top-0';
+    var clsName = "mt-2 absolute cursor-pointer items-center text-center right-2 top-0";
 
     if (disabled) {
-      clsName += ' hidden';
+      clsName += " hidden";
     }
 
-    if (direction === 'right') {
-      clsName += ' hx_right';
+    if (direction === "right") {
+      clsName += " hx_right";
     } else {
-      clsName += ' hx_left';
+      clsName += " hx_left";
     }
 
     if (!active) {
-      clsName += ' rotate-180 overflow-hidden';
+      clsName += " rotate-180 overflow-hidden";
     }
 
     return clsName;
@@ -4131,15 +4135,21 @@ var CollapsibleCard = function CollapsibleCard(props) {
       children: [jsxRuntime.exports.jsxs("div", __assign({
         className: "flex flex-1 flex-row items-center"
       }, {
-        children: [jsxRuntime.exports.jsx(Button, {
-          onClick: OnButtonClick,
-          hierarchy: "Secondary",
-          size: "lg",
-          icon: icon,
-          iconFile: active ? closeIcon : openIcon,
-          textField: label,
-          disabled: false
-        }), active && headerRightChildren]
+        children: [jsxRuntime.exports.jsx(Tooltip, __assign({
+          variant: "Top",
+          text: active ? "Click here to collapse" : "Click here to expand",
+          theme: "light"
+        }, {
+          children: jsxRuntime.exports.jsx(Button, {
+            onClick: OnButtonClick,
+            hierarchy: "Secondary-Grey-Dashed",
+            size: "lg",
+            icon: icon,
+            iconFile: active ? closeIcon : openIcon,
+            textField: label,
+            disabled: false
+          })
+        })), active && headerRightChildren]
       })), jsxRuntime.exports.jsxs("div", __assign({
         "data-testid": "animationDiv",
         onAnimationEnd: function onAnimationEnd() {
@@ -16742,6 +16752,10 @@ var DatePicker = function DatePicker(_a) {
       selected = _d[0],
       setSelected = _d[1];
 
+  useEffect(function () {
+    if (selectDate) setDate(selectDate);
+  }, [selectDate]);
+
   var handleSelect = function handleSelect(date) {
     setDate(date);
     setSelected(!selected);

package/dist/esm/types.d.ts

@@ -85,7 +85,7 @@ export interface ProgressCircleProps extends React.DetailedHTMLProps<React.HTMLA
     spinnerMode?: boolean;
     progress: number;
 }
-type hierarchyType = "Primary" | "Secondary" | "Secondary-Grey" | "Tertiary" | "Tertiary-Grey" | "Link-Colour" | "Link-Grey";
+type hierarchyType = "Primary" | "Secondary" | "Secondary-Grey" | "Secondary-Grey-Dashed" | "Tertiary" | "Tertiary-Grey" | "Link-Colour" | "Link-Grey";
 type buttonSizeType = "sm" | "md" | "lg" | "xl" | "2xl";
 type iconType = "No" | "Left" | "Right" | "Only";
 export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.25",
+  "version": "1.0.26",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",