@jetshop/ui 6.3.8-alpha.20 → 6.3.8-alpha.30

package/CloudflareImage/utils/getSizeForBreakpoint.js

@@ -0,0 +1,16 @@
+import { sizeToNumber } from './sizeToNumber';
+export const getSizeForBreakpoint = (sizes, offset) => {
+    if (Array.isArray(sizes)) {
+        do {
+            if (sizes[offset]) {
+                return sizeToNumber(sizes[offset]);
+            }
+            offset--;
+        } while (offset >= 0);
+    }
+    else {
+        return sizeToNumber(sizes);
+    }
+    return 1;
+};
+//# sourceMappingURL=getSizeForBreakpoint.js.map

package/CloudflareImage/utils/getSizeForBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeForBreakpoint.js","sourceRoot":"","sources":["getSizeForBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAA2B,EAC3B,MAAc,EACd,EAAE;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,GAAG;YACD,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;gBACjB,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;aACpC;YACD,MAAM,EAAE,CAAC;SACV,QAAQ,MAAM,IAAI,CAAC,EAAE;KACvB;SAAM;QACL,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC;KAC5B;IACD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC"}

package/CloudflareImage/utils/getSizesMap.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSizes } from '../Image';
+export declare const getSizesMap: (breakpoints: Record<string, string>, sizes: ImageBreakpointSizes, mobile?: boolean) => string;

package/CloudflareImage/utils/getSizesMap.js

@@ -0,0 +1,35 @@
+import { getSizeForBreakpoint } from './getSizeForBreakpoint';
+export const getSizesMap = (breakpoints, sizes, mobile = false) => {
+    const breakpointArray = Object.entries(breakpoints).map(([key, value]) => ({
+        key,
+        value
+    }));
+    const breakpointWidths = [];
+    for (let i = 0; i < breakpointArray.length; i++) {
+        breakpointWidths.push(breakpointArray[i].value);
+        if (mobile && breakpointArray[i].key === 'sm') {
+            break;
+        }
+    }
+    return breakpointWidths
+        .map((breakpoint, i) => {
+        const size = getSizeForBreakpoint(sizes, i);
+        let width;
+        if (size > 2) {
+            // Size is absolute value in px
+            width = size + 'px';
+        }
+        else {
+            // Size is already a fraction (or unset). Convert it to vw (percentage
+            // of viewport width)
+            width = Math.round(100 * (size || 1)) + 'vw';
+        }
+        // Include a media query for all but the last size
+        if (i + 1 < breakpointWidths.length) {
+            return `(max-width: ${breakpoint}) ${width}`;
+        }
+        return width;
+    })
+        .join(', ');
+};
+//# sourceMappingURL=getSizesMap.js.map

package/CloudflareImage/utils/getSizesMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizesMap.js","sourceRoot":"","sources":["getSizesMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,WAAmC,EACnC,KAA2B,EAC3B,MAAM,GAAG,KAAK,EACd,EAAE;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAa,EAAE,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/C,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE;YAC7C,MAAM;SACP;KACF;IAED,OAAO,gBAAgB;SACpB,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;QACrB,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,+BAA+B;YAC/B,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;SACrB;aAAM;YACL,sEAAsE;YACtE,qBAAqB;YACrB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SAC9C;QACD,kDAAkD;QAClD,IAAI,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE;YACnC,OAAO,eAAe,UAAU,KAAK,KAAK,EAAE,CAAC;SAC9C;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC"}

package/CloudflareImage/utils/getSmallestSize.d.ts

@@ -0,0 +1,2 @@
+import { ImageSrcType } from '../Image';
+export declare const getSmallestSize: (sizes: ImageSrcType) => any;

package/CloudflareImage/utils/getSmallestSize.js

@@ -0,0 +1,12 @@
+export const getSmallestSize = (sizes) => {
+    if (Array.isArray(sizes)) {
+        if (sizes.length === 0) {
+            throw new Error('Sizes must not be an empty array');
+        }
+        return sizes[0].url;
+    }
+    else {
+        return sizes.toString();
+    }
+};
+//# sourceMappingURL=getSmallestSize.js.map

package/CloudflareImage/utils/getSmallestSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestSize.js","sourceRoot":"","sources":["getSmallestSize.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KACrB;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KACzB;AACH,CAAC,CAAC"}

package/CloudflareImage/utils/getSrcSetFromWidths.d.ts

@@ -0,0 +1,10 @@
+import { AspectRatio, Gravity } from '../Image';
+export interface ImageParamOptions {
+    crop: boolean;
+    gravity?: Gravity;
+    quality?: number;
+    webp?: boolean;
+    focalPointX?: number;
+    focalPointY?: number;
+}
+export declare const getSrcSetFromWidths: (src: string, widths: number[], aspect: AspectRatio, options?: ImageParamOptions, modifiedDate?: string) => string;

package/CloudflareImage/utils/getSrcSetFromWidths.js

@@ -0,0 +1,10 @@
+import { createSrcWithProperties } from './getSrcWithParams';
+export const getSrcSetFromWidths = (src, widths, aspect, options = { crop: false, webp: false }, modifiedDate) => {
+    const p = [];
+    for (const w of widths) {
+        const prop = createSrcWithProperties(w, aspect, src, true, options, modifiedDate);
+        p.push(`/cdn-cgi/image/${prop}/${src}${modifiedDate ? `?timestamp=${modifiedDate}` : ''}`);
+    }
+    return p.join(', ');
+};
+//# sourceMappingURL=getSrcSetFromWidths.js.map

package/CloudflareImage/utils/getSrcSetFromWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSrcSetFromWidths.js","sourceRoot":"","sources":["getSrcSetFromWidths.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAW7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAW,EACX,MAAgB,EAChB,MAAmB,EACnB,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzD,YAAqB,EACrB,EAAE;IACF,MAAM,CAAC,GAAG,EAAE,CAAC;IAEb,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;QACtB,MAAM,IAAI,GAAG,uBAAuB,CAClC,CAAC,EACD,MAAM,EACN,GAAG,EACH,IAAI,EACJ,OAAO,EACP,YAAY,CACb,CAAC;QACF,CAAC,CAAC,IAAI,CACJ,kBAAkB,IAAI,IAAI,GAAG,GAC3B,YAAY,CAAC,CAAC,CAAC,cAAc,YAAY,EAAE,CAAC,CAAC,CAAC,EAChD,EAAE,CACH,CAAC;KACH;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC,CAAC"}

package/CloudflareImage/utils/getSrcWithParams.d.ts

@@ -0,0 +1,3 @@
+import { AspectRatio } from '../Image';
+import { ImageParamOptions } from './getSrcSetFromWidths';
+export declare function createSrcWithProperties(width: number, aspect: AspectRatio, src: string, includeViewportSize?: boolean, options?: ImageParamOptions, timestamp?: string): string;

package/CloudflareImage/utils/getSrcWithParams.js

@@ -0,0 +1,30 @@
+import { aspectRatioToFraction } from './aspectRatioToFraction';
+// <img src="/cdn-cgi/image/width=80,quality=75/uploads/avatar1.jpg" />
+export function createSrcWithProperties(width, aspect, 
+// @ts-ignore
+src, 
+// @ts-ignore
+includeViewportSize = true, options = { crop: false, webp: false }, 
+// @ts-ignore
+timestamp) {
+    const resizeMethod = options.crop ? 'crop' : 'contain';
+    const quality = options.quality;
+    const height = aspect
+        ? Math.round(width * aspectRatioToFraction(aspect))
+        : null;
+    const properties = [];
+    if (height) {
+        properties.push(`width=${width},height=${height},fit=${resizeMethod}`);
+    }
+    else {
+        properties.push(`width=${width},fit=${resizeMethod}`);
+    }
+    if (quality) {
+        properties.push(`quality=${quality}`);
+    }
+    if (options.webp) {
+        properties.push('format=webp');
+    }
+    return properties.toString();
+}
+//# sourceMappingURL=getSrcWithParams.js.map

package/CloudflareImage/utils/getSrcWithParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSrcWithParams.js","sourceRoot":"","sources":["getSrcWithParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,uEAAuE;AAEvE,MAAM,UAAU,uBAAuB,CACrC,KAAa,EACb,MAAmB;AACnB,aAAa;AACb,GAAW;AACX,aAAa;AACb,mBAAmB,GAAG,IAAI,EAC1B,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;AACzD,aAAa;AACb,SAAkB;IAElB,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM;QACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,IAAI,MAAM,EAAE;QACV,UAAU,CAAC,IAAI,CAAC,SAAS,KAAK,WAAW,MAAM,QAAQ,YAAY,EAAE,CAAC,CAAC;KACxE;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,SAAS,KAAK,QAAQ,YAAY,EAAE,CAAC,CAAC;KACvD;IAED,IAAI,OAAO,EAAE;QACX,UAAU,CAAC,IAAI,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC;KACvC;IACD,IAAI,OAAO,CAAC,IAAI,EAAE;QAChB,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAChC;IAED,OAAO,UAAU,CAAC,QAAQ,EAAE,CAAC;AAC/B,CAAC"}

package/CloudflareImage/utils/paddingForAspectRatio.d.ts

@@ -0,0 +1 @@
+export declare const paddingForAspectRatio: (aspect?: string) => string;

package/CloudflareImage/utils/paddingForAspectRatio.js

@@ -0,0 +1,6 @@
+export const paddingForAspectRatio = (aspect = '1:1') => {
+    const numbers = aspect.split(/[^\d]/).map(Number);
+    const ratio = numbers[1] / numbers[0];
+    return `${(ratio * 100).toFixed(4)}%`;
+};
+//# sourceMappingURL=paddingForAspectRatio.js.map

package/CloudflareImage/utils/paddingForAspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingForAspectRatio.js","sourceRoot":"","sources":["paddingForAspectRatio.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACxC,CAAC,CAAC"}

package/CloudflareImage/utils/remToPx.d.ts

@@ -0,0 +1 @@
+export declare const remToPx: (rems: string, base?: number) => number;

package/CloudflareImage/utils/remToPx.js

@@ -0,0 +1,2 @@
+export const remToPx = (rems, base = 16) => parseInt(rems) * base;
+//# sourceMappingURL=remToPx.js.map

package/CloudflareImage/utils/remToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remToPx.js","sourceRoot":"","sources":["remToPx.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC"}

package/CloudflareImage/utils/sizeToNumber.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSize } from '../Image';
+export declare const sizeToNumber: (size: ImageBreakpointSize) => number;

package/CloudflareImage/utils/sizeToNumber.js

@@ -0,0 +1,27 @@
+import { remToPx } from './remToPx';
+const sizeRegexp = new RegExp(/(\d+)\s?(\w+)?/g);
+export const sizeToNumber = (size) => {
+    if (typeof size === 'string') {
+        try {
+            sizeRegexp.lastIndex = 0;
+            const matches = sizeRegexp.exec(size.toLowerCase().trim());
+            const num = matches && matches[1];
+            const unit = matches && matches[2];
+            if ((!unit || unit === 'px') && num) {
+                return +num;
+            }
+            else if (unit === 'rem') {
+                return remToPx(num);
+            }
+            else {
+                throw Error('Unknown unit ' + unit);
+            }
+        }
+        catch (e) {
+            console.error('Responsive Image: Unit conversion failed for', size, e);
+            return 1;
+        }
+    }
+    return size;
+};
+//# sourceMappingURL=sizeToNumber.js.map

package/CloudflareImage/utils/sizeToNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToNumber.js","sourceRoot":"","sources":["sizeToNumber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;IACxD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,IAAI;YACF,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC;YACzB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YAClC,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YACnC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,EAAE;gBACnC,OAAO,CAAC,GAAG,CAAC;aACb;iBAAM,IAAI,IAAI,KAAK,KAAK,EAAE;gBACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;aACrB;iBAAM;gBACL,MAAM,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;aACrC;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,8CAA8C,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,CAAC;SACV;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/ContentPageLink.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { LinkProps } from 'react-router-dom';
+import { Page } from '@jetshop/core/types';
+export interface ContentPageLinkProps extends Partial<LinkProps> {
+    page: Page;
+    className?: string;
+    preloadRoute?: boolean;
+    onMouseEnter?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => any;
+}
+declare const ContentPageLink: React.FC<ContentPageLinkProps>;
+export default ContentPageLink;

package/ContentPageLink.js

@@ -0,0 +1,46 @@
+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 * as React from 'react';
+import { Link } from 'react-router-dom';
+import { useRoutePreload } from '@jetshop/core/hooks/useRoutePreload';
+import { useHoverIntent } from './utils/useHoverIntent';
+const ContentPageLink = function ContentPageLink(props) {
+    const { page, onMouseEnter, preloadRoute = true } = props, rest = __rest(props, ["page", "onMouseEnter", "preloadRoute"]);
+    const { primaryRoute } = page;
+    const { preload } = useRoutePreload();
+    const contentPreload = () => {
+        if (!(primaryRoute === null || primaryRoute === void 0 ? void 0 : primaryRoute.path)) {
+            return;
+        }
+        preload({
+            pathname: primaryRoute.path,
+            routeType: 'Page',
+            preloadRoute
+        });
+    };
+    const [, intentRef] = useHoverIntent({
+        onHover: () => {
+            contentPreload();
+        }
+    });
+    return (React.createElement(Link, Object.assign({ to: {
+            pathname: primaryRoute === null || primaryRoute === void 0 ? void 0 : primaryRoute.path,
+            state: { type: 'Page' }
+        }, innerRef: intentRef, onTouchStart: contentPreload, onMouseEnter: (event) => {
+            contentPreload();
+            if (typeof onMouseEnter === 'function') {
+                onMouseEnter(event);
+            }
+        } }, rest)));
+};
+export default ContentPageLink;
+//# sourceMappingURL=ContentPageLink.js.map

package/ContentPageLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentPageLink.js","sourceRoot":"","sources":["ContentPageLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,eAAe,GACnB,SAAS,eAAe,CAAC,KAAK;IAC5B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAG,IAAI,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,wCAAoD,CAAQ,CAAC;IACnE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAA,EAAE;YACvB,OAAO;SACR;QACD,OAAO,CAAC;YACN,QAAQ,EAAE,YAAY,CAAC,IAAI;YAC3B,SAAS,EAAE,MAAM;YACjB,YAAY;SACb,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,EAAE,CAAC;QACnB,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,IAAI,kBACH,EAAE,EAAE;YACF,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI;YAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,EACD,QAAQ,EAAE,SAAgB,EAC1B,YAAY,EAAE,cAAc,EAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,cAAc,EAAE,CAAC;YACjB,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;gBACtC,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;QACH,CAAC,IACG,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,eAAe,CAAC"}

package/ContentRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ContentItem } from '@jetshop/core/types';
+export type Components = {
+    [key: string]: React.FC<any>;
+};
+export declare function ContentRenderer({ items, components }: {
+    items: ContentItem[];
+    components: Components;
+}): JSX.Element;

package/ContentRenderer.js

@@ -0,0 +1,36 @@
+import React from 'react';
+const convertPropsToObject = (item) => {
+    const props = item.properties.reduce((merged, current) => {
+        var _a, _b;
+        if ((current === null || current === void 0 ? void 0 : current.valueType) === 'SCALAR') {
+            merged[current.name] = {
+                type: current.type,
+                value: (_a = current === null || current === void 0 ? void 0 : current.value) === null || _a === void 0 ? void 0 : _a.value,
+                __typename: (_b = current === null || current === void 0 ? void 0 : current.value) === null || _b === void 0 ? void 0 : _b.__typename
+            };
+        }
+        else {
+            merged[current.name] = {
+                type: current.type,
+                value: current.value
+            };
+        }
+        return merged;
+    }, {});
+    return props;
+};
+const renderContent = ({ items, components }) => items.map((item, index) => {
+    const Component = components[item.type.toUpperCase()] || components[item.type];
+    const props = convertPropsToObject(item);
+    if (Component) {
+        return (React.createElement(Component, Object.assign({ key: `${item.type}-${index}` }, props), (item === null || item === void 0 ? void 0 : item.children) && item.children.length > 0
+            ? renderContent({ items: item.children, components })
+            : null));
+    }
+    else
+        return null;
+});
+export function ContentRenderer({ items, components }) {
+    return React.createElement(React.Fragment, null, renderContent({ items, components }));
+}
+//# sourceMappingURL=ContentRenderer.js.map

package/ContentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRenderer.js","sourceRoot":"","sources":["ContentRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,EAAE;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;;QACvD,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,QAAQ,EAAE;YACnC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG;gBACrB,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,KAAK,EAAE,MAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAiC,0CAAE,KAAK;gBACzD,UAAU,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,UAAU;aACvC,CAAC;SACH;aAAM;YACL,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG;gBACrB,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,KAAK,EAAE,OAAO,CAAC,KAA2B;aAC3C,CAAC;SACH;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAA4G,CAAC,CAAC;IAEjH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AACF,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,UAAU,EAIX,EAAiB,EAAE,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IACxB,MAAM,SAAS,GACb,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAEzC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,IAAM,KAAK,GAC/C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YACzC,CAAC,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;YACrD,CAAC,CAAC,IAAI,CACE,CACb,CAAC;KACH;;QAAM,OAAO,IAAI,CAAC;AACrB,CAAC,CAAC,CAAC;AAEL,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EAIX;IACC,OAAO,0CAAG,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAI,CAAC;AACrD,CAAC"}

package/DropdownMenu/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FlightUIProps, As } from '../withFlightUI';
+declare const Button: React.FC<{} & FlightUIProps & {
+    /** @default 'button' */
+    as?: As;
+}>;
+export { Button };

package/DropdownMenu/Button.js

@@ -0,0 +1,33 @@
+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, { useRef, useEffect } from 'react';
+import { DropdownMenuContext } from './DropdownMenu';
+import { withFlightUI } from '../withFlightUI';
+const Button = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const { isOpen, setIsOpen } = React.useContext(DropdownMenuContext);
+    const prevOpenState = useRef(isOpen);
+    const buttonRef = useRef();
+    useEffect(() => {
+        if (!isOpen && prevOpenState.current === true)
+            buttonRef.current.focus();
+        prevOpenState.current = isOpen;
+    }, [isOpen]);
+    const clickHandler = (event) => {
+        event.stopPropagation();
+        setIsOpen((o) => !o);
+        typeof rest.onClick === 'function' && rest.onClick();
+    };
+    return withFlightUI(children, Object.assign({ as: 'button', 'data-flight-dropdown-button': '', 'aria-expanded': isOpen, 'aria-haspopup': 'menu', type: 'button', role: 'button', ref: buttonRef, onClick: clickHandler }, rest));
+};
+export { Button };
+//# sourceMappingURL=Button.js.map

package/DropdownMenu/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAElE,MAAM,MAAM,GAKR,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,MAAM,EAAmC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI;YAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzE,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;IACvD,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,QAAQ,kBAC1B,EAAE,EAAE,QAAQ,EACZ,6BAA6B,EAAE,EAAE,EACjC,eAAe,EAAE,MAAM,EACvB,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,YAAY,IAClB,IAAI,EACP,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FlightUIProps } from '../withFlightUI';
+export declare const DropdownMenuContext: React.Context<{
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    itemRefs: React.RefObject<any>;
+}>;
+interface DropdownMenuProps extends FlightUIProps {
+    /** The initial open state of the dropdown menu
+     *  @default false
+     * */
+    initialOpen?: boolean;
+    /** Set to true if you'd like to disable all default styling  */
+    unstyled?: boolean;
+}
+export declare const DropdownMenu: React.NamedExoticComponent<DropdownMenuProps>;
+export declare function useDropdownMenu(): {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export {};

package/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,72 @@
+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 { css, cx } from 'linaria';
+import React, { useContext, useRef } from 'react';
+import { withFlightUI } from '../withFlightUI';
+export const DropdownMenuContext = React.createContext(undefined);
+css `
+  global([data-flight-dropdown-open='false'] [data-flight-dropdown-items]) {
+    display: none;
+  }
+`;
+const styles = css `
+  position: relative;
+
+  [data-flight-dropdown-button] {
+    padding: 0.5em 1em;
+    border: 1px solid #c0c0c0;
+    border-radius: 3px;
+  }
+  [data-flight-dropdown-items] {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    background: white;
+    white-space: nowrap;
+    display: block;
+    z-index: 2;
+    outline: none;
+  }
+  [data-flight-dropdown-item] {
+    cursor: pointer;
+    border-top: 1px solid #c0c0c0;
+    white-space: nowrap;
+    padding: 0.5em 1em;
+    :hover {
+      color: blue;
+    }
+  }
+`;
+export const DropdownMenu = React.memo(function DropdownMenu(_a) {
+    var { initialOpen = false, unstyled, children, className } = _a, rest = __rest(_a, ["initialOpen", "unstyled", "children", "className"]);
+    const [isOpen, setIsOpen] = React.useState(initialOpen);
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const itemRefs = useRef([]);
+    const value = React.useMemo(() => {
+        return {
+            isOpen,
+            setIsOpen,
+            selectedIndex,
+            setSelectedIndex,
+            itemRefs
+        };
+    }, [isOpen, selectedIndex]);
+    return withFlightUI(React.createElement(DropdownMenuContext.Provider, { value: value }, typeof children === 'function'
+        ? children({ isOpen, setIsOpen })
+        : children), Object.assign({ as: 'div', 'data-flight-dropdown': '', 'data-flight-dropdown-open': isOpen, unstyled, className: cx(styles, className) }, rest));
+});
+DropdownMenu.displayName = 'withFlightUI(DropdownMenu)';
+export function useDropdownMenu() {
+    const { isOpen, setIsOpen } = useContext(DropdownMenuContext);
+    return { isOpen, setIsOpen };
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAiB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAInD,SAAS,CAAC,CAAC;AAEd,GAAG,CAAA;;;;CAIF,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAWF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAMzC;QANyC,EAC3D,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoD,oDAM5D,CADQ;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACL,MAAM;YACN,SAAS;YACT,aAAa;YACb,gBAAgB;YAChB,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,OAAO,YAAY,CACjB,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,OAAO,QAAQ,KAAK,UAAU;QAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QACjC,CAAC,CAAC,QAAQ,CACiB,kBAE7B,EAAE,EAAE,KAAK,EACT,sBAAsB,EAAE,EAAE,EAC1B,2BAA2B,EAAE,MAAM,EACnC,QAAQ,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,IAE7B,IAAI,EAEV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAExD,MAAM,UAAU,eAAe;IAC7B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAC/B,CAAC"}

package/DropdownMenu/Item.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { As, FlightUIProps } from '../withFlightUI';
+export declare const Item: React.FC<{} & FlightUIProps & {
+    /** @default 'li' */
+    as?: As;
+    closeOnSelect?: boolean;
+    /** Function to call when selecting this item */
+    onSelect?: ({ isOpen, setIsOpen }: {
+        isOpen: boolean;
+        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    }) => void;
+    disabled?: boolean;
+}>;

package/DropdownMenu/Item.js

@@ -0,0 +1,48 @@
+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 { withFlightUI } from '../withFlightUI';
+import { DropdownMenuContext, useDropdownMenu } from './DropdownMenu';
+export const Item = function Item(_a) {
+    var { onSelect, closeOnSelect, children, disabled, index } = _a, rest = __rest(_a, ["onSelect", "closeOnSelect", "children", "disabled", "index"]);
+    const { itemRefs } = React.useContext(DropdownMenuContext);
+    const { isOpen, setIsOpen } = useDropdownMenu();
+    const itemRef = React.createRef();
+    itemRefs.current[index] = itemRef;
+    const select = () => {
+        closeOnSelect && setIsOpen(false);
+        typeof onSelect === 'function' &&
+            !disabled &&
+            onSelect({ isOpen, setIsOpen });
+    };
+    const handleKeydown = (e) => {
+        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
+            e.preventDefault();
+            select();
+        }
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            if (itemRefs.current.length - 1 === index)
+                return;
+            itemRefs.current[index + 1].current.focus();
+        }
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            if (index === 0)
+                return;
+            itemRefs.current[index - 1].current.focus();
+        }
+    };
+    const focusItem = () => itemRef.current && itemRef.current.focus();
+    return withFlightUI(children, Object.assign({ as: 'li', ref: itemRef, tabIndex: -1, onClick: select, onKeyDown: handleKeydown, onMouseEnter: focusItem, role: 'menuitem', 'data-flight-dropdown-item': '' }, rest));
+};
+//# sourceMappingURL=Item.js.map

package/DropdownMenu/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,CAAC,MAAM,IAAI,GAaV,SAAS,IAAI,CAAC,EAOpB;QAPoB,EACnB,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,KAAK,OAEN,EADI,IAAI,cANY,8DAOpB,CADQ;IAEP,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAe,CAAC;IAC/C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;IAElC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,aAAa,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;QAClC,OAAO,QAAQ,KAAK,UAAU;YAC5B,CAAC,QAAQ;YACT,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAiC,EAAE,EAAE;QAC1D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;SACV;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK;gBAAE,OAAO;YAClD,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC7C;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO;YACxB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC7C;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAEnE,OAAO,YAAY,CAAC,QAAQ,kBAC1B,EAAE,EAAE,IAAI,EACR,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,SAAS,EACvB,IAAI,EAAE,UAAU,EAChB,2BAA2B,EAAE,EAAE,IAC5B,IAAI,EACP,CAAC;AACL,CAAC,CAAC"}

package/DropdownMenu/Items.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { As, FlightUIProps } from '../withFlightUI';
+export declare const Items: React.FC<{
+    /** By default, the items are not rendered when the dropdownMenu's `isOpen` state is `false`.
+     * Set this to true if you would prefer the list to be hidden with `display: none`
+     * @default false
+     */
+    onlyHide?: boolean;
+    /** Whether the menu should close when clicking outside it.
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+} & FlightUIProps & {
+    /** @default 'ul' */
+    as?: As;
+}>;

package/DropdownMenu/Items.js

@@ -0,0 +1,53 @@
+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, { Children, useEffect, useRef } from 'react';
+import { useOnClickOutside, useOnEsc } from '../hooks';
+import { withFlightUI } from '../withFlightUI';
+import { DropdownMenuContext } from './DropdownMenu';
+export const Items = (_a) => {
+    var { onlyHide, closeOnClickOutside = true, children } = _a, rest = __rest(_a, ["onlyHide", "closeOnClickOutside", "children"]);
+    const { setIsOpen, itemRefs, isOpen } = React.useContext(DropdownMenuContext);
+    const ref = useRef();
+    const close = () => isOpen && setIsOpen(false);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        if (itemRefs.current.length > 0) {
+            itemRefs.current[0].current.focus();
+            return;
+        }
+        ref.current.focus();
+    }, [isOpen, itemRefs]);
+    useOnClickOutside({
+        condition: closeOnClickOutside,
+        action: close,
+        ref
+    });
+    useOnEsc({
+        condition: isOpen,
+        action: close
+    });
+    // TODO: full keyboard interactions specified @ https://www.w3.org/TR/wai-aria-practices-1.1/#menu
+    const childrenWithIndex = Children.map(children, (child, index) => {
+        return React.cloneElement(child, {
+            index
+        });
+    });
+    const El = withFlightUI(childrenWithIndex, Object.assign({ as: 'ul', role: 'menu', ref, tabIndex: -1, 'data-flight-dropdown-items': '' }, rest));
+    // Return the element and rely on the CSS to hide
+    if (onlyHide) {
+        return El;
+    }
+    // Otherwise don't render anything when menu is closed
+    return React.createElement(React.Fragment, null, isOpen ? El : null);
+};
+//# sourceMappingURL=Items.js.map

package/DropdownMenu/Items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Items.js","sourceRoot":"","sources":["Items.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAqB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,KAAK,GAaX,CAAC,EAA2D,EAAE,EAAE;QAA/D,EAAE,QAAQ,EAAE,mBAAmB,GAAG,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAzD,+CAA2D,CAAF;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE9E,MAAM,GAAG,GAAG,MAAM,EAAe,CAAC;IAElC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO;SACR;QAED,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,iBAAiB,CAAC;QAChB,SAAS,EAAE,mBAAmB;QAC9B,MAAM,EAAE,KAAK;QACb,GAAG;KACJ,CAAC,CAAC;IAEH,QAAQ,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;IAEH,kGAAkG;IAElG,MAAM,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChE,OAAO,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE;YACrD,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,YAAY,CAAC,iBAAiB,kBACvC,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,MAAM,EACZ,GAAG,EACH,QAAQ,EAAE,CAAC,CAAC,EACZ,4BAA4B,EAAE,EAAE,IAC7B,IAAI,EACP,CAAC;IAEH,iDAAiD;IACjD,IAAI,QAAQ,EAAE;QACZ,OAAO,EAAE,CAAC;KACX;IAED,sDAAsD;IACtD,OAAO,0CAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACnC,CAAC,CAAC"}