@sikka/hawa 0.30.16-next → 0.30.18-next

package/dist/elements/index.mjs

@@ -925,15 +925,9 @@ var DataTable = ({
   const [expanded, setExpanded] = React10.useState({});
   const [columnVisibility, setColumnVisibility] = React10.useState({});
   const [rowSelection, setRowSelection] = React10.useState({});
-  const visibleColumns = columns.filter(
-    (column) => {
-      var _a2;
-      return ((_a2 = column.meta) == null ? void 0 : _a2.hidden) !== true;
-    }
-  );
   const table = useReactTable({
     data,
-    columns: visibleColumns,
+    columns,
     onExpandedChange: setExpanded,
     getExpandedRowModel: getExpandedRowModel(),
     onGlobalFilterChange: setGlobalFilter,
@@ -953,15 +947,22 @@ var DataTable = ({
       rowSelection,
       expanded
     }
-    // defaultColumn: {
-    //   maxSize: 200
-    // }
   });
   const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
   const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
     label: `${item} / ${pageText}`,
     value: item
   }));
+  React10.useEffect(() => {
+    setColumnVisibility((prev) => {
+      let newColumnVisibility = {};
+      columns.forEach((column) => {
+        var _a2;
+        newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+      });
+      return newColumnVisibility;
+    });
+  }, [columns]);
   return /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React10.createElement(
     Input,
     {
@@ -1238,7 +1239,7 @@ var DataTable = ({
 };
 
 // elements/backToTop/BackToTop.tsx
-import React11, { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
+import React11, { useState as useState3, useEffect as useEffect3, useRef as useRef2 } from "react";
 var BackToTop = ({ ...props }) => {
   const [visible, setVisible] = useState3(false);
   const [rect, _setRect] = useState3(null);
@@ -1268,7 +1269,7 @@ var BackToTop = ({ ...props }) => {
       props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
     }
   };
-  useEffect2(() => {
+  useEffect3(() => {
     if (!props.anchor.current)
       return;
     props.anchor.current.addEventListener("scroll", onScroll);
@@ -1352,7 +1353,6 @@ var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ React12.createElement(Dialog, { ...props }, /* @__PURE__ */ React12.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React12.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
@@ -1392,7 +1392,6 @@ var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
     }
   )
 ));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
 var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.List,
   {
@@ -1404,7 +1403,6 @@ var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-CommandList.displayName = CommandPrimitive.List.displayName;
 var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.Empty,
   {
@@ -1413,7 +1411,6 @@ var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ React12.cr
     ...props
   }
 ));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
 var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.Group,
   {
@@ -1425,7 +1422,6 @@ var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
 var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.Separator,
   {
@@ -1434,7 +1430,6 @@ var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
 var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.Item,
   {
@@ -1446,7 +1441,6 @@ var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({
   className,
   ...props
@@ -1463,6 +1457,13 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+CommandList.displayName = CommandPrimitive.List.displayName;
+Command.displayName = CommandPrimitive.displayName;
+CommandInput.displayName = CommandPrimitive.Input.displayName;
 
 // elements/combobox/Combobox.tsx
 var Combobox = React13.forwardRef(
@@ -1607,7 +1608,7 @@ var Combobox = React13.forwardRef(
 );
 
 // elements/fileDropzone/FileDropzone.tsx
-import React14, { useEffect as useEffect3, useState as useState5 } from "react";
+import React14, { useEffect as useEffect4, useState as useState5 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx from "clsx";
 var FileDropzone = ({
@@ -1652,7 +1653,7 @@ var FileDropzone = ({
       );
     }
   });
-  useEffect3(
+  useEffect4(
     () => () => {
       files == null ? void 0 : files.forEach((file) => {
         URL.revokeObjectURL(file.preview);
@@ -1660,7 +1661,7 @@ var FileDropzone = ({
     },
     [files]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     setFiles(acceptedFiles);
   }, [acceptedFiles, cmp, setFiles]);
   onClearFiles = () => {
@@ -1672,7 +1673,7 @@ var FileDropzone = ({
     acceptedFiles.length = 0;
     setFiles([]);
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (maxSize > 0) {
       const k = 1024;
       const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
@@ -2000,7 +2001,7 @@ var AppStores = (props) => {
 };
 
 // elements/badge/Badge.tsx
-import React19, { useEffect as useEffect5, useState as useState7, useRef as useRef5 } from "react";
+import React19, { useEffect as useEffect6, useState as useState7, useRef as useRef5 } from "react";
 var Badge = ({
   anchor,
   position = "right",
@@ -2015,7 +2016,7 @@ var Badge = ({
     default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
     large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
   };
-  useEffect5(() => {
+  useEffect6(() => {
     const handlePositioning = () => {
       var _a;
       if (anchor.current && indicatorRef.current) {
@@ -2079,7 +2080,7 @@ var BadgedComponent = ({
 // elements/colorPicker/ColorPicker.tsx
 import React20, {
   useState as useState8,
-  useEffect as useEffect6
+  useEffect as useEffect7
 } from "react";
 var ColorPicker = ({
   containerProps,
@@ -2092,7 +2093,7 @@ var ColorPicker = ({
   ...props
 }) => {
   const [selectedColor, setSelectedColor] = useState8(props.color);
-  useEffect6(() => {
+  useEffect7(() => {
     if (selectedColor && selectedColor[0] !== "#") {
       setSelectedColor(`#${selectedColor}`);
     }
@@ -2374,7 +2375,7 @@ var Pagination = ({
 };
 
 // elements/passwordInput/PasswordInput.tsx
-import React23, { useEffect as useEffect7, useState as useState9 } from "react";
+import React23, { useEffect as useEffect8, useState as useState9 } from "react";
 var PasswordStrengthIndicator = ({ strength }) => {
   const strengthLevels = [
     "none",
@@ -2422,7 +2423,7 @@ var PasswordInput = ({
   const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = useState9(false);
   const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = useState9(false);
   const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = useState9(false);
-  useEffect7(() => {
+  useEffect8(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
       if (lengthCriteriaMet)
@@ -2605,7 +2606,7 @@ var SimpleTable = ({
 };
 
 // elements/scrollIndicator/ScrollIndicator.tsx
-import React26, { useState as useState10, useEffect as useEffect8 } from "react";
+import React26, { useState as useState10, useEffect as useEffect9 } from "react";
 var ScrollIndicator = ({
   anchor,
   inContainer = false
@@ -2621,7 +2622,7 @@ var ScrollIndicator = ({
       setScrollPercentage(percentageScrolled);
     }
   };
-  useEffect8(() => {
+  useEffect9(() => {
     if (!anchor.current)
       return;
     anchor.current.addEventListener("scroll", onScroll);
@@ -2806,7 +2807,7 @@ var CodeBlock = ({
 };
 
 // elements/carousel/Carousel.tsx
-import React28, { useEffect as useEffect9, useState as useState12 } from "react";
+import React28, { useEffect as useEffect10, useState as useState12 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 var Carousel = ({
   items,
@@ -2823,7 +2824,7 @@ var Carousel = ({
     loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
   const [selectedIndex, setSelectedIndex] = useState12(0);
-  useEffect9(() => {
+  useEffect10(() => {
     function selectHandler() {
       const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
       setSelectedIndex(index || 0);
@@ -2833,7 +2834,7 @@ var Carousel = ({
       emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
     };
   }, [emblaApi]);
-  useEffect9(() => {
+  useEffect10(() => {
     let autoplayTimer;
     if (autoplay && emblaApi) {
       autoplayTimer = setInterval(() => {

package/dist/index.css

@@ -2783,9 +2783,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-uppercase {
   text-transform: uppercase;
 }
-.hawa-capitalize {
-  text-transform: capitalize;
-}
 .hawa-leading-4 {
   line-height: 1rem;
 }

package/dist/index.d.mts

@@ -700,7 +700,8 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     prefixText?: any;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
-type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command$1>;
+interface CommandProps extends React$1.ComponentPropsWithoutRef<typeof Command$1> {
+}
 interface CommandDialogProps extends DialogProps {
 }
 interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
@@ -717,7 +718,7 @@ interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Comma
 }
 interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
 }
-declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
 declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -983,7 +984,7 @@ type CodeBlockTypes = {
     /** Name of the file being displayed.   */
     fileName?: string;
     /** Code content to be displayed within the code block.*/
-    code?: string;
+    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */

package/dist/index.d.ts

@@ -700,7 +700,8 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     prefixText?: any;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
-type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command$1>;
+interface CommandProps extends React$1.ComponentPropsWithoutRef<typeof Command$1> {
+}
 interface CommandDialogProps extends DialogProps {
 }
 interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
@@ -717,7 +718,7 @@ interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Comma
 }
 interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
 }
-declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
 declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -983,7 +984,7 @@ type CodeBlockTypes = {
     /** Name of the file being displayed.   */
     fileName?: string;
     /** Code content to be displayed within the code block.*/
-    code?: string;
+    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */

package/dist/index.js

@@ -2849,15 +2849,9 @@ var DataTable = ({
   const [expanded, setExpanded] = React22.useState({});
   const [columnVisibility, setColumnVisibility] = React22.useState({});
   const [rowSelection, setRowSelection] = React22.useState({});
-  const visibleColumns = columns.filter(
-    (column) => {
-      var _a2;
-      return ((_a2 = column.meta) == null ? void 0 : _a2.hidden) !== true;
-    }
-  );
   const table = (0, import_react_table.useReactTable)({
     data,
-    columns: visibleColumns,
+    columns,
     onExpandedChange: setExpanded,
     getExpandedRowModel: (0, import_react_table.getExpandedRowModel)(),
     onGlobalFilterChange: setGlobalFilter,
@@ -2877,15 +2871,22 @@ var DataTable = ({
       rowSelection,
       expanded
     }
-    // defaultColumn: {
-    //   maxSize: 200
-    // }
   });
   const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
   const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
     label: `${item} / ${pageText}`,
     value: item
   }));
+  React22.useEffect(() => {
+    setColumnVisibility((prev) => {
+      let newColumnVisibility = {};
+      columns.forEach((column) => {
+        var _a2;
+        newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+      });
+      return newColumnVisibility;
+    });
+  }, [columns]);
   return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React22.createElement(
     Input,
     {
@@ -3482,7 +3483,6 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ React25.createElement(Dialog, { ...props }, /* @__PURE__ */ React25.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React25.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
@@ -3522,7 +3522,6 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
     }
   )
 ));
-CommandInput.displayName = import_cmdk.Command.Input.displayName;
 var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.List,
   {
@@ -3534,7 +3533,6 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-CommandList.displayName = import_cmdk.Command.List.displayName;
 var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Empty,
   {
@@ -3543,7 +3541,6 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.cr
     ...props
   }
 ));
-CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
 var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Group,
   {
@@ -3555,7 +3552,6 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-CommandGroup.displayName = import_cmdk.Command.Group.displayName;
 var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Separator,
   {
@@ -3564,7 +3560,6 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
 var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Item,
   {
@@ -3576,7 +3571,6 @@ var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({
   className,
   ...props
@@ -3593,6 +3587,13 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+CommandList.displayName = import_cmdk.Command.List.displayName;
+Command.displayName = import_cmdk.Command.displayName;
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
 
 // elements/popover/Popover.tsx
 var React26 = __toESM(require("react"));