@reykjavik/hanna-react 0.10.71 → 0.10.74

package/CityBlock.d.ts

@@ -17,5 +17,5 @@ export declare type CityBlockProps = {
 }, {
     image: ImageProps;
 }> & SeenProp;
-declare const CityBlock: (props: CityBlockProps) => JSX.Element;
+export declare const CityBlock: (props: CityBlockProps) => JSX.Element;
 export default CityBlock;

package/CityBlock.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CityBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = tslib_1.__importDefault(require("./_abstract/_Block"));
+const _Block_1 = require("./_abstract/_Block");
 const constants_1 = require("./constants");
 const types = {
     largebox: true,
@@ -16,6 +17,7 @@ const CityBlock = (props) => {
     const imageProps = props.illustration != null
         ? { src: (0, assets_1.getIllustrationUrl)(props.illustration) }
         : props.image;
-    return (react_1.default.createElement(_Block_1.default, { bem: "CityBlock", modifier: modifier, content: props.content, image: imageProps, startSeen: props.startSeen }));
+    return (react_1.default.createElement(_Block_1.Block, { bem: "CityBlock", modifier: modifier, content: props.content, image: imageProps, startSeen: props.startSeen }));
 };
-exports.default = CityBlock;
+exports.CityBlock = CityBlock;
+exports.default = exports.CityBlock;

package/ContactBubble.d.ts

@@ -54,5 +54,5 @@ export declare type ContactBubbleProps = {
     open?: undefined;
     onToggle?: (isOpen: boolean) => void;
 });
-declare const ContactBubble: (props: ContactBubbleProps) => JSX.Element | null;
+export declare const ContactBubble: (props: ContactBubbleProps) => JSX.Element | null;
 export default ContactBubble;

package/ContactBubble.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ensureIcon = exports.defaultTexts = void 0;
+exports.ContactBubble = exports.ensureIcon = exports.defaultTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const focusElm_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/focusElm"));
@@ -150,4 +150,5 @@ const ContactBubble = (props) => {
         '\n\n',
         menu)) : (menu);
 };
-exports.default = ContactBubble;
+exports.ContactBubble = ContactBubble;
+exports.default = exports.ContactBubble;

package/ContentArticle.d.ts

@@ -12,5 +12,5 @@ export declare type ContentArticleProps = {
     body: ReactNode;
     relatedLinks?: RelatedLinksProps;
 } & SeenProp;
-declare const ContentArticle: (props: ContentArticleProps) => JSX.Element;
+export declare const ContentArticle: (props: ContentArticleProps) => JSX.Element;
 export default ContentArticle;

package/ContentArticle.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentArticle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
@@ -22,4 +23,5 @@ const ContentArticle = (props) => {
             react_1.default.createElement("hr", null))),
         relatedLinks && react_1.default.createElement(RelatedLinks_1.default, Object.assign({}, relatedLinks))));
 };
-exports.default = ContentArticle;
+exports.ContentArticle = ContentArticle;
+exports.default = exports.ContentArticle;

package/ContentImage.d.ts

@@ -4,5 +4,5 @@ export declare type ContentImageProps = {
     caption?: string | JSX.Element;
     credit?: string | JSX.Element;
 };
-declare const ContentImage: (props: ContentImageProps) => JSX.Element;
+export declare const ContentImage: (props: ContentImageProps) => JSX.Element;
 export default ContentImage;

package/ContentImage.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentImage = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const ContentImage = (props) => {
     const { image, caption, credit } = props;
     return (react_1.default.createElement("figure", { className: "ContentImage" },
@@ -16,6 +17,7 @@ const ContentImage = (props) => {
                 " ",
                 credit,
                 " "))),
-        react_1.default.createElement(_Image_1.default, Object.assign({ className: "ContentImage__image" }, image))));
+        react_1.default.createElement(_Image_1.Image, Object.assign({ className: "ContentImage__image" }, image))));
 };
-exports.default = ContentImage;
+exports.ContentImage = ContentImage;
+exports.default = exports.ContentImage;

package/Datepicker.d.ts

@@ -9,7 +9,7 @@ export declare type DatepickerProps = {
     endDate?: Date;
     minDate?: Date;
     maxDate?: Date;
-    localeCode?: 'is' | 'en';
+    localeCode?: 'is' | 'en' | 'pl';
     dateFormat?: string;
     isStartDate?: boolean;
     isEndDate?: boolean;
@@ -36,5 +36,5 @@ export declare type DatepickerLocaleProps = {
     chooseDayAriaLabelPrefix: string;
     disabledDayAriaLabelPrefix: string;
 };
-declare const Datepicker: (props: DatepickerProps) => JSX.Element;
+export declare const Datepicker: (props: DatepickerProps) => JSX.Element;
 export default Datepicker;

package/Datepicker.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateDiff = void 0;
+exports.Datepicker = exports.getDateDiff = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 // Documentation: https://reactdatepicker.com/
@@ -9,8 +9,10 @@ const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 // For more info on localization see: https://stackoverflow.com/questions/54399084/change-locale-in-react-datepicker/58306958#58306958
 const is_1 = tslib_1.__importDefault(require("date-fns/locale/is"));
+const pl_1 = tslib_1.__importDefault(require("date-fns/locale/pl"));
 const FormField_1 = tslib_1.__importDefault(require("./FormField"));
 (0, react_datepicker_1.registerLocale)('is', is_1.default);
+(0, react_datepicker_1.registerLocale)('pl', pl_1.default);
 const getDateDiff = (date, diff) => {
     const newDate = new Date(date);
     newDate.setDate(newDate.getDate() + diff);
@@ -34,15 +36,31 @@ const i18n = {
         chooseDayAriaLabelPrefix: 'Veldu:',
         disabledDayAriaLabelPrefix: 'Dagsetning ekki í boði',
     },
+    pl: {
+        nextMonthAriaLabel: 'Następny miesiącu',
+        nextMonthButtonLabel: 'Następny miesiącu',
+        nextYearAriaLabel: 'Następny rok',
+        nextYearButtonLabel: 'Następny rok',
+        previousMonthAriaLabel: 'Poprzedni miesiac',
+        previousMonthButtonLabel: 'Poprzedni miesiac',
+        previousYearAriaLabel: 'Poprzedni rok',
+        previousYearButtonLabel: 'Poprzedni rok',
+        timeInputLabel: 'Czas: ',
+        weekAriaLabelPrefix: 'Tydzień: ',
+        weekLabel: 'Tydzień',
+        ariaLabelPrefix: 'Miesiąc:',
+        chooseDayAriaLabelPrefix: 'Wybierać:',
+        disabledDayAriaLabelPrefix: 'Data niedostępna',
+    },
 };
 const Datepicker = (props) => {
-    const { className, id, label, hideLabel, assistText, disabled, readOnly, invalid, errorMessage, required, reqText, placeholder, small, localeCode, dateFormat = 'd.M.yyy', initialDate, value = initialDate, name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, ssr, inputRef, } = props;
+    const { className, id, label, hideLabel, assistText, disabled, readOnly, invalid, errorMessage, required, reqText, placeholder, small, localeCode = 'is', dateFormat = 'd.M.yyy', initialDate, value = initialDate, name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, ssr, inputRef, } = props;
     const domid = (0, hooks_1.useDomid)(id);
     const txts = (localeCode && i18n[localeCode]) || {};
     const filled = !!value;
     const empty = !filled && !placeholder;
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('Datepicker', [], className), ssr: ssr, label: label, small: small, assistText: assistText, hideLabel: hideLabel, invalid: invalid, required: required, reqText: reqText, disabled: disabled, readOnly: readOnly, filled: filled, empty: empty, errorMessage: errorMessage, renderInput: (className, inputProps, addFocusProps) => {
-            return (react_1.default.createElement("div", Object.assign({ className: className.input, onClick: (e) => e.currentTarget.querySelector('input').focus(), ref: inputRef &&
+            return (react_1.default.createElement("div", Object.assign({ className: className.input, onClick: ({ target, currentTarget }) => target === currentTarget && currentTarget.querySelector('input').focus(), ref: inputRef &&
                     ((elm) => {
                         inputRef.current =
                             (elm === null || elm === void 0 ? void 0 : elm.querySelector('input')) || undefined;
@@ -63,4 +81,5 @@ const Datepicker = (props) => {
                     }, showYearDropdown: true, scrollableYearDropdown: true, yearDropdownItemNumber: 15, showMonthDropdown: true }, inputProps, txts, datepickerExtraProps))));
         } }));
 };
-exports.default = Datepicker;
+exports.Datepicker = Datepicker;
+exports.default = exports.Datepicker;

package/ExtraLinks.d.ts

@@ -14,5 +14,5 @@ export declare type ExtraLinksCardProps = TextCardListProps['cards'][number];
 export declare type ExtraLinksProps = TextCardListProps & RelatedProps & {
     className?: string;
 } & SeenProp;
-declare const ExtraLinks: (props: ExtraLinksProps) => JSX.Element;
+export declare const ExtraLinks: (props: ExtraLinksProps) => JSX.Element;
 export default ExtraLinks;

package/ExtraLinks.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtraLinks = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -23,4 +24,5 @@ const ExtraLinks = (props) => {
             react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
         hasRelated && (react_1.default.createElement(ExtraLinks__related, { relatedTitle: relatedTitle, relatedLinks: relatedLinks }))));
 };
-exports.default = ExtraLinks;
+exports.ExtraLinks = ExtraLinks;
+exports.default = exports.ExtraLinks;

package/FeatureList.d.ts

@@ -8,5 +8,5 @@ export declare type FeatureListProps = {
         name: string;
     }>;
 } & SeenProp;
-declare const FeatureList: (props: FeatureListProps) => JSX.Element;
+export declare const FeatureList: (props: FeatureListProps) => JSX.Element;
 export default FeatureList;

package/FeatureList.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
@@ -16,4 +17,5 @@ const FeatureList = (props) => {
                     ? { '--efnistakn': `url("${iconUrl}")` }
                     : undefined, "data-efnistakn": !iconUrl ? icon : undefined }, name)))))));
 };
-exports.default = FeatureList;
+exports.FeatureList = FeatureList;
+exports.default = exports.FeatureList;

package/FieldGroup.d.ts

@@ -5,5 +5,5 @@ export declare type FieldGroupProps = {
     className?: string;
     children: ReactNode;
 };
-declare const FieldGroup: (props: FieldGroupProps) => JSX.Element;
+export declare const FieldGroup: (props: FieldGroupProps) => JSX.Element;
 export default FieldGroup;

package/FieldGroup.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -9,4 +10,5 @@ const FieldGroup = (props) => {
         react_1.default.createElement("legend", { className: "FieldGroup__legend" }, legend),
         children));
 };
-exports.default = FieldGroup;
+exports.FieldGroup = FieldGroup;
+exports.default = exports.FieldGroup;

package/FileInput/_FileInputFileList.js

@@ -13,7 +13,7 @@ const DefaultFileList = (props) => {
         react_1.default.createElement("span", { className: "FileInput__fileinfo" },
             showImagePreviews && file.preview && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("span", { className: "FileInput__preview" },
-                    react_1.default.createElement("img", { src: file.preview })),
+                    react_1.default.createElement("img", { src: file.preview, alt: "" })),
                 ' ')),
             react_1.default.createElement("span", { className: "FileInput__filename" }, file.name),
             showFileSize && (react_1.default.createElement("small", { className: "FileInput__filesize" },

package/FileInput.d.ts

@@ -44,5 +44,5 @@ export declare type FileInputProps = {
         multiple?: boolean;
     };
 } & FormFieldWrappingProps;
-declare const FileInput: (props: FileInputProps) => JSX.Element;
+export declare const FileInput: (props: FileInputProps) => JSX.Element;
 export default FileInput;

package/FileInput.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_dropzone_1 = require("react-dropzone"); // https://react-dropzone.js.org/#!/Dropzone
@@ -129,4 +130,5 @@ const FileInput = (props) => {
                 })))));
         } }));
 };
-exports.default = FileInput;
+exports.FileInput = FileInput;
+exports.default = exports.FileInput;

package/Foonote.d.ts

@@ -8,5 +8,5 @@ export declare type FootnoteProps = _FootnoteProps;
  *
  * This module file is a typo. import from `Footnote` instead
  */
-declare const Footnote: (props: _FootnoteProps) => JSX.Element;
+export declare const Footnote: (props: _FootnoteProps) => JSX.Element;
 export default Footnote;

package/Foonote.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footnote = void 0;
 const tslib_1 = require("tslib");
 const Footnote_1 = tslib_1.__importDefault(require("./Footnote"));
 /** @deprecated  (Will be removed in v0.11)
  *
  * This module file is a typo. import from `Footnote` instead
  */
-const Footnote = Footnote_1.default;
-exports.default = Footnote;
+exports.Footnote = Footnote_1.default;
+exports.default = exports.Footnote;

package/FooterBadges.d.ts

@@ -5,5 +5,5 @@ export declare type FooterBadgesProps = {
         href?: string;
     }>;
 };
-declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
+export declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
 export default FooterBadges;

package/FooterBadges.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterBadges = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _Link_1 = require("./_abstract/_Link");
@@ -12,4 +13,5 @@ const FooterBadges = (props) => {
         react_1.default.createElement("img", { src: src, alt: altText }),
         ' ')) : (react_1.default.createElement("img", { src: src, alt: altText })))))));
 };
-exports.default = FooterBadges;
+exports.FooterBadges = FooterBadges;
+exports.default = exports.FooterBadges;

package/FooterInfo.d.ts

@@ -16,5 +16,5 @@ export declare type FooterInfoBoxes = Array<FooterInfoGroup>;
 export declare type FooterInfoProps = {
     boxes: FooterInfoBoxes;
 };
-declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
+export declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
 export default FooterInfo;

package/FooterInfo.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterInfo = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -12,4 +13,5 @@ const FooterInfo = (props) => {
         react_1.default.createElement("h3", { className: "FooterInfo__grouptitle" }, group.title),
         group.content ? (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('FooterInfo__groupcontent', group.modifier) }, group.content)) : (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('FooterInfo__groupcontent', group.modifier), dangerouslySetInnerHTML: { __html: group.html } })))))));
 };
-exports.default = FooterInfo;
+exports.FooterInfo = FooterInfo;
+exports.default = exports.FooterInfo;

package/Footnote.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export declare type FootnoteProps = {
     children: ReactNode;
 };
-declare const Footnote: (props: FootnoteProps) => JSX.Element;
+export declare const Footnote: (props: FootnoteProps) => JSX.Element;
 export default Footnote;

package/Footnote.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footnote = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Footnote = (props) => (react_1.default.createElement("div", { className: "Footnote" }, props.children));
-exports.default = Footnote;
+exports.Footnote = Footnote;
+exports.default = exports.Footnote;

package/Form.d.ts

@@ -3,5 +3,5 @@ import { ComponentLayoutProps } from './constants';
 export declare type FormProps = ComponentLayoutProps & React.FormHTMLAttributes<HTMLFormElement> & {
     children: ReactNode;
 };
-declare const Form: (props: FormProps) => JSX.Element;
+export declare const Form: (props: FormProps) => JSX.Element;
 export default Form;

package/Form.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -10,4 +11,5 @@ const Form = (props) => {
             !align && wide && 'wide',
         ]) }), children));
 };
-exports.default = Form;
+exports.Form = Form;
+exports.default = exports.Form;

package/FormField.d.ts

@@ -61,5 +61,5 @@ export declare type FormFieldProps = FormFieldGroupWrappingProps & {
     filled?: boolean;
     renderInput(className: InputClassNames, inputProps: FormFieldInputProps, addFocusProps: FocusPropMaker, isBrowser?: boolean): JSX.Element;
 };
-declare const FormField: (props: FormFieldProps) => JSX.Element;
+export declare const FormField: (props: FormFieldProps) => JSX.Element;
 export default FormField;

package/FormField.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormField = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
@@ -91,4 +92,5 @@ const FormField = (props) => {
         assistText && (react_1.default.createElement("div", { id: assistTextId, className: 'FormField__assist' }, assistText)),
         errorMessage && (react_1.default.createElement("div", { id: errorId, className: 'FormField__error' }, errorMessage))));
 };
-exports.default = FormField;
+exports.FormField = FormField;
+exports.default = exports.FormField;

package/Gallery/_GalleryItem.d.ts

@@ -4,5 +4,4 @@ export declare type GalleryItemProps = {
     description?: string;
     largeImageSrc?: string;
 } & ImageProps;
-declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
-export default GalleryItem;
+export declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;

package/Gallery/_GalleryItem.js

@@ -1,22 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("../_abstract/_Button"));
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./_GalleryModalContext"));
+const _Button_1 = require("../_abstract/_Button");
+const _Image_1 = require("../_abstract/_Image");
+const _GalleryModalContext_1 = require("./_GalleryModalContext");
 const GalleryItem = (props) => {
     const { caption, description, largeImageSrc } = props, image = tslib_1.__rest(props, ["caption", "description", "largeImageSrc"]);
-    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.default);
+    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
     return (react_1.default.createElement("figure", { className: "GalleryItem" },
         react_1.default.createElement("figcaption", { className: "GalleryItem__caption" }, caption),
-        largeImageSrc ? (react_1.default.createElement(_Button_1.default, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
+        largeImageSrc ? (react_1.default.createElement(_Button_1.Button, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
                 e.preventDefault();
                 setCurrentImage(Object.assign(Object.assign({}, image), { caption, description, largeImageSrc }));
             } },
             ' ',
-            react_1.default.createElement(_Image_1.default, Object.assign({ className: "GalleryItem__image" }, image)),
-            ' ')) : (react_1.default.createElement(_Image_1.default, Object.assign({ className: "GalleryItem__image" }, image))),
+            react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image)),
+            ' ')) : (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image))),
         description && react_1.default.createElement("div", { className: "GalleryItem__description" }, description)));
 };
-exports.default = GalleryItem;
+exports.GalleryItem = GalleryItem;

package/Gallery/_GalleryModal.d.ts

@@ -2,5 +2,5 @@ import { GalleryI18n } from '../Gallery';
 declare type GalleryModalProps = {
     texts: Readonly<GalleryI18n>;
 };
-declare const GalleryModal: (props: GalleryModalProps) => JSX.Element | null;
-export default GalleryModal;
+export declare const GalleryModal: (props: GalleryModalProps) => JSX.Element | null;
+export {};

package/Gallery/_GalleryModal.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModal = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_transition_group_1 = require("react-transition-group");
 const object_1 = require("@hugsmidjan/qj/object");
 const CarouselPaging_1 = tslib_1.__importDefault(require("@hugsmidjan/react/CarouselPaging"));
 const Modal_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Modal"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./_GalleryModalContext"));
-const _GalleryModalItem_1 = tslib_1.__importDefault(require("./_GalleryModalItem"));
+const _GalleryModalContext_1 = require("./_GalleryModalContext");
+const _GalleryModalItem_1 = require("./_GalleryModalItem");
 const GalleryModal = (props) => {
     const { texts } = props;
-    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.default);
+    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
     const [image, setImage] = (0, react_1.useState)(currentImage);
     const [animated, setAnimated] = (0, react_1.useState)(false);
     const updateImage = (index) => {
@@ -48,10 +49,10 @@ const GalleryModal = (props) => {
             react_1.default.createElement(react_transition_group_1.CSSTransition, { in: animated, timeout: 200, onEntered: () => {
                     setAnimated(!animated);
                 }, classNames: "GalleryModalItem--" },
-                react_1.default.createElement(_GalleryModalItem_1.default, Object.assign({}, image))),
+                react_1.default.createElement(_GalleryModalItem_1.GalleryModalItem, Object.assign({}, image))),
             react_1.default.createElement(CarouselPaging_1.default, { bem: "GalleryModalPager", itemCount: items.length, current: imageIndex, setCurrent: updateImage, texts: {
                     next: texts.modalNextLabel,
                     prev: texts.modalPrevLabel,
                 } }))));
 };
-exports.default = GalleryModal;
+exports.GalleryModal = GalleryModal;

package/Gallery/_GalleryModalContext.d.ts

@@ -5,5 +5,5 @@ declare type ModalContextProps = {
     setCurrentImage: (item: GalleryItemProps | undefined) => void;
     currentImage: GalleryItemProps | undefined;
 } & GalleryProps;
-declare const GalleryModalContext: React.Context<ModalContextProps>;
-export default GalleryModalContext;
+export declare const GalleryModalContext: React.Context<ModalContextProps>;
+export {};

package/Gallery/_GalleryModalContext.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModalContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const GalleryModalContext = react_1.default.createContext({});
-exports.default = GalleryModalContext;
+exports.GalleryModalContext = react_1.default.createContext({});

package/Gallery/_GalleryModalItem.d.ts

@@ -1,3 +1,2 @@
 import { GalleryItemProps } from './_GalleryItem';
-declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;
-export default GalleryModalItem;
+export declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;

package/Gallery/_GalleryModalItem.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModalItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
+const _Image_1 = require("../_abstract/_Image");
 const GalleryModalItem = (props) => {
     const { caption, description } = props, image = tslib_1.__rest(props, ["caption", "description"]);
     return (react_1.default.createElement("div", { className: "GalleryModalItem" },
         (caption || description) && (react_1.default.createElement("div", { className: "GalleryModalItem__text" },
             react_1.default.createElement("div", { className: "GalleryModalItem__caption" }, caption),
             react_1.default.createElement("div", { className: "GalleryModalItem__description" }, description))),
-        react_1.default.createElement(_Image_1.default, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
+        react_1.default.createElement(_Image_1.Image, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
 };
-exports.default = GalleryModalItem;
+exports.GalleryModalItem = GalleryModalItem;

package/Gallery.d.ts

@@ -13,5 +13,5 @@ export declare type GalleryProps = {
     lang?: string;
     ssr?: SSRSupport;
 } & SeenProp;
-declare const Gallery: (props: GalleryProps) => JSX.Element;
+export declare const Gallery: (props: GalleryProps) => JSX.Element;
 export default Gallery;

package/Gallery.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gallery = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _AbstractCarousel_1 = tslib_1.__importDefault(require("./_abstract/_AbstractCarousel"));
-const _GalleryItem_1 = tslib_1.__importDefault(require("./Gallery/_GalleryItem"));
-const _GalleryModal_1 = tslib_1.__importDefault(require("./Gallery/_GalleryModal"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./Gallery/_GalleryModalContext"));
+const _AbstractCarousel_1 = require("./_abstract/_AbstractCarousel");
+const _GalleryItem_1 = require("./Gallery/_GalleryItem");
+const _GalleryModal_1 = require("./Gallery/_GalleryModal");
+const _GalleryModalContext_1 = require("./Gallery/_GalleryModalContext");
 const defaultTexts = {
     en: {
         modalNextLabel: 'Next image',
@@ -23,8 +24,9 @@ const Gallery = (props) => {
     const { items, ssr, startSeen } = props;
     const texts = (0, i18n_1.getTexts)(props, defaultTexts);
     const [modalImage, setModalImage] = (0, react_1.useState)(undefined);
-    return (react_1.default.createElement(_GalleryModalContext_1.default.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
-        react_1.default.createElement(_AbstractCarousel_1.default, { bem: "Gallery", items: items, Component: _GalleryItem_1.default, ssr: ssr, startSeen: startSeen }),
-        react_1.default.createElement(_GalleryModal_1.default, Object.assign({}, modalImage, { texts: texts }))));
+    return (react_1.default.createElement(_GalleryModalContext_1.GalleryModalContext.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
+        react_1.default.createElement(_AbstractCarousel_1.AbstractCarousel, { bem: "Gallery", items: items, Component: _GalleryItem_1.GalleryItem, ssr: ssr, startSeen: startSeen }),
+        react_1.default.createElement(_GalleryModal_1.GalleryModal, Object.assign({}, modalImage, { texts: texts }))));
 };
-exports.default = Gallery;
+exports.Gallery = Gallery;
+exports.default = exports.Gallery;

package/GridBlocks.d.ts

@@ -22,5 +22,5 @@ export declare type GridBlocksProp1s = {
     blocks: Array<GridBlockItem>;
     twocol?: boolean;
 };
-declare const GridBlocks: (props: GridBlocksProps) => JSX.Element;
+export declare const GridBlocks: (props: GridBlocksProps) => JSX.Element;
 export default GridBlocks;