@reykjavik/hanna-react 0.10.59 → 0.10.60

package/esm/FeatureList.d.ts

@@ -1,12 +0,0 @@
-import { Efnistakn } from '@reykjavik/hanna-utils/assets';
-import { SeenProp } from './utils/seenEffect';
-export declare type FeatureListProps = {
-    title: string;
-    features: Array<{
-        icon?: Efnistakn;
-        iconUrl?: string;
-        name: string;
-    }>;
-} & SeenProp;
-declare const FeatureList: (props: FeatureListProps) => JSX.Element;
-export default FeatureList;

package/esm/FeatureList.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { useSeenEffect } from './utils/seenEffect';
-import Bling from './Bling';
-const FeatureList = (props) => {
-    const { title, features, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    const _features = features.length ? features : [{ name: '...' }];
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Bling, { type: "snake-large", align: "left", vertical: "down-ish" }),
-        React.createElement("div", { className: "FeatureList", ref: ref },
-            React.createElement("h2", { className: "FeatureList__title" }, title),
-            React.createElement("ul", { className: "FeatureList__list" }, _features.map(({ name, icon, iconUrl }, i) => (React.createElement("li", { key: i, className: "FeatureList__feature", style: iconUrl
-                    ? { '--efnistakn': `url("${iconUrl}")` }
-                    : undefined, "data-efnistakn": !iconUrl ? icon : undefined }, name)))))));
-};
-export default FeatureList;

package/esm/FieldGroup.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export declare type FieldGroupProps = {
-    legend: string;
-    disabled?: boolean;
-    className?: string;
-    children: ReactNode;
-};
-declare const FieldGroup: (props: FieldGroupProps) => JSX.Element;
-export default FieldGroup;

package/esm/FieldGroup.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const FieldGroup = (props) => {
-    const { legend, children, className, disabled } = props;
-    return (React.createElement("fieldset", { className: getBemClass('FieldGroup', null, className), role: "group", disabled: disabled },
-        React.createElement("legend", { className: "FieldGroup__legend" }, legend),
-        children));
-};
-export default FieldGroup;

package/esm/FileInput.d.ts

@@ -1,17 +0,0 @@
-import { FormFieldWrappingProps } from './FormField';
-declare type dropzonePropsProps = {
-    accept?: string;
-    multiple?: boolean;
-};
-export declare type FileInputProps = {
-    dropzoneProps: dropzonePropsProps;
-    dropzoneText: string | JSX.Element;
-    showFileSize?: boolean;
-    showImagePreviews?: boolean;
-    removeFileText: string;
-    onFilesUpdated?: (files: Array<File>) => void;
-    name?: string;
-    value?: ReadonlyArray<File>;
-} & FormFieldWrappingProps;
-declare const FileInput: (props: FileInputProps) => JSX.Element;
-export default FileInput;

package/esm/FileInput.js

@@ -1,154 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useEffect, useRef, useState } from 'react';
-import { useDropzone } from 'react-dropzone'; // https://react-dropzone.js.org/#!/Dropzone
-import { useDomid } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import FormField from './FormField';
-/**
- * Attaches a `preview` prop to file objects that don't already have a `preview` key defined
- *
- * The preview's value is either a data URI (for image-type files) or `undefined`
- */
-const addPreview = (file) => {
-    if (!('preview' in file)) {
-        file.preview = file.type.includes('image/') ? URL.createObjectURL(file) : undefined;
-    }
-};
-/**
- * Revokes `preview` data URIs to avoid memory leaks
- *
- * (See: https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL)
- */
-const releasePreview = (file) => {
-    file.preview && URL.revokeObjectURL(file.preview);
-    delete file.preview;
-};
-const arrayToFileList = (arr) => {
-    const fileList = new DataTransfer();
-    arr.forEach((item) => {
-        fileList.items.add(item);
-    });
-    return fileList.files;
-};
-const dedupeFilesArray = (files) => {
-    const newArray = [];
-    const found = {};
-    files.forEach((file) => {
-        if (!(file.name in found)) {
-            newArray.push(file);
-            found[file.name] = true;
-        }
-        else {
-            releasePreview(file);
-        }
-    });
-    return newArray;
-};
-const formatBytes = (bytes, decimals = 2) => {
-    if (bytes === 0) {
-        return '0 Bytes';
-    }
-    const k = 1024;
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + ' ' + sizes[i];
-};
-const FileInput = (props) => {
-    const { className, id, label, hideLabel, dropzoneProps = { multiple: true }, dropzoneText, removeFileText, assistText, disabled, invalid, errorMessage, required, reqText, onFilesUpdated = () => undefined, showFileSize, showImagePreviews, value = [] } = props, inputElementProps = __rest(props, ["className", "id", "label", "hideLabel", "dropzoneProps", "dropzoneText", "removeFileText", "assistText", "disabled", "invalid", "errorMessage", "required", "reqText", "onFilesUpdated", "showFileSize", "showImagePreviews", "value"]);
-    const domid = useDomid(id);
-    const fileInputWrapper = useRef(null);
-    const fileInput = useRef(null);
-    const files = value;
-    const [isHover, setIsHover] = useState(false);
-    const { getRootProps, getInputProps, isDragReject, inputRef } = useDropzone(Object.assign({ onDrop: (acceptedFiles) => {
-            acceptedFiles = acceptedFiles.map((file) => {
-                addPreview(file);
-                return file;
-            });
-            addFiles(acceptedFiles); // eslint-disable-line
-            setIsHover(false);
-        }, onDropRejected: (rejectedFiles) => {
-            window.alert('Error:\n' +
-                rejectedFiles
-                    .map((elm) => {
-                    return elm.name;
-                })
-                    .join(', '));
-        }, onDragEnter: () => {
-            // 'dragLeave' always fires right after 'dragEnter', use 'dragOver' instead
-            // console.log('enter');
-            // setIsHover(true);
-        }, onDragLeave: () => {
-            // console.log('leave');
-            setIsHover(false);
-        }, onDragOver: () => {
-            // TODO: add error icon? 'isDragReject' gives unstable results
-            // console.log(isDragReject);
-            setIsHover(true);
-        } }, dropzoneProps));
-    // Add previews on incoming files
-    // (NOTE: `addPreview` ignores files that already have preview.)
-    files.forEach(addPreview);
-    useEffect(() => () => {
-        // Make sure to revoke the data uris on unmount to avoid memory leaks
-        files.forEach(releasePreview);
-    }, [files]);
-    const removeFile = (name) => {
-        if (fileInput.current) {
-            const newFileList = files.filter((file) => {
-                if (file.name !== name) {
-                    return true;
-                }
-                releasePreview(file);
-            });
-            fileInput.current.files = arrayToFileList(newFileList);
-            onFilesUpdated(newFileList);
-        }
-    };
-    const addFiles = (filelist) => {
-        if (fileInput.current) {
-            const newFileList = dropzoneProps.multiple
-                ? dedupeFilesArray(files.concat(filelist))
-                : filelist;
-            fileInput.current.files = arrayToFileList(newFileList);
-            onFilesUpdated(newFileList);
-        }
-        if (inputRef.current) {
-            // Empty on every add
-            inputRef.current.files = arrayToFileList([]);
-        }
-    };
-    const filesList = files.map((file) => (React.createElement("li", { key: file.name, className: "FileInput__file" },
-        React.createElement("button", { className: "FileInput__file-remove", type: "button", onClick: () => removeFile(file.name), "aria-label": removeFileText }, removeFileText),
-        React.createElement("span", { className: "FileInput__fileinfo" },
-            showImagePreviews && file.preview && (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "FileInput__preview" },
-                    React.createElement("img", { src: file.preview })),
-                ' ')),
-            React.createElement("span", { className: "FileInput__filename" }, file.name),
-            showFileSize && (React.createElement("small", { className: "FileInput__filesize" },
-                " - (",
-                formatBytes(file.size),
-                ")"))))));
-    return (React.createElement(FormField, { className: getBemClass('FileInput', [dropzoneProps.multiple && 'multi'], className), label: label, id: domid + '-fake', LabelTag: "h4", assistText: assistText, hideLabel: hideLabel, disabled: disabled, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, renderInput: (className, inputProps /* , addFocusProps */) => {
-            return (React.createElement("div", { className: className.control, ref: fileInputWrapper },
-                React.createElement("input", { className: "FileInput__input", name: inputElementProps.name, id: domid, ref: fileInput, type: "file", style: { display: 'none' }, multiple: dropzoneProps.multiple || undefined, required: inputProps.required }),
-                ' ',
-                React.createElement("input", Object.assign({ className: "FileInput__input--fake" }, getInputProps(), { tabIndex: undefined, style: undefined, multiple: dropzoneProps.multiple || undefined }, inputProps, { required: undefined })),
-                ' ',
-                React.createElement("div", Object.assign({ className: getBemClass('FileInput__dropzone', [isHover && 'highlight']) }, getRootProps({ isDragReject }), { tabIndex: undefined }),
-                    React.createElement("p", { className: "FileInput__droptext" }, dropzoneText)),
-                filesList.length ? React.createElement("ul", { className: "FileInput__filelist" }, filesList) : ''));
-        } }));
-};
-export default FileInput;

package/esm/Foonote.d.ts

@@ -1,12 +0,0 @@
-import { FootnoteProps as _FootnoteProps } from './Footnote';
-/** @deprecated  (Will be removed in v0.11)
- *
- * This module file is a typo. import from `Footnote` instead
- */
-export declare type FootnoteProps = _FootnoteProps;
-/** @deprecated  (Will be removed in v0.11)
- *
- * This module file is a typo. import from `Footnote` instead
- */
-declare const Footnote: (props: _FootnoteProps) => JSX.Element;
-export default Footnote;

package/esm/Foonote.js

@@ -1,7 +0,0 @@
-import _Footnote from './Footnote';
-/** @deprecated  (Will be removed in v0.11)
- *
- * This module file is a typo. import from `Footnote` instead
- */
-const Footnote = _Footnote;
-export default Footnote;

package/esm/FooterBadges.d.ts

@@ -1,9 +0,0 @@
-export declare type FooterBadgesProps = {
-    badges: Array<{
-        altText: string;
-        src: string;
-        href?: string;
-    }>;
-};
-declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
-export default FooterBadges;

package/esm/FooterBadges.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Link } from './_abstract/_Link';
-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 },
-        ' ',
-        React.createElement("img", { src: src, alt: altText }),
-        ' ')) : (React.createElement("img", { src: src, alt: altText })))))));
-};
-export default FooterBadges;

package/esm/FooterInfo.d.ts

@@ -1,18 +0,0 @@
-import { BemPropsModifier } from '@hugsmidjan/react/types';
-export declare type FooterInfoGroup = {
-    title: string;
-    role?: JSX.IntrinsicElements['div']['role'];
-    modifier?: string;
-} & BemPropsModifier & ({
-    content: JSX.Element;
-    html?: undefined;
-} | {
-    html: string;
-    content?: undefined;
-});
-export declare type FooterInfoBoxes = Array<FooterInfoGroup>;
-export declare type FooterInfoProps = {
-    boxes: FooterInfoBoxes;
-};
-declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
-export default FooterInfo;

package/esm/FooterInfo.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const FooterInfo = (props) => {
-    const { boxes } = props;
-    return (React.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (React.createElement("div", { className: getBemClass('FooterInfo__group', group.modifier), role: group.role, key: i },
-        React.createElement("h3", { className: "FooterInfo__grouptitle" }, group.title),
-        group.content ? (React.createElement("div", { className: getBemClass('FooterInfo__groupcontent', group.modifier) }, group.content)) : (React.createElement("div", { className: getBemClass('FooterInfo__groupcontent', group.modifier), dangerouslySetInnerHTML: { __html: group.html } })))))));
-};
-export default FooterInfo;

package/esm/Footnote.d.ts

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

package/esm/Footnote.js

@@ -1,3 +0,0 @@
-import React from 'react';
-const Footnote = (props) => (React.createElement("div", { className: "Footnote" }, props.children));
-export default Footnote;

package/esm/Form.d.ts

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

package/esm/Form.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const Form = (props) => {
-    const { children, align, wide } = props;
-    return (React.createElement("form", Object.assign({}, props, { className: getBemClass('Form', [
-            align === 'right' && 'align--' + align,
-            !align && wide && 'wide',
-        ]) }), children));
-};
-export default Form;

package/esm/FormField.d.ts

@@ -1,65 +0,0 @@
-import { RefObject } from 'react';
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-declare type InputClassNames = {
-    /** Basic/raw FormField BEM name */
-    bem: string;
-    /** Standard name for "<input/>"-styled controls */
-    input: string;
-    /** Standard name for radio/checkbox group conotrols */
-    options: string;
-    /** Generic name for unstyled/free-form controls. */
-    control: string;
-};
-export declare type FormFieldInputProps = {
-    id?: string;
-    required?: boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
-    'aria-invalid'?: boolean | 'true' | 'false';
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-};
-declare type FocusEvents = {
-    onFocus?: (e: any) => void;
-    onBlur?: (e: any) => void;
-};
-declare type FocusPropMaker = <P extends FocusEvents>(ownProps?: P) => P & Required<FocusEvents>;
-export declare type FormFieldWrappingProps = {
-    /** Container className - alongside "FormField" */
-    className?: string;
-    label: string | JSX.Element;
-    assistText?: string | JSX.Element;
-    hideLabel?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    invalid?: boolean;
-    errorMessage?: string | JSX.Element;
-    required?: boolean;
-    /** Hidden label prefix text to indicate that the field is required.
-     *
-     * If your field is required but should not say so in its label
-     * then set this prop to `false`
-     *
-     * Default: `"Þarf að fylla út"`
-     * */
-    reqText?: string | false;
-    /** Optional pre-determinted id="" for the __input */
-    id?: string;
-    /** Ref object pointing to the outermost `.FormField` element */
-    wrapperRef?: RefObject<HTMLElement>;
-    ssr?: SSRSupport;
-};
-export declare type FormFieldGroupWrappingProps = FormFieldWrappingProps & {
-    LabelTag?: 'h3' | 'h4' | 'h5';
-};
-export declare type FormFieldProps = FormFieldGroupWrappingProps & {
-    /** Container className - alongside "FormField" */
-    className: string;
-    small?: boolean;
-    group?: boolean;
-    empty?: boolean;
-    filled?: boolean;
-    renderInput(className: InputClassNames, inputProps: FormFieldInputProps, addFocusProps: FocusPropMaker, isBrowser?: boolean): JSX.Element;
-};
-declare const FormField: (props: FormFieldProps) => JSX.Element;
-export default FormField;

package/esm/FormField.js

@@ -1,91 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { useDomid, useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { isPreact } from './utils/env';
-const inputClassNames = {
-    bem: 'FormField',
-    input: 'FormField__input',
-    options: 'FormField__options',
-    control: 'FormField__control',
-};
-// ---------------------------------------------------------------------------
-// eslint-disable-next-line complexity
-const FormField = (props) => {
-    const { className, small, group, LabelTag = group ? 'h4' : undefined, label, assistText, hideLabel, empty, filled, readOnly, disabled, invalid, errorMessage, required, reqText, // i18n
-    renderInput, id, ssr, } = props;
-    const isBrowser = useIsBrowserSide(ssr);
-    const isInvalid = invalid || !!errorMessage || undefined;
-    const domid = useDomid(id);
-    const [focused, setFocused] = useState(false);
-    // @ts-expect-error  (Duck knows why this errors?!)
-    const addFocusProps = useCallback((ownProps) => {
-        const { onFocus, onBlur } = ownProps || {};
-        const focusHandler = (e) => {
-            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {
-                setFocused(true);
-            }
-            onFocus && onFocus(e);
-        };
-        const blurHandler = (e) => {
-            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {
-                setFocused(false);
-            }
-            onBlur && onBlur(e);
-        };
-        const focusProps = Object.assign(Object.assign({}, ownProps), { onFocus: focusHandler, onBlur: blurHandler });
-        if (isPreact) {
-            const focusinHandler = (e) => {
-                e.currentTarget !== e.target && focusHandler(e);
-            };
-            const focusoutHandler = (e) => {
-                e.currentTarget !== e.target && blurHandler(e);
-            };
-            // @ts-expect-error  (Sneak this in as Preact does not bubble `FocusEvent`s)
-            focusProps.onfocusin = focusinHandler;
-            // @ts-expect-error  (Sneak this in as Preact does not bubble `FocusEvent`s)
-            focusProps.onfocusout = focusoutHandler;
-        }
-        return focusProps;
-    }, []);
-    const errorId = errorMessage ? 'error:' + domid : undefined;
-    const assistTextId = assistText ? 'assist:' + domid : undefined;
-    const labelId = LabelTag ? 'label:' + domid : undefined;
-    const reqStar = required && reqText !== false && (React.createElement("abbr", { className: 'FormField__label__reqstar', 
-        // TODO: add mo-better i18n thinking
-        title: (reqText || 'Þarf að fylla út') + ': ' }, "*"));
-    const inputProps = {
-        id: domid,
-        disabled: disabled,
-        required: required,
-        readOnly: readOnly,
-        'aria-invalid': isInvalid,
-        'aria-describedby': assistTextId && errorId ? assistTextId + ' ' + errorId : assistTextId || errorId,
-        'aria-labelledby': labelId, // undefined if normalLabel
-    };
-    return (React.createElement("div", { className: getBemClass('FormField', [
-            small && 'small',
-            hideLabel && 'nolabel',
-            isInvalid && 'invalid',
-            disabled && 'disabled',
-            readOnly && 'readonly',
-            isBrowser && empty && 'empty',
-            isBrowser && filled && 'filled',
-            isBrowser && focused && 'focused',
-        ], className), role: group ? 'group' : undefined, ref: props.wrapperRef },
-        LabelTag ? (React.createElement(LabelTag, { className: 'FormField__label', id: labelId },
-            ' ',
-            reqStar,
-            " ",
-            label,
-            ' ')) : (React.createElement("label", { className: 'FormField__label', htmlFor: domid },
-            ' ',
-            reqStar,
-            " ",
-            label,
-            ' ')),
-        ' ',
-        renderInput(inputClassNames, inputProps, addFocusProps, isBrowser),
-        assistText && (React.createElement("div", { id: assistTextId, className: 'FormField__assist' }, assistText)),
-        errorMessage && (React.createElement("div", { id: errorId, className: 'FormField__error' }, errorMessage))));
-};
-export default FormField;

package/esm/Gallery/_GalleryItem.d.ts

@@ -1,8 +0,0 @@
-import { ImageProps } from '../_abstract/_Image';
-export declare type GalleryItemProps = {
-    caption?: string;
-    description?: string;
-    largeImageSrc?: string;
-} & ImageProps;
-declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
-export default GalleryItem;

package/esm/Gallery/_GalleryItem.js

@@ -1,30 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useContext } from 'react';
-import Button from '../_abstract/_Button';
-import Image from '../_abstract/_Image';
-import GalleryModalContext from './_GalleryModalContext';
-const GalleryItem = (props) => {
-    const { caption, description, largeImageSrc } = props, image = __rest(props, ["caption", "description", "largeImageSrc"]);
-    const { setCurrentImage } = useContext(GalleryModalContext);
-    return (React.createElement("figure", { className: "GalleryItem" },
-        React.createElement("figcaption", { className: "GalleryItem__caption" }, caption),
-        largeImageSrc ? (React.createElement(Button, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
-                e.preventDefault();
-                setCurrentImage(Object.assign(Object.assign({}, image), { caption, description, largeImageSrc }));
-            } },
-            ' ',
-            React.createElement(Image, Object.assign({ className: "GalleryItem__image" }, image)),
-            ' ')) : (React.createElement(Image, Object.assign({ className: "GalleryItem__image" }, image))),
-        description && React.createElement("div", { className: "GalleryItem__description" }, description)));
-};
-export default GalleryItem;

package/esm/Gallery/_GalleryModal.d.ts

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

package/esm/Gallery/_GalleryModal.js

@@ -1,54 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { objectClean, objectIsSame } from '@hugsmidjan/qj/object';
-import CarouselPaging from '@hugsmidjan/react/CarouselPaging';
-import Modal from '@hugsmidjan/react/Modal';
-import GalleryModalContext from './_GalleryModalContext';
-import GalleryModalItem from './_GalleryModalItem';
-const GalleryModal = (props) => {
-    const { texts } = props;
-    const { currentImage, items, setCurrentImage } = useContext(GalleryModalContext);
-    const [image, setImage] = useState(currentImage);
-    const [animated, setAnimated] = useState(false);
-    const updateImage = (index) => {
-        setAnimated(!animated);
-        setTimeout(() => {
-            setCurrentImage(items[index]);
-        }, 200);
-    };
-    useEffect(() => {
-        if (image !== currentImage) {
-            const imgSource = (currentImage === null || currentImage === void 0 ? void 0 : currentImage.largeImageSrc) || (currentImage === null || currentImage === void 0 ? void 0 : currentImage.src);
-            if (imgSource) {
-                const imageToLoad = new window.Image();
-                imageToLoad.src = imgSource;
-                imageToLoad.onload = () => {
-                    setImage(currentImage);
-                };
-            }
-            else {
-                setImage(undefined);
-            }
-        }
-    }, [image, currentImage]);
-    if (!image) {
-        return null;
-    }
-    const imageIndex = items.findIndex((item) => 
-    // FIXME: This if weirdly inefficient. Either memoize,
-    // or do a simpler single-property comparison.
-    objectIsSame(objectClean(image), objectClean(item)));
-    return (React.createElement(Modal, { open: true, onClosed: () => {
-            setCurrentImage(undefined);
-        }, startOpen: false, bem: "GalleryModal", texts: { closeButton: texts.modalCloseLabel } },
-        React.createElement(React.Fragment, null,
-            React.createElement(CSSTransition, { in: animated, timeout: 200, onEntered: () => {
-                    setAnimated(!animated);
-                }, classNames: "GalleryModalItem--" },
-                React.createElement(GalleryModalItem, Object.assign({}, image))),
-            React.createElement(CarouselPaging, { bem: "GalleryModalPager", itemCount: items.length, current: imageIndex, setCurrent: updateImage, texts: {
-                    next: texts.modalNextLabel,
-                    prev: texts.modalPrevLabel,
-                } }))));
-};
-export default GalleryModal;

package/esm/Gallery/_GalleryModalContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { GalleryProps } from '../Gallery';
-import { GalleryItemProps } from './_GalleryItem';
-declare type ModalContextProps = {
-    setCurrentImage: (item: GalleryItemProps | undefined) => void;
-    currentImage: GalleryItemProps | undefined;
-} & GalleryProps;
-declare const GalleryModalContext: React.Context<ModalContextProps>;
-export default GalleryModalContext;

package/esm/Gallery/_GalleryModalContext.js

@@ -1,3 +0,0 @@
-import React from 'react';
-const GalleryModalContext = React.createContext({});
-export default GalleryModalContext;

package/esm/Gallery/_GalleryModalItem.d.ts

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

package/esm/Gallery/_GalleryModalItem.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import Image from '../_abstract/_Image';
-const GalleryModalItem = (props) => {
-    const { caption, description } = props, image = __rest(props, ["caption", "description"]);
-    return (React.createElement("div", { className: "GalleryModalItem" },
-        (caption || description) && (React.createElement("div", { className: "GalleryModalItem__text" },
-            React.createElement("div", { className: "GalleryModalItem__caption" }, caption),
-            React.createElement("div", { className: "GalleryModalItem__description" }, description))),
-        React.createElement(Image, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
-};
-export default GalleryModalItem;