@jetshop/ui 5.13.12-0 → 5.14.0-alpha.49df897e

package/Modal/Drawer/Drawer.d.ts

@@ -1,11 +1,11 @@
-import { SFC } from 'react';
-export interface DrawerProps {
-    /** Whether to attach the drawer to the right of the screen. Defauts to false. */
-    right: boolean;
-    /** The size of the drawer in pixels. Defaults to 320. */
-    size: number;
-    /** Whether the drawer is open or not. Defaults to false. */
-    isOpen: boolean;
-}
-declare const Drawer: SFC<DrawerProps>;
-export default Drawer;
+import { SFC } from 'react';
+export interface DrawerProps {
+    /** Whether to attach the drawer to the right of the screen. Defauts to false. */
+    right: boolean;
+    /** The size of the drawer in pixels. Defaults to 320. */
+    size: number;
+    /** Whether the drawer is open or not. Defaults to false. */
+    isOpen: boolean;
+}
+declare const Drawer: SFC<DrawerProps>;
+export default Drawer;

package/Modal/Drawer/Drawer.js

@@ -1,31 +1,31 @@
-import { css, cx } from 'linaria';
-import React from 'react';
-const containerStyles = css `
-  background: white;
-  height: 100%;
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  top: 0;
-  height: 100%;
-  z-index: 99999;
-  max-width: 100%;
-  -webkit-overflow-scrolling: touch;
-  overflow-y: auto;
-
-  transition: transform 0.3s ease-in-out;
-`;
-const Drawer = ({ right = false, size = 320, isOpen = false, children }) => {
-    const initialPosition = right // this is for server side rendering since popmotion doesn't support it
-        ? {
-            transform: `translateX(${isOpen ? 0 : size}px)`,
-            right: 0
-        }
-        : {
-            transform: `translateX(-${isOpen ? 0 : size}px)`,
-            left: 0
-        };
-    return (React.createElement("div", { className: cx(containerStyles, isOpen ? 'open' : 'closed', right ? 'right' : 'left'), style: Object.assign({ width: `${size}px` }, initialPosition) }, children));
-};
-export default Drawer;
+import { css, cx } from 'linaria';
+import React from 'react';
+const containerStyles = css `
+  background: white;
+  height: 100%;
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  top: 0;
+  height: 100%;
+  z-index: 99999;
+  max-width: 100%;
+  -webkit-overflow-scrolling: touch;
+  overflow-y: auto;
+
+  transition: transform 0.3s ease-in-out;
+`;
+const Drawer = ({ right = false, size = 320, isOpen = false, children }) => {
+    const initialPosition = right // this is for server side rendering since popmotion doesn't support it
+        ? {
+            transform: `translateX(${isOpen ? 0 : size}px)`,
+            right: 0
+        }
+        : {
+            transform: `translateX(-${isOpen ? 0 : size}px)`,
+            left: 0
+        };
+    return (React.createElement("div", { className: cx(containerStyles, isOpen ? 'open' : 'closed', right ? 'right' : 'left'), style: Object.assign({ width: `${size}px` }, initialPosition) }, children));
+};
+export default Drawer;
 //# sourceMappingURL=Drawer.js.map

package/Modal/Drawer/DrawerTarget.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ModalState } from '../ModalContext';
-export declare const DrawerTarget: React.SFC<{
-    id: string;
-    children: (args: Partial<ModalState>) => React.ReactNode;
-}>;
+import * as React from 'react';
+import { ModalState } from '../ModalContext';
+export declare const DrawerTarget: React.SFC<{
+    id: string;
+    children: (args: Partial<ModalState>) => React.ReactNode;
+}>;

package/Modal/Drawer/DrawerTarget.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import ModalContext from '../ModalContext';
-export const DrawerTarget = ({ id, children }) => {
-    return (React.createElement(ModalContext.Consumer, null, ({ modals, hideTarget }) => {
-        const { modalId, isOpen } = modals.find(({ modalId }) => modalId === id) || {};
-        // For drawers, the child should always render.
-        // Drawers implement their own hide/show behaviour that relies
-        // on `isOpen` being toggled to trigger the animation
-        return children({ hideTarget, isOpen: isOpen && modalId === id });
-    }));
-};
+import * as React from 'react';
+import ModalContext from '../ModalContext';
+export const DrawerTarget = ({ id, children }) => {
+    return (React.createElement(ModalContext.Consumer, null, ({ modals, hideTarget }) => {
+        const { modalId, isOpen } = modals.find(({ modalId }) => modalId === id) || {};
+        // For drawers, the child should always render.
+        // Drawers implement their own hide/show behaviour that relies
+        // on `isOpen` being toggled to trigger the animation
+        return children({ hideTarget, isOpen: isOpen && modalId === id });
+    }));
+};
 //# sourceMappingURL=DrawerTarget.js.map

package/Modal/Drawer/DrawerTarget.test.js

@@ -1,92 +1,92 @@
-import React from 'react';
-import getComponentWithModalContext, {
-  defaultContext
-} from '../__test_utils__/getComponentWithModalContext';
-
-beforeEach(() => {
-  jest.resetModules();
-});
-
-const target = getComponentWithModalContext(
-  'Drawer/DrawerTarget',
-  'DrawerTarget'
-);
-
-xdescribe('DrawerTarget', () => {
-  describe('renders a child component', () => {
-    let wrapper;
-    let reachableChild = jest.fn().mockReturnValue('I will always render');
-
-    afterEach(() => {
-      expect(wrapper.text()).toBe('I will always render');
-    });
-
-    it('no matter what the context state is', () => {
-      const DrawerTarget = target({
-        ...defaultContext,
-        modals: [
-          {
-            modalType: 'drawer',
-            isOpen: false
-          }
-        ]
-      });
-      wrapper = mount(<DrawerTarget>{reachableChild}</DrawerTarget>);
-    });
-
-    it('with `isOpen` prop passed', () => {
-      expect(
-        wrapper.children().children().props().modals[0].isOpen
-      ).toBeDefined();
-    });
-
-    it('with `modalType` prop passed', () => {
-      expect(wrapper.children().children().props().modals[0].modalType).toBe(
-        'drawer'
-      );
-    });
-
-    it('with `hideTarget` func passed', () => {
-      expect(wrapper.children().children().props().hideTarget).toBe(
-        defaultContext.hideTarget
-      );
-    });
-
-    describe('with `isOpen` prop set to `true`', () => {
-      it('when `isOpen` is true and `modalId` matches `id`', () => {
-        const DrawerTarget = target({
-          ...defaultContext,
-          modals: [{ modalType: 'drawer', isOpen: true, modalId: 'foo' }]
-        });
-        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
-        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
-          true
-        );
-      });
-    });
-
-    describe('with `isOpen` prop set to `false`', () => {
-      it('when `isOpen` is false', () => {
-        const DrawerTarget = target({
-          ...defaultContext,
-          modals: [{ modalType: 'drawer', isOpen: false, modalId: 'foo' }]
-        });
-        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
-        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
-          false
-        );
-      });
-
-      it('when received `modalId` does not match `id` prop', () => {
-        const DrawerTarget = target({
-          ...defaultContext,
-          modals: [{ modalType: 'drawer', isOpen: true, modalId: 'bar' }]
-        });
-        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
-        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
-          false
-        );
-      });
-    });
-  });
-});
+import React from 'react';
+import getComponentWithModalContext, {
+  defaultContext
+} from '../__test_utils__/getComponentWithModalContext';
+
+beforeEach(() => {
+  jest.resetModules();
+});
+
+const target = getComponentWithModalContext(
+  'Drawer/DrawerTarget',
+  'DrawerTarget'
+);
+
+xdescribe('DrawerTarget', () => {
+  describe('renders a child component', () => {
+    let wrapper;
+    let reachableChild = jest.fn().mockReturnValue('I will always render');
+
+    afterEach(() => {
+      expect(wrapper.text()).toBe('I will always render');
+    });
+
+    it('no matter what the context state is', () => {
+      const DrawerTarget = target({
+        ...defaultContext,
+        modals: [
+          {
+            modalType: 'drawer',
+            isOpen: false
+          }
+        ]
+      });
+      wrapper = mount(<DrawerTarget>{reachableChild}</DrawerTarget>);
+    });
+
+    it('with `isOpen` prop passed', () => {
+      expect(
+        wrapper.children().children().props().modals[0].isOpen
+      ).toBeDefined();
+    });
+
+    it('with `modalType` prop passed', () => {
+      expect(wrapper.children().children().props().modals[0].modalType).toBe(
+        'drawer'
+      );
+    });
+
+    it('with `hideTarget` func passed', () => {
+      expect(wrapper.children().children().props().hideTarget).toBe(
+        defaultContext.hideTarget
+      );
+    });
+
+    describe('with `isOpen` prop set to `true`', () => {
+      it('when `isOpen` is true and `modalId` matches `id`', () => {
+        const DrawerTarget = target({
+          ...defaultContext,
+          modals: [{ modalType: 'drawer', isOpen: true, modalId: 'foo' }]
+        });
+        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
+        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
+          true
+        );
+      });
+    });
+
+    describe('with `isOpen` prop set to `false`', () => {
+      it('when `isOpen` is false', () => {
+        const DrawerTarget = target({
+          ...defaultContext,
+          modals: [{ modalType: 'drawer', isOpen: false, modalId: 'foo' }]
+        });
+        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
+        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
+          false
+        );
+      });
+
+      it('when received `modalId` does not match `id` prop', () => {
+        const DrawerTarget = target({
+          ...defaultContext,
+          modals: [{ modalType: 'drawer', isOpen: true, modalId: 'bar' }]
+        });
+        wrapper = mount(<DrawerTarget id="foo">{reachableChild}</DrawerTarget>);
+        expect(wrapper.children().children().props().modals[0].isOpen).toBe(
+          false
+        );
+      });
+    });
+  });
+});

package/Modal/Drawer/DrawerTrigger.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { ModalState } from '../ModalContext';
-export declare const DrawerTrigger: React.SFC<{
-    id: string;
-    /** Whether to show a clickable semi-opaque Cover behind the flyout */
-    showCover: boolean;
-    /** Whether to prevent the body from scrolling when flyout is open */
-    canCloseOnEsc?: boolean;
-    coverStyles?: {};
-    children: (args: Partial<ModalState>) => React.ReactNode;
-}>;
+import * as React from 'react';
+import { ModalState } from '../ModalContext';
+export declare const DrawerTrigger: React.SFC<{
+    id: string;
+    /** Whether to show a clickable semi-opaque Cover behind the flyout */
+    showCover: boolean;
+    /** Whether to prevent the body from scrolling when flyout is open */
+    canCloseOnEsc?: boolean;
+    coverStyles?: {};
+    children: (args: Partial<ModalState>) => React.ReactNode;
+}>;

package/Modal/Drawer/DrawerTrigger.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import ModalContext from '../ModalContext';
-export const DrawerTrigger = ({ id, children, showCover = true, canCloseOnEsc = true, coverStyles }) => {
-    return (React.createElement(ModalContext.Consumer, null, ({ showTarget, hideTarget, modals }) => {
-        return children({
-            showTarget: () => showTarget(null, 'drawer', id, {
-                showCover,
-                coverStyles,
-                canCloseOnEsc
-            }),
-            hideTarget,
-            isOpen: modals.some(({ modalId }) => modalId === id)
-        });
-    }));
-};
+import * as React from 'react';
+import ModalContext from '../ModalContext';
+export const DrawerTrigger = ({ id, children, showCover = true, canCloseOnEsc = true, coverStyles }) => {
+    return (React.createElement(ModalContext.Consumer, null, ({ showTarget, hideTarget, modals }) => {
+        return children({
+            showTarget: () => showTarget(null, 'drawer', id, {
+                showCover,
+                coverStyles,
+                canCloseOnEsc
+            }),
+            hideTarget,
+            isOpen: modals.some(({ modalId }) => modalId === id)
+        });
+    }));
+};
 //# sourceMappingURL=DrawerTrigger.js.map

package/Modal/Drawer/DrawerTrigger.test.js

@@ -1,51 +1,51 @@
-import React from 'react';
-import getComponentWithModalContext, {
-  defaultContext
-} from '../__test_utils__/getComponentWithModalContext';
-
-beforeEach(() => {
-  jest.resetModules();
-});
-
-const trigger = getComponentWithModalContext(
-  'Drawer/DrawerTrigger',
-  'DrawerTrigger'
-);
-
-xdescribe('DrawerTrigger', () => {
-  let funcAsChild = jest.fn().mockReturnValue(<div>Rendered child</div>);
-
-  it('renders a Consumer', () => {
-    const DrawerTrigger = trigger();
-    const wrapper = mount(<DrawerTrigger>{funcAsChild}</DrawerTrigger>);
-    expect(wrapper.find('Consumer')).toHaveLength(1);
-  });
-  describe('takes a func as child prop', () => {
-    it('calls it with `showTarget`, `hideTarget`, and `open`', () => {
-      const DrawerTrigger = trigger();
-
-      mount(<DrawerTrigger id="foo">{funcAsChild}</DrawerTrigger>);
-      expect(funcAsChild).toHaveBeenCalledWith(
-        expect.objectContaining({
-          showTarget: expect.any(Function),
-          hideTarget: defaultContext.hideTarget,
-          isOpen: defaultContext.isOpen
-        })
-      );
-    });
-    it('calls `showTarget` with `id` passed via prop', () => {
-      const DrawerTrigger = trigger();
-      const wrapper = mount(
-        <DrawerTrigger id="foo">
-          {({ showTarget }) => <div onClick={showTarget}>hello</div>}
-        </DrawerTrigger>
-      );
-      wrapper.find('div').simulate('click');
-      expect(defaultContext.showTarget).toHaveBeenCalledWith(
-        null,
-        'drawer',
-        'foo'
-      );
-    });
-  });
-});
+import React from 'react';
+import getComponentWithModalContext, {
+  defaultContext
+} from '../__test_utils__/getComponentWithModalContext';
+
+beforeEach(() => {
+  jest.resetModules();
+});
+
+const trigger = getComponentWithModalContext(
+  'Drawer/DrawerTrigger',
+  'DrawerTrigger'
+);
+
+xdescribe('DrawerTrigger', () => {
+  let funcAsChild = jest.fn().mockReturnValue(<div>Rendered child</div>);
+
+  it('renders a Consumer', () => {
+    const DrawerTrigger = trigger();
+    const wrapper = mount(<DrawerTrigger>{funcAsChild}</DrawerTrigger>);
+    expect(wrapper.find('Consumer')).toHaveLength(1);
+  });
+  describe('takes a func as child prop', () => {
+    it('calls it with `showTarget`, `hideTarget`, and `open`', () => {
+      const DrawerTrigger = trigger();
+
+      mount(<DrawerTrigger id="foo">{funcAsChild}</DrawerTrigger>);
+      expect(funcAsChild).toHaveBeenCalledWith(
+        expect.objectContaining({
+          showTarget: expect.any(Function),
+          hideTarget: defaultContext.hideTarget,
+          isOpen: defaultContext.isOpen
+        })
+      );
+    });
+    it('calls `showTarget` with `id` passed via prop', () => {
+      const DrawerTrigger = trigger();
+      const wrapper = mount(
+        <DrawerTrigger id="foo">
+          {({ showTarget }) => <div onClick={showTarget}>hello</div>}
+        </DrawerTrigger>
+      );
+      wrapper.find('div').simulate('click');
+      expect(defaultContext.showTarget).toHaveBeenCalledWith(
+        null,
+        'drawer',
+        'foo'
+      );
+    });
+  });
+});

package/Modal/Drawer/index.d.ts

@@ -1,3 +1,3 @@
-export { DrawerTrigger } from './DrawerTrigger';
-export { DrawerTarget } from './DrawerTarget';
-export { default } from './Drawer';
+export { DrawerTrigger } from './DrawerTrigger';
+export { DrawerTarget } from './DrawerTarget';
+export { default } from './Drawer';

package/Modal/Drawer/index.js

@@ -1,4 +1,4 @@
-export { DrawerTrigger } from './DrawerTrigger';
-export { DrawerTarget } from './DrawerTarget';
-export { default } from './Drawer';
+export { DrawerTrigger } from './DrawerTrigger';
+export { DrawerTarget } from './DrawerTarget';
+export { default } from './Drawer';
 //# sourceMappingURL=index.js.map

package/Modal/Flyout/FlyoutTarget.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ModalState } from '../ModalContext';
-export interface FlyoutTargetProps {
-    id: string;
-    children: (args: Partial<ModalState>) => React.ReactNode;
-}
-export declare class FlyoutTarget extends React.Component<FlyoutTargetProps, any> {
-    render(): JSX.Element;
-}
-export default FlyoutTarget;
+import * as React from 'react';
+import { ModalState } from '../ModalContext';
+export interface FlyoutTargetProps {
+    id: string;
+    children: (args: Partial<ModalState>) => React.ReactNode;
+}
+export declare class FlyoutTarget extends React.Component<FlyoutTargetProps, any> {
+    render(): JSX.Element;
+}
+export default FlyoutTarget;

package/Modal/Flyout/FlyoutTarget.js

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import ModalContext from '../ModalContext';
-export class FlyoutTarget extends React.Component {
-    render() {
-        const { id, children } = this.props;
-        return (React.createElement(ModalContext.Consumer, null, ({ modals }) => {
-            const { modalId, isOpen, modalType, hideTarget } = modals.find(({ modalId }) => modalId === id) || {};
-            return isOpen && modalId === id && modalType === 'flyout'
-                ? children({ hideTarget, isOpen })
-                : null;
-        }));
-    }
-}
-export default FlyoutTarget;
+import * as React from 'react';
+import ModalContext from '../ModalContext';
+export class FlyoutTarget extends React.Component {
+    render() {
+        const { id, children } = this.props;
+        return (React.createElement(ModalContext.Consumer, null, ({ modals }) => {
+            const { modalId, isOpen, modalType, hideTarget } = modals.find(({ modalId }) => modalId === id) || {};
+            return isOpen && modalId === id && modalType === 'flyout'
+                ? children({ hideTarget, isOpen })
+                : null;
+        }));
+    }
+}
+export default FlyoutTarget;
 //# sourceMappingURL=FlyoutTarget.js.map