@webiny/ui 5.37.3 → 5.37.4-beta.0

package/FormElementMessage/index.js

@@ -9,6 +9,4 @@ Object.defineProperty(exports, "FormElementMessage", {
     return _FormElementMessage.FormElementMessage;
   }
 });
-var _FormElementMessage = require("./FormElementMessage");
-
-//# sourceMappingURL=index.js.map
+var _FormElementMessage = require("./FormElementMessage");

package/FullName/FullName.js

@@ -18,6 +18,4 @@ var FullName = function FullName(props) {
   }
   return output;
 };
-exports.FullName = FullName;
-
-//# sourceMappingURL=FullName.js.map
+exports.FullName = FullName;

package/FullName/index.js

@@ -13,6 +13,4 @@ Object.keys(_FullName).forEach(function (key) {
       return _FullName[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Grid/Grid.js

@@ -26,6 +26,4 @@ GridInner.displayName = "GridInner";
 var Grid = function Grid(props) {
   return /*#__PURE__*/_react.default.createElement(_grid.Grid, props, props.children);
 };
-exports.Grid = Grid;
-
-//# sourceMappingURL=Grid.js.map
+exports.Grid = Grid;

package/Grid/Grid.stories.js

@@ -31,6 +31,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Grid.Grid, _Grid.Cell]
   }
-});
-
-//# sourceMappingURL=Grid.stories.js.map
+});

package/Grid/index.js

@@ -13,6 +13,4 @@ Object.keys(_Grid).forEach(function (key) {
       return _Grid[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Helpers/ClassNames.js

@@ -29,6 +29,4 @@ var getClasses = function getClasses(propList, appendClasses) {
   props.className = classes;
   return props;
 };
-exports.getClasses = getClasses;
-
-//# sourceMappingURL=ClassNames.js.map
+exports.getClasses = getClasses;

package/Helpers/index.js

@@ -9,6 +9,4 @@ Object.defineProperty(exports, "getClasses", {
     return _ClassNames.getClasses;
   }
 });
-var _ClassNames = require("./ClassNames");
-
-//# sourceMappingURL=index.js.map
+var _ClassNames = require("./ClassNames");

package/Icon/Icon.js

@@ -26,6 +26,4 @@ var Icon = function Icon(props) {
     onClick: props.onClick
   });
 };
-exports.Icon = Icon;
-
-//# sourceMappingURL=Icon.js.map
+exports.Icon = Icon;

package/Icon/Icon.stories.js

@@ -27,6 +27,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Icon.Icon]
   }
-});
-
-//# sourceMappingURL=Icon.stories.js.map
+});

package/Icon/index.js

@@ -13,6 +13,4 @@ Object.keys(_Icon).forEach(function (key) {
       return _Icon[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Image/Image.js

@@ -21,6 +21,4 @@ var Image = function Image(_ref) {
   }
   return /*#__PURE__*/_react.default.createElement("img", finalProps);
 };
-exports.Image = Image;
-
-//# sourceMappingURL=Image.js.map
+exports.Image = Image;

package/Image/Image.stories.js

@@ -21,6 +21,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Image.Image]
   }
-});
-
-//# sourceMappingURL=Image.stories.js.map
+});

package/Image/index.js

@@ -13,6 +13,4 @@ Object.keys(_Image).forEach(function (key) {
       return _Image[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/ImageEditor/ImageEditor.js

@@ -295,6 +295,4 @@ var ImageEditor = /*#__PURE__*/function (_React$Component) {
 exports.ImageEditor = ImageEditor;
 (0, _defineProperty2.default)(ImageEditor, "defaultProps", {
   tools: ["crop", "flip", "rotate", "filter"]
-});
-
-//# sourceMappingURL=ImageEditor.js.map
+});

package/ImageEditor/index.js

@@ -13,6 +13,4 @@ Object.keys(_ImageEditor).forEach(function (key) {
       return _ImageEditor[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/ImageEditor/toolbar/crop.js

@@ -70,6 +70,4 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
-
-//# sourceMappingURL=crop.js.map
+exports.default = _default;

package/ImageEditor/toolbar/filter.js

@@ -210,6 +210,4 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
-
-//# sourceMappingURL=filter.js.map
+exports.default = _default;

package/ImageEditor/toolbar/flip.js

@@ -95,6 +95,4 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
-
-//# sourceMappingURL=flip.js.map
+exports.default = _default;

package/ImageEditor/toolbar/icons/index.js

@@ -58,6 +58,4 @@ var _flip = require("./flip.svg");
 var _redo = require("./redo.svg");
 var _rotateLeft = require("./rotateLeft.svg");
 var _rotateRight = require("./rotateRight.svg");
-var _undo = require("./undo.svg");
-
-//# sourceMappingURL=index.js.map
+var _undo = require("./undo.svg");

package/ImageEditor/toolbar/index.js

@@ -31,6 +31,4 @@ Object.defineProperty(exports, "rotate", {
 var _crop = _interopRequireDefault(require("./crop"));
 var _flip = _interopRequireDefault(require("./flip"));
 var _filter = _interopRequireDefault(require("./filter"));
-var _rotate = _interopRequireDefault(require("./rotate"));
-
-//# sourceMappingURL=index.js.map
+var _rotate = _interopRequireDefault(require("./rotate"));

package/ImageEditor/toolbar/rotate.js

@@ -136,6 +136,4 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
-
-//# sourceMappingURL=rotate.js.map
+exports.default = _default;

package/ImageEditor/toolbar/types.js

@@ -2,6 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-
-//# sourceMappingURL=types.js.map
+});

package/ImageUpload/Image.js

@@ -114,6 +114,4 @@ var Image = /*#__PURE__*/function (_React$Component) {
   }
 });
 var _default = Image;
-exports.default = _default;
-
-//# sourceMappingURL=Image.js.map
+exports.default = _default;

package/ImageUpload/ImageEditorDialog.js

@@ -92,6 +92,4 @@ var ImageEditorDialog = /*#__PURE__*/function (_React$Component) {
   return ImageEditorDialog;
 }(_react.default.Component);
 var _default = ImageEditorDialog;
-exports.default = _default;
-
-//# sourceMappingURL=ImageEditorDialog.js.map
+exports.default = _default;

package/ImageUpload/MultiImageUpload.js

@@ -352,6 +352,4 @@ exports.MultiImageUpload = MultiImageUpload;
     unsupportedFileType: "Unsupported file type.",
     default: "An error occurred."
   }
-});
-
-//# sourceMappingURL=MultiImageUpload.js.map
+});

package/ImageUpload/MultiImageUpload.stories.js

@@ -66,6 +66,4 @@ story.add("Multi Image Upload", function () {
   info: {
     propTables: [_MultiImageUpload.MultiImageUpload]
   }
-});
-
-//# sourceMappingURL=MultiImageUpload.stories.js.map
+});

package/ImageUpload/SingleImageUpload.js

@@ -211,6 +211,4 @@ exports.SingleImageUpload = SingleImageUpload;
     unsupportedFileType: "Unsupported file type.",
     default: "An error occurred."
   }
-});
-
-//# sourceMappingURL=SingleImageUpload.js.map
+});

package/ImageUpload/SingleImageUpload.stories.js

@@ -43,6 +43,4 @@ story.add("Single Image Upload", function () {
   info: {
     propTables: [_SingleImageUpload.SingleImageUpload]
   }
-});
-
-//# sourceMappingURL=SingleImageUpload.stories.js.map
+});

package/ImageUpload/index.js

@@ -31,6 +31,4 @@ Object.defineProperty(exports, "SingleImageUpload", {
 var _SingleImageUpload = require("./SingleImageUpload");
 var _MultiImageUpload = require("./MultiImageUpload");
 var _Image = _interopRequireDefault(require("./Image"));
-var _ImageEditorDialog = _interopRequireDefault(require("./ImageEditorDialog"));
-
-//# sourceMappingURL=index.js.map
+var _ImageEditorDialog = _interopRequireDefault(require("./ImageEditorDialog"));

package/ImageUpload/styled.js

@@ -129,6 +129,4 @@ var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   display: "block",
   zIndex: 2
 }), _hover)), _styled));
-exports.ImagePreviewWrapper = ImagePreviewWrapper;
-
-//# sourceMappingURL=styled.js.map
+exports.ImagePreviewWrapper = ImagePreviewWrapper;

package/Input/Input.js

@@ -96,7 +96,7 @@ var Input = function Input(props) {
     onBlur: onBlur,
     label: label,
     icon: icon,
-    placeholder: !label && placeholder || undefined,
+    placeholder: placeholder,
     trailingIcon: trailingIcon,
     rows: rows,
     className: (0, _classnames.default)("webiny-ui-input", _styled.webinyInputStyles, props.size ? "webiny-ui-input--size-".concat(size) : null),
@@ -108,6 +108,4 @@ var Input = function Input(props) {
 exports.Input = Input;
 Input.defaultProps = {
   rawOnChange: false
-};
-
-//# sourceMappingURL=Input.js.map
+};

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_textfield","_FormElementMessage","_pick","_interopRequireDefault","_classnames","_styled","_excluded","rmwcProps","Input","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","_ref","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","validate","wrap","_callee$","_context","prev","next","persist","stop","_x","apply","arguments","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","size","rest","_objectWithoutProperties2","inputValue","_ref2","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","createElement","Fragment","TextField","Object","assign","pick","textarea","Boolean","undefined","className","classNames","webinyInputStyles","concat","FormElementMessage","error","exports","defaultProps"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { webinyInputStyles } from \"./styled\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input: React.FC<InputProps> = props => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-ignore\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        size,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={(!label && placeholder) || undefined}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\n                    \"webiny-ui-input\",\n                    webinyInputStyles,\n                    props.size ? `webiny-ui-input--size-${size}` : null\n                )}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nInput.defaultProps = { rawOnChange: false };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_textfield","_FormElementMessage","_pick","_interopRequireDefault","_classnames","_styled","_excluded","rmwcProps","Input","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","_ref","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","validate","wrap","_callee$","_context","prev","next","persist","stop","_x","apply","arguments","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","size","rest","_objectWithoutProperties2","inputValue","_ref2","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","createElement","Fragment","TextField","Object","assign","pick","textarea","Boolean","className","classNames","webinyInputStyles","concat","FormElementMessage","error","exports","defaultProps"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { webinyInputStyles } from \"./styled\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input: React.FC<InputProps> = props => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-ignore\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        size,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={placeholder}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\n                    \"webiny-ui-input\",\n                    webinyInputStyles,\n                    props.size ? `webiny-ui-input--size-${size}` : null\n                )}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nInput.defaultProps = { rawOnChange: false };\n"],"mappings":"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"}

package/Input/Input.stories.js

@@ -104,6 +104,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Input.Input]
   }
-});
-
-//# sourceMappingURL=Input.stories.js.map
+});

package/Input/__tests__/Input.test.js

@@ -101,6 +101,4 @@ describe("Input tests", function () {
     renderArg.onChange("third-value");
     expect(renderArg.value).toBe("third-value");
   });
-});
-
-//# sourceMappingURL=Input.test.js.map
+});

package/Input/index.js

@@ -13,6 +13,4 @@ Object.keys(_Input).forEach(function (key) {
       return _Input[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Input/styled.js

@@ -9,6 +9,4 @@ var _emotion = require("emotion");
  * @type {string}
  */
 var webinyInputStyles = /*#__PURE__*/(0, _emotion.css)(".mdc-text-field__input:-webkit-autofill + .mdc-floating-label{transform:translateY(-106%) scale(0.75);}&.webiny-ui-input--size-medium{&.mdc-text-field{height:40px;font-size:0.85em;}}&.webiny-ui-input--size-small{&.mdc-text-field{height:30px;font-size:0.75em;}}label:webinyInputStyles;");
-exports.webinyInputStyles = webinyInputStyles;
-
-//# sourceMappingURL=styled.js.map
+exports.webinyInputStyles = webinyInputStyles;

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -26,6 +26,4 @@ story.add("collapsible list", function () {
   info: {
     propTables: [_index.CollapsibleList, _List.SimpleListItem]
   }
-});
-
-//# sourceMappingURL=CollapsibleList.stories.js.map
+});

package/List/CollapsibleList/index.js

@@ -13,6 +13,4 @@ var CollapsibleList = function CollapsibleList(props) {
 };
 exports.CollapsibleList = CollapsibleList;
 var _default = CollapsibleList;
-exports.default = _default;
-
-//# sourceMappingURL=index.js.map
+exports.default = _default;

package/List/DataList/DataList.js

@@ -274,6 +274,4 @@ var ScrollList = function ScrollList(props) {
     className: (0, _classnames.default)(props.className, scrollList)
   }), props.children);
 };
-exports.ScrollList = ScrollList;
-
-//# sourceMappingURL=DataList.js.map
+exports.ScrollList = ScrollList;

package/List/DataList/DataList.stories.js

@@ -108,6 +108,4 @@ story.add("data list", function () {
   info: {
     propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic]
   }
-});
-
-//# sourceMappingURL=DataList.stories.js.map
+});

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js

@@ -93,6 +93,4 @@ var DataListModalOverlay = function DataListModalOverlay(_ref3) {
     "data-id": "data-list-modal-wrapper"
   }, children));
 };
-exports.DataListModalOverlay = DataListModalOverlay;
-
-//# sourceMappingURL=DataListModalOverlay.js.map
+exports.DataListModalOverlay = DataListModalOverlay;

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js

@@ -25,6 +25,4 @@ var DataListModalOverlayAction = function DataListModalOverlayAction(_ref) {
     }
   });
 };
-exports.DataListModalOverlayAction = DataListModalOverlayAction;
-
-//# sourceMappingURL=DataListModalOverlayAction.js.map
+exports.DataListModalOverlayAction = DataListModalOverlayAction;

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js

@@ -27,6 +27,4 @@ var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
     }
   }, children);
 };
-exports.DataListModalOverlayProvider = DataListModalOverlayProvider;
-
-//# sourceMappingURL=DataListModalOverlayContext.js.map
+exports.DataListModalOverlayProvider = DataListModalOverlayProvider;

package/List/DataList/DataListModalOverlay/index.js

@@ -29,6 +29,4 @@ Object.defineProperty(exports, "DataListModalOverlayProvider", {
 });
 var _DataListModalOverlay = require("./DataListModalOverlay");
 var _DataListModalOverlayAction = require("./DataListModalOverlayAction");
-var _DataListModalOverlayContext = require("./DataListModalOverlayContext");
-
-//# sourceMappingURL=index.js.map
+var _DataListModalOverlayContext = require("./DataListModalOverlayContext");

package/List/DataList/DataListWithSections.js

@@ -312,6 +312,4 @@ var ScrollListWithSections = function ScrollListWithSections(props) {
     className: (0, _classnames.default)(props.className, scrollList)
   }), props.children);
 };
-exports.ScrollListWithSections = ScrollListWithSections;
-
-//# sourceMappingURL=DataListWithSections.js.map
+exports.ScrollListWithSections = ScrollListWithSections;

package/List/DataList/Loader.js

@@ -50,6 +50,4 @@ var Loader = function Loader() {
   }));
 };
 var _default = Loader;
-exports.default = _default;
-
-//# sourceMappingURL=Loader.js.map
+exports.default = _default;

package/List/DataList/NoData.js

@@ -22,6 +22,4 @@ var NoData = function NoData() {
   }, "No records found."));
 };
 var _default = NoData;
-exports.default = _default;
-
-//# sourceMappingURL=NoData.js.map
+exports.default = _default;

package/List/DataList/icons/index.js

@@ -68,6 +68,4 @@ var OptionsIcon = function OptionsIcon(props) {
     icon: /*#__PURE__*/_react.default.createElement(_baselineTune24px.ReactComponent, null)
   }, props));
 };
-exports.OptionsIcon = OptionsIcon;
-
-//# sourceMappingURL=index.js.map
+exports.OptionsIcon = OptionsIcon;

package/List/DataList/index.js

@@ -55,6 +55,4 @@ Object.keys(_DataListModalOverlay).forEach(function (key) {
       return _DataListModalOverlay[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/List/DataList/types.js

@@ -2,6 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-
-//# sourceMappingURL=types.js.map
+});

package/List/List.js

@@ -168,6 +168,4 @@ exports.ListSelectBox = ListSelectBox;
 var SimpleListItem = function SimpleListItem(props) {
   return /*#__PURE__*/_react.default.createElement(_list.SimpleListItem, props);
 };
-exports.SimpleListItem = SimpleListItem;
-
-//# sourceMappingURL=List.js.map
+exports.SimpleListItem = SimpleListItem;

package/List/List.stories.js

@@ -47,6 +47,4 @@ story.add("simple list", function () {
   info: {
     propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic, _List.ListItemTextPrimary]
   }
-});
-
-//# sourceMappingURL=List.stories.js.map
+});

package/List/icons/index.js

@@ -17,6 +17,4 @@ Object.defineProperty(exports, "refreshIcon", {
   }
 });
 var _baselineAutorenew24px = _interopRequireDefault(require("./baseline-autorenew-24px.svg"));
-var _baselineDelete24px = _interopRequireDefault(require("./baseline-delete-24px.svg"));
-
-//# sourceMappingURL=index.js.map
+var _baselineDelete24px = _interopRequireDefault(require("./baseline-delete-24px.svg"));

package/List/index.js

@@ -67,6 +67,4 @@ Object.keys(_List).forEach(function (key) {
   });
 });
 var _DataList = require("./DataList");
-var _CollapsibleList = require("./CollapsibleList");
-
-//# sourceMappingURL=index.js.map
+var _CollapsibleList = require("./CollapsibleList");

package/Menu/Menu.js

@@ -112,6 +112,4 @@ var MenuItem = function MenuItem(_ref) {
     className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, style.disabledMenuItem, disabled))
   }));
 };
-exports.MenuItem = MenuItem;
-
-//# sourceMappingURL=Menu.js.map
+exports.MenuItem = MenuItem;

package/Menu/Menu.stories.js

@@ -29,6 +29,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Menu.Menu, _Menu.MenuItem, _Menu.MenuDivider]
   }
-});
-
-//# sourceMappingURL=Menu.stories.js.map
+});

package/Menu/index.js

@@ -13,6 +13,4 @@ Object.keys(_Menu).forEach(function (key) {
       return _Menu[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Mosaic/Mosaic.js

@@ -27,6 +27,4 @@ Mosaic.defaultProps = {
     800: 3,
     1366: 4
   }
-};
-
-//# sourceMappingURL=Mosaic.js.map
+};

package/Mosaic/Mosaic.stories.js

@@ -75,6 +75,4 @@ story.add("usage", function () {
   info: {
     propTables: [_Mosaic.Mosaic]
   }
-});
-
-//# sourceMappingURL=Mosaic.stories.js.map
+});

package/Mosaic/index.js

@@ -13,6 +13,4 @@ Object.keys(_Mosaic).forEach(function (key) {
       return _Mosaic[key];
     }
   });
-});
-
-//# sourceMappingURL=index.js.map
+});

package/Progress/CircularProgress.js

@@ -70,6 +70,4 @@ CircularProgress.defaultProps = {
   visible: true
 };
 var _default = CircularProgress;
-exports.default = _default;
-
-//# sourceMappingURL=CircularProgress.js.map
+exports.default = _default;

package/Progress/index.js

@@ -10,6 +10,4 @@ Object.defineProperty(exports, "CircularProgress", {
     return _CircularProgress.default;
   }
 });
-var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
-
-//# sourceMappingURL=index.js.map
+var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));