flipper-ui 0.26.22 → 0.27.0

package/core/AutoComplete.d.ts

@@ -35,6 +35,6 @@ interface ISelected {
     type?: string;
     subheader?: boolean;
 }
-declare type TSelected = ISelected | string;
+type TSelected = ISelected | string;
 declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
 export default AutoComplete;

package/core/ChipField.d.ts

@@ -17,7 +17,7 @@ interface ChipFieldProps<T extends TChipValues> {
     onAdd: (values: string) => void;
     onDelete: (value: string, index?: number) => void;
 }
-export declare type TChipValues = {
+export type TChipValues = {
     value: string | number;
 };
 declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;

package/core/DataTable/DataTable.d.ts

@@ -1,6 +1,6 @@
 import React, { MutableRefObject, CSSProperties } from 'react';
 import { ColumnSpec, Data, DataTableController, Errors, PaginationOptions, RowViewComponent, StackView } from './types';
-export declare type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
+export type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
     /**
      * The data to be shown in the table
      */
@@ -61,5 +61,5 @@ export declare type DataTableProps<D extends Data, V extends StackView = Record<
     rowViews?: Record<keyof V, RowViewComponent<D>>;
     onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>, rowData: D) => void;
 };
-export declare const DataTable: <D extends Data, V extends Record<string, unknown>>(props: DataTableProps<D, V>) => JSX.Element;
+export declare const DataTable: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => JSX.Element;
 export default DataTable;

package/core/DataTable/DataTableAction.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type DataTableActionProps = {
+export type DataTableActionProps = {
     label: string;
     children: ReactNode;
     color?: 'primary' | 'secondary' | 'inherit' | 'default';

package/core/DataTable/DataTableQueryPaginated.d.ts

@@ -1,6 +1,6 @@
 import React, { MutableRefObject, CSSProperties } from 'react';
 import { ColumnSpec, Data, DataTableController, Errors, PaginationOptions, RowViewComponent, StackView } from './types';
-export declare type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
+export type DataTableProps<D extends Data, V extends StackView = Record<string, unknown>> = {
     /**
      * The data to be shown in the table
      */
@@ -81,5 +81,5 @@ export declare type DataTableProps<D extends Data, V extends StackView = Record<
     rowViews?: Record<keyof V, RowViewComponent<D>>;
     onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>, rowData: D) => void;
 };
-export declare const DataTableQueryPaginated: <D extends Data, V extends Record<string, unknown>>(props: DataTableProps<D, V>) => JSX.Element;
+export declare const DataTableQueryPaginated: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => JSX.Element;
 export default DataTableQueryPaginated;

package/core/DataTable/Rows.d.ts

@@ -1,5 +1,5 @@
 import { ColumnSpec, Data, Errors, PartialData, RowMode } from './types';
-declare type StatefulRowProps<D extends Data> = {
+type StatefulRowProps<D extends Data> = {
     data: D;
     mode: RowMode;
     errors?: Errors<D>;
@@ -8,7 +8,7 @@ declare type StatefulRowProps<D extends Data> = {
     onUpdate?(partial: Partial<Data>): void;
 };
 export declare const StatefulRow: <D extends Data>({ data, mode, errors, columns, onUpdate, isHidden }: StatefulRowProps<D>) => JSX.Element;
-declare type NewRowProps<D extends Data> = {
+type NewRowProps<D extends Data> = {
     data: PartialData<D>;
     errors?: Errors<D>;
     columns: ColumnSpec<D>[];

package/core/DataTable/Rows.js

@@ -140,7 +140,7 @@ var StatefulRow = function StatefulRow(_ref) {
     setEditableState = _useState2[1];
   var partialUpdate = (0, _react.useCallback)(function (field, value) {
     setEditableState(function (values) {
-      return _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, "".concat(field), value));
+      return _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, "".concat(String(field)), value));
     });
     var patch = {};
     patch[field] = value;

package/core/DataTable/types.d.ts

@@ -1,16 +1,16 @@
 import type { CSSProperties, FunctionComponent } from 'react';
-export declare type RecordUnknown = Record<string, unknown>;
-export declare type StackView = RecordUnknown;
-export declare type Identifier = string | number;
+export type RecordUnknown = Record<string, unknown>;
+export type StackView = RecordUnknown;
+export type Identifier = string | number;
 export interface Data extends RecordUnknown {
     id: Identifier;
 }
-export declare type PartialData<D extends RecordUnknown> = Partial<D> & {
+export type PartialData<D extends RecordUnknown> = Partial<D> & {
     id: Identifier;
 };
-export declare type ColumnType = 'datetime' | 'text' | 'number' | 'numeric-float' | 'numeric-int';
-export declare type Align = 'right' | 'left' | 'center' | 'justify' | 'inherit';
-declare type ColumnSpecBase<F = {}> = {
+export type ColumnType = 'datetime' | 'text' | 'number' | 'numeric-float' | 'numeric-int';
+export type Align = 'right' | 'left' | 'center' | 'justify' | 'inherit';
+type ColumnSpecBase<F = {}> = {
     title: string;
     type: string;
     cellStyle?: CSSProperties;
@@ -18,7 +18,7 @@ declare type ColumnSpecBase<F = {}> = {
     align?: Align;
     renderCell?: FunctionComponent<F>;
 };
-export declare type RenderCellProps<D extends Data> = {
+export type RenderCellProps<D extends Data> = {
     data: D;
     rowMode: RowMode;
     value: unknown;
@@ -31,7 +31,7 @@ interface ColumnSpecDefault<D extends Data> extends ColumnSpecBase<RenderCellPro
     editable?: boolean;
     getValue?(value: unknown): string;
 }
-export declare type ActionsCellProps<D extends Data> = {
+export type ActionsCellProps<D extends Data> = {
     data: PartialData<D>;
     rowMode: RowMode;
     isNew?: boolean;
@@ -40,8 +40,8 @@ interface ColumnSpecActions<D extends Data> extends ColumnSpecBase<ActionsCellPr
     type: 'actions';
     renderCell: FunctionComponent<ActionsCellProps<D>>;
 }
-export declare type ColumnSpec<D extends Data> = ColumnSpecDefault<D> | ColumnSpecActions<D>;
-export declare type PaginationOptions = {
+export type ColumnSpec<D extends Data> = ColumnSpecDefault<D> | ColumnSpecActions<D>;
+export type PaginationOptions = {
     rowsPerPage: number;
     labelRowsPerPage: string;
     labelDisplayedRows: (param: {
@@ -55,7 +55,7 @@ export declare type PaginationOptions = {
     disabled: boolean;
     clickable: boolean;
 };
-export declare type RowAction<D> = {
+export type RowAction<D> = {
     type: 'add' | 'delete' | 'update';
     data: D;
 };
@@ -64,17 +64,17 @@ export declare enum RowMode {
     View = 1,
     Edit = 2
 }
-export declare type RowState<D extends Data, S extends StackView> = {
+export type RowState<D extends Data, S extends StackView> = {
     mode: RowMode;
     stackView: (keyof S)[];
     currentState?: D;
     editableState: Partial<D>;
 };
-export declare type RowViewComponent<D> = FunctionComponent<{
+export type RowViewComponent<D> = FunctionComponent<{
     popRowView?: () => void;
     data: D;
 }>;
-export declare type DataTableController<D extends Data, V extends StackView> = {
+export type DataTableController<D extends Data, V extends StackView> = {
     /**
      * Actives the edit mode for a row
      */
@@ -105,5 +105,5 @@ export declare type DataTableController<D extends Data, V extends StackView> = {
     pushRowView(id: Identifier, view: keyof V): void;
     popRowView(id: Identifier): void;
 };
-export declare type Errors<D> = Partial<Record<Identifier, Set<keyof D>>>;
+export type Errors<D> = Partial<Record<Identifier, Set<keyof D>>>;
 export {};

package/core/DataTable/useRowsState.d.ts

@@ -1,5 +1,5 @@
 import { Data, Identifier, RowState } from './types';
-export declare const useRowsState: <D extends Data, V extends Record<string, unknown>>(rows: D[], isHidden?: boolean, newRow?: Partial<D> | undefined) => {
+export declare const useRowsState: <D extends Data, V extends import("./types").RecordUnknown>(rows: D[], isHidden?: boolean, newRow?: Partial<D> | undefined) => {
     getRowState: (id: Identifier) => RowState<D, V> | undefined;
     setEditableRowState: (id: Identifier) => (patch: Partial<D>) => void;
     setRowState: (id: Identifier, partial: Partial<RowState<D, V>>) => void;

package/core/DateTime.d.ts

@@ -14,6 +14,6 @@ interface IProps {
     onAuxClickCapture?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
-export declare type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
+export type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
 declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
 export default DateTime;

package/core/EditableTable.d.ts

@@ -22,7 +22,7 @@ interface EditableTableProps<T extends object> {
     onRowUpdateCancelled?: (newData: object) => Promise<void>;
     onClickAdd?(): void;
 }
-export declare type TSuggestion = {
+export type TSuggestion = {
     label: string;
     value: string;
 };

package/core/Experimental/Button/Button.d.ts

@@ -0,0 +1,9 @@
+export type Props = {
+    label?: string;
+    name: string;
+    margin?: string | number;
+    padding?: string | number;
+    onClick?(): void;
+};
+declare const AddButton: (props: Props) => JSX.Element;
+export default AddButton;

package/core/Experimental/Button/Button.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _Button = _interopRequireDefault(require("../../Button"));
+var _icons = require("../../../icons");
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+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",
+    color: "primary",
+    id: 'add-' + props.name,
+    name: 'add-' + props.name,
+    padding: props.padding,
+    margin: props.margin || '12px 0 24px',
+    onClick: props.onClick
+  }), /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), props.label);
+};
+var _default = AddButton;
+exports["default"] = _default;

package/core/Experimental/Button/button.spec.d.ts

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

package/core/Experimental/Button/button.spec.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _Button = _interopRequireDefault(require("./Button"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+describe('Button', function () {
+  var NAME = 'btnName';
+  var LABEL = 'Click Me';
+  it('should render', function () {
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
+      name: NAME,
+      label: LABEL
+    }));
+    var button = _react2.screen.getByText(LABEL);
+    expect(button).toBeDefined();
+  });
+  it('should call onClick', function () {
+    var onClick = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
+      name: NAME,
+      label: LABEL,
+      onClick: onClick
+    }));
+    var button = _react2.screen.getByText(LABEL);
+    button.click();
+    expect(onClick).toHaveBeenCalled();
+  });
+});

package/core/Experimental/Button/button.stories.d.ts

@@ -0,0 +1,6 @@
+export declare const button: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: (props: import("./Button").Props) => JSX.Element;
+};
+export default _default;

package/core/Experimental/Button/button.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.button = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Button = _interopRequireDefault(require("./Button"));
+var button = function button() {
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    name: "AddFoo",
+    label: "Add Foo"
+  });
+};
+exports.button = button;
+var _default = {
+  title: 'v2/Button',
+  component: _Button["default"]
+};
+exports["default"] = _default;

package/core/Experimental/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button';

package/core/Experimental/Button/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+var _Button = _interopRequireDefault(require("./Button"));

package/core/Experimental/Card/Card.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface IProps {
+    children: React.ReactNode;
+    label?: string;
+    nested?: boolean;
+    title?: string;
+    name: string;
+    id?: string;
+    editing?: boolean;
+    action?: JSX.Element | null;
+    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 }: {
+    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;
+}, "children" | "id" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "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" | "key"> & import("../../types").DefaultProps) => JSX.Element, any, {}, never>;
+declare const Card: (props: IProps) => JSX.Element;
+export default Card;

package/core/Experimental/Card/Card.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Title = exports.Content = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _icons = require("../../../icons");
+var _react = _interopRequireDefault(require("react"));
+var _Typography = _interopRequireDefault(require("../../Typography"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _IconButton = _interopRequireDefault(require("../../IconButton"));
+var _Paper = _interopRequireDefault(require("../../Paper"));
+var _Line = _interopRequireDefault(require("../../Line"));
+var _Button = _interopRequireDefault(require("../../Button"));
+var _excluded = ["id", "name", "nested", "title", "action", "onToggleEdit", "editing", "label", "children", "onClickAdd"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n"])));
+exports.Content = Content;
+var Header = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n"])));
+var Title = (0, _styledComponents["default"])(_Typography["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n"])));
+exports.Title = Title;
+var EditButton = (0, _styledComponents["default"])(_IconButton["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        width: 36px;\n        height: 36px;\n    }\n"])));
+var NESTED_ELEVATION = 0;
+var paperStyle = {
+  flex: 1,
+  display: 'flex',
+  flexDirection: 'column'
+};
+var Card = function Card(props) {
+  var id = props.id,
+    name = props.name,
+    nested = props.nested,
+    title = props.title,
+    action = props.action,
+    onToggleEdit = props.onToggleEdit,
+    editing = props.editing,
+    label = props.label,
+    children = props.children,
+    onClickAdd = props.onClickAdd,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, otherProps, {
+    name: name,
+    id: id,
+    style: paperStyle,
+    className: "showable",
+    elevation: nested ? NESTED_ELEVATION : undefined,
+    padding: nested ? '0' : '24px'
+  }), title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Header, null, title && /*#__PURE__*/_react["default"].createElement(Title, {
+    name: name + '-title',
+    variant: "h6",
+    color: "primary"
+  }, title), action, onToggleEdit && /*#__PURE__*/_react["default"].createElement(EditButton, {
+    className: editing ? '' : 'showable-target',
+    name: "".concat(editing ? 'cancel' : 'edit', "-").concat(name),
+    margin: "-10px",
+    padding: "0px",
+    onClick: onToggleEdit
+  }, editing ? /*#__PURE__*/_react["default"].createElement(_icons.Close, null) : /*#__PURE__*/_react["default"].createElement(_icons.Edit, null))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Line["default"], null))), onClickAdd && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onClickAdd
+  }), /*#__PURE__*/_react["default"].createElement("div", null, children));
+};
+var _default = Card;
+exports["default"] = _default;

package/core/Experimental/Card/card.stories.d.ts

@@ -0,0 +1,6 @@
+export declare const card: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: (props: import("./Card").IProps) => JSX.Element;
+};
+export default _default;

package/core/Experimental/Card/card.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.card = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Card = _interopRequireDefault(require("./Card"));
+var _Typography = _interopRequireDefault(require("../../Typography"));
+var card = function card() {
+  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+    name: "Card",
+    title: "Foo Bar"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dummy content"));
+};
+exports.card = card;
+var _default = {
+  title: 'experimental/Card',
+  component: _Card["default"]
+};
+exports["default"] = _default;

package/core/Experimental/Card/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Card';

package/core/Experimental/Card/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+var _Card = _interopRequireDefault(require("./Card"));

package/core/Experimental/Dialog/ConfirmDialog.d.ts

@@ -0,0 +1,14 @@
+export interface IProps {
+    open: boolean;
+    title: string;
+    text: string;
+    disableBackdropClick?: boolean;
+    labels?: {
+        cancel?: string;
+        confirm?: string;
+    };
+    onCancel(): void;
+    onConfirm(): void;
+}
+declare const ConfirmDialog: (props: IProps) => JSX.Element;
+export default ConfirmDialog;

package/core/Experimental/Dialog/ConfirmDialog.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+var _excluded = ["open", "title", "text", "labels", "onCancel", "onConfirm", "disableBackdropClick"];
+var ConfirmDialog = function ConfirmDialog(props) {
+  var open = props.open,
+    title = props.title,
+    text = props.text,
+    labels = props.labels,
+    onCancel = props.onCancel,
+    onConfirm = props.onConfirm,
+    disableBackdropClick = props.disableBackdropClick,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
+    open: open,
+    title: title,
+    text: text,
+    primaryButtonAction: onConfirm,
+    primaryButtonText: labels && labels.confirm || 'Sim',
+    secondaryButtonText: labels && labels.cancel || 'Voltar',
+    primaryButtonColor: "primary",
+    secondaryButtonAction: onCancel,
+    onClose: disableBackdropClick ? undefined : onCancel
+  }));
+};
+var _default = ConfirmDialog;
+exports["default"] = _default;

package/core/Experimental/Dialog/Dialog.d.ts

@@ -0,0 +1,21 @@
+import { MouseEvent, ReactNode } from 'react';
+export interface IProps {
+    open: boolean;
+    title: string;
+    titleAction?: string | ReactNode;
+    text?: string;
+    primaryButtonColor?: 'default' | 'primary' | 'inherit' | 'secondary';
+    primaryButtonName?: string;
+    primaryButtonText: string;
+    secondaryButtonText?: string;
+    secondaryButtonName?: string;
+    snippet?: JSX.Element | ReactNode;
+    content?: JSX.Element | ReactNode;
+    PaperProps?: Record<string, unknown>;
+    omitActionButtons?: boolean;
+    primaryButtonAction(event: MouseEvent<HTMLButtonElement>): void;
+    secondaryButtonAction?(event: MouseEvent<HTMLButtonElement>): void;
+    onClose?(): void;
+}
+declare const DialogV2: (props: IProps) => JSX.Element;
+export default DialogV2;

package/core/Experimental/Dialog/Dialog.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _Dialog = _interopRequireDefault(require("../../Dialog"));
+var _react = _interopRequireDefault(require("react"));
+var _nginformaticaStyleguide = require("nginformatica-styleguide");
+var _Button = _interopRequireDefault(require("../../Button"));
+var _ThemeProvider = _interopRequireDefault(require("../../ThemeProvider"));
+var _excluded = ["open", "title", "titleAction", "text", "primaryButtonColor", "primaryButtonName", "primaryButtonText", "secondaryButtonText", "secondaryButtonName", "snippet", "content", "PaperProps", "omitActionButtons", "primaryButtonAction", "secondaryButtonAction", "onClose"];
+var ACTION_REMOVE = _nginformaticaStyleguide.theme.colors.action.cancel;
+var PRIMARY_DARK = _nginformaticaStyleguide.theme.colors.primary.main;
+var theme = {
+  palette: {
+    primary: {
+      main: PRIMARY_DARK
+    },
+    secondary: {
+      main: ACTION_REMOVE
+    },
+    typography: {
+      useNextVariants: true
+    }
+  }
+};
+var DialogV2 = function DialogV2(props) {
+  // extract all itens from props
+  var open = props.open,
+    title = props.title,
+    titleAction = props.titleAction,
+    text = props.text,
+    primaryButtonColor = props.primaryButtonColor,
+    primaryButtonName = props.primaryButtonName,
+    primaryButtonText = props.primaryButtonText,
+    secondaryButtonText = props.secondaryButtonText,
+    secondaryButtonName = props.secondaryButtonName,
+    snippet = props.snippet,
+    content = props.content,
+    PaperProps = props.PaperProps,
+    omitActionButtons = props.omitActionButtons,
+    primaryButtonAction = props.primaryButtonAction,
+    secondaryButtonAction = props.secondaryButtonAction,
+    onClose = props.onClose,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var haveSecondaryButton = secondaryButtonText && secondaryButtonAction;
+  return /*#__PURE__*/_react["default"].createElement(_ThemeProvider["default"], {
+    options: theme
+  }, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
+    open: open,
+    titleAction: titleAction,
+    title: title,
+    text: text,
+    content: content,
+    snippet: snippet,
+    PaperProps: PaperProps,
+    actions: !omitActionButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, haveSecondaryButton && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      name: secondaryButtonName || 'secondary-button',
+      onClick: secondaryButtonAction
+    }, secondaryButtonText), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      name: primaryButtonName || 'primary-button',
+      color: primaryButtonColor,
+      variant: "contained",
+      margin: "6px 12px",
+      onClick: primaryButtonAction
+    }, primaryButtonText)),
+    onClose: onClose
+  })));
+};
+var _default = DialogV2;
+exports["default"] = _default;