opus-toolkit-components 0.5.1 → 0.5.3

package/lib/{main.d2a239456950f848f305.js → main.6da54ee86d2456bdb71c.js}

@@ -870,6 +870,7 @@ function DatePicker(_ref) {
     // Add onChange prop for passing event to parent
     value,
     className = '',
+    title = '',
     required = false // Add the required prop
   } = _ref;
   const [selectedDate, setSelectedDate] = (0,external_react_.useState)(value || initialDate);
@@ -899,6 +900,8 @@ function DatePicker(_ref) {
     name: name // Pass the name to identify the input in the event
     ,
     value: selectedDate,
+    title: title,
+    "aria-label": title,
     onChange: handleDateChange,
     className: inputClasses,
     required: required // Apply the required attribute to the input
@@ -1006,22 +1009,26 @@ function Table(_ref) {
     // Array defining columns and rendering logic
     rows = [],
     // Array defining rows
-    className = "",
+    className = '',
+    rowClassName = '',
+    cellClassName = '',
+    headRowClassName = '',
+    headCellClassName = '',
     rowKeyExtractor = (row, index) => index // Function to extract unique keys for rows
   } = _ref;
   return /*#__PURE__*/external_react_default().createElement("table", {
     className: "w-full table-auto text-left border-collapse ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", {
-    className: "bg-greyBaseDark900"
+    className: "bg-greyBaseDark900 ".concat(headRowClassName)
   }, data.map(column => /*#__PURE__*/external_react_default().createElement("th", {
     key: column.key,
-    className: "border-b border-gray-300 py-2 px-4 text-sm font-normal text-greyDark1000"
+    className: "border-b border-gray-300 py-2 px-4 text-sm font-normal text-greyDark1000 ".concat(headCellClassName)
   }, column.header)))), /*#__PURE__*/external_react_default().createElement("tbody", null, rows.map((row, index) => /*#__PURE__*/external_react_default().createElement("tr", {
     key: rowKeyExtractor(row, index),
-    className: "".concat(index % 2 === 0 ? "bg-greyLight100" : "bg-greyLight50", " hover:bg-greyLight500")
+    className: "".concat(index % 2 === 0 ? "bg-greyLight100" : "bg-greyLight50", " hover:bg-greyLight500 ").concat(rowClassName)
   }, data.map(column => /*#__PURE__*/external_react_default().createElement("td", {
     key: column.key,
-    className: "p-4 text-sm text-greyLight700"
+    className: "p-4 text-sm text-greyLight700 ".concat(cellClassName)
   }, column.render ? column.render(row) : row[column.key]))))));
 }
 ;// ./node_modules/@react-aria/utils/dist/platform.mjs
@@ -9496,4 +9503,4 @@ const Modal = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.d2a239456950f848f305.js.map
+//# sourceMappingURL=main.6da54ee86d2456bdb71c.js.map