next-helios-fe 1.10.25 → 1.10.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.10.25",
+  "version": "1.10.27",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/chart/index.tsx

@@ -32,6 +32,7 @@ interface ChartProps {
     datetime?: boolean;
     min?: number;
     max?: number;
+    format?: string;
   };
   yaxis?: {
     min?: number;
@@ -41,7 +42,7 @@ interface ChartProps {
     theme?: "light" | "dark";
     mainColor?: string;
     height?: number;
-    barChart?: { variant: "vertical" | "horizontal" };
+    barChart?: { variant: "vertical" | "horizontal"; stacked?: boolean };
     sparkline?: boolean;
   };
 }
@@ -155,6 +156,7 @@ export const Chart: React.FC<ChartProps> = ({
             },
           },
           foreColor: options?.theme === "light" ? "#475569" : "#ffffff",
+          stacked: options?.barChart?.stacked ? true : false,
         },
         dataLabels: {
           enabled: false,
@@ -199,7 +201,7 @@ export const Chart: React.FC<ChartProps> = ({
           fillSeriesColor: false,
           ...(xaxis?.datetime
             ? {
-                x: { format: "dd MMM yyyy" },
+                x: { format: xaxis.format ? xaxis.format : "dd MMM yyyy" },
               }
             : {}),
         },

package/src/components/form/other/modalSelect.tsx

@@ -171,7 +171,7 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
             label={label}
             placeholder={placeholder}
             description={description}
-            options={options}
+            options={{ ...options, disableDropdown: true }}
             disabled={disabled}
             required={required}
             value={tempValue || ""}

package/src/components/form/other/select.tsx

@@ -20,6 +20,7 @@ export interface SelectProps
   options?: {
     width?: "full" | "fit";
     height?: "short" | "medium" | "high";
+    disableDropdown?: boolean;
   };
   readOnly?: boolean;
 }
@@ -169,92 +170,94 @@ export const Select: React.FC<SelectProps> = ({
           ))}
         </select>
       </label>
-      <div className="w-0 overflow-hidden">
-        <Dropdown
-          placement="bottom-start"
-          trigger={
-            <button
-              type="button"
-              ref={dropdownTriggerRef}
-              className={`w-0 my-0.5 ${height}`}
-              tabIndex={-1}
-              disabled={rest.disabled ?? readOnly ?? false}
-            >
-              1
-            </button>
-          }
-        >
-          {menus.length === 0 ? (
-            <Dropdown.Item
-              onKeyDown={(e) => {
-                if (e.key === "Escape") {
-                  e.preventDefault();
-                  inputRef.current?.focus();
-                  setOpenDropdown(false);
-                } else if (e.key === "Tab") {
-                  setOpenDropdown(false);
-                }
-              }}
-            >
-              <div
-                className="flex justify-center"
-                style={{ width: dropdownWidth - 43 }}
+      {!options?.disableDropdown && (
+        <div className="w-0 overflow-hidden">
+          <Dropdown
+            placement="bottom-start"
+            trigger={
+              <button
+                type="button"
+                ref={dropdownTriggerRef}
+                className={`w-0 my-0.5 ${height}`}
+                tabIndex={-1}
+                disabled={rest.disabled ?? readOnly ?? false}
               >
-                <span>No data found</span>
-              </div>
-            </Dropdown.Item>
-          ) : (
-            menus.map((item, index) => {
-              return (
-                <Dropdown.Item
-                  key={index}
-                  active={tempValue === item.value ? true : false}
-                  as={item.variant || "button"}
-                  disabled={item.disabled ?? false}
-                  onClick={() => {
-                    setTempValue(item.value);
-                    if (rest.onChange) {
-                      rest.onChange({
-                        target: { value: item.value } as HTMLSelectElement,
-                      } as any);
-                    }
-                    setOpenDropdown(false);
+                1
+              </button>
+            }
+          >
+            {menus.length === 0 ? (
+              <Dropdown.Item
+                onKeyDown={(e) => {
+                  if (e.key === "Escape") {
+                    e.preventDefault();
                     inputRef.current?.focus();
-                  }}
-                  onKeyDown={(e) => {
-                    if (e.key === "Escape") {
-                      e.preventDefault();
-                      inputRef.current?.focus();
-                      setOpenDropdown(false);
-                    } else if (e.key === "Tab") {
-                      setOpenDropdown(false);
-                    }
-                  }}
+                    setOpenDropdown(false);
+                  } else if (e.key === "Tab") {
+                    setOpenDropdown(false);
+                  }
+                }}
+              >
+                <div
+                  className="flex justify-center"
+                  style={{ width: dropdownWidth - 43 }}
                 >
-                  <div
-                    className="flex justify-between items-center gap-4"
-                    style={{ width: dropdownWidth - 43 }}
+                  <span>No data found</span>
+                </div>
+              </Dropdown.Item>
+            ) : (
+              menus.map((item, index) => {
+                return (
+                  <Dropdown.Item
+                    key={index}
+                    active={tempValue === item.value ? true : false}
+                    as={item.variant || "button"}
+                    disabled={item.disabled ?? false}
+                    onClick={() => {
+                      setTempValue(item.value);
+                      if (rest.onChange) {
+                        rest.onChange({
+                          target: { value: item.value } as HTMLSelectElement,
+                        } as any);
+                      }
+                      setOpenDropdown(false);
+                      inputRef.current?.focus();
+                    }}
+                    onKeyDown={(e) => {
+                      if (e.key === "Escape") {
+                        e.preventDefault();
+                        inputRef.current?.focus();
+                        setOpenDropdown(false);
+                      } else if (e.key === "Tab") {
+                        setOpenDropdown(false);
+                      }
+                    }}
                   >
-                    <div className="flex flex-col">
-                      <span>{item.label}</span>
-                      {item.subLabel && (
-                        <span
-                          className={`text-xs ${
-                            tempValue === item.value ? "" : "text-disabled"
-                          }`}
-                        >
-                          {item.subLabel}
-                        </span>
-                      )}
+                    <div
+                      className="flex justify-between items-center gap-4"
+                      style={{ width: dropdownWidth - 43 }}
+                    >
+                      <div className="flex flex-col">
+                        <span>{item.label}</span>
+                        {item.subLabel && (
+                          <span
+                            className={`text-xs ${
+                              tempValue === item.value ? "" : "text-disabled"
+                            }`}
+                          >
+                            {item.subLabel}
+                          </span>
+                        )}
+                      </div>
+                      {labelComponent ? labelComponent(item) : ""}
                     </div>
-                    {labelComponent ? labelComponent(item) : ""}
-                  </div>
-                </Dropdown.Item>
-              );
-            })
-          )}
-        </Dropdown>
-      </div>
+                  </Dropdown.Item>
+                );
+              })
+            )}
+          </Dropdown>
+        </div>
+      )}
     </div>
   );
 };