cecomponent 1.0.115 → 1.0.116

package/dist/ce-component-lib.mjs

@@ -3954,11 +3954,12 @@ const CEDynamicSelectField$1 = forwardRef(({
   selectClassName: f = "",
   containerStyle: u,
   className: y,
-  id: d,
-  value: g,
-  ...m
-}, p) => {
-  const S = d || `ce-select-field-${Math.random().toString(36).substr(2, 9)}`, x = () => /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+  isRequiredLabel: d,
+  id: g,
+  value: m,
+  ...p
+}, S) => {
+  const x = g || `ce-select-field-${Math.random().toString(36).substr(2, 9)}`, _ = () => /* @__PURE__ */ jsxRuntimeExports$1.jsx(
     "svg",
     {
       width: "24",
@@ -3975,45 +3976,48 @@ const CEDynamicSelectField$1 = forwardRef(({
         }
       )
     }
-  ), _ = g && t.some((b) => b.value === g), E = a && t.length > 0 && (!g || !_);
+  ), E = m && t.some((T) => T.value === m), b = a && t.length > 0 && (!m || !E);
   return /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
     "div",
     {
       className: `ce-select-field-container ${s ? "full-width" : ""} ${l}`,
       style: u,
       children: [
-        e && /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+        e && /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
           "label",
           {
-            htmlFor: S,
-            className: `ce-select-field-label ${i ? "error" : ""} ${c}`,
-            children: e
+            htmlFor: x,
+            className: `ce-select-field-label ${c}`,
+            children: [
+              e,
+              d && /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "asterisk", children: "*" })
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "ce-select-field-wrapper", children: [
           /* @__PURE__ */ jsxRuntimeExports$1.jsx(
             "select",
             {
-              ref: p,
-              id: S,
+              ref: S,
+              id: x,
               className: `ce-select-field-select ${i ? "error" : ""} ${f} ${y || ""}`,
-              value: g,
-              ...m,
+              value: m,
+              ...p,
               children: t.length === 0 ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "", disabled: !0 }) : /* @__PURE__ */ jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment, { children: [
-                E && /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "", disabled: m.required, children: o }),
-                t.map((b) => /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+                b && /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "", disabled: p.required, children: o }),
+                t.map((T) => /* @__PURE__ */ jsxRuntimeExports$1.jsx(
                   "option",
                   {
-                    value: b.value,
-                    disabled: b.disabled,
-                    children: b.label
+                    value: T.value,
+                    disabled: T.disabled,
+                    children: T.label
                   },
-                  b.value
+                  T.value
                 ))
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-select-field-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(x, {}) })
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-select-field-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(_, {}) })
         ] }),
         i && n && /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "ce-select-field-error-message", children: n })
       ]
@@ -51018,7 +51022,15 @@ const CEInputBox$1 = ({
   const [o, l] = useState(""), [c, f] = useState(""), [u, y] = useState(!1), [d, g] = useState(""), m = (_) => {
     !_.currentTarget.value && !o && !c && y(!1);
   }, p = (_, E) => {
-    _ && E && new Date(E) < new Date(_) ? g("End date must be after or equal to start date") : (g(""), t == null || t({ startDate: _, endDate: E }));
+    if (_ && !E || !_ && E) {
+      g("Both start and end dates must be selected");
+      return;
+    }
+    if (_ && E && new Date(E) < new Date(_)) {
+      g("End date must be after or equal to start date");
+      return;
+    }
+    g(""), t == null || t({ startDate: _, endDate: E });
   }, S = (_) => {
     const E = _.target.value;
     l(E), p(E, c);
@@ -51430,9 +51442,9 @@ const CEInputBox$1 = ({
       Ne(!1), ot(""), He(""), Ze(0);
       return;
     }
-    if (st === "dateRange")
+    if (st === "Date Range")
       if (Ke && Ke.startDate && Ke.endDate)
-        Ct(ze, void 0, "dateRange");
+        Ct(ze, void 0, "Date Range");
       else {
         Ne(!0);
         return;
@@ -51440,7 +51452,7 @@ const CEInputBox$1 = ({
     else et && et.trim() !== "" && Ct(ze, et, st);
     Ne(!1), ot(""), He(""), Qe(null), Ze(0);
   }, Ct = (te, ae, pe) => {
-    if (pe === "dateRange" && Ke && te) {
+    if (pe === "Date Range" && Ke && te) {
       const { startDate: oe, endDate: ye } = Ke;
       if (!oe || !ye) {
         console.warn("Invalid date range:", oe, ye);
@@ -51460,7 +51472,7 @@ const CEInputBox$1 = ({
         ...qe,
         [te]: {
           value: `${oe} - ${ye}`,
-          operator: "dateRange"
+          operator: "Date Range"
         }
       }), Ne(!1), Ve(null), Qe(null);
       return;
@@ -52358,18 +52370,18 @@ const CEInputBox$1 = ({
                       "aria-label": "Filter operator",
                       title: "Select filter operator",
                       children: [
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "contains", children: "contains" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "equals", children: "equals" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "startsWith", children: "starts with" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "endsWith", children: "ends with" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "does not contain", children: "does not contain" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "does not equal", children: "does not equal" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "dateRange", children: "dateRange" }),
-                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "is any of", children: "is any of" })
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "contains", children: "Contains" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "equals", children: "Equals" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "startsWith", children: "Starts with" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "endsWith", children: "Ends with" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "does not contain", children: "Does not contain" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "does not equal", children: "Does not equal" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "Date Range", children: "Date Range" }),
+                        /* @__PURE__ */ jsxRuntimeExports$1.jsx("option", { value: "is any of", children: "Is any of" })
                       ]
                     }
                   ),
-                  st === "dateRange" && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { style: { marginTop: "10px" }, children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+                  st === "Date Range" && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { style: { marginTop: "10px" }, children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(
                     CEDateRangePicker,
                     {
                       mode: "range",

package/dist/components/Common/CEFieldComponet/DynamicSelectField/DynamicSelectField.d.ts

@@ -16,6 +16,7 @@ export interface CESelectFieldProps extends SelectHTMLAttributes<HTMLSelectEleme
     labelClassName?: string;
     selectClassName?: string;
     containerStyle?: React.CSSProperties;
+    isRequiredLabel?: boolean;
 }
 declare const CEDynamicSelectField: React.ForwardRefExoticComponent<CESelectFieldProps & React.RefAttributes<HTMLSelectElement>>;
 export default CEDynamicSelectField;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.115",
+  "version": "1.0.116",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/index.d.ts",