flipper-ui 0.25.0 → 0.25.1

package/core/Select.js

@@ -13,26 +13,38 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
-var _react = _interopRequireDefault(require("react"));
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
+
+var _react = _interopRequireDefault(require("react"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {
-      padding: '10px 24px 10px 12px'
-    },
-    iconOutlined: {
-      right: '2px'
+var iconStyle = {
+  right: '2px'
+};
+
+var renderEndAdornment = function renderEndAdornment(onClear) {
+  return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+    position: "end"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    onClick: onClear,
+    size: "small"
+  }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], {
+    style: {
+      fontSize: '15px'
     }
-  };
-});
+  })));
+};
 
 var Select = function Select(_ref) {
   var children = _ref.children,
@@ -40,11 +52,28 @@ var Select = function Select(_ref) {
       style = _ref$style === void 0 ? {} : _ref$style,
       margin = _ref.margin,
       padding = _ref.padding,
+      hasClear = _ref.hasClear,
+      onClear = _ref.onClear,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "style", "margin", "padding", "variant"]);
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "style", "margin", "padding", "hasClear", "onClear", "variant"]);
+  var useStyles = (0, _styles.makeStyles)(function () {
+    return {
+      root: {
+        padding: "10px 24px 10px ".concat(hasClear ? '20' : '12', "px")
+      },
+      iconOutlined: hasClear ? _objectSpread(_objectSpread({}, iconStyle), {}, {
+        position: 'relative',
+        marginLeft: '-20px'
+      }) : iconStyle
+    };
+  });
   var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({
+  var hasValue = !!otherProps.value;
+  var endAdornment = hasValue && hasClear ? {
+    endAdornment: renderEndAdornment(onClear)
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({}, endAdornment, {
     variant: variant,
     classes: {
       root: classes.root,

package/core/Sidebar.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-import { IProps as IButtonProps } from './Button';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+import { ButtonProps } from './Button';
+interface SidebarProps extends DefaultProps {
     open: boolean;
     expanded?: boolean;
     showButton?: boolean;
@@ -14,8 +14,8 @@ interface IProps extends IDefault {
     top?: number | string;
     paperClasses?: object;
     name?: string;
-    ButtonProps?: IButtonProps;
+    ButtonProps?: ButtonProps;
     onToggle: () => void;
 }
-declare const Sidebar: FC<IProps>;
+declare const Sidebar: FC<SidebarProps>;
 export default Sidebar;

package/core/Sidebar.js

@@ -115,7 +115,8 @@ var Sidebar = function Sidebar(_ref) {
       variant = _ref$variant === void 0 ? 'permanent' : _ref$variant,
       ButtonProps = _ref.ButtonProps,
       onToggle = _ref.onToggle,
-      children = _ref.children;
+      children = _ref.children,
+      name = _ref.name;
   var classes = useStyles();
 
   var renderAction = function renderAction() {

package/core/Slide.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface SlideProps extends DefaultProps {
     in: boolean;
     direction: 'left' | 'right' | 'up' | 'down';
     timeout?: number | {
@@ -9,5 +9,5 @@ interface IProps extends IDefault {
     };
     children?: React.ReactElement<{}>;
 }
-declare const Slide: ({ children, direction, margin, padding, style, ...otherProps }: IProps) => JSX.Element;
+declare const Slide: ({ children, direction, margin, padding, style, ...otherProps }: SlideProps) => JSX.Element;
 export default Slide;

package/core/Slider.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { SliderProps } from '@material-ui/core/Slider';
-import { IDefault } from './Advertise';
-interface IProps {
+import { DefaultProps } from './types';
+interface ISliderProps {
     defaultValue?: number | number[];
 }
-declare const Slider: FC<Omit<SliderProps, 'defaultValue'> & IDefault & IProps>;
+declare const Slider: FC<Omit<SliderProps, 'defaultValue'> & DefaultProps & ISliderProps>;
 export default Slider;

package/core/Snackbar.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, FC, FunctionComponent } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { TransitionProps } from '@material-ui/core/transitions/transition';
-interface IProps extends IDefault {
+interface SnackBarProps extends DefaultProps {
     autoHide?: number;
     message: ReactNode;
     open: boolean;
@@ -21,5 +21,5 @@ interface IProps extends IDefault {
     onClose?(): void;
     onClick?(): void;
 }
-declare const SnackBar: FC<IProps>;
+declare const SnackBar: FC<SnackBarProps>;
 export default SnackBar;

package/core/Stepper.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface StepperProps extends DefaultProps {
     active?: number;
     steps: Array<string | TStep>;
     bottomLabel?: boolean;
@@ -10,7 +10,7 @@ declare type TStep = {
     label: JSX.Element | string;
     icon: JSX.Element | ((active?: boolean) => JSX.Element);
 };
-declare class Stepper extends Component<IProps, {}> {
+declare class Stepper extends Component<StepperProps, {}> {
     static defaultProps: {
         active: number;
     };

package/core/Tab.d.ts

@@ -1,13 +1,13 @@
 import { Component } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface TabProps extends DefaultProps {
     disabled?: boolean;
     icon?: string | JSX.Element;
     label?: string;
     value?: unknown;
     disableRipple?: boolean;
 }
-declare class Tab extends Component<IProps> {
+declare class Tab extends Component<TabProps> {
     static defaultProps: {
         disabled: boolean;
         margin: string;

package/core/Table.d.ts

@@ -1,8 +1,8 @@
-import { TableProps } from '@material-ui/core/Table';
+import { TableProps as MuiTableProps } from '@material-ui/core/Table';
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
-    spacing?: TableProps['padding'];
+import { DefaultProps } from './types';
+interface TableProps extends DefaultProps {
+    spacing?: MuiTableProps['padding'];
 }
-declare const Table: FC<TableProps & IProps>;
+declare const Table: FC<MuiTableProps & TableProps>;
 export default Table;

package/core/TableBody.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-declare const TableBody: FC<IDefault>;
+import { DefaultProps } from './types';
+declare const TableBody: FC<DefaultProps>;
 export default TableBody;

package/core/TableCell.d.ts

@@ -1,13 +1,13 @@
-import { TableCellProps } from '@material-ui/core/TableCell';
+import { TableCellProps as MuiTableCellProps } from '@material-ui/core/TableCell';
 import { FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { Omit } from 'ramda';
-interface IProps extends IDefault {
+interface TableCellProps extends DefaultProps {
     numeric?: boolean;
     variant?: 'head' | 'body' | 'footer';
-    spacing?: TableCellProps['padding'];
+    spacing?: MuiTableCellProps['padding'];
     padding?: number | string;
     align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
 }
-declare const TableCell: FC<Omit<TableCellProps, 'padding'> & IProps>;
+declare const TableCell: FC<Omit<MuiTableCellProps, 'padding'> & TableCellProps>;
 export default TableCell;

package/core/TableHead.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault, ISort {
+import { DefaultProps } from './types';
+interface TableHeadProps extends DefaultProps, ISort {
     color?: 'primary' | 'secondary' | 'default' | 'inherit';
     classes: {
         default: string;
@@ -19,5 +19,5 @@ interface ISort {
     onSort?(name: string): void;
 }
 export declare const SortContext: React.Context<ISort>;
-declare const _default: React.ComponentType<Pick<React.PropsWithChildren<IProps>, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
+declare const _default: React.ComponentType<Pick<React.PropsWithChildren<TableHeadProps>, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
 export default _default;

package/core/TableRow.d.ts

@@ -1,11 +1,11 @@
-import { TableRowProps } from '@material-ui/core/TableRow';
+import { TableRowProps as MuiTableRowProps } from '@material-ui/core/TableRow';
 import { FC, MouseEvent } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface TableRowProps extends DefaultProps {
     selected?: boolean;
     hover?: boolean;
     background?: string;
     onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
 }
-declare const TableRow: FC<TableRowProps & IProps>;
+declare const TableRow: FC<MuiTableRowProps & TableRowProps>;
 export default TableRow;

package/core/Tabs.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface TabsProps extends DefaultProps {
     centered?: boolean;
     value: string | number;
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
@@ -18,5 +18,5 @@ interface IClasses {
         indicator: string;
     };
 }
-declare const Tabs: FC<IProps & IClasses>;
+declare const Tabs: FC<TabsProps & IClasses>;
 export default Tabs;

package/core/TextField.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, KeyboardEvent, FC, FocusEvent, ReactNode, MouseEvent } from 'react';
-import { IDefault } from './Advertise';
-export interface IProps extends IDefault {
+import { DefaultProps } from './types';
+export interface TextFieldProps extends DefaultProps {
     autoComplete?: string;
     autoFocus?: boolean;
     defaultValue?: string | number;
@@ -32,12 +32,11 @@ export interface IProps extends IDefault {
     onKeyUp?: (event: KeyboardEvent) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
 }
-declare type TProps = IProps;
-interface IHelperProps extends Pick<TProps, 'helperIcon'> {
+interface IHelperProps extends Pick<TextFieldProps, 'helperIcon'> {
     onHelperClick: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const useStyles: (props?: any) => Record<"input" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline" | "iconOutlined", string>;
 export declare const TextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HelperBox: (props: IHelperProps) => JSX.Element;
-declare const TextField: FC<TProps>;
+declare const TextField: FC<TextFieldProps>;
 export default TextField;

package/core/ThemeProvider.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
-interface IProps {
+interface ThemeProviderProps {
     options?: ThemeOptions;
 }
-declare const ThemeProvider: FC<IProps>;
+declare const ThemeProvider: FC<ThemeProviderProps>;
 export default ThemeProvider;

package/core/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement, CSSProperties } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface TooltipProps extends DefaultProps {
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
     title: React.ReactNode;
     withWrapper?: boolean;
@@ -11,5 +11,5 @@ interface IProps extends IDefault {
     children: ReactElement<{}>;
     enterDelay?: number;
 }
-declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: IProps) => JSX.Element;
+declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/core/Tree.d.ts

@@ -4,10 +4,10 @@ interface INode {
     name: string;
     nodes?: INode[];
 }
-interface IProps {
+interface TreeProps {
     nodes?: INode[];
 }
-declare class Tree extends Component<IProps, {}> {
+declare class Tree extends Component<TreeProps, {}> {
     renderNode(node: any, index: any, root?: boolean): JSX.Element;
     render(): JSX.Element[];
 }

package/core/Typography.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { TypographyProps } from '@material-ui/core/Typography';
-declare const Typography: FC<TypographyProps & IDefault>;
+declare const Typography: FC<TypographyProps & DefaultProps>;
 export default Typography;

package/core/Zoom.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface ZoomProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
     };
     children?: React.ReactElement<{}>;
 }
-declare const Zoom: ({ children, padding, margin, style, ...otherProps }: IProps) => JSX.Element;
+declare const Zoom: ({ children, padding, margin, style, ...otherProps }: ZoomProps) => JSX.Element;
 export default Zoom;

package/core/types.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+export interface DefaultProps {
+    style?: CSSProperties;
+    className?: string;
+    margin?: number | string;
+    padding?: number | string;
+    name?: string;
+    id?: string;
+}

package/core/types.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,81 +1,86 @@
 {
-  "name": "flipper-ui",
-  "version": "0.25.0",
-  "description": "",
-  "main": "dist/index.js",
-  "homepage": "https://flipper-ui.vercel.app",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/nginformatica/flipper-ui.git"
-  },
-  "scripts": {
-    "test": "jest --coverage",
-    "start": "yarn docz dev",
-    "build": "yarn build:ts && yarn build:babel",
-    "build:ts": "tsc --emitDeclarationOnly",
-    "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\"",
-    "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
-    "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
-    "predeploy": "yarn build && docz build",
-    "docz:build": "docz build",
-    "type-check": "tsc --noEmit",
-    "deploy": "gh-pages -d docs",
-    "release": "yarn build && node pre-publish.js && npm publish dist --access public"
-  },
-  "author": "NG Informática",
-  "license": "MIT",
-  "dependencies": {
-    "@date-io/date-fns": "1.3.6",
-    "@material-ui/core": "4.11.0",
-    "@material-ui/icons": "4.9.1",
-    "@material-ui/lab": "4.0.0-alpha.54",
-    "@material-ui/pickers": "3.2.6",
-    "date-fns": "2.4.1",
-    "material-table": "1.69.3",
-    "material-ui-chip-input": "2.0.0-beta.2",
-    "ramda": "0.25.0",
-    "react-number-format": "4.4.1"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.10.0",
-    "@babel/core": "7.9.0",
-    "@babel/plugin-transform-runtime": "7.9.0",
-    "@babel/preset-env": "7.9.0",
-    "@babel/preset-react": "7.9.0",
-    "@babel/preset-typescript": "7.9.0",
-    "@testing-library/react": "9.3.2",
-    "@types/jest": "24.0.22",
-    "@types/node": "10.9.4",
-    "@types/ramda": "0.25.36",
-    "@types/react": "16.8.18",
-    "@types/styled-components": "4.4.2",
-    "@typescript-eslint/eslint-plugin": "1.6.0",
-    "@typescript-eslint/parser": "1.6.0",
-    "babel-plugin-transform-class-properties": "6.24.1",
-    "babel-plugin-transform-imports": "2.0.0",
-    "docz": "1.3.2",
-    "docz-theme-default": "1.2.0",
-    "eslint": "5.16.0",
-    "eslint-config-prettier": "4.1.0",
-    "eslint-plugin-import": "2.16.0",
-    "eslint-plugin-prefer-arrow": "1.1.5",
-    "eslint-plugin-ramda": "2.5.1",
-    "eslint-plugin-react": "7.12.4",
-    "fs-extra": "7.0.0",
-    "gh-pages": "2.0.0",
-    "jest": "24.9.0",
-    "node-fetch": "2.6.1",
-    "prettier": "1.16.4",
-    "styled-components": "5.0.0",
-    "typescript": "3.9.5"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^5.0.0"
-  },
-  "jest": {
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.js"
-    ]
-  }
+    "name": "flipper-ui",
+    "version": "0.25.1",
+    "description": "",
+    "main": "dist/index.js",
+    "homepage": "https://flipper-ui.vercel.app",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nginformatica/flipper-ui.git"
+    },
+    "scripts": {
+        "test": "jest --coverage",
+        "start": "start-storybook -p 6006",
+        "build": "yarn build:ts && yarn build:babel",
+        "build:ts": "tsc --emitDeclarationOnly",
+        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\"",
+        "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
+        "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
+        "predeploy": "yarn build && yarn storybook:build",
+        "docs:build": "build-storybook -o docs",
+        "type-check": "tsc --noEmit",
+        "deploy": "gh-pages -d docs",
+        "release": "yarn build && node pre-publish.js && npm publish dist --access public"
+    },
+    "author": "NG Informática",
+    "license": "MIT",
+    "dependencies": {
+        "@date-io/date-fns": "1.3.6",
+        "@material-ui/core": "4.11.0",
+        "@material-ui/icons": "4.9.1",
+        "@material-ui/lab": "4.0.0-alpha.54",
+        "@material-ui/pickers": "3.2.6",
+        "date-fns": "2.4.1",
+        "material-table": "1.69.3",
+        "material-ui-chip-input": "2.0.0-beta.2",
+        "ramda": "0.25.0",
+        "react-number-format": "4.4.1"
+    },
+    "devDependencies": {
+        "@babel/cli": "7.10.0",
+        "@babel/core": "7.9.0",
+        "@babel/plugin-transform-runtime": "7.9.0",
+        "@babel/preset-env": "7.9.0",
+        "@babel/preset-react": "7.9.0",
+        "@babel/preset-typescript": "7.9.0",
+        "@storybook/addon-actions": "6.3.12",
+        "@storybook/addon-essentials": "6.3.12",
+        "@storybook/addon-links": "6.3.12",
+        "@storybook/react": "6.3.12",
+        "@testing-library/react": "9.3.2",
+        "@types/jest": "24.0.22",
+        "@types/node": "10.9.4",
+        "@types/ramda": "0.25.36",
+        "@types/react": "16.8.18",
+        "@types/styled-components": "4.4.2",
+        "@typescript-eslint/eslint-plugin": "1.6.0",
+        "@typescript-eslint/parser": "1.6.0",
+        "babel-loader": "8.2.3",
+        "babel-plugin-transform-class-properties": "6.24.1",
+        "babel-plugin-transform-imports": "2.0.0",
+        "eslint": "5.16.0",
+        "eslint-config-prettier": "4.1.0",
+        "eslint-plugin-import": "2.16.0",
+        "eslint-plugin-prefer-arrow": "1.1.5",
+        "eslint-plugin-ramda": "2.5.1",
+        "eslint-plugin-react": "7.12.4",
+        "fs-extra": "7.0.0",
+        "gh-pages": "2.0.0",
+        "jest": "24.9.0",
+        "node-fetch": "2.6.1",
+        "prettier": "1.16.4",
+        "react": "16.14.0",
+        "react-dom": "16.14.0",
+        "styled-components": "5.0.0",
+        "typescript": "3.9.5"
+    },
+    "peerDependencies": {
+        "react": "^16.8.0",
+        "styled-components": "^5.0.0"
+    },
+    "jest": {
+        "setupFilesAfterEnv": [
+            "<rootDir>/src/setupTests.js"
+        ]
+    }
 }

package/stories/Advertise.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Advertise = _interopRequireDefault(require("../core/Advertise"));
+
+var _default = {
+  title: 'Advertise',
+  component: _Advertise["default"]
+};
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_Advertise["default"], args);
+};
+
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  comment: 'Be like water. You put water into a cup. \
+        It becomes the cup. You put water into a bottle. It becomes the bottle.',
+  author: 'Bruce Lee',
+  children: 'Advertise'
+};