@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.40876133bb

package/List/DataList/DataList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","generalOptionsAndCallbacks","refresh","console","log","loading","boolean","title","text","multiActions","setNextPage","cursor","setPreviousPage","perPageOptions","array","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","object","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","readme","data","map","item","info","propTables","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic"],"sources":["DataList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataList/README.md\";\nimport { withKnobs, boolean, text, object, array } from \"@storybook/addon-knobs\";\n\nimport { DataList } from \"./DataList\";\n\nimport { DeleteIcon, EditIcon } from \"./icons\";\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic\n} from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"data list\",\n    () => {\n        const generalOptionsAndCallbacks = {\n            refresh: () => {\n                console.log(`Implement \"refresh\" method.`);\n            },\n            loading: boolean(\"Loading\", false, \"Basic\"),\n            title: text(\"Title\", \"A list of all users\", \"Basic\"),\n            multiActions: boolean(\"Multi actions\", false, \"Basic\"),\n\n            setNextPage: (cursor: string) => {\n                console.log(`Implement setNextPage method (selected ${cursor}).`);\n            },\n            setPreviousPage: (cursor: string) => {\n                console.log(`Implement setPreviousPage method (selected ${cursor}).`);\n            },\n            perPageOptions: array(\n                \"perPageOptions\",\n                [\"10\", \"25\", \"50\"],\n                \",\",\n                \"Basic\"\n            ) as unknown as number[],\n            setPerPage: (perPage: string) => {\n                console.log(`Implement setPerPage method (selected ${perPage}).`);\n            },\n            setSorters: (sorter: any) => {\n                console.log(`Implement setSorters method (selected ${JSON.stringify(sorter)}).`);\n            }\n        };\n\n        const dataProp = object(\n            \"Data\",\n            [\n                {\n                    id: \"A\",\n                    firstName: \"John\",\n                    lastName: \"Doe\",\n                    email: \"john.doe@webiny.com\"\n                },\n                {\n                    id: \"B\",\n                    firstName: \"Jane\",\n                    lastName: \"Doe\",\n                    email: \"jane.doe@webiny.com\"\n                },\n                {\n                    id: \"C\",\n                    firstName: \"Foo\",\n                    lastName: \"Bar\",\n                    email: \"foo.bar@webiny.com\"\n                }\n            ],\n            \"Data\"\n        );\n\n        const metaProp = object(\n            \"Meta\",\n            {\n                totalPages: 1,\n                totalCount: 3,\n                from: 1,\n                to: 3,\n                previousPage: null,\n                nextPage: null\n            },\n            \"Meta\"\n        );\n\n        const sortersProp = {\n            list: object(\n                \"Sorters\",\n                [\n                    {\n                        label: \"Newest to oldest\",\n                        sorters: { createdOn: -1 }\n                    },\n                    {\n                        label: \"Oldest to newest\",\n                        sorters: { createdOn: 1 }\n                    },\n                    {\n                        label: \"Name A-Z\",\n                        sorters: { name: 1 }\n                    },\n                    {\n                        label: \"Name Z-A\",\n                        sorters: { name: -1 }\n                    }\n                ],\n                \"Sorters\"\n            )\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <DataList\n                            {...generalOptionsAndCallbacks}\n                            data={dataProp}\n                            meta={metaProp}\n                            // @ts-ignore\n                            sorters={sortersProp.list}\n                        >\n                            {({ data }: { data: any[] }) => (\n                                <List>\n                                    {data.map(item => (\n                                        <ListItem key={item.id}>\n                                            <ListItemGraphic>\n                                                <img\n                                                    src={\"http://i.pravatar.cc/100?id=\" + item.id}\n                                                />\n                                            </ListItemGraphic>\n                                            <ListItemText>\n                                                {item.firstName} {item.lastName}\n                                                <ListItemTextSecondary>\n                                                    {item.email}\n                                                </ListItemTextSecondary>\n                                            </ListItemText>\n                                            <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    ))}\n                                </List>\n                            )}\n                        </DataList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={${JSON.stringify(dataProp, null, 2)}}\n                        meta={${JSON.stringify(metaProp, null, 2)}}\n                        sorters={${JSON.stringify(sortersProp.list, null, 2)}}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic\n            ]\n        }\n    }\n);\n"],"mappings":"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"}

package/List/DataList/DataListModalOverlay/DataListModalOverlay.d.ts

@@ -1,18 +1,18 @@
+/// <reference types="web" />
 import React from "react";
 export declare type SimpleOverlayProps = {
     showOverlay: boolean;
 };
-export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
+export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, keyof React.HTMLAttributes<HTMLDivElement> | "showOverlay"> & {
     theme: object;
 }, object>;
-export declare type DataListModalWrapperProps = {
+export interface DataListModalWrapperProps {
     showOverlay: boolean;
-};
-export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
+}
+export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, keyof React.HTMLAttributes<HTMLDivElement> | "showOverlay"> & {
     theme: object;
 }, object>;
-export declare type DataListModalOverlayProps = {
+export interface DataListModalOverlayProps {
     onDismiss?: (event?: React.SyntheticEvent) => void;
-    children: React.ReactNode;
-};
-export declare const DataListModalOverlay: ({ onDismiss, children }: DataListModalOverlayProps) => JSX.Element;
+}
+export declare const DataListModalOverlay: React.FC<DataListModalOverlayProps>;

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js

@@ -1,7 +1,21 @@
-import React, { useContext } from "react";
-import styled from "@emotion/styled";
-import { DataListModalOverlayContext } from "./DataListModalOverlayContext";
-export var SimpleOverlay = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleOverlay = exports.DataListModalWrapper = exports.DataListModalOverlay = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _DataListModalOverlayContext = require("./DataListModalOverlayContext");
+
+var SimpleOverlay = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1dhql4g0",
   label: "SimpleOverlay"
 })(function (_ref) {
@@ -19,7 +33,8 @@ export var SimpleOverlay = /*#__PURE__*/styled("div", {
     opacity: showOverlay ? 1 : 0
   };
 });
-export var DataListModalWrapper = /*#__PURE__*/styled("div", {
+exports.SimpleOverlay = SimpleOverlay;
+var DataListModalWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1dhql4g1",
   label: "DataListModalWrapper"
 })(function (_ref2) {
@@ -62,15 +77,17 @@ export var DataListModalWrapper = /*#__PURE__*/styled("div", {
     }
   };
 });
-export var DataListModalOverlay = function DataListModalOverlay(_ref3) {
+exports.DataListModalWrapper = DataListModalWrapper;
+
+var DataListModalOverlay = function DataListModalOverlay(_ref3) {
   var onDismiss = _ref3.onDismiss,
       children = _ref3.children;
 
-  var _useContext = useContext(DataListModalOverlayContext),
+  var _useContext = (0, _react.useContext)(_DataListModalOverlayContext.DataListModalOverlayContext),
       isOpen = _useContext.isOpen,
       setIsOpen = _useContext.setIsOpen;
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleOverlay, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SimpleOverlay, {
     onClick: function onClick(e) {
       e.stopPropagation(); // Close the modal.
 
@@ -81,7 +98,9 @@ export var DataListModalOverlay = function DataListModalOverlay(_ref3) {
       }
     },
     showOverlay: isOpen
-  }), /*#__PURE__*/React.createElement(DataListModalWrapper, {
+  }), /*#__PURE__*/_react.default.createElement(DataListModalWrapper, {
     showOverlay: isOpen
   }, children));
-};
+};
+
+exports.DataListModalOverlay = DataListModalOverlay;

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleOverlay","styled","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","DataListModalWrapper","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","onDismiss","children","useContext","DataListModalOverlayContext","isOpen","setIsOpen","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled<\"div\", SimpleOverlayProps>(\"div\")(({ showOverlay }) => ({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n    transition: \"150ms all ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n    showOverlay: boolean;\n}\nexport const DataListModalWrapper = styled<\"div\", DataListModalWrapperProps>(\"div\")(\n    ({ showOverlay }) => ({\n        position: \"absolute\",\n        top: \"0px\",\n        left: \"50%\",\n        width: \"90%\",\n        height: \"auto\",\n        maxWidth: \"426px\",\n        maxHeight: \"520px\",\n        overflow: \"auto\",\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n        borderRadius: \"0px 0px 4px 4px\",\n        transition: \"150ms opacity ease-in-out\",\n        pointerEvents: showOverlay ? \"auto\" : \"none\",\n        zIndex: showOverlay ? 5 : -1,\n        opacity: showOverlay ? 1 : 0,\n        transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n        \"& .input-wrapper\": {\n            paddingBottom: \"16px\"\n        },\n\n        \"& .datalist-modal__footer\": {\n            padding: \"24px\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            \"& .mdc-button\": {\n                borderRadius: 4,\n                padding: \"0px 32px\"\n            },\n            \"& .datalist-modal__footer__action--secondary\": {\n                color: \"var(--mdc-theme-text-primary-on-background)\",\n                border: \"1px solid var(--mdc-theme-on-background)\"\n            },\n            \"& .datalist-modal__footer__action--primary\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\nexport interface DataListModalOverlayProps {\n    /*\n     * This function is called after closing the modal overlay.\n     */\n    onDismiss?: (event?: React.SyntheticEvent) => void;\n}\n\nexport const DataListModalOverlay: React.FC<DataListModalOverlayProps> = ({\n    onDismiss,\n    children\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n    return (\n        <React.Fragment>\n            <SimpleOverlay\n                onClick={e => {\n                    e.stopPropagation();\n                    // Close the modal.\n                    setIsOpen(false);\n\n                    if (typeof onDismiss === \"function\") {\n                        onDismiss();\n                    }\n                }}\n                showOverlay={isOpen}\n            />\n            <DataListModalWrapper showOverlay={isOpen}>{children}</DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAGO,IAAMA,aAAa,oBAAGC,eAAH,EAAqC,KAArC;EAAA;EAAA;AAAA,GAA4C;EAAA,IAAGC,WAAH,QAAGA,WAAH;EAAA,OAAsB;IACxFC,KAAK,EAAE,MADiF;IAExFC,MAAM,EAAE,MAFgF;IAGxFC,QAAQ,EAAE,UAH8E;IAIxFC,GAAG,EAAE,CAJmF;IAKxFC,IAAI,EAAE,CALkF;IAMxFC,eAAe,EAAEN,WAAW,GAAG,qBAAH,GAA2B,aANiC;IAOxFO,UAAU,EAAE,uBAP4E;IAQxFC,aAAa,EAAER,WAAW,GAAG,MAAH,GAAY,MARkD;IASxFS,MAAM,EAAET,WAAW,GAAG,CAAH,GAAO,CAAC,CAT6D;IAUxFU,OAAO,EAAEV,WAAW,GAAG,CAAH,GAAO;EAV6D,CAAtB;AAAA,CAA5C,CAAnB;;AAgBA,IAAMW,oBAAoB,oBAAGZ,eAAH,EAA4C,KAA5C;EAAA;EAAA;AAAA,GAC7B;EAAA,IAAGC,WAAH,SAAGA,WAAH;EAAA,OAAsB;IAClBG,QAAQ,EAAE,UADQ;IAElBC,GAAG,EAAE,KAFa;IAGlBC,IAAI,EAAE,KAHY;IAIlBJ,KAAK,EAAE,KAJW;IAKlBC,MAAM,EAAE,MALU;IAMlBU,QAAQ,EAAE,OANQ;IAOlBC,SAAS,EAAE,OAPO;IAQlBC,QAAQ,EAAE,MARQ;IASlBR,eAAe,EAAE,0BATC;IAUlBS,SAAS,EAAE,iCAVO;IAWlBC,YAAY,EAAE,iBAXI;IAYlBT,UAAU,EAAE,2BAZM;IAalBC,aAAa,EAAER,WAAW,GAAG,MAAH,GAAY,MAbpB;IAclBS,MAAM,EAAET,WAAW,GAAG,CAAH,GAAO,CAAC,CAdT;IAelBU,OAAO,EAAEV,WAAW,GAAG,CAAH,GAAO,CAfT;IAgBlBiB,SAAS,EAAEjB,WAAW,GAAG,kBAAH,GAAwB,qBAhB5B;IAkBlB,oBAAoB;MAChBkB,aAAa,EAAE;IADC,CAlBF;IAsBlB,6BAA6B;MACzBC,OAAO,EAAE,MADgB;MAEzBC,OAAO,EAAE,MAFgB;MAGzBC,cAAc,EAAE,eAHS;MAIzB,iBAAiB;QACbL,YAAY,EAAE,CADD;QAEbG,OAAO,EAAE;MAFI,CAJQ;MAQzB,gDAAgD;QAC5CG,KAAK,EAAE,6CADqC;QAE5CC,MAAM,EAAE;MAFoC,CARvB;MAYzB,8CAA8C;QAC1CjB,eAAe,EAAE;MADyB;IAZrB;EAtBX,CAAtB;AAAA,CAD6B,CAA1B;;;AAiDA,IAAMkB,oBAAyD,GAAG,SAA5DA,oBAA4D,QAGnE;EAAA,IAFFC,SAEE,SAFFA,SAEE;EAAA,IADFC,QACE,SADFA,QACE;;EACF,kBAA8B,IAAAC,iBAAA,EAAWC,wDAAX,CAA9B;EAAA,IAAQC,MAAR,eAAQA,MAAR;EAAA,IAAgBC,SAAhB,eAAgBA,SAAhB;;EACA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,aAAD;IACI,OAAO,EAAE,iBAAAC,CAAC,EAAI;MACVA,CAAC,CAACC,eAAF,GADU,CAEV;;MACAF,SAAS,CAAC,KAAD,CAAT;;MAEA,IAAI,OAAOL,SAAP,KAAqB,UAAzB,EAAqC;QACjCA,SAAS;MACZ;IACJ,CATL;IAUI,WAAW,EAAEI;EAVjB,EADJ,eAaI,6BAAC,oBAAD;IAAsB,WAAW,EAAEA;EAAnC,GAA4CH,QAA5C,CAbJ,CADJ;AAiBH,CAtBM"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare type DataListModalOverlayActionProps = {
+export interface DataListModalOverlayActionProps {
     icon: React.ReactNode;
     "data-testid"?: string;
-};
-export declare const DataListModalOverlayAction: ({ icon, ...rest }: DataListModalOverlayActionProps) => JSX.Element;
+}
+export declare const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps>;

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js

@@ -1,21 +1,39 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListModalOverlayAction = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("../../../Button");
+
+var _DataListModalOverlayContext = require("./DataListModalOverlayContext");
+
 var _excluded = ["icon"];
-import React, { useContext } from "react";
-import { IconButton } from "../../../Button";
-import { DataListModalOverlayContext } from "./DataListModalOverlayContext";
-export var DataListModalOverlayAction = function DataListModalOverlayAction(_ref) {
+
+var DataListModalOverlayAction = function DataListModalOverlayAction(_ref) {
   var icon = _ref.icon,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useContext = useContext(DataListModalOverlayContext),
+  var _useContext = (0, _react.useContext)(_DataListModalOverlayContext.DataListModalOverlayContext),
       isOpen = _useContext.isOpen,
       setIsOpen = _useContext.setIsOpen;
 
-  return /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     "data-testid": rest["data-testid"],
     icon: icon,
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     }
   });
-};
+};
+
+exports.DataListModalOverlayAction = DataListModalOverlayAction;

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DataListModalOverlayAction","icon","rest","useContext","DataListModalOverlayContext","isOpen","setIsOpen"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n    icon: React.ReactNode;\n    \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps> = ({\n    icon,\n    ...rest\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n    return (\n        <IconButton\n            data-testid={rest[\"data-testid\"]}\n            icon={icon}\n            onClick={() => setIsOpen(!isOpen)}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAOO,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAwE,OAG/E;EAAA,IAFFC,IAEE,QAFFA,IAEE;EAAA,IADCC,IACD;;EACF,kBAA8B,IAAAC,iBAAA,EAAWC,wDAAX,CAA9B;EAAA,IAAQC,MAAR,eAAQA,MAAR;EAAA,IAAgBC,SAAhB,eAAgBA,SAAhB;;EAEA,oBACI,6BAAC,kBAAD;IACI,eAAaJ,IAAI,CAAC,aAAD,CADrB;IAEI,IAAI,EAAED,IAFV;IAGI,OAAO,EAAE;MAAA,OAAMK,SAAS,CAAC,CAACD,MAAF,CAAf;IAAA;EAHb,EADJ;AAOH,CAbM"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.d.ts

@@ -1,6 +1,11 @@
 import React from "react";
-export declare const DataListModalOverlayContext: React.Context<any>;
-export declare type DataListModalOverlayProviderProps = {
+interface DataListModalOverlayProviderContext {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+export declare const DataListModalOverlayContext: React.Context<DataListModalOverlayProviderContext>;
+export interface DataListModalOverlayProviderProps {
     children?: React.ReactChild | React.ReactChild[];
-};
-export declare const DataListModalOverlayProvider: ({ children }: DataListModalOverlayProviderProps) => JSX.Element;
+}
+export declare const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps>;
+export {};

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js

@@ -1,18 +1,39 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
-export var DataListModalOverlayContext = /*#__PURE__*/React.createContext(null);
-export var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListModalOverlayProvider = exports.DataListModalOverlayContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var DataListModalOverlayContext = /*#__PURE__*/_react.default.createContext({
+  isOpen: false,
+  setIsOpen: function setIsOpen() {
+    return void 0;
+  }
+});
+
+exports.DataListModalOverlayContext = DataListModalOverlayContext;
+
+var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
   var children = _ref.children;
 
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       isOpen = _React$useState2[0],
       setIsOpen = _React$useState2[1];
 
-  return /*#__PURE__*/React.createElement(DataListModalOverlayContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(DataListModalOverlayContext.Provider, {
     value: {
       isOpen: isOpen,
       setIsOpen: setIsOpen
     }
   }, children);
-};
+};
+
+exports.DataListModalOverlayProvider = DataListModalOverlayProvider;

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","children","useState"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n    isOpen: boolean;\n    setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n    {\n        isOpen: false,\n        setIsOpen: () => {\n            return void 0;\n        }\n    }\n);\n\nexport interface DataListModalOverlayProviderProps {\n    children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps> = ({\n    children\n}) => {\n    const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n    return (\n        <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n            {children}\n        </DataListModalOverlayContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AAMO,IAAMA,2BAA2B,gBAAGC,cAAA,CAAMC,aAAN,CACvC;EACIC,MAAM,EAAE,KADZ;EAEIC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAZ;EACH;AAJL,CADuC,CAApC;;;;AAaA,IAAMC,4BAAyE,GAAG,SAA5EA,4BAA4E,OAEnF;EAAA,IADFC,QACE,QADFA,QACE;;EACF,sBAA4BL,cAAA,CAAMM,QAAN,CAAwB,KAAxB,CAA5B;EAAA;EAAA,IAAOJ,MAAP;EAAA,IAAeC,SAAf;;EAEA,oBACI,6BAAC,2BAAD,CAA6B,QAA7B;IAAsC,KAAK,EAAE;MAAED,MAAM,EAANA,MAAF;MAAUC,SAAS,EAATA;IAAV;EAA7C,GACKE,QADL,CADJ;AAKH,CAVM"}

package/List/DataList/DataListModalOverlay/index.js

@@ -1,3 +1,35 @@
-export { DataListModalOverlay } from "./DataListModalOverlay";
-export { DataListModalOverlayAction } from "./DataListModalOverlayAction";
-export { DataListModalOverlayContext, DataListModalOverlayProvider } from "./DataListModalOverlayContext";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataListModalOverlay", {
+  enumerable: true,
+  get: function get() {
+    return _DataListModalOverlay.DataListModalOverlay;
+  }
+});
+Object.defineProperty(exports, "DataListModalOverlayAction", {
+  enumerable: true,
+  get: function get() {
+    return _DataListModalOverlayAction.DataListModalOverlayAction;
+  }
+});
+Object.defineProperty(exports, "DataListModalOverlayContext", {
+  enumerable: true,
+  get: function get() {
+    return _DataListModalOverlayContext.DataListModalOverlayContext;
+  }
+});
+Object.defineProperty(exports, "DataListModalOverlayProvider", {
+  enumerable: true,
+  get: function get() {
+    return _DataListModalOverlayContext.DataListModalOverlayProvider;
+  }
+});
+
+var _DataListModalOverlay = require("./DataListModalOverlay");
+
+var _DataListModalOverlayAction = require("./DataListModalOverlayAction");
+
+var _DataListModalOverlayContext = require("./DataListModalOverlayContext");

package/List/DataList/DataListModalOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/List/DataList/DataListWithSections.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import { ListItem, ListProps } from "..";
+import { PaginationProp, SortersProp } from "./types";
+interface DataListData {
+    [key: string]: Record<string, any>[];
+}
+interface DataListWithSectionsProps {
+    children?: ((props: any) => React.ReactNode) | null;
+    title?: React.ReactNode;
+    data?: DataListData | null;
+    refresh?: (() => void) | null;
+    loading?: boolean;
+    loader?: React.ReactNode;
+    noData?: React.ReactNode;
+    pagination?: PaginationProp;
+    setSorters?: Function | null;
+    sorters?: SortersProp | null;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    multiSelectActions?: React.ReactNode;
+    multiSelectAll?: (value: boolean, data: DataListData | null) => void;
+    isAllMultiSelected?: (data: DataListData | null) => boolean;
+    isNoneMultiSelected?: (data: DataListData | null) => boolean;
+    showOptions?: {
+        refresh?: boolean;
+        pagination?: boolean;
+        filters?: boolean;
+        sorters?: boolean;
+        [key: string]: any;
+    };
+    search?: React.ReactElement;
+    modalOverlay?: React.ReactElement;
+    modalOverlayAction?: React.ReactElement;
+    subHeader?: React.ReactElement;
+    meta?: Record<string, any> | null;
+    setPage?: ((page: string) => void) | null;
+    setPerPage?: ((page: string) => void) | null;
+    perPageOptions?: number[];
+}
+export declare const DataListWithSections: React.FC<DataListWithSectionsProps>;
+interface ScrollListWithSectionsProps extends ListProps {
+    children: React.ReactElement<typeof ListItem>[];
+}
+export declare const ScrollListWithSections: React.FC<ScrollListWithSectionsProps>;
+export {};