@reykjavik/hanna-react 0.10.143 → 0.10.145

package/Alert.d.ts

@@ -7,14 +7,8 @@ export type AlertI18n = {
     closeLabelLong?: string;
 };
 export declare const defaultAlertTexts: DefaultTexts<AlertI18n>;
-export declare const alertTypes: {
-    info: number;
-    success: number;
-    warning: number;
-    error: number;
-    critical: number;
-};
-type AlertType = keyof typeof alertTypes;
+type AlertType = 'info' | 'success' | 'warning' | 'error' | 'critical';
+export declare const alertTypes: Record<string, 1>;
 export type AlertProps = {
     type: AlertType;
     closable?: boolean;

package/CHANGELOG.md

@@ -4,10 +4,23 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.145
+
+_2025-01-14_
+
+- feat: Add prop `wrapperProps` to `FooterInfo` and `FooterBadges`
+
+## 0.10.144
+
+_2024-12-18_
+
+- `Alert`:
+  - feat: (TS) Change `alertTypes` into `Record<string, 1>` for easier use
+
 ## 0.10.143
 
 _2024-12-06_
-+
+
 - `Datepicker:`
   - fix: Timezone mismatch in `isoMode` (emitted UTC-based dates, not local)
 

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

@@ -7,14 +7,8 @@ export type AlertI18n = {
     closeLabelLong?: string;
 };
 export declare const defaultAlertTexts: DefaultTexts<AlertI18n>;
-export declare const alertTypes: {
-    info: number;
-    success: number;
-    warning: number;
-    error: number;
-    critical: number;
-};
-type AlertType = keyof typeof alertTypes;
+type AlertType = 'info' | 'success' | 'warning' | 'error' | 'critical';
+export declare const alertTypes: Record<string, 1>;
 export type AlertProps = {
     type: AlertType;
     closable?: boolean;

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.143",
+	"version": "0.10.145",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",