@jetshop/ui 0.0.11

package/Menu/RecursiveTree.test.js

@@ -0,0 +1,417 @@
+import { render, act, cleanup, wait } from '@testing-library/react';
+import React from 'react';
+import RecursiveTree from './RecursiveTree';
+import getMoreSubcategories from './GetMoreSubcategoriesQuery.gql';
+import { MockedProvider } from '@apollo/client/testing';
+import { StaticRouter } from 'react-router';
+
+afterEach(cleanup);
+
+const MOCK_CATEGORIES = [
+  {
+    id: 159,
+    name: 'News!',
+    level: 1,
+    parentId: null,
+    hasSubcategories: true,
+    primaryRoute: {
+      path: '/news',
+      __typename: 'Route'
+    },
+    subcategories: [
+      {
+        id: 160,
+        name: 'All products',
+        level: 2,
+        parentId: 159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/all-products',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 161,
+        name: 'Ladies',
+        level: 2,
+        parentId: 159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/ladies',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 162,
+        name: 'Mens',
+        level: 2,
+        parentId: 159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/mens',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 164,
+        name: 'Kids',
+        level: 2,
+        parentId: 159,
+        hasSubcategories: true,
+        primaryRoute: {
+          path: '/news/kids',
+          __typename: 'Route'
+        },
+        subcategories: [
+          {
+            id: 302,
+            name: 'Tier 3',
+            level: 3,
+            parentId: 164,
+            primaryRoute: null,
+            __typename: 'Category'
+          }
+        ],
+        __typename: 'Category'
+      }
+    ],
+    __typename: 'Category'
+  },
+  {
+    id: 1159,
+    name: 'News!',
+    level: 1,
+    parentId: null,
+    hasSubcategories: true,
+    primaryRoute: {
+      path: '/news',
+      __typename: 'Route'
+    },
+    subcategories: [
+      {
+        id: 1160,
+        name: 'All products',
+        level: 2,
+        parentId: 1159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/all-products',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 1161,
+        name: 'Ladies',
+        level: 2,
+        parentId: 1159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/ladies',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 1162,
+        name: 'Mens',
+        level: 2,
+        parentId: 1159,
+        hasSubcategories: false,
+        primaryRoute: {
+          path: '/news/mens',
+          __typename: 'Route'
+        },
+        subcategories: [],
+        __typename: 'Category'
+      },
+      {
+        id: 1164,
+        name: 'Kids',
+        level: 2,
+        parentId: 1159,
+        hasSubcategories: true,
+        primaryRoute: {
+          path: '/news/kids',
+          __typename: 'Route'
+        },
+        subcategories: [
+          {
+            id: 3102,
+            name: 'Tier 3',
+            level: 3,
+            parentId: 1164,
+            primaryRoute: null,
+            __typename: 'Category'
+          }
+        ],
+        __typename: 'Category'
+      }
+    ],
+    __typename: 'Category'
+  },
+  {
+    id: 159,
+    name: 'News!',
+    level: 1,
+    parentId: null,
+    hasSubcategories: true,
+    primaryRoute: {
+      path: '/news',
+      __typename: 'Route'
+    },
+    subcategories: [
+      {
+        id: 160,
+        name: 'All products',
+        level: 2,
+        parentId: 159,
+        hasSubcategories: true,
+        primaryRoute: {
+          path: '/news/all-products',
+          __typename: 'Route'
+        },
+        subcategories: [
+          {
+            id: 3102,
+            name: 'Tier 3',
+            level: 3,
+            parentId: 1164,
+            primaryRoute: {
+              path: '/news/all-products/tier-3',
+              __typename: 'Route'
+            },
+            hasSubcategories: true,
+            __typename: 'Category'
+          }
+        ],
+        __typename: 'Category'
+      }
+    ],
+    __typename: 'Category'
+  }
+];
+
+const tier4 = {
+  __typename: 'Category',
+  hasSubcategories: false,
+  id: 8000,
+  name: 'Tier 4',
+  level: 4,
+  parentId: 3102,
+  primaryRoute: null,
+  subcategories: []
+};
+
+describe('RecursiveNav', () => {
+  it('renders child as fn with args', () => {
+    const { renderArg } = setup();
+    expect(renderArg).toMatchSnapshot();
+  });
+});
+
+describe('the fetchMore render arg', () => {
+  it('fetches more categories and adds them to the subcategories object', async () => {
+    const { childrenSpy, renderArg } = setup();
+    let promise;
+
+    act(() => {
+      promise = renderArg.fetchMore();
+    });
+
+    await wait();
+
+    await promise;
+    expect(childrenSpy).toHaveBeenCalledWith(
+      expect.objectContaining({
+        subcategories: [expect.objectContaining({ id: 9000 })]
+      })
+    );
+  });
+
+  it('does not fetch more categories when the current category level is an even number', async () => {
+    const { childrenSpy, renderArg } = setup({
+      containerProps: {
+        category: MOCK_CATEGORIES[0].subcategories[0]
+      }
+    });
+
+    let promise;
+
+    act(() => {
+      promise = renderArg.fetchMore();
+    });
+
+    await promise;
+    expect(childrenSpy).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        subcategories: []
+      })
+    );
+  });
+});
+
+describe('the category render arg', () => {
+  it('just passes through the base category', () => {
+    const { renderArg } = setup({
+      containerProps: {
+        category: MOCK_CATEGORIES[0]
+      }
+    });
+
+    expect(renderArg.category).toBe(MOCK_CATEGORIES[0]);
+  });
+});
+
+describe('the renderRecursive render arg', () => {
+  it('renders for each subcategory of the current category', () => {
+    const { queryByText, getByText, renderArg } = setup();
+
+    expect(getByText(/News!/)).toBeInTheDocument();
+    MOCK_CATEGORIES[0].subcategories.forEach((cat) =>
+      expect(queryByText(cat.name)).not.toBeInTheDocument()
+    );
+
+    renderArg.menuContainerProps.setActiveCategory(MOCK_CATEGORIES[0]);
+
+    MOCK_CATEGORIES[0].subcategories.forEach((cat) =>
+      expect(getByText(cat.name)).toBeInTheDocument()
+    );
+  });
+});
+
+describe('the initialOpenMatchingCategories prop', () => {
+  it('automatically opens categories matching the current path', () => {
+    const renderFn = jest.fn((props) => props.renderSubnav);
+    setup({
+      containerProps: {
+        category: MOCK_CATEGORIES[0],
+        initialOpenMatchingCategories: true
+      },
+      path: '/news/all-products',
+      renderFn
+    });
+
+    expect(renderFn).toHaveBeenCalledTimes(5);
+    expect(renderFn).toHaveBeenCalledWith(
+      expect.objectContaining({
+        menuContainerProps: expect.objectContaining({
+          activeCategories: expect.arrayContaining([MOCK_CATEGORIES[0]])
+        })
+      })
+    );
+    expect(renderFn).toHaveBeenCalledWith(
+      expect.objectContaining({
+        menuContainerProps: expect.objectContaining({
+          activeCategories: expect.arrayContaining([
+            MOCK_CATEGORIES[0].subcategories[0]
+          ])
+        })
+      })
+    );
+  });
+
+  it('fetches subcategories from the api if they are not already fetched', async () => {
+    const renderFn = jest.fn((props) => props.renderSubnav);
+    setup({
+      containerProps: {
+        category: MOCK_CATEGORIES[2],
+        initialOpenMatchingCategories: true
+      },
+      path: '/news/all-products',
+      renderFn
+    });
+
+    await wait();
+
+    expect(renderFn).toHaveBeenCalledTimes(5);
+    expect(renderFn).toHaveBeenCalledWith(
+      expect.objectContaining({
+        subcategories: expect.arrayContaining([tier4])
+      })
+    );
+  });
+});
+
+function setup({
+  containerProps = { category: MOCK_CATEGORIES[0] },
+  renderFn,
+  path
+} = {}) {
+  let renderArg;
+
+  const childrenSpy = jest.fn((controllerArg) => {
+    renderArg = controllerArg;
+
+    if (renderFn) return renderFn(controllerArg);
+    return (
+      <div>
+        <span>{controllerArg.category.name}</span>
+        <nav>{controllerArg.renderSubnav}</nav>
+      </div>
+    );
+  });
+
+  const utils = render(
+    <StaticRouter location={path} context={{}}>
+      <MockedProvider
+        mocks={[
+          {
+            request: {
+              query: getMoreSubcategories,
+              variables: { id: MOCK_CATEGORIES[0].id }
+            },
+            result: {
+              data: {
+                category: {
+                  __typename: 'Category',
+                  hasSubcategories: true,
+                  subcategories: [
+                    {
+                      id: 9000,
+                      name: 'Mock category',
+                      level: 2,
+                      parentId: null,
+                      primaryRoute: null,
+                      hasSubcategories: false,
+                      subcategories: [],
+                      __typename: 'Category'
+                    }
+                  ]
+                }
+              }
+            }
+          },
+          {
+            request: {
+              query: getMoreSubcategories,
+              variables: {
+                id: MOCK_CATEGORIES[2].subcategories[0].subcategories[0].id
+              }
+            },
+            result: {
+              data: {
+                category: {
+                  ...MOCK_CATEGORIES[2].subcategories[0].subcategories[0],
+                  subcategories: [tier4]
+                }
+              }
+            }
+          }
+        ]}
+      >
+        <RecursiveTree {...containerProps}>{childrenSpy}</RecursiveTree>
+      </MockedProvider>
+    </StaticRouter>
+  );
+
+  return { ...utils, childrenSpy, renderArg };
+}

package/Modal/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+import React 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;
+    children?: React.ReactNode;
+}
+declare const Drawer: ({ right, size, isOpen, children }: DrawerProps) => React.JSX.Element;
+export default Drawer;

package/Modal/Drawer/Drawer.js

@@ -0,0 +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;
+//# sourceMappingURL=Drawer.js.map

package/Modal/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAc1B,CAAC;AAYF,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,GAAG,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,EACI,EAAE,EAAE;IAChB,MAAM,eAAe,GAAG,KAAK,CAAC,uEAAuE;QACnG,CAAC,CAAC;YACE,SAAS,EAAE,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK;YAC/C,KAAK,EAAE,CAAC;SACT;QACH,CAAC,CAAC;YACE,SAAS,EAAE,eAAe,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK;YAChD,IAAI,EAAE,CAAC;SACR,CAAC;IACN,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,eAAe,EACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1B,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACzB,EACD,KAAK,kBAAI,KAAK,EAAE,GAAG,IAAI,IAAI,IAAK,eAAe,KAE9C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/Modal/Drawer/DrawerTarget.d.ts

@@ -0,0 +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;
+}>;

package/Modal/Drawer/DrawerTarget.js

@@ -0,0 +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 });
+    }));
+};
+//# sourceMappingURL=DrawerTarget.js.map

package/Modal/Drawer/DrawerTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTarget.js","sourceRoot":"","sources":["DrawerTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAA4B,MAAM,iBAAiB,CAAC;AAE3D,MAAM,CAAC,MAAM,YAAY,GAGpB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxB,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;QAC1B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GACvB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;QACrD,+CAA+C;QAC/C,8DAA8D;QAC9D,qDAAqD;QACrD,OAAO,QAAQ,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC,CAAC;IACpE,CAAC,CACqB,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/Modal/Drawer/DrawerTarget.test.js

@@ -0,0 +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
+        );
+      });
+    });
+  });
+});

package/Modal/Drawer/DrawerTrigger.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ModalState } from '../ModalContext';
+export declare const DrawerTrigger: ({ id, children, showCover, canCloseOnEsc, coverStyles }: {
+    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?: React.CSSProperties;
+    children: (args: Partial<ModalState>) => React.ReactNode;
+}) => React.JSX.Element;

package/Modal/Drawer/DrawerTrigger.js

@@ -0,0 +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)
+        });
+    }));
+};
+//# sourceMappingURL=DrawerTrigger.js.map

package/Modal/Drawer/DrawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.js","sourceRoot":"","sources":["DrawerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAA4B,MAAM,iBAAiB,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,aAAa,GAAG,IAAI,EACpB,WAAW,EASZ,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;QACtC,OAAO,QAAQ,CAAC;YACd,UAAU,EAAE,GAAG,EAAE,CACf,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC7B,SAAS;gBACT,WAAW;gBACX,aAAa;aACd,CAAC;YACJ,UAAU;YACV,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC;SACrD,CAAC,CAAC;IACL,CAAC,CACqB,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/Modal/Drawer/DrawerTrigger.test.js

@@ -0,0 +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'
+      );
+    });
+  });
+});

package/Modal/Drawer/index.d.ts

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

package/Modal/Drawer/index.js

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

package/Modal/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/Modal/Flyout/FlyoutTarget.d.ts

@@ -0,0 +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(): React.JSX.Element;
+}
+export default FlyoutTarget;