@sikka/hawa 0.15.4-next → 0.15.6-next

package/dist/index.css

@@ -822,6 +822,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-isolate {
   isolation: isolate;
 }
+.-hawa-z-10 {
+  z-index: -10;
+}
 .hawa-z-0 {
   z-index: 0;
 }

package/dist/index.d.mts

@@ -294,10 +294,13 @@ type ComboboxTypes<T> = {
     data: T[];
     width?: string;
     label?: string;
+    texts: {
+        noItems?: string;
+        placeholder?: string;
+        searchPlaceholder?: string;
+    };
     isLoading?: boolean;
     helperText?: string;
-    placeholder?: string;
-    searchPlaceholder?: string;
     popoverClassName?: string;
     /** This the same value as the one with the key valueKey */
     defaultValue?: string;

package/dist/index.d.ts

@@ -294,10 +294,13 @@ type ComboboxTypes<T> = {
     data: T[];
     width?: string;
     label?: string;
+    texts: {
+        noItems?: string;
+        placeholder?: string;
+        searchPlaceholder?: string;
+    };
     isLoading?: boolean;
     helperText?: string;
-    placeholder?: string;
-    searchPlaceholder?: string;
     popoverClassName?: string;
     /** This the same value as the one with the key valueKey */
     defaultValue?: string;

package/dist/index.js

@@ -4329,6 +4329,7 @@ var Combobox = function(_param) {
         "popoverClassName",
         "data"
     ]);
+    var _props_texts, _props_texts1, _props_texts2;
     var _React28_useState = _sliced_to_array(React28.useState(false), 2), open = _React28_useState[0], setOpen = _React28_useState[1];
     var _React28_useState1 = _sliced_to_array(React28.useState(defaultValue), 2), value = _React28_useState1[0], setValue = _React28_useState1[1];
     var handleOpenChange = function(open2) {
@@ -4357,7 +4358,7 @@ 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 || "...", /* @__PURE__ */ React28.createElement("svg", {
+    }) || {}, labelKey) : ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.placeholder) || "...", /* @__PURE__ */ React28.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         className: cn("hawa-icon hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
         "aria-label": "Chevron down icon",
@@ -4374,8 +4375,8 @@ var Combobox = function(_param) {
     }, props.helperText))), /* @__PURE__ */ React28.createElement(PopoverContent, {
         className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
     }, /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, {
-        placeholder: props.searchPlaceholder
-    }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React28.createElement(CommandGroup, {
+        placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.searchPlaceholder
+    }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.noItems) || "No items found."), /* @__PURE__ */ React28.createElement(CommandGroup, {
         className: "  hawa-max-h-[200px] hawa-overflow-y-auto"
     }, data.map(function(item) {
         return /* @__PURE__ */ React28.createElement(CommandItem, {
@@ -4990,7 +4991,9 @@ var Alert = function(_param) {
         "aria-label": "Close",
         className: cn("hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
         onClick: function() {
-            props.onAlertClosed();
+            if (props.onAlertClosed) {
+                props.onAlertClosed();
+            }
             setClosed(true);
             setTimeout(function() {
                 if (alertRef === null || alertRef === void 0 ? void 0 : alertRef.current) {
@@ -7366,7 +7369,7 @@ var AppLayout = function(_param) {
         d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
         clipRule: "evenodd"
     })))) : null)), /* @__PURE__ */ import_react37.default.createElement("div", {
-        className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
+        className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all -hawa-z-10",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
             width: "calc(100% - ".concat(drawerSizeCondition, "px)"),

package/dist/index.mjs

@@ -3844,7 +3844,7 @@ var Combobox = ({
       value ? getProperty(
         data.find((item) => item[valueKey] === value) || {},
         labelKey
-      ) : props.placeholder || "...",
+      ) : props.texts?.placeholder || "...",
       /* @__PURE__ */ React28.createElement(
         "svg",
         {
@@ -3877,7 +3877,7 @@ var Combobox = ({
       {
         className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
       },
-      /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React28.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, { placeholder: props.texts?.searchPlaceholder }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, props.texts?.noItems || "No items found."), /* @__PURE__ */ React28.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React28.createElement(
         CommandItem,
         {
           key: getProperty(item, valueKey),
@@ -4596,7 +4596,9 @@ var Alert = ({
           direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
         ),
         onClick: () => {
-          props.onAlertClosed();
+          if (props.onAlertClosed) {
+            props.onAlertClosed();
+          }
           setClosed(true);
           setTimeout(() => {
             if (alertRef?.current) {
@@ -7289,7 +7291,7 @@ var AppLayout = ({
   ), /* @__PURE__ */ React63.createElement(
     "div",
     {
-      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
+      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all -hawa-z-10",
       style: isRTL ? {
         height: `calc(100% - ${props.topBar ? "56" : "0"}px)`,
         width: `calc(100% - ${drawerSizeCondition}px)`,

package/package.json

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