@sikka/hawa 0.10.17-next → 0.10.19-next

package/README.md

@@ -52,8 +52,13 @@
 
 ## Install
 
-**Note:** `@beta` only points to pre-releases.
-Use `@latest` for the latest stable release.
+**Note:** Current npm tags 👇 
+
+`@beta` is archived. 
+
+`@next` only points to pre-releases.
+
+`@latest` for the latest stable release.
 
 ```bash
 npm install @sikka/hawa

package/dist/index.d.mts

@@ -460,11 +460,13 @@ type DataTableProps<DataProps = {}> = {
     direction?: "rtl" | "ltr";
     columns: ColumnDef<DataProps>[];
     data: DataProps[];
+    showCount?: boolean;
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     texts?: {
         searchPlaceholder?: string;
+        item?: string;
         noData?: any;
         page?: string;
         filter?: string;
@@ -662,6 +664,7 @@ type ComboboxTypes<T> = {
     /** This the same value as the one with the key valueKey */
     defaultValue?: string;
     preview?: boolean;
+    hideInput?: boolean;
     onChange?: (e: any) => void;
 };
 declare const Combobox: React$1.FC<ComboboxTypes<any>>;

package/dist/index.d.ts

@@ -460,11 +460,13 @@ type DataTableProps<DataProps = {}> = {
     direction?: "rtl" | "ltr";
     columns: ColumnDef<DataProps>[];
     data: DataProps[];
+    showCount?: boolean;
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     texts?: {
         searchPlaceholder?: string;
+        item?: string;
         noData?: any;
         page?: string;
         filter?: string;
@@ -662,6 +664,7 @@ type ComboboxTypes<T> = {
     /** This the same value as the one with the key valueKey */
     defaultValue?: string;
     preview?: boolean;
+    hideInput?: boolean;
     onChange?: (e: any) => void;
 };
 declare const Combobox: React$1.FC<ComboboxTypes<any>>;

package/dist/index.js

@@ -5001,7 +5001,7 @@ var DataTable = function(_param) {
         "columns",
         "data"
     ]);
-    var _props_texts, _table_getRowModel_rows, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
+    var _props_texts, _table_getRowModel_rows, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9, _props_texts10;
     var _React37_useState = _sliced_to_array(React37.useState([
         {
             id: props.defaultSort || "",
@@ -5081,9 +5081,12 @@ var DataTable = function(_param) {
         className: "hawa-h-24 hawa-text-center"
     }, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.noData))))), /* @__PURE__ */ React37.createElement("div", {
         className: "hawa-flex hawa-items-center hawa-justify-between"
-    }, /* @__PURE__ */ React37.createElement("div", {
+    }, !props.showCount && /* @__PURE__ */ React37.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground"
-    }), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", {
+    }), props.showCount && /* @__PURE__ */ React37.createElement("div", {
+        className: "text-sm text-muted-foreground",
+        dir: props.direction
+    }, /* @__PURE__ */ React37.createElement("span", null, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.total), " ", /* @__PURE__ */ React37.createElement("span", null, table.getFilteredRowModel().rows.length)), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 "
     }, /* @__PURE__ */ React37.createElement(DropdownMenu, {
         size: "sm",
@@ -5091,23 +5094,23 @@ var DataTable = function(_param) {
         direction: props.direction,
         items: [
             {
-                label: "10 / ".concat((_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.page),
+                label: "10 / ".concat((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.page),
                 value: 10
             },
             {
-                label: "20 / ".concat((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.page),
+                label: "20 / ".concat((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.page),
                 value: 20
             },
             {
-                label: "30 / ".concat((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.page),
+                label: "30 / ".concat((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.page),
                 value: 30
             },
             {
-                label: "40 / ".concat((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.page),
+                label: "40 / ".concat((_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page),
                 value: 40
             },
             {
-                label: "50 / ".concat((_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page),
+                label: "50 / ".concat((_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.page),
                 value: 50
             }
         ],
@@ -5115,7 +5118,7 @@ var DataTable = function(_param) {
             variant: "outline",
             size: "icon",
             className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
-        }, "".concat(table.getState().pagination.pageSize, " / ").concat((_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.page)),
+        }, "".concat(table.getState().pagination.pageSize, " / ").concat((_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.page)),
         onItemSelect: function(e) {
             return table.setPageSize(Number(e));
         }
@@ -5123,11 +5126,11 @@ var DataTable = function(_param) {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  "
     }, /* @__PURE__ */ React37.createElement("span", {
         className: "hawa-flex hawa-items-center hawa-gap-1"
-    }, /* @__PURE__ */ React37.createElement("div", null, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.page), /* @__PURE__ */ React37.createElement("div", {
+    }, /* @__PURE__ */ React37.createElement("div", null, (_props_texts9 = props.texts) === null || _props_texts9 === void 0 ? void 0 : _props_texts9.page), /* @__PURE__ */ React37.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-1"
     }, /* @__PURE__ */ React37.createElement("span", {
         className: "hawa-font-bold"
-    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React37.createElement("span", null, (_props_texts9 = props.texts) === null || _props_texts9 === void 0 ? void 0 : _props_texts9.of), /* @__PURE__ */ React37.createElement("span", {
+    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React37.createElement("span", null, (_props_texts10 = props.texts) === null || _props_texts10 === void 0 ? void 0 : _props_texts10.of), /* @__PURE__ */ React37.createElement("span", {
         className: "hawa-font-bold"
     }, table.getPageCount())))), /* @__PURE__ */ React37.createElement(Button, {
         variant: "outline",
@@ -6049,9 +6052,9 @@ var Combobox = function(_param) {
         className: cn("hawa-text-primary hawa-border hawa-h-10 hawa-py-2 hawa-justify-between hawa-w-full hawa-font-normal hawa-inline-flex hawa-items-center hawa-transition-all hawa-select-none hawa-rounded-md hawa-text-sm  hawa-ring-offset-background  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", props.preview ? "hawa-px-0 hawa-rounded-none hawa-border-transparent hawa-cursor-default" : "hawa-px-3 hawa-bg-background ")
     }, value ? getProperty(data.find(function(item) {
         return item[valueKey] === value;
-    }) || {}, labelKey) : props.placeholder || "...", !props.preview && /* @__PURE__ */ React47.createElement("svg", {
+    }) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React47.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        className: "hawa-w-4 hawa-h-4",
+        className: cn("hawa-w-4 hawa-h-4 hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -6062,7 +6065,7 @@ var Combobox = function(_param) {
         d: "m6 9 6 6 6-6"
     }))))), /* @__PURE__ */ React47.createElement(PopoverContent, {
         className: cn("popover-w-parent")
-    }, /* @__PURE__ */ React47.createElement(Command, null, /* @__PURE__ */ React47.createElement(CommandInput, {
+    }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, {
         placeholder: props.searchPlaceholder
     }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, {
         className: "  hawa-max-h-[200px] hawa-overflow-y-auto"

package/dist/index.mjs

@@ -4728,7 +4728,16 @@ var DataTable = ({
       className: "hawa-h-24 hawa-text-center"
     },
     props.texts?.noData
-  ))))), /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, /* @__PURE__ */ React37.createElement(
+  ))))), /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React37.createElement(
+    "div",
+    {
+      className: "text-sm text-muted-foreground",
+      dir: props.direction
+    },
+    /* @__PURE__ */ React37.createElement("span", null, props.texts?.total),
+    " ",
+    /* @__PURE__ */ React37.createElement("span", null, table.getFilteredRowModel().rows.length)
+  ), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, /* @__PURE__ */ React37.createElement(
     DropdownMenu,
     {
       size: "sm",
@@ -5745,11 +5754,14 @@ var Combobox = ({
         data.find((item) => item[valueKey] === value) || {},
         labelKey
       ) : props.placeholder || "...",
-      !props.preview && /* @__PURE__ */ React47.createElement(
+      /* @__PURE__ */ React47.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
-          className: "hawa-w-4 hawa-h-4",
+          className: cn(
+            "hawa-w-4 hawa-h-4 hawa-transition-all",
+            !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"
+          ),
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -5759,7 +5771,7 @@ var Combobox = ({
         },
         /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
       )
-    ))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
+    ))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
       CommandItem,
       {
         key: getProperty(item, valueKey),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.10.17-next",
+  "version": "0.10.19-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {