@reykjavik/hanna-react 0.10.82 → 0.10.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/FieldGroup.d.ts +1 -0
  3. package/FieldGroup.js +2 -2
  4. package/InfoHero.d.ts +1 -0
  5. package/InfoHero.js +3 -2
  6. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -4,6 +4,21 @@
4
4
 
5
5
  - ... <!-- Add new lines here. -->
6
6
 
7
+ ## 0.10.84
8
+
9
+ _2023-03-21_
10
+
11
+ - feat: Suppress hydration warnings for auto-generated DOM `id`s in React@18
12
+
13
+ ## 0.10.83
14
+
15
+ _2023-03-20_
16
+
17
+ - feat: Add prop `small` to `FieldGroup`
18
+ - feat: Add prop `footer` to `InfoHero`
19
+ - fix: Error in `DatePicker` caused by
20
+ [upstream regression](https://github.com/Hacker0x01/react-datepicker/issues/3918)
21
+
7
22
  ## 0.10.82
8
23
 
9
24
  _2023-03-03_
package/FieldGroup.d.ts CHANGED
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
2
2
  export type FieldGroupProps = {
3
3
  legend: string;
4
4
  disabled?: boolean;
5
+ small?: boolean;
5
6
  className?: string;
6
7
  children: ReactNode;
7
8
  };
package/FieldGroup.js CHANGED
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
7
7
  const FieldGroup = (props) => {
8
- const { legend, children, className, disabled } = props;
9
- return (react_1.default.createElement("fieldset", { className: (0, getBemClass_1.default)('FieldGroup', null, className), role: "group", disabled: disabled },
8
+ const { legend, children, className, disabled, small } = props;
9
+ return (react_1.default.createElement("fieldset", { className: (0, getBemClass_1.default)('FieldGroup', small && 'small', className), disabled: disabled },
10
10
  react_1.default.createElement("legend", { className: "FieldGroup__legend" }, legend),
11
11
  children));
12
12
  };
package/InfoHero.d.ts CHANGED
@@ -9,6 +9,7 @@ export type InfoHeroProps = {
9
9
  subTitle?: string;
10
10
  blurb?: string | JSX.Element;
11
11
  buttons?: Array<ButtonProps>;
12
+ footer?: string | JSX.Element;
12
13
  align?: Alignment;
13
14
  image?: ImageProps;
14
15
  blingType?: BlingOptions;
package/InfoHero.js CHANGED
@@ -68,7 +68,7 @@ const blingOptions = {
68
68
  ],
69
69
  };
70
70
  const InfoHero = (props) => {
71
- const { title, titleBlurb, subTitle, blurb, image, buttons = [], align, blingType, } = props;
71
+ const { title, titleBlurb, subTitle, blurb, image, buttons = [], footer, align, blingType, } = props;
72
72
  const showButtons = Boolean(buttons.length);
73
73
  const alignment = align && constants_1.aligns[align] ? align : 'right';
74
74
  const blings = (blingType && blingOptions[blingType]) ||
@@ -79,7 +79,8 @@ const InfoHero = (props) => {
79
79
  titleBlurb && react_1.default.createElement("div", { className: "InfoHero__titleblurb" }, titleBlurb),
80
80
  subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_1.breakOnNL)(subTitle)),
81
81
  blurb && react_1.default.createElement("div", { className: "InfoHero__blurb" }, blurb),
82
- showButtons && (react_1.default.createElement("div", { className: "InfoHero__buttons" }, buttons.map((buttonProps, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, buttonProps))))))),
82
+ showButtons && (react_1.default.createElement("div", { className: "InfoHero__buttons" }, buttons.map((buttonProps, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, buttonProps)))))),
83
+ footer && react_1.default.createElement("div", { className: "InfoHero__footer" }, footer)),
83
84
  react_1.default.createElement(_Image_1.Image, Object.assign({ className: "InfoHero__image", altText: title }, image, { placeholder: true })),
84
85
  react_1.default.createElement(_Blings_1.Blings, { blings: blings, mirror: alignment === 'right' })));
85
86
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reykjavik/hanna-react",
3
- "version": "0.10.82",
3
+ "version": "0.10.84",
4
4
  "author": "Reykjavík (http://www.reykjavik.is)",
5
5
  "contributors": [
6
6
  "Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -15,8 +15,8 @@
15
15
  "dependencies": {
16
16
  "@floating-ui/react": "^0.19.2",
17
17
  "@hugsmidjan/qj": "^4.10.2",
18
- "@hugsmidjan/react": "^0.4.23",
19
- "@reykjavik/hanna-css": "^0.3.14",
18
+ "@hugsmidjan/react": "^0.4.24",
19
+ "@reykjavik/hanna-css": "^0.3.15",
20
20
  "@reykjavik/hanna-utils": "^0.2.3",
21
21
  "@types/react": "^17.0.24",
22
22
  "@types/react-autosuggest": "^10.1.0",
@@ -25,7 +25,7 @@
25
25
  "@types/react-transition-group": "^4.4.0",
26
26
  "iframe-resizer-react": "^1.1.0",
27
27
  "react-autosuggest": "^10.1.0",
28
- "react-datepicker": "^4.9.0",
28
+ "react-datepicker": "~4.8.0",
29
29
  "react-dropzone": "^10.2.2",
30
30
  "react-intersection-observer": "^8.30.1",
31
31
  "react-transition-group": "^4.4.1"