@sikka/hawa 0.15.7-next → 0.15.8-next

package/dist/index.d.mts

@@ -270,21 +270,21 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     width?: "small" | "normal" | "full" | "auto";
     /** The label of the input field   */
     label?: any;
+    hint?: string;
+    hintSide?: PositionType;
+    /** If true, it will show a red asterisk next to the label*/
+    isRequired?: boolean;
     /** Disable/Enable multiple line text input field   */
     multiline?: boolean;
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
-    hint?: string;
     forceHideHelperText?: boolean;
-    hintSide?: PositionType;
     inputProps?: any;
     /** The icon inside the input field */
     icon?: any;
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
     iconInside?: React__default.ReactNode;
-    /** If true, it will show a red asterisk next to the label*/
-    isRequired?: boolean;
 };
 declare const Input: FC<TextFieldTypes>;
 
@@ -293,7 +293,6 @@ type ComboboxTypes<T> = {
     valueKey?: keyof T;
     data: T[];
     width?: string;
-    label?: string;
     texts: {
         noItems?: string;
         placeholder?: string;
@@ -306,6 +305,13 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    id?: string;
+    /** The label of the input field   */
+    label?: any;
+    hint?: string;
+    hintSide?: PositionType;
+    /** If true, it will show a red asterisk next to the label*/
+    isRequired?: boolean;
     onChange?: (e: any) => void;
 };
 declare const Combobox: React$1.FC<ComboboxTypes<any>>;

package/dist/index.d.ts

@@ -270,21 +270,21 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     width?: "small" | "normal" | "full" | "auto";
     /** The label of the input field   */
     label?: any;
+    hint?: string;
+    hintSide?: PositionType;
+    /** If true, it will show a red asterisk next to the label*/
+    isRequired?: boolean;
     /** Disable/Enable multiple line text input field   */
     multiline?: boolean;
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
-    hint?: string;
     forceHideHelperText?: boolean;
-    hintSide?: PositionType;
     inputProps?: any;
     /** The icon inside the input field */
     icon?: any;
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
     iconInside?: React__default.ReactNode;
-    /** If true, it will show a red asterisk next to the label*/
-    isRequired?: boolean;
 };
 declare const Input: FC<TextFieldTypes>;
 
@@ -293,7 +293,6 @@ type ComboboxTypes<T> = {
     valueKey?: keyof T;
     data: T[];
     width?: string;
-    label?: string;
     texts: {
         noItems?: string;
         placeholder?: string;
@@ -306,6 +305,13 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    id?: string;
+    /** The label of the input field   */
+    label?: any;
+    hint?: string;
+    hintSide?: PositionType;
+    /** If true, it will show a red asterisk next to the label*/
+    isRequired?: boolean;
     onChange?: (e: any) => void;
 };
 declare const Combobox: React$1.FC<ComboboxTypes<any>>;

package/dist/index.js

@@ -4347,7 +4347,12 @@ var Combobox = function(_param) {
     };
     return /* @__PURE__ */ React28.createElement("div", {
         className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
-    }, props.label && /* @__PURE__ */ React28.createElement(Label2, null, props.label), /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, {
+    }, props.label && /* @__PURE__ */ React28.createElement(Label2, {
+        htmlFor: props.id,
+        hint: props.hint,
+        hintSide: props.hintSide,
+        required: props.isRequired
+    }, props.label), " ", /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, {
         open: open,
         onOpenChange: handleOpenChange
     }, /* @__PURE__ */ React28.createElement(PopoverTrigger, {
@@ -4385,7 +4390,7 @@ var Combobox = function(_param) {
     }, /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, {
         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"
+        className: "hawa-max-h-[200px] hawa-overflow-y-auto"
     }, data.map(function(item) {
         return /* @__PURE__ */ React28.createElement(CommandItem, {
             key: getProperty(item, valueKey),

package/dist/index.mjs

@@ -3830,7 +3830,17 @@ var Combobox = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ React28.createElement(Label2, null, props.label),
+    props.label && /* @__PURE__ */ React28.createElement(
+      Label2,
+      {
+        htmlFor: props.id,
+        hint: props.hint,
+        hintSide: props.hintSide,
+        required: props.isRequired
+      },
+      props.label
+    ),
+    " ",
     /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React28.createElement(
       "div",
       {
@@ -3885,7 +3895,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.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(
+      /* @__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),

package/package.json

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