opus-toolkit-components 1.8.2 → 1.8.3

package/lib/components/Cookie/index.d.ts

@@ -1,11 +1,12 @@
-export interface CookieBannerProps {
-  logo?: string;
-  policyTxt?: string;
-  linkTxt?: string;
-  isVisible?: boolean;
-  onAccept?: () => void;
-  onLearnMore?: () => void;
-  intent?: string;
-}
-
-export const CookieBanner: React.ComponentType<CookieBannerProps>;
+export interface CookieBannerProps {
+  logo?: string;
+  policyTxt?: string;
+  linkTxt?: string;
+  isVisible?: boolean;
+  onAccept?: () => void;
+  onLearnMore?: () => void;
+  intent?: string;
+  children?: React.ReactNode;
+}
+
+export const CookieBanner: React.ComponentType<CookieBannerProps>;

package/lib/components/Forms/Datepickers/index.d.ts

@@ -1,23 +1,25 @@
-export interface DatePickerChangeEvent {
-  target: {
-    name: string;
-    value: string;
-  };
-}
-
-export interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
-  initialDate?: string;
-  label?: string;
-  isValid?: boolean;
-  errorMessage?: string;
-  name?: string;
-  onChange?: (event: DatePickerChangeEvent) => void;
-  value?: string;
-  className?: string;
-  title?: string;
-  required?: boolean;
-  dataCy?: string;
-  disabled?: boolean;
-}
-
-export const DatePicker: React.ComponentType<DatePickerProps>;
+export interface DatePickerChangeEvent {
+  target: {
+    name: string;
+    value: string;
+  };
+}
+
+export interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+  initialDate?: string;
+  label?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  name?: string;
+  onChange?: (event: DatePickerChangeEvent) => void;
+  value?: string;
+  className?: string;
+  title?: string;
+  required?: boolean;
+  dataCy?: string;
+  disabled?: boolean;
+  minDate?: string;
+  maxDate?: string;
+}
+
+export const DatePicker: React.ComponentType<DatePickerProps>;

package/lib/main.js

@@ -24577,7 +24577,8 @@ const CookieBanner = _ref => {
     isVisible = true,
     onAccept = () => {},
     onLearnMore = () => {},
-    intent = "brandSecondary"
+    intent = "brandSecondary",
+    children
   } = _ref;
   const [show, setShow] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
   const [render, setRender] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(isVisible);
@@ -24600,6 +24601,20 @@ const CookieBanner = _ref => {
     }
   }, [imageLoaded, render]);
   if (!render) return null;
+  const defaultActions = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Buttons_Button__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      rank: "primary",
+      text: "Accept",
+      onClick: onAccept
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Buttons_Button__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      rank: "secondary",
+      text: linkTxt,
+      onClick: e => {
+        e.preventDefault();
+        onLearnMore();
+      }
+    })]
+  });
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_Cards_Card__WEBPACK_IMPORTED_MODULE_1__["default"], {
     intent: intent,
     className: "items-center justify-between space-x-4 p-4 transition-all duration-300 ease-in-out md:flex ".concat(show ? "translate-y-0 opacity-100" : "translate-y-3 opacity-0", " "),
@@ -24618,20 +24633,9 @@ const CookieBanner = _ref => {
         className: "mr-4",
         children: policyTxt
       })]
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
       className: "flex items-center space-x-4",
-      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Buttons_Button__WEBPACK_IMPORTED_MODULE_2__["default"], {
-        rank: "primary",
-        text: "Accept",
-        onClick: onAccept
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Buttons_Button__WEBPACK_IMPORTED_MODULE_2__["default"], {
-        rank: "secondary",
-        text: linkTxt,
-        onClick: e => {
-          e.preventDefault();
-          onLearnMore();
-        }
-      })]
+      children: children || defaultActions
     })]
   });
 };
@@ -46831,50 +46835,56 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/**
- * Custom change event type used by your date components.
- * @typedef {{ target: { name: string, value: string } }} DatePickerChangeEvent
+/**
+ * Custom change event type used by your date components.
+ * @typedef {{ target: { name: string, value: string } }} DatePickerChangeEvent
  */
 
-/**
- * Props for DatePicker.
- *
- * @typedef {Object} DatePickerProps
- *
- * @property {string} [initialDate]
- *   Initial date value (ISO or human-readable). Converted internally.
- *
- * @property {string} [label]
- *   Label above the input.
- *
- * @property {boolean} [isValid]
- *   Controls validation styles + error message display.
- *
- * @property {string} [errorMessage]
- *   Message shown when isValid = false.
- *
- * @property {string} [name]
- *   Input field name and event target name.
- *
- * @property {(event: DatePickerChangeEvent) => void} [onChange]
- *   Custom event format with `event.target.name` & `event.target.value` in ISO.
- *
- * @property {string} [value]
- *   External controlled value (ISO or slash-format). Normalized automatically.
- *
- * @property {string} [className]
- *
- * @property {string} [title]
- *
- * @property {boolean} [required]
- *
- * @property {string} [dataCy]
- *
- * @property {boolean} [disabled]
+/**
+ * Props for DatePicker.
+ *
+ * @typedef {Object} DatePickerProps
+ *
+ * @property {string} [initialDate]
+ *   Initial date value (ISO or human-readable). Converted internally.
+ *
+ * @property {string} [label]
+ *   Label above the input.
+ *
+ * @property {boolean} [isValid]
+ *   Controls validation styles + error message display.
+ *
+ * @property {string} [errorMessage]
+ *   Message shown when isValid = false.
+ *
+ * @property {string} [name]
+ *   Input field name and event target name.
+ *
+ * @property {(event: DatePickerChangeEvent) => void} [onChange]
+ *   Custom event format with `event.target.name` & `event.target.value` in ISO.
+ *
+ * @property {string} [value]
+ *   External controlled value (ISO or slash-format). Normalized automatically.
+ *
+ * @property {string} [className]
+ *
+ * @property {string} [title]
+ *
+ * @property {boolean} [required]
+ *
+ * @property {string} [dataCy]
+ *
+ * @property {boolean} [disabled]
+ *
+ * @property {string} [minDate]
+ *   Minimum selectable date (ISO or slash-format). Normalized automatically.
+ *
+ * @property {string} [maxDate]
+ *   Maximum selectable date (ISO or slash-format). Normalized automatically.
  */
 
-/**
- * @param {DatePickerProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * @param {DatePickerProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function DatePicker(_ref) {
@@ -46890,7 +46900,9 @@ function DatePicker(_ref) {
     title = "",
     required = false,
     dataCy,
-    disabled = false
+    disabled = false,
+    minDate,
+    maxDate
   } = _ref;
   const [selectedDate, setSelectedDate] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
   const inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -46920,6 +46932,8 @@ function DatePicker(_ref) {
       setSelectedDate(newDate);
     }
   }, [value, initialDate]);
+  const normalizedMinDate = normalizeToInputFormat(minDate);
+  const normalizedMaxDate = normalizeToInputFormat(maxDate);
   const handleDateChange = e => {
     const rawValue = e.target.value; // yyyy-MM-dd
     setSelectedDate(rawValue);
@@ -46954,6 +46968,8 @@ function DatePicker(_ref) {
       name: name,
       ref: inputRef,
       value: selectedDate,
+      min: normalizedMinDate,
+      max: normalizedMaxDate,
       title: title,
       onChange: handleDateChange,
       required: required,