flipper-ui 0.28.0 → 0.29.1

package/core/{ExpansionPanel → surfaces/expansion-panel}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.ExpansionPanel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -15,7 +15,7 @@ var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/Accord
 var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _TextField = require("../TextField");
+var _textField = require("@/core/inputs/text-field");
 var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "onClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
 var _templateObject;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -70,11 +70,11 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
       onSaveClick();
     }
   };
-  var renderHelper = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onHelperClick && /*#__PURE__*/_react["default"].createElement(_TextField.HelperBox, {
+  var renderHelper = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onHelperClick && /*#__PURE__*/_react["default"].createElement(_textField.HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: handleClick
   }));
-  var renderEdit = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, editable && /*#__PURE__*/_react["default"].createElement(_TextField.EditBox, {
+  var renderEdit = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, editable && /*#__PURE__*/_react["default"].createElement(_textField.EditBox, {
     editing: !!editing,
     style: editStyle,
     onEditClick: handleEditClick,
@@ -101,5 +101,6 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     style: actionsStyle
   }, actions));
 };
+exports.ExpansionPanel = ExpansionPanel;
 var _default = ExpansionPanel;
 exports["default"] = _default;

package/core/surfaces/header/header.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/surfaces/header/header.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").HeaderProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const Secondary: any;

package/core/surfaces/header/index.d.ts

@@ -0,0 +1,8 @@
+import { AppBarProps } from '@material-ui/core';
+import { PaperProps } from '@/core/surfaces/paper';
+export interface HeaderProps extends Omit<PaperProps, 'classes'>, AppBarProps {
+    position?: 'absolute' | 'fixed' | 'static' | 'sticky';
+    color?: 'default' | 'inherit' | 'primary' | 'secondary';
+}
+export declare const Header: ({ children, padding, margin, style, elevation, ...otherProps }: HeaderProps) => JSX.Element;
+export default Header;

package/core/{Header → surfaces/header}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Header = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -31,5 +31,6 @@ var Header = function Header(_ref) {
     }, style)
   }), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], null, children));
 };
+exports.Header = Header;
 var _default = Header;
 exports["default"] = _default;

package/core/surfaces/paper/index.d.ts

@@ -0,0 +1,8 @@
+import { PaperProps as MuiPaperProps } from '@material-ui/core';
+import type { DefaultProps } from '../../types';
+export interface PaperProps extends DefaultProps, MuiPaperProps {
+    square?: boolean;
+    elevation?: number;
+}
+export declare const Paper: ({ children, style, padding, margin, ...otherProps }: PaperProps) => JSX.Element;
+export default Paper;

package/core/{Paper → surfaces/paper}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Paper = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -28,5 +28,6 @@ var Paper = function Paper(_ref) {
     }, style)
   }), children);
 };
+exports.Paper = Paper;
 var _default = Paper;
 exports["default"] = _default;

package/core/surfaces/paper/paper.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/surfaces/paper/paper.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PaperProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Square: any;
+export declare const NoElevated: any;
+export declare const Elevated: any;
+export declare const MaxEletavion: any;

package/core/{StepCard → surfaces/step-card}/index.d.ts

@@ -1,7 +1,6 @@
 import { LinearProgress, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';
 import React from 'react';
-import Typography from '../Typography';
-import { PropWithDataCy } from '../types';
+import Typography from '@/core/data-display/typography';
 /**
  * Props for the StepCard component
  *
@@ -137,32 +136,32 @@ export interface IStepCardProps {
      * @type {(typeof Typography | undefined)}
      * @memberof IStepCardProps
      */
-    titleProps?: PropWithDataCy<typeof Typography>;
+    titleProps?: typeof Typography;
     /**
      * Props to be passed to the summary typography
      *
      * @type {(typeof Typography | undefined)}
      * @memberof IStepCardProps
      */
-    summaryProps?: PropWithDataCy<typeof Typography>;
+    summaryProps?: typeof Typography;
     /**
      * Props to be passed to the expansion panel details
      * @type {(typeof MuiExpansionPanel | undefined)}
      * @memberof IStepCardProps
      */
-    expansionPanelDetailsProps?: PropWithDataCy<typeof MuiAccordionDetails>;
+    expansionPanelDetailsProps?: typeof MuiAccordionDetails;
     /**
      * Props to be passed to the linear progress bar
      * @type {(typeof LinearProgress | undefined)}
      * @memberof IStepCardProps
      */
-    linearProgressBarProps?: PropWithDataCy<typeof LinearProgress>;
+    linearProgressBarProps?: typeof LinearProgress;
     /**
      * Props to be passed to the expansion panel summary linear progress bar
      * @type {(typeof LinearProgress | undefined)}
      * @memberof IStepCardProps
      */
-    summaryLinearProgressBarProps?: PropWithDataCy<typeof LinearProgress>;
+    summaryLinearProgressBarProps?: typeof LinearProgress;
     /**
      * Whether the expansion panel is expandable
      * @type {boolean}
@@ -237,5 +236,5 @@ export interface IStepCardProps {
  *   defaultExpanded={false}
  * />
  */
-declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => JSX.Element;
+export declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => JSX.Element;
 export default StepCard;

package/core/{StepCard → surfaces/step-card}/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StepCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _react = _interopRequireDefault(require("react"));
-var _StepCardSkeleton = _interopRequireDefault(require("./StepCardSkeleton"));
-var _StepCardDetails = require("./StepCardDetails");
-var _StepCardPanel = require("./StepCardPanel");
+var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
+var _stepCardDetails = require("./step-card-details");
+var _stepCardPanel = require("./step-card-panel");
 var _styles = require("./styles");
 /**
  * StepCard is a reusable component that displays a card with a title, a summary,
@@ -78,7 +78,7 @@ var StepCard = function StepCard(_ref) {
     _ref$showSubTitleSkel = _ref.showSubTitleSkeleton,
     showSubTitleSkeleton = _ref$showSubTitleSkel === void 0 ? false : _ref$showSubTitleSkel,
     onChange = _ref.onChange;
-  return loading ? /*#__PURE__*/_react["default"].createElement(_StepCardSkeleton["default"], {
+  return loading ? /*#__PURE__*/_react["default"].createElement(_stepCardSkeleton["default"], {
     expandable: expandable,
     subTitleSkeleton: showSubTitleSkeleton,
     showIcon: showIcon,
@@ -91,7 +91,7 @@ var StepCard = function StepCard(_ref) {
     expanded: expanded
   } : {}, {
     onChange: onChange
-  }), /*#__PURE__*/_react["default"].createElement(_StepCardPanel.StepCardPanel, {
+  }), /*#__PURE__*/_react["default"].createElement(_stepCardPanel.StepCardPanel, {
     fullWidth: fullWidth,
     title: title,
     padding: padding,
@@ -107,12 +107,13 @@ var StepCard = function StepCard(_ref) {
     summaryProps: summaryProps,
     summaryLinearProgressBarProps: summaryLinearProgressBarProps,
     linearProgressBarProps: linearProgressBarProps
-  }), expandable && /*#__PURE__*/_react["default"].createElement(_StepCardDetails.StepCardDetails, {
+  }), expandable && /*#__PURE__*/_react["default"].createElement(_stepCardDetails.StepCardDetails, {
     steps: steps,
     image: image,
     expansionPanelDetailsProps: expansionPanelDetailsProps,
     onStepUrlClick: onStepUrlClick
   })));
 };
+exports.StepCard = StepCard;
 var _default = StepCard;
 exports["default"] = _default;

package/core/{StepCard/StepCardDetails.js → surfaces/step-card/step-card-details.js}

@@ -10,9 +10,9 @@ var _List = _interopRequireDefault(require("@material-ui/core/List"));
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _react = _interopRequireDefault(require("react"));
-var _icons = require("../../icons");
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _icons = require("@/icons");
+var _iconButton = _interopRequireDefault(require("@/core/inputs/icon-button"));
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
 var _styles = require("./styles");
 var _theme$colors = _nginformaticaStyleguide.theme.colors,
   feedback = _theme$colors.feedback,
@@ -38,13 +38,13 @@ var StepCardDetails = function StepCardDetails(props) {
         style: {
           color: step.done ? DONE_COLOR : UNDONE_COLOR
         }
-      }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
         variant: "body1",
         style: {
           color: UNDONE_FONT_COLOR,
           fontWeight: 600
         }
-      }, step.title), step.url && onStepUrlClick && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      }, step.title), step.url && onStepUrlClick && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
         "data-testid": "step-card-button-".concat(index),
         style: {
           backgroundColor: 'unset'

package/core/{StepCard/StepCardPanel.js → surfaces/step-card/step-card-panel.js}

@@ -11,8 +11,8 @@ var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/Accord
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _react = _interopRequireDefault(require("react"));
 var _sprintfJs = require("sprintf-js");
-var _icons = require("../../icons");
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _icons = require("@/icons");
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
 var _styles = require("./styles");
 var _theme$colors = _nginformaticaStyleguide.theme.colors,
   feedback = _theme$colors.feedback,
@@ -47,7 +47,7 @@ var StepCardPanel = function StepCardPanel(props) {
     });
   };
   var Title = function Title() {
-    return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
       variant: "h6",
       style: {
         color: UNDONE_TITLE_COLOR,
@@ -57,7 +57,7 @@ var StepCardPanel = function StepCardPanel(props) {
     }, titleProps), title);
   };
   var SubTitle = function SubTitle() {
-    return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
       variant: "h6",
       style: {
         color: UNDONE_COLOR,
@@ -76,7 +76,7 @@ var StepCardPanel = function StepCardPanel(props) {
       expandIcon: /*#__PURE__*/_react["default"].createElement(_icons.ExpandMore, {
         fontSize: "large"
       })
-    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
       variant: "h6"
     }, summaryProps), (0, _sprintfJs.sprintf)(summary, remainingSteps, time)));
   };
@@ -98,9 +98,9 @@ var StepCardPanel = function StepCardPanel(props) {
   var NormalProgress = function NormalProgress() {
     return /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, {
       "data-testid": "normal-progress"
-    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
       variant: "h6"
-    }, summaryProps), summary), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    }, summaryProps), summary), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
       variant: "subtitle2",
       style: {
         position: 'absolute',

package/core/surfaces/step-card/step-card.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/surfaces/step-card/step-card.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IStepCardProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithoutExpandable: any;
+export declare const WithLoading: any;

package/core/types.d.ts

@@ -1,16 +1,38 @@
 import type { CSSProperties } from 'react';
 export interface DefaultProps {
+    /**
+     * The children of the component.
+     * @optional
+     */
     children?: React.ReactNode;
+    /**
+     * The style of the component.
+     * @optional
+     */
     style?: CSSProperties;
+    /**
+     * The class name of the component.
+     * @optional
+     */
     className?: string;
+    /**
+     * The id of the component.
+     * @optional
+     */
     margin?: number | string;
+    /**
+     * The padding of the component.
+     * @optional
+     */
     padding?: number | string;
+    /**
+     * The name of the component.
+     * @optional
+     */
     name?: string;
+    /**
+     * The id of the component.
+     * @optional
+     */
     id?: string;
 }
-export interface HTMLElementWithDataCy<T> extends React.HTMLAttributes<T> {
-    'data-cy': string;
-}
-export type PropWithDataCy<T> = Partial<T> & {
-    'data-cy': string;
-};

package/experimental/actions/actions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/experimental/actions/actions.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+export default _default;
+export declare const Default: any;

package/{Experimental/Actions → experimental/actions}/index.d.ts

@@ -25,5 +25,5 @@ interface IWrapper {
     align: IProps['align'];
 }
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, IWrapper, never>;
-declare const Actions: (props: IProps) => JSX.Element;
+export declare const Actions: (props: IProps) => JSX.Element;
 export default Actions;

package/{Experimental/Actions → experimental/actions}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Wrapper = void 0;
+exports["default"] = exports.Wrapper = exports.Actions = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _index = require("@/index");
 var _react = _interopRequireDefault(require("react"));
@@ -37,5 +37,6 @@ var Actions = function Actions(props) {
     onClick: props.onConfirm
   }, props.labels ? props.labels.confirm : 'Confirmar'));
 };
+exports.Actions = Actions;
 var _default = Actions;
 exports["default"] = _default;

package/experimental/auto-complete-lab/auto-complete-lab.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@/core/inputs/auto-complete").AutoCompleteProps>;
+export default _default;
+export declare const Default: () => JSX.Element;

package/{lab/Autocomplete.d.ts → experimental/auto-complete-lab/index.d.ts}

@@ -1,4 +1,4 @@
 import { default as MuiAutocomplete } from '@material-ui/lab/Autocomplete';
 export { AutocompleteRenderInputParams, AutocompleteProps, AutocompleteCloseReason, AutocompleteChangeReason, AutocompleteInputChangeReason } from '@material-ui/lab/Autocomplete';
-declare const Autocomplete: typeof MuiAutocomplete;
+export declare const Autocomplete: typeof MuiAutocomplete;
 export default Autocomplete;

package/{lab/Autocomplete.js → experimental/auto-complete-lab/index.js}

@@ -5,6 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.Autocomplete = void 0;
 Object.defineProperty(exports, "AutocompleteChangeReason", {
   enumerable: true,
   get: function get() {
@@ -64,5 +65,6 @@ var Autocomplete = function Autocomplete(props) {
     }, classes)
   }));
 };
+exports.Autocomplete = Autocomplete;
 var _default = Autocomplete;
 exports["default"] = _default;

package/experimental/avatar/avatar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/experimental/avatar/avatar.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+export default _default;
+export declare const simpleAvatar: any;
+export declare const withCustomSize: any;
+export declare const withoutImage: any;

package/{Experimental/Avatar → experimental/avatar}/index.d.ts

@@ -9,5 +9,5 @@ export interface IProps {
     /** Custom styles */
     style?: CSSProperties;
 }
-declare const Avatar: (props: IProps) => JSX.Element;
+export declare const Avatar: (props: IProps) => JSX.Element;
 export default Avatar;

package/{Experimental/Avatar → experimental/avatar}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Avatar = void 0;
 var _index = require("@/index");
 var _take = _interopRequireDefault(require("ramda/es/take"));
 var _react = _interopRequireDefault(require("react"));
@@ -18,5 +18,6 @@ var Avatar = function Avatar(props) {
   };
   return /*#__PURE__*/_react["default"].createElement(_index.Avatar, props, getChild());
 };
+exports.Avatar = Avatar;
 var _default = Avatar;
 exports["default"] = _default;

package/experimental/breadcrumbs/breadcrumbs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/experimental/breadcrumbs/breadcrumbs.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    pathMapping: Record<string, string>;
+    homeId: string;
+    pathname?: string | undefined;
+    linkWrapper?: ((link: string, label: React.ReactNode) => React.ReactNode) | undefined;
+}>;
+export default _default;
+export declare const Default: any;

package/{Experimental/Breadcrumbs → experimental/breadcrumbs}/index.d.ts

@@ -15,5 +15,5 @@ type Props = {
  * Render breadcrumbs for the provided pathname or the current
  * `window.location.pathname`.
  */
-declare const Breadcrumbs: ({ pathname, homeId, pathMapping, linkWrapper }: Props) => JSX.Element;
+export declare const Breadcrumbs: ({ pathname, homeId, pathMapping, linkWrapper }: Props) => JSX.Element;
 export default Breadcrumbs;

package/{Experimental/Breadcrumbs → experimental/breadcrumbs}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Breadcrumbs = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _addIndex = _interopRequireDefault(require("ramda/es/addIndex"));
@@ -63,5 +63,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     separator: /*#__PURE__*/_react["default"].createElement(_icons.ChevronRight, null)
   }, links);
 };
+exports.Breadcrumbs = Breadcrumbs;
 var _default = Breadcrumbs;
 exports["default"] = _default;

package/experimental/button/button.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/experimental/button/button.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").Props>;
+export default _default;
+export declare const Default: any;

package/experimental/button/index.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@/core/inputs/button';
+export interface Props extends ButtonProps {
+    label?: string;
+    name: string;
+    margin?: string | number;
+    padding?: string | number;
+    onClick?(): void;
+}
+export declare const AddButton: (props: Props) => JSX.Element;
+export default AddButton;

package/{Experimental/Button → experimental/button}/index.js

@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.AddButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _index = require("@/index");
 var _icons = require("@/icons");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _button = _interopRequireDefault(require("@/core/inputs/button"));
 var _templateObject;
-var ButtonStyled = (0, _styledComponents["default"])(_index.Button)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n"])));
+var ButtonStyled = (0, _styledComponents["default"])(_button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n"])));
 var AddButton = function AddButton(props) {
   return /*#__PURE__*/_react["default"].createElement(ButtonStyled, (0, _extends2["default"])({}, props, {
     variant: "dashed",
@@ -24,5 +24,6 @@ var AddButton = function AddButton(props) {
     onClick: props.onClick
   }), /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), props.label);
 };
+exports.AddButton = AddButton;
 var _default = AddButton;
 exports["default"] = _default;

package/experimental/card/card.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/experimental/card/card.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithOnToggleEdit: any;
+export declare const Editing: any;

package/experimental/card/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { ButtonProps } from '@/core/inputs/button';
+import { IconButtonProps } from '@/core/inputs/icon-button';
+export interface IProps {
+    /**
+     * Children to be rendered inside the card.
+     */
+    children: React.ReactNode;
+    /**
+     * If `true`, the card will be rendered with a nested style.
+     * @default false
+     */
+    nested?: boolean;
+    /**
+     * Title of the card.
+     * @default undefined
+     */
+    title?: string;
+    name: string;
+    id?: string;
+    editing?: boolean;
+    action?: JSX.Element | null;
+    onAddProps?: Partial<ButtonProps>;
+    onEditProps?: Partial<IconButtonProps>;
+    onClickAdd?(): void;
+    onToggleEdit?(): void;
+}
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<({ children, margin, padding, style, variant, ...otherProps }: {
+    /**
+     * Children to be rendered inside the card.
+     */
+    align?: import("@material-ui/core").PropTypes.Alignment | undefined;
+    children?: React.ReactNode;
+    color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
+    display?: "initial" | "block" | "inline" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
+    variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../core/types").DefaultProps) => JSX.Element, any, {}, never>;
+export declare const Card: (props: IProps) => JSX.Element;
+export default Card;