@nulogy/components 15.1.0 → 15.1.2

package/dist/main.js

@@ -42279,7 +42279,9 @@
         onEnterKeyPress = _a.onEnterKeyPress,
         locale = _a.locale,
         disabledKeyboardNavigation = _a.disabledKeyboardNavigation,
-        props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation"]);
+        name = _a.name,
+        required = _a.required,
+        props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation", "name", "required"]);
       var _useLocale = useLocale(),
         contextLocale = _useLocale.locale;
       var _useState = React.useState(null),
@@ -42348,6 +42350,8 @@
         onBlur: onBlur,
         showMonthYearPicker: showMonthYearPicker,
         showWeekNumbers: showWeekNumbers,
+        name: name,
+        required: required,
         onEnterKeyPress: onEnterKeyPress,
         popperModifiers: getPopperModifiers(disableFlipping),
         disabledKeyboardNavigation: disabledKeyboardNavigation
@@ -52948,7 +52952,7 @@
         borderCollapse: "collapse"
       });
     });
-    var renderRows$1 = function renderRows(rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) {
+    var renderRows$1 = function renderRows(rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) {
       return rows.length > 0 ? rows.map(function (row, rowIndex) {
         var rowKey = row[keyField] !== undefined ? row[keyField] : rowIndex;
         return /*#__PURE__*/React__default["default"].createElement(TableBodyRow, {
@@ -53050,7 +53054,7 @@
         rowBorder = _ref6.rowBorder;
       return /*#__PURE__*/React__default["default"].createElement("tbody", {
         "data-testid": "table-body"
-      }, !loading ? renderRows$1(rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) : (/*#__PURE__*/React__default["default"].createElement(LoadingContent, {
+      }, !loading ? renderRows$1(rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) : (/*#__PURE__*/React__default["default"].createElement(LoadingContent, {
         colSpan: columns.length
       })));
     };

package/dist/main.module.js

@@ -42262,7 +42262,9 @@ var BasePicker = /*#__PURE__*/forwardRef(function (_a, pickerRef) {
     onEnterKeyPress = _a.onEnterKeyPress,
     locale = _a.locale,
     disabledKeyboardNavigation = _a.disabledKeyboardNavigation,
-    props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation"]);
+    name = _a.name,
+    required = _a.required,
+    props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation", "name", "required"]);
   var _useLocale = useLocale(),
     contextLocale = _useLocale.locale;
   var _useState = useState(null),
@@ -42331,6 +42333,8 @@ var BasePicker = /*#__PURE__*/forwardRef(function (_a, pickerRef) {
     onBlur: onBlur,
     showMonthYearPicker: showMonthYearPicker,
     showWeekNumbers: showWeekNumbers,
+    name: name,
+    required: required,
     onEnterKeyPress: onEnterKeyPress,
     popperModifiers: getPopperModifiers(disableFlipping),
     disabledKeyboardNavigation: disabledKeyboardNavigation
@@ -52931,7 +52935,7 @@ var StyledTr = styled.tr.withConfig({
     borderCollapse: "collapse"
   });
 });
-var renderRows$1 = function renderRows(rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) {
+var renderRows$1 = function renderRows(rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) {
   return rows.length > 0 ? rows.map(function (row, rowIndex) {
     var rowKey = row[keyField] !== undefined ? row[keyField] : rowIndex;
     return /*#__PURE__*/React__default.createElement(TableBodyRow, {
@@ -53033,7 +53037,7 @@ var TableBody = function TableBody(_ref6) {
     rowBorder = _ref6.rowBorder;
   return /*#__PURE__*/React__default.createElement("tbody", {
     "data-testid": "table-body"
-  }, !loading ? renderRows$1(rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) : (/*#__PURE__*/React__default.createElement(LoadingContent, {
+  }, !loading ? renderRows$1(rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) : (/*#__PURE__*/React__default.createElement(LoadingContent, {
     colSpan: columns.length
   })));
 };

package/dist/src/DatePickers/shared/components/BasePicker.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { ReactDatePickerCustomHeaderProps } from "react-datepicker";
 import { DatePickerProps } from "../types";
 interface BasePickerProps extends DatePickerProps {
+    name?: string;
+    required?: boolean;
     defaultFormat: string;
     disabledKeyboardNavigation?: boolean;
     defaultPlaceholder: string;

package/dist/src/DatePickers/shared/components/BasePicker.js

@@ -24,7 +24,7 @@ import { DatePickerStyles } from "../styles";
 import { getPopperModifiers } from "../helpers";
 import DatePickerInput from "./DatePickerInput";
 export const BasePicker = forwardRef((_a, pickerRef) => {
-    var { dateFormat, errorMessage, errorList, inputProps, minDate, maxDate, disableFlipping, className, onInputChange, onChange, onBlur, onFocus, selected, highlightDates, defaultFormat, defaultPlaceholder, showMonthYearPicker, showWeekNumbers, renderHeader, onUpKeyPress, onDownKeyPress, onEnterKeyPress, locale, disabledKeyboardNavigation } = _a, props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation"]);
+    var { dateFormat, errorMessage, errorList, inputProps, minDate, maxDate, disableFlipping, className, onInputChange, onChange, onBlur, onFocus, selected, highlightDates, defaultFormat, defaultPlaceholder, showMonthYearPicker, showWeekNumbers, renderHeader, onUpKeyPress, onDownKeyPress, onEnterKeyPress, locale, disabledKeyboardNavigation, name, required } = _a, props = __rest(_a, ["dateFormat", "errorMessage", "errorList", "inputProps", "minDate", "maxDate", "disableFlipping", "className", "onInputChange", "onChange", "onBlur", "onFocus", "selected", "highlightDates", "defaultFormat", "defaultPlaceholder", "showMonthYearPicker", "showWeekNumbers", "renderHeader", "onUpKeyPress", "onDownKeyPress", "onEnterKeyPress", "locale", "disabledKeyboardNavigation", "name", "required"]);
     const { locale: contextLocale } = useLocale();
     const [ref, setRef] = useState(null);
     const componentVariant = useComponentVariant();
@@ -59,6 +59,6 @@ export const BasePicker = forwardRef((_a, pickerRef) => {
     const spaceProps = getSubset(props, propTypes.space);
     return (React.createElement(Field, Object.assign({ className: `${className} nds-date-picker` }, spaceProps),
         React.createElement(DatePickerStyles, null),
-        React.createElement(ReactDatePicker, { highlightDates: highlightDates, selected: selected, openToDate: selected, dateFormat: dateFormat, onChange: onChange, customInput: customInput, renderCustomHeader: renderHeader, strictParsing: true, minDate: minDate, maxDate: maxDate, locale: NDS_TO_DATE_FN_LOCALES_MAP[currentLocale], ref: pickerRefHandler, onFocus: onFocus, onBlur: onBlur, showMonthYearPicker: showMonthYearPicker, showWeekNumbers: showWeekNumbers, onEnterKeyPress: onEnterKeyPress, popperModifiers: getPopperModifiers(disableFlipping), disabledKeyboardNavigation: disabledKeyboardNavigation }),
+        React.createElement(ReactDatePicker, { highlightDates: highlightDates, selected: selected, openToDate: selected, dateFormat: dateFormat, onChange: onChange, customInput: customInput, renderCustomHeader: renderHeader, strictParsing: true, minDate: minDate, maxDate: maxDate, locale: NDS_TO_DATE_FN_LOCALES_MAP[currentLocale], ref: pickerRefHandler, onFocus: onFocus, onBlur: onBlur, showMonthYearPicker: showMonthYearPicker, showWeekNumbers: showWeekNumbers, name: name, required: required, onEnterKeyPress: onEnterKeyPress, popperModifiers: getPopperModifiers(disableFlipping), disabledKeyboardNavigation: disabledKeyboardNavigation }),
         React.createElement(InlineValidation, { mt: "x1", errorMessage: errorMessage, errorList: errorList })));
 });

package/dist/src/Table/BaseTable.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { type ReactNode } from "react";
 import { RowType, Columns, RowBorder } from "./Table.types";
 export type BaseTableProps<ColumnMetaData> = {
     columns: Columns<ColumnMetaData>;
     rows: RowType[];
-    noRowsContent?: string;
+    noRowsContent?: ReactNode;
     keyField?: string;
     id?: string;
     loading?: boolean;

package/dist/src/Table/StatefulTable.d.ts

@@ -72,7 +72,7 @@ declare class StatefulTable<ColumnMetaData> extends Component<StatefulTableProps
     getControlProps: () => {
         rows: any;
         columns: any[];
-        noRowsContent?: string;
+        noRowsContent?: React.ReactNode;
         keyField?: string;
         id?: string;
         loading?: boolean;

package/dist/src/Table/TableBody.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
+import React, { type ReactNode } from "react";
 import { RowBorder } from "./Table.types";
-type TableBodyProps = {
+interface TableBodyProps {
     rows: any[];
     columns: any[];
     keyField?: string;
-    noRowsContent?: any;
+    noRowsContent: ReactNode;
     loading?: boolean;
     rowHovers?: boolean;
     compact?: boolean;
-    onRowMouseLeave?: any;
-    onRowMouseEnter?: any;
+    onRowMouseLeave?: (...args: any[]) => any;
+    onRowMouseEnter?: (...args: any[]) => any;
     rowBorder?: RowBorder;
-};
+}
 declare const TableBody: ({ rows, columns, keyField, noRowsContent, loading, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder, }: TableBodyProps) => React.JSX.Element;
 export default TableBody;

package/dist/src/Table/TableBody.js

@@ -15,7 +15,7 @@ const StyledTr = styled.tr(({ rowHovers, rowBorder, theme }) => (Object.assign({
     borderBottomColor: theme.colors.lightGrey,
     borderCollapse: "collapse",
 }))));
-const renderRows = (rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) => rows.length > 0 ? (rows.map((row, rowIndex) => {
+const renderRows = (rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder) => rows.length > 0 ? (rows.map((row, rowIndex) => {
     const rowKey = row[keyField] !== undefined ? row[keyField] : rowIndex;
     return (React.createElement(TableBodyRow, { key: rowKey, row: row, columns: columns, keyField: keyField, rowHovers: rowHovers, compact: compact, rowClassName: row.rowClassName, onMouseEnter: (e) => onRowMouseEnter({ row, e }), onMouseLeave: (e) => onRowMouseLeave({ row, e }), rowBorder: rowBorder }));
 })) : (React.createElement(TableMessageContainer, { colSpan: columns.length }, noRowsContent));
@@ -33,5 +33,5 @@ const TableMessageContainer = ({ colSpan, children }) => (React.createElement("t
     React.createElement("td", { colSpan: colSpan },
         React.createElement(StyledMessageContainer, { className: "nds-table__no-rows-content" }, children))));
 const LoadingContent = ({ colSpan }) => (React.createElement(TableMessageContainer, { colSpan: colSpan }, "Loading..."));
-const TableBody = ({ rows, columns, keyField = "id", noRowsContent = "No records have been created for this table.", loading, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder, }) => (React.createElement("tbody", { "data-testid": "table-body" }, !loading ? (renderRows(rows, columns, keyField, noRowsContent, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder)) : (React.createElement(LoadingContent, { colSpan: columns.length }))));
+const TableBody = ({ rows, columns, keyField = "id", noRowsContent = "No records have been created for this table.", loading, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, rowBorder, }) => (React.createElement("tbody", { "data-testid": "table-body" }, !loading ? (renderRows(rows, columns, keyField, rowHovers, noRowsContent, compact, onRowMouseLeave, onRowMouseEnter, rowBorder)) : (React.createElement(LoadingContent, { colSpan: columns.length }))));
 export default TableBody;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "15.1.0",
+  "version": "15.1.2",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {