@idds/react 1.5.8 → 1.5.9

package/dist/index.es.js

@@ -4678,7 +4678,9 @@ function SelectDropdown({
   disabled = false,
   showPreviewValue = true,
   searchable = true,
-  onSelectedRawChange
+  onSelectedRawChange,
+  label,
+  required
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const [internalSearchTerm, setInternalSearchTerm] = useState("");
@@ -4755,9 +4757,9 @@ function SelectDropdown({
     return null;
   };
   const getOptionForValue = (value) => {
-    const label = getLabelForValue(value);
-    if (label !== null) {
-      return { label, value };
+    const label2 = getLabelForValue(value);
+    if (label2 !== null) {
+      return { label: label2, value };
     }
     const found = options.find((o) => o.value === value);
     return found || null;
@@ -4819,12 +4821,12 @@ function SelectDropdown({
     else if (selectedArray.length > 3)
       triggerLabel = `${selectedArray.length} data terpilih`;
     else {
-      const labels = selectedArray.map((val) => getLabelForValue(val)).filter((label) => label !== null);
+      const labels = selectedArray.map((val) => getLabelForValue(val)).filter((label2) => label2 !== null);
       triggerLabel = labels.length > 0 ? labels.join(", ") : placeholder;
     }
   } else {
-    const label = getLabelForValue(singleSelected);
-    triggerLabel = label || placeholder;
+    const label2 = getLabelForValue(singleSelected);
+    triggerLabel = label2 || placeholder;
   }
   const filteredOptions = onSearch ? options : !searchable ? options : options.filter(
     (o) => o.label.toLowerCase().includes(searchTerm.toLowerCase())
@@ -4858,8 +4860,8 @@ function SelectDropdown({
     if (multiple && selectedArray.length > 0) {
       return /* @__PURE__ */ jsxs("div", { className: "ina-select-dropdown__preview-content", children: [
         selectedArray.slice(0, 3).map((value, index) => {
-          const label = getLabelForValue(value);
-          const displayLabel = label || value;
+          const label2 = getLabelForValue(value);
+          const displayLabel = label2 || value;
           return /* @__PURE__ */ jsxs(
             "div",
             {
@@ -4893,8 +4895,8 @@ function SelectDropdown({
       ] });
     }
     if (!multiple && singleSelected !== null && singleSelected !== void 0 && singleSelected !== "") {
-      const label = getLabelForValue(singleSelected);
-      const displayLabel = label || singleSelected;
+      const label2 = getLabelForValue(singleSelected);
+      const displayLabel = label2 || singleSelected;
       return /* @__PURE__ */ jsx("div", { className: "ina-select-dropdown__preview-content", children: /* @__PURE__ */ jsxs("div", { className: "ina-select-dropdown__preview-item ina-select-dropdown__preview-item--single", children: [
         /* @__PURE__ */ jsx("span", { className: "ina-select-dropdown__preview-item-text", children: displayLabel }),
         !disabled && /* @__PURE__ */ jsx(
@@ -4943,6 +4945,10 @@ function SelectDropdown({
       style: { width: toCssSize(width) },
       className: containerClasses,
       children: [
+        label && /* @__PURE__ */ jsxs("label", { className: "ina-select-dropdown__label", children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: "ina-select-dropdown__required", children: "*" })
+        ] }),
         /* @__PURE__ */ jsxs(
           "button",
           {
@@ -6296,7 +6302,7 @@ const TimePicker = forwardRef(
     const inputClasses = clsx(
       "ina-time-picker__input",
       `ina-time-picker__input--size-${size}`,
-      prefixIcon && "ina-time-picker__input--with-prefix",
+      "ina-time-picker__input--with-prefix",
       (suffixIcon || allowClear) && "ina-time-picker__input--with-suffix"
     );
     return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: containerClasses, children: [
@@ -6325,7 +6331,7 @@ const TimePicker = forwardRef(
             }
           },
           children: [
-            prefixIcon && /* @__PURE__ */ jsx("div", { className: "ina-time-picker__prefix-icon", children: prefixIcon }),
+            /* @__PURE__ */ jsx("div", { className: "ina-time-picker__prefix-icon", children: prefixIcon || /* @__PURE__ */ jsx(IconClock, { size: 16 }) }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -6367,7 +6373,7 @@ const TimePicker = forwardRef(
                 "aria-label": "Clear time",
                 children: /* @__PURE__ */ jsx(IconX, { size: 16 })
               }
-            ) : suffixIcon ? /* @__PURE__ */ jsx("div", { className: "ina-time-picker__suffix-icon", children: suffixIcon }) : /* @__PURE__ */ jsx("div", { className: "ina-time-picker__suffix-icon", children: /* @__PURE__ */ jsx(IconClock, { size: 16 }) })
+            ) : suffixIcon && /* @__PURE__ */ jsx("div", { className: "ina-time-picker__suffix-icon", children: suffixIcon })
           ]
         }
       ),