@reykjavik/hanna-react 0.10.144 → 0.10.146

package/CHANGELOG.md

@@ -4,6 +4,18 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.146
+
+_2025-02-10_
+
+- fix: Avoid conrolled–uncontrolled warning for `Datepicker` in `isoMode`
+
+## 0.10.145
+
+_2025-01-14_
+
+- feat: Add prop `wrapperProps` to `FooterInfo` and `FooterBadges`
+
 ## 0.10.144
 
 _2024-12-18_

package/Datepicker.js

@@ -110,7 +110,7 @@ const defaultDatepickerTexts = {
 };
 const toLocalIsoDate = (date) => {
     if (!date) {
-        return undefined;
+        return '';
     }
     const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
     return localDate.toISOString().split('T')[0];

package/FooterBadges.d.ts

@@ -1,9 +1,10 @@
+import { WrapperElmProps } from './utils.js';
 export type FooterBadgesProps = {
     badges: Array<{
         altText: string;
         src: string;
         href?: string;
     }>;
-};
+} & WrapperElmProps<'ul'>;
 export declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
 export default FooterBadges;

package/FooterBadges.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterBadges = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _Link_js_1 = require("./_abstract/_Link.js");
 const FooterBadges = (props) => {
     if (!props.badges.length) {
         return null;
     }
-    return (react_1.default.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(_Link_js_1.Link, { href: href },
+    return (react_1.default.createElement("ul", Object.assign({}, props.wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('FooterBadges', null, (props.wrapperProps || {}).className) }), props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(_Link_js_1.Link, { href: href },
         ' ',
         react_1.default.createElement("img", { src: src, alt: altText }),
         ' ')) : (react_1.default.createElement("img", { src: src, alt: altText })))))));

package/FooterInfo.d.ts

@@ -1,4 +1,5 @@
 import { BemModifierProps } from './utils/types.js';
+import { WrapperElmProps } from './utils.js';
 export type FooterInfoGroup = {
     title: string;
     modifier?: string;
@@ -15,6 +16,6 @@ export type FooterInfoGroup = {
 export type FooterInfoBoxes = Array<FooterInfoGroup>;
 export type FooterInfoProps = {
     boxes: FooterInfoBoxes;
-};
+} & WrapperElmProps;
 export declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
 export default FooterInfo;

package/FooterInfo.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const FooterInfo = (props) => {
-    const { boxes } = props;
-    return (react_1.default.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('FooterInfo__group', [
+    const { boxes, wrapperProps } = props;
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('FooterInfo', null, (wrapperProps || {}).className) }), boxes.map((group, i) => (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('FooterInfo__group', [
             group.main && 'main',
             group.modifier,
         ]), key: i },

package/esm/Datepicker.js

@@ -105,7 +105,7 @@ const defaultDatepickerTexts = {
 };
 const toLocalIsoDate = (date) => {
     if (!date) {
-        return undefined;
+        return '';
     }
     const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
     return localDate.toISOString().split('T')[0];

package/esm/FooterBadges.d.ts

@@ -1,9 +1,10 @@
+import { WrapperElmProps } from './utils.js';
 export type FooterBadgesProps = {
     badges: Array<{
         altText: string;
         src: string;
         href?: string;
     }>;
-};
+} & WrapperElmProps<'ul'>;
 export declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
 export default FooterBadges;

package/esm/FooterBadges.js

@@ -1,10 +1,11 @@
 import React from 'react';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Link } from './_abstract/_Link.js';
 export const FooterBadges = (props) => {
     if (!props.badges.length) {
         return null;
     }
-    return (React.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (React.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (React.createElement(Link, { href: href },
+    return (React.createElement("ul", Object.assign({}, props.wrapperProps, { className: modifiedClass('FooterBadges', null, (props.wrapperProps || {}).className) }), props.badges.map(({ altText, src, href }, i) => (React.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (React.createElement(Link, { href: href },
         ' ',
         React.createElement("img", { src: src, alt: altText }),
         ' ')) : (React.createElement("img", { src: src, alt: altText })))))));

package/esm/FooterInfo.d.ts

@@ -1,4 +1,5 @@
 import { BemModifierProps } from './utils/types.js';
+import { WrapperElmProps } from './utils.js';
 export type FooterInfoGroup = {
     title: string;
     modifier?: string;
@@ -15,6 +16,6 @@ export type FooterInfoGroup = {
 export type FooterInfoBoxes = Array<FooterInfoGroup>;
 export type FooterInfoProps = {
     boxes: FooterInfoBoxes;
-};
+} & WrapperElmProps;
 export declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
 export default FooterInfo;

package/esm/FooterInfo.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { modifiedClass } from '@reykjavik/hanna-utils';
 export const FooterInfo = (props) => {
-    const { boxes } = props;
-    return (React.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (React.createElement("div", { className: modifiedClass('FooterInfo__group', [
+    const { boxes, wrapperProps } = props;
+    return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('FooterInfo', null, (wrapperProps || {}).className) }), boxes.map((group, i) => (React.createElement("div", { className: modifiedClass('FooterInfo__group', [
             group.main && 'main',
             group.modifier,
         ]), key: i },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.144",
+	"version": "0.10.146",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",