@jetshop/ui 5.13.0 → 5.13.10-0

package/ChannelSelector/groupBy.d.ts

@@ -1,7 +1,7 @@
-/**
- * Takes in an array and a keyGetter function by which to select
- * the key to group by. Returns an array.
- */
-export default function groupBy<T>(list: T[], keyGetter: (item: T) => string): {
-    [key: string]: T[];
-} | T[];
+/**
+ * Takes in an array and a keyGetter function by which to select
+ * the key to group by. Returns an array.
+ */
+export default function groupBy<T>(list: T[], keyGetter: (item: T) => string): {
+    [key: string]: T[];
+} | T[];

package/ChannelSelector/groupBy.js

@@ -1,16 +1,16 @@
-/**
- * Takes in an array and a keyGetter function by which to select
- * the key to group by. Returns an array.
- */
-export default function groupBy(list, keyGetter) {
-    // Return if the keyGetter does not return a string
-    if (typeof keyGetter(list[0]) !== 'string')
-        return list;
-    return list.reduce((groups, item) => {
-        const key = keyGetter(item);
-        groups[key] = groups[key] || [];
-        groups[key].push(item);
-        return groups;
-    }, {});
-}
+/**
+ * Takes in an array and a keyGetter function by which to select
+ * the key to group by. Returns an array.
+ */
+export default function groupBy(list, keyGetter) {
+    // Return if the keyGetter does not return a string
+    if (typeof keyGetter(list[0]) !== 'string')
+        return list;
+    return list.reduce((groups, item) => {
+        const key = keyGetter(item);
+        groups[key] = groups[key] || [];
+        groups[key].push(item);
+        return groups;
+    }, {});
+}
 //# sourceMappingURL=groupBy.js.map

package/ChannelSelector/groupBy.test.js

@@ -1,42 +1,42 @@
-import groupBy from './groupBy';
-
-describe('groupBy', () => {
-  let key;
-  let list = [
-    { club: 'Liverpool FC', country: 'England' },
-    { club: 'Aston Villa AFC', country: 'England' },
-    { club: 'Sydney FC', country: 'Australia' }
-  ];
-  describe('passed an array of objects and a keyGetter func', () => {
-    describe('when the keyGetter does not return a string', () => {
-      beforeEach(() => {
-        key = item => item.city;
-      });
-      it('returns the original list', () => {
-        expect(groupBy(list, key)).toBe(list);
-      });
-    });
-    describe('when the keyGetter does return a string', () => {
-      const string = 'wow';
-      beforeEach(() => {
-        key = item => string;
-      });
-      it('returns an object grouped by the string', () => {
-        const grouped = groupBy(list, key);
-        expect(grouped[string]).toBeDefined();
-      });
-    });
-    describe('when the keyGetter matches an object key from the passed array', () => {
-      let grouped;
-      beforeEach(() => {
-        key = item => item.country;
-        grouped = groupBy(list, key);
-      });
-      it('returns an object grouped by that key', () => {
-        expect(grouped['England']).toBeDefined();
-        expect(grouped['Australia']).toBeDefined();
-        expect(Object.keys(grouped).length).toBe(2);
-      });
-    });
-  });
-});
+import groupBy from './groupBy';
+
+describe('groupBy', () => {
+  let key;
+  let list = [
+    { club: 'Liverpool FC', country: 'England' },
+    { club: 'Aston Villa AFC', country: 'England' },
+    { club: 'Sydney FC', country: 'Australia' }
+  ];
+  describe('passed an array of objects and a keyGetter func', () => {
+    describe('when the keyGetter does not return a string', () => {
+      beforeEach(() => {
+        key = item => item.city;
+      });
+      it('returns the original list', () => {
+        expect(groupBy(list, key)).toBe(list);
+      });
+    });
+    describe('when the keyGetter does return a string', () => {
+      const string = 'wow';
+      beforeEach(() => {
+        key = item => string;
+      });
+      it('returns an object grouped by the string', () => {
+        const grouped = groupBy(list, key);
+        expect(grouped[string]).toBeDefined();
+      });
+    });
+    describe('when the keyGetter matches an object key from the passed array', () => {
+      let grouped;
+      beforeEach(() => {
+        key = item => item.country;
+        grouped = groupBy(list, key);
+      });
+      it('returns an object grouped by that key', () => {
+        expect(grouped['England']).toBeDefined();
+        expect(grouped['Australia']).toBeDefined();
+        expect(Object.keys(grouped).length).toBe(2);
+      });
+    });
+  });
+});

package/Checkbox/Checkbox.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode, InputHTMLAttributes } from 'react';
-export declare type CheckboxProps = {
-    label: ReactNode;
-    className?: string;
-};
-export declare type CheckboxCompound = {
-    Label?: React.ReactNode;
-};
-declare const Checkbox: React.SFC<CheckboxProps & InputHTMLAttributes<HTMLInputElement>> & CheckboxCompound;
-export default Checkbox;
+import React, { ReactNode, InputHTMLAttributes } from 'react';
+export declare type CheckboxProps = {
+    label: ReactNode;
+    className?: string;
+};
+export declare type CheckboxCompound = {
+    Label?: React.ReactNode;
+};
+declare const Checkbox: React.SFC<CheckboxProps & InputHTMLAttributes<HTMLInputElement>> & CheckboxCompound;
+export default Checkbox;

package/Checkbox/Checkbox.js

@@ -1,69 +1,69 @@
-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 { styled } from 'linaria/react';
-import { ReactComponent as Check } from '../svg/Check.svg';
-const CheckInput = styled('input') `
-  /* hide browser default checkbox */
-  position: absolute;
-  opacity: 0;
-  cursor: pointer;
-`;
-const CheckBox = styled('span') `
-  height: 22px;
-  width: 22px;
-  background-color: transparent;
-  border: 1px solid black;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 0.5rem;
-`;
-const CheckMark = styled(Check) `
-  display: none;
-  width: 1em;
-  height: 1em;
-  use {
-    fill: white;
-  }
-`;
-const Label = styled('label') `
-  display: flex;
-  position: relative;
-  height: 22px;
-  align-items: center;
-  cursor: pointer;
-  font-size: 14px;
-  white-space: nowrap;
-  :hover input ~ span {
-    background-color: #ccc;
-  }
-  input:focus ~ span {
-    border-color: #2f80ed;
-  }
-  input:checked ~ span {
-    svg {
-      display: block;
-    }
-  }
-`;
-const Checkbox = (_a) => {
-    var { label } = _a, props = __rest(_a, ["label"]);
-    return (React.createElement(Label, { className: props.className, "data-testid": `checkbox-${label}` },
-        React.createElement(CheckInput, Object.assign({ type: "checkbox" }, props)),
-        React.createElement(CheckBox, null,
-            React.createElement(CheckMark, null)),
-        label));
-};
-Checkbox.Label = Label;
-export default Checkbox;
+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 { styled } from 'linaria/react';
+import { ReactComponent as Check } from '../svg/Check.svg';
+const CheckInput = styled('input') `
+  /* hide browser default checkbox */
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+`;
+const CheckBox = styled('span') `
+  height: 22px;
+  width: 22px;
+  background-color: transparent;
+  border: 1px solid black;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 0.5rem;
+`;
+const CheckMark = styled(Check) `
+  display: none;
+  width: 1em;
+  height: 1em;
+  use {
+    fill: white;
+  }
+`;
+const Label = styled('label') `
+  display: flex;
+  position: relative;
+  height: 22px;
+  align-items: center;
+  cursor: pointer;
+  font-size: 14px;
+  white-space: nowrap;
+  :hover input ~ span {
+    background-color: #ccc;
+  }
+  input:focus ~ span {
+    border-color: #2f80ed;
+  }
+  input:checked ~ span {
+    svg {
+      display: block;
+    }
+  }
+`;
+const Checkbox = (_a) => {
+    var { label, className } = _a, props = __rest(_a, ["label", "className"]);
+    return (React.createElement(Label, { className: className || '', "data-testid": `checkbox-${label}` },
+        React.createElement(CheckInput, Object.assign({ type: "checkbox" }, props)),
+        React.createElement(CheckBox, null,
+            React.createElement(CheckMark, null)),
+        label));
+};
+Checkbox.Label = Label;
+export default Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC;AAWF,MAAM,QAAQ,GAGO,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CAAF;IACrC,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,iBAAe,YAAY,KAAK,EAAE;QACjE,oBAAC,UAAU,kBAAC,IAAI,EAAC,UAAU,IAAK,KAAK,EAAI;QACzC,oBAAC,QAAQ;YACP,oBAAC,SAAS,OAAG,CACJ;QACV,KAAK,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC;AAWF,MAAM,QAAQ,GAGO,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,KAAK,EAAE,SAAS,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IAChD,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,IAAI,EAAE,iBAAe,YAAY,KAAK,EAAE;QACjE,oBAAC,UAAU,kBAAC,IAAI,EAAC,UAAU,IAAK,KAAK,EAAI;QACzC,oBAAC,QAAQ;YACP,oBAAC,SAAS,OAAG,CACJ;QACV,KAAK,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,eAAe,QAAQ,CAAC"}

package/Checkbox/CheckboxGroup.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare type CheckboxGroupChange = (val: string) => any;
-export interface Item {
-    /** The checkbox label */
-    label: string;
-    /** The checkbox value; applied to the underlying input element */
-    val: string;
-}
-export interface Props {
-    items: Item[];
-    selectedItem: string;
-    /** The label to display for the entire group */
-    groupLabel?: string;
-    /** Called when the value changes */
-    handleChange: CheckboxGroupChange;
-    className?: string;
-}
-export declare const Radio: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<import("./Checkbox").CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>> & import("./Checkbox").CheckboxCompound;
-export declare const CheckboxWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    as?: React.ElementType<any>;
-}>;
-declare const CheckboxGroup: React.SFC<Props>;
-export default CheckboxGroup;
+import * as React from 'react';
+export declare type CheckboxGroupChange = (val: string) => any;
+export interface Item {
+    /** The checkbox label */
+    label: string;
+    /** The checkbox value; applied to the underlying input element */
+    val: string;
+}
+export interface Props {
+    items: Item[];
+    selectedItem: string;
+    /** The label to display for the entire group */
+    groupLabel?: string;
+    /** Called when the value changes */
+    handleChange: CheckboxGroupChange;
+    className?: string;
+}
+export declare const Radio: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<import("./Checkbox").CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>> & import("./Checkbox").CheckboxCompound;
+export declare const CheckboxWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+declare const CheckboxGroup: React.SFC<Props>;
+export default CheckboxGroup;

package/Checkbox/CheckboxGroup.js

@@ -1,22 +1,22 @@
-import * as React from 'react';
-import Checkbox from './Checkbox';
-import { styled } from 'linaria/react';
-export const Radio = styled(Checkbox) `
-  display: flex;
-  margin-top: 1rem;
-  & span {
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    flex: 0 0 auto;
-  }
-`;
-const Label = styled('span') `
-  font-weight: 600;
-`;
-export const CheckboxWrapper = styled('div') ``;
-const CheckboxGroup = ({ selectedItem, items, handleChange, groupLabel, className }) => (React.createElement(CheckboxWrapper, { className: className },
-    groupLabel && React.createElement(Label, null, groupLabel),
-    items.map(item => (React.createElement(Radio, { type: "radio", key: item.val, value: item.val, tabIndex: 0, checked: selectedItem === item.val ? true : false, label: item.label, onChange: () => handleChange(item.val) })))));
-export default CheckboxGroup;
+import * as React from 'react';
+import Checkbox from './Checkbox';
+import { styled } from 'linaria/react';
+export const Radio = styled(Checkbox) `
+  display: flex;
+  margin-top: 1rem;
+  & span {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    flex: 0 0 auto;
+  }
+`;
+const Label = styled('span') `
+  font-weight: 600;
+`;
+export const CheckboxWrapper = styled('div') ``;
+const CheckboxGroup = ({ selectedItem, items, handleChange, groupLabel, className }) => (React.createElement(CheckboxWrapper, { className: className },
+    groupLabel && React.createElement(Label, null, groupLabel),
+    items.map(item => (React.createElement(Radio, { type: "radio", key: item.val, value: item.val, tabIndex: 0, checked: selectedItem === item.val ? true : false, label: item.label, onChange: () => handleChange(item.val) })))));
+export default CheckboxGroup;
 //# sourceMappingURL=CheckboxGroup.js.map

package/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-import Checkbox from './Checkbox';
-export default Checkbox;
+import Checkbox from './Checkbox';
+export default Checkbox;

package/Checkbox/index.js

@@ -1,3 +1,3 @@
-import Checkbox from './Checkbox';
-export default Checkbox;
+import Checkbox from './Checkbox';
+export default Checkbox;
 //# sourceMappingURL=index.js.map

package/ContentPageLink.d.ts

@@ -1,9 +1,9 @@
-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;
-}
-declare const ContentPageLink: React.FC<ContentPageLinkProps>;
-export default ContentPageLink;
+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;
+}
+declare const ContentPageLink: React.FC<ContentPageLinkProps>;
+export default ContentPageLink;

package/ContentPageLink.js

@@ -1,37 +1,37 @@
-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 } = props, rest = __rest(props, ["page"]);
-    const { primaryRoute } = page;
-    const { preload } = useRoutePreload();
-    const contentPreload = () => {
-        preload({
-            pathname: primaryRoute.path,
-            routeType: 'Page'
-        });
-    };
-    const [, intentRef] = useHoverIntent({
-        onHover: () => {
-            contentPreload();
-        }
-    });
-    return (React.createElement(Link, Object.assign({ to: {
-            pathname: primaryRoute.path,
-            state: { type: 'Page' }
-        }, innerRef: intentRef, onTouchStart: contentPreload }, rest)));
-};
-export default ContentPageLink;
+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 } = props, rest = __rest(props, ["page"]);
+    const { primaryRoute } = page;
+    const { preload } = useRoutePreload();
+    const contentPreload = () => {
+        preload({
+            pathname: primaryRoute.path,
+            routeType: 'Page'
+        });
+    };
+    const [, intentRef] = useHoverIntent({
+        onHover: () => {
+            contentPreload();
+        }
+    });
+    return (React.createElement(Link, Object.assign({ to: {
+            pathname: primaryRoute.path,
+            state: { type: 'Page' }
+        }, innerRef: intentRef, onTouchStart: contentPreload }, rest)));
+};
+export default ContentPageLink;
 //# sourceMappingURL=ContentPageLink.js.map

package/ContentRenderer.d.ts

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

package/ContentRenderer.js

@@ -1,36 +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 }));
-}
+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/DropdownMenu/Button.d.ts

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