@nulogy/components 15.0.1 → 15.1.1

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
@@ -43907,9 +43911,9 @@
         alignItems: !sm ? "flex-end" : undefined,
         gap: !sm ? "x2" : undefined,
         flexDirection: !sm ? "row" : "column"
-      }, title && /*#__PURE__*/React__default["default"].createElement(Heading1, {
+      }, title && typeof title === "string" ? /*#__PURE__*/React__default["default"].createElement(Heading1, {
         mb: "0"
-      }, title), subtitle && (/*#__PURE__*/React__default["default"].createElement(Text, {
+      }, title) : title, subtitle && (/*#__PURE__*/React__default["default"].createElement(Text, {
         pl: !sm ? "x2" : undefined,
         borderLeft: !sm ? "1px solid" : "none",
         my: "half",

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
@@ -43890,9 +43894,9 @@ var Header$3 = function Header(_a) {
     alignItems: !sm ? "flex-end" : undefined,
     gap: !sm ? "x2" : undefined,
     flexDirection: !sm ? "row" : "column"
-  }, title && /*#__PURE__*/React__default.createElement(Heading1, {
+  }, title && typeof title === "string" ? /*#__PURE__*/React__default.createElement(Heading1, {
     mb: "0"
-  }, title), subtitle && (/*#__PURE__*/React__default.createElement(Text, {
+  }, title) : title, subtitle && (/*#__PURE__*/React__default.createElement(Text, {
     pl: !sm ? "x2" : undefined,
     borderLeft: !sm ? "1px solid" : "none",
     my: "half",

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/Layout/ApplicationFrame.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { FlexProps } from "../Flex/Flex";
-type ApplicationFrameProps = FlexProps & {
-    navBar?: React.ReactNode;
+interface ApplicationFrameProps extends FlexProps {
+    navBar?: ReactNode;
     environment?: string;
-    children?: React.ReactNode;
-};
+    children?: ReactNode;
+}
 declare const ApplicationFrame: ({ navBar, children, environment, ...props }: ApplicationFrameProps) => React.JSX.Element;
 export default ApplicationFrame;

package/dist/src/Layout/Header.d.ts

@@ -1,17 +1,18 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { BoxProps } from "../Box";
 type Breakpoint = string | number;
-type HeaderProps = BoxProps & {
-    renderBreadcrumbs?: () => React.ReactNode;
-    title?: string;
+interface HeaderProps extends Omit<BoxProps, "title"> {
+    renderBreadcrumbs?: () => ReactNode;
+    title?: ReactNode;
     subtitle?: string;
     undecorated?: boolean;
-    renderActions?: () => React.ReactNode;
-    renderSummary?: () => React.ReactNode;
+    renderActions?: () => ReactNode;
+    renderSummary?: () => ReactNode;
     breakpoints?: {
         small?: Breakpoint;
         medium?: Breakpoint;
     };
-};
-declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
+    children?: ReactNode;
+}
+declare const Header: ({ background, renderBreadcrumbs, title, undecorated, children, subtitle, breakpoints, renderActions, renderSummary, ...rest }: HeaderProps) => React.JSX.Element;
 export default Header;

package/dist/src/Layout/Header.js

@@ -31,7 +31,7 @@ const Header = (_a) => {
                 renderBreadcrumbs && renderBreadcrumbs(),
                 React.createElement(Flex, { gap: !sm ? "x2" : undefined, flexDirection: !sm ? "row" : "column", alignItems: !sm ? "center" : undefined },
                     React.createElement(Flex, { alignItems: !sm ? "flex-end" : undefined, gap: !sm ? "x2" : undefined, flexDirection: !sm ? "row" : "column" },
-                        title && React.createElement(Heading1, { mb: "0" }, title),
+                        title && typeof title === "string" ? React.createElement(Heading1, { mb: "0" }, title) : title,
                         subtitle && (React.createElement(Text, { pl: !sm ? "x2" : undefined, borderLeft: !sm ? "1px solid" : "none", my: "half", borderColor: "grey" }, subtitle))),
                     children && children)),
             renderSummary && renderSummary()),

package/dist/src/Layout/Header.story.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export declare const Default: () => React.JSX.Element;
+export declare const TitleAsReactElement: () => React.JSX.Element;
 export declare const WithActions: () => React.JSX.Element;
 export declare const WithSubTitle: () => React.JSX.Element;
 export declare const WithContent: () => React.JSX.Element;

package/dist/src/Layout/Header.story.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Breadcrumbs, Button, DropdownButton, DropdownLink, Flex, Link, PrimaryButton, StatusIndicator, Header, Text, } from "..";
+import { Box, Breadcrumbs, Button, DropdownButton, DropdownLink, Flex, Link, PrimaryButton, StatusIndicator, Header, Text, Heading1, Icon, } from "..";
 import Summary from "../Summary/Summary";
 import SummaryItem from "../Summary/SummaryItem";
 import SummaryDivider from "../Summary/SummaryDivider";
@@ -9,6 +9,11 @@ import { legacy as theme } from "../theme/theme";
 export const Default = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
         React.createElement(Link, { href: "/" }, "Home"),
         React.createElement(Link, { href: "/" }, "Materials"))), title: "Materials Overview" }));
+export const TitleAsReactElement = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
+        React.createElement(Link, { href: "/" }, "Home"),
+        React.createElement(Link, { href: "/" }, "Materials"))), title: React.createElement(Heading1, { mb: "0" },
+        "Bacon ",
+        React.createElement(Icon, { icon: "info" })) }));
 export const WithActions = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
         React.createElement(Link, { href: "/" }, "Home"),
         React.createElement(Link, { href: "/" }, "Materials"))), title: "Materials Overview", renderActions: () => (React.createElement(Flex, { gap: "x1" },

package/dist/src/Layout/Page.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { FlexProps } from "../Flex/Flex";
-type PageProps = FlexProps & {
-    breadcrumbs?: React.ReactNode;
+interface PageProps extends FlexProps {
+    breadcrumbs?: ReactNode;
     title?: string;
-    children?: React.ReactNode;
-    headerContent?: React.ReactNode;
+    children?: ReactNode;
+    headerContent?: ReactNode;
     fullHeight?: boolean;
-    renderHeader?: () => JSX.Element;
-};
-export declare const Page: React.FC<React.PropsWithChildren<PageProps>>;
+    renderHeader?: () => ReactNode;
+}
+export declare const Page: ({ breadcrumbs, title, children, headerContent, fullHeight, renderHeader, ...rest }: PageProps) => React.JSX.Element;
 export default Page;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "15.0.1",
+  "version": "15.1.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -142,7 +142,7 @@
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-typescript2": "^0.36.0",
-    "semantic-release": "^17.2.1",
+    "semantic-release": "^24.2.5",
     "source-map-loader": "^1.0.1",
     "start-server-and-test": "^2.0.12",
     "storybook-addon-performance": "^0.17.1",