flipper-ui 0.27.2 → 0.29.0

package/core/feedback/snackbar/snackbar.stories.d.ts

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

package/core/{Tooltip.d.ts → feedback/tooltip/index.d.ts}

@@ -1,6 +1,6 @@
 import React, { ReactElement, CSSProperties } from 'react';
-import { DefaultProps } from './types';
-interface TooltipProps extends DefaultProps {
+import { DefaultProps } from '../../types';
+export 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;
@@ -8,8 +8,8 @@ interface TooltipProps extends DefaultProps {
     onClose?: () => void;
     onOpen?: () => void;
     open?: boolean;
-    children: ReactElement<{}>;
+    children: ReactElement<Record<string, unknown>>;
     enterDelay?: number;
 }
-declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/core/{Tooltip.js → feedback/tooltip/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.Tooltip = 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"));
@@ -30,5 +30,6 @@ var Tooltip = function Tooltip(_ref) {
     }, wrapperStyle)
   }, children) : children);
 };
+exports.Tooltip = Tooltip;
 var _default = Tooltip;
 exports["default"] = _default;

package/core/feedback/tooltip/tool-tip.spec.d.ts

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

package/core/feedback/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").TooltipProps>;
+export default _default;
+export declare const Default: any;
+export declare const Positioned: () => JSX.Element;
+export declare const Disabled: any;

package/core/feedback/zoom/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DefaultProps } from '../../types';
+export interface ZoomProps extends DefaultProps {
+    in: boolean;
+    timeout?: number | {
+        enter?: number;
+        exit?: number;
+    };
+    children?: React.ReactElement<Record<string, unknown>>;
+}
+export declare const Zoom: ({ children, padding, margin, style, ...otherProps }: ZoomProps) => JSX.Element;
+export default Zoom;

package/core/{Zoom.js → feedback/zoom/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.Zoom = 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"));
@@ -27,5 +27,6 @@ var Zoom = function Zoom(_ref) {
     }, style)
   }, otherProps), children);
 };
+exports.Zoom = Zoom;
 var _default = Zoom;
 exports["default"] = _default;

package/core/feedback/zoom/zoom.spec.d.ts

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

package/core/feedback/zoom/zooms.stories.d.ts

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

package/core/inputs/auto-complete/auto-complete.spec.d.ts

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

package/core/inputs/auto-complete/auto-complete.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").AutoCompleteProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const OpeningWhenFocused: () => JSX.Element;
+export declare const WithSubheader: () => JSX.Element;
+export declare const MockAtuoComplete: () => JSX.Element;

package/core/{AutoComplete.d.ts → inputs/auto-complete/index.d.ts}

@@ -1,5 +1,5 @@
-import React, { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent } from 'react';
-interface AutoCompleteProps {
+import React, { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent, MouseEvent } from 'react';
+export interface AutoCompleteProps {
     autoFocus?: boolean;
     defaultIsOpen?: boolean;
     openOnFocus?: boolean;
@@ -13,13 +13,15 @@ interface AutoCompleteProps {
     style?: CSSProperties;
     maxHeight?: number;
     actions?: ReactNode | JSX.Element;
-    renderSuggestion: (suggestion: string | object, itemProps: object, selected: boolean) => ReactNode;
+    renderSuggestion: (suggestion: TSelected, itemProps: {
+        onClick: (event?: MouseEvent) => void;
+    }, selected: boolean) => ReactNode;
     onChange: (value: TSelected) => void;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     renderInput(props: IInputProps): React.ReactElement;
 }
-interface IInputProps {
+export interface IInputProps {
     value: string;
     inputProps: {
         ref: Ref<HTMLInputElement>;
@@ -29,12 +31,12 @@ interface IInputProps {
     onBlur(event: FocusEvent<HTMLInputElement>): void;
     onKeyDown(event: KeyboardEvent): void;
 }
-interface ISelected {
+export interface ISelected {
     label: string;
     value?: string;
     type?: string;
     subheader?: boolean;
 }
-type TSelected = ISelected | string;
-declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
+export type TSelected = ISelected | string;
+export declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
 export default AutoComplete;

package/core/{AutoComplete.js → inputs/auto-complete/index.js}

@@ -5,13 +5,13 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.AutoComplete = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
-var _Paper = _interopRequireDefault(require("./Paper"));
-var _Fade = _interopRequireDefault(require("./Fade"));
+var _paper = _interopRequireDefault(require("@/core/surfaces/paper"));
+var _fade = _interopRequireDefault(require("@/core/feedback/fade"));
 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 || _typeof3(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; }
 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; }
@@ -37,16 +37,18 @@ var AutoComplete = function AutoComplete(props) {
     setOpen = _useState4[1];
   (0, _react.useEffect)(function () {
     if (props.autoFocus) {
-      if (inputRef.current) {
-        inputRef.current.focus();
+      var current = inputRef.current;
+      if (current) {
+        current.focus();
         if (props.openOnFocus) {
           setOpen(true);
         }
       }
     } else if (props.focusDelay) {
+      var _current = inputRef.current;
       setTimeout(function () {
-        if (inputRef.current) {
-          inputRef.current.focus();
+        if (_current) {
+          _current.focus();
         }
         if (props.openOnFocus) {
           setOpen(true);
@@ -67,7 +69,7 @@ var AutoComplete = function AutoComplete(props) {
     if (props.openOnFocus && !value) {
       return props.suggestions;
     }
-    var items = value ? props.suggestions : [];
+    var items = value && value.length ? props.suggestions : [];
     return items.filter(function (item) {
       if (!item.subheader) {
         return props.caseSensitive ? removeAccents(item.label).includes(removeAccents(value)) : removeAccents(item.label).toLocaleLowerCase().includes(removeAccents(value).toLocaleLowerCase());
@@ -86,8 +88,8 @@ var AutoComplete = function AutoComplete(props) {
   var getPaperPosition = function getPaperPosition() {
     if (inputRef.current !== null) {
       var height = props.maxHeight || getSuggestions().length * 48;
-      var _inputRef$current$get = inputRef.current.getBoundingClientRect(),
-        top = _inputRef$current$get.top;
+      var _inputRef$current$get2 = inputRef.current.getBoundingClientRect(),
+        top = _inputRef$current$get2.top;
       if (top + height > window.innerHeight) {
         return 'above';
       }
@@ -107,7 +109,7 @@ var AutoComplete = function AutoComplete(props) {
     if (props.openOnFocus) {
       setOpen(true);
     }
-    if (props.selectTextOnFocus && event.target) {
+    if (props.selectTextOnFocus) {
       var input = event.target;
       if (input.select) {
         input.select();
@@ -136,7 +138,7 @@ var AutoComplete = function AutoComplete(props) {
       bottom: getPaperPosition() === 'above' && inputRef.current ? inputRef.current.getBoundingClientRect().height + 1 : undefined,
       zIndex: 1099
     };
-    return /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_paper["default"], {
       square: true,
       style: paperStyle
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -151,7 +153,7 @@ var AutoComplete = function AutoComplete(props) {
     })), props.actions);
   };
   var renderPaper = function renderPaper() {
-    return props.fade ? /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
+    return props.fade ? /*#__PURE__*/_react["default"].createElement(_fade["default"], {
       "in": open
     }, renderSuggestions()) : renderSuggestions();
   };
@@ -182,5 +184,6 @@ var AutoComplete = function AutoComplete(props) {
     onKeyDown: handleNavigate
   }), open && renderPaper());
 };
+exports.AutoComplete = AutoComplete;
 var _default = AutoComplete;
 exports["default"] = _default;

package/core/inputs/button/button.spec.d.ts

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

package/core/inputs/button/button.stories.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ButtonProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const ContainedPrimary: any;
+export declare const ContainedSecondary: any;
+export declare const OutlinedPrimary: any;
+export declare const OutlinedSecondary: any;
+export declare const Selected: any;
+export declare const DashedPrimary: any;
+export declare const DashedSecondary: any;
+export declare const AddIcon: any;
+export declare const Small: any;
+export declare const Medium: any;
+export declare const Large: any;
+export declare const Disabled: any;

package/core/{Button.d.ts → inputs/button/index.d.ts}

@@ -1,5 +1,5 @@
 import React, { ElementType, MouseEvent } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../../types';
 export interface ButtonProps extends DefaultProps {
     disabled?: boolean;
     selected?: boolean;
@@ -15,5 +15,5 @@ export interface ButtonProps extends DefaultProps {
     'data-testid'?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => JSX.Element;
 export default Button;

package/core/inputs/button/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Button = 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"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children", "margin", "padding", "style", "variant"];
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Button = function Button(_ref) {
+  var children = _ref.children,
+    margin = _ref.margin,
+    padding = _ref.padding,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    variant = _ref.variant,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, otherProps, {
+    variant: variant === 'dashed' ? 'outlined' : variant,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      margin: margin,
+      padding: padding,
+      opacity: otherProps.selected ? 0.5 : 1,
+      borderStyle: variant === 'dashed' ? 'dashed' : 'initial'
+    })
+  }), children);
+};
+exports.Button = Button;
+var _default = Button;
+exports["default"] = _default;

package/core/inputs/checkbox/checkbox.spec.d.ts

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

package/core/inputs/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").CheckboxProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithHelper: any;
+export declare const Primary: any;
+export declare const WithoutLabel: any;
+export declare const Switch: any;
+export declare const SwitchWithHelper: any;

package/core/{Checkbox.d.ts → inputs/checkbox/index.d.ts}

@@ -1,6 +1,6 @@
 import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core';
 import React, { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../../types';
 export interface CheckboxProps extends DefaultProps {
     name: string;
     label?: ReactNode;
@@ -15,5 +15,5 @@ export interface CheckboxProps extends DefaultProps {
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
     checkboxProps?: MuiCheckboxProps;
 }
-declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/core/{Checkbox.js → inputs/checkbox/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.Checkbox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
@@ -12,7 +12,7 @@ var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormCo
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _react = _interopRequireDefault(require("react"));
-var _TextField = require("./TextField");
+var _textField = require("@/core/inputs/text-field");
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DENSE = {
@@ -28,7 +28,7 @@ var Checkbox = function Checkbox(props) {
     helperIcon = props.helperIcon,
     onHelperClick = props.onHelperClick,
     checkboxProps = props.checkboxProps;
-  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: onHelperClick
   }));
@@ -49,6 +49,7 @@ var Checkbox = function Checkbox(props) {
       checked: props.checked,
       value: props.name,
       color: props.color,
+      role: "switch",
       disabled: props.disabled,
       onChange: props.onChange
     }));
@@ -61,7 +62,7 @@ var Checkbox = function Checkbox(props) {
       variant: "body2"
     }, props.label) : props.label;
   };
-  return /*#__PURE__*/_react["default"].createElement(_TextField.TextFieldWrapper, {
+  return /*#__PURE__*/_react["default"].createElement(_textField.TextFieldWrapper, {
     id: props.id
   }, props.label ? /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     style: _objectSpread({
@@ -73,5 +74,6 @@ var Checkbox = function Checkbox(props) {
     control: renderControl(checkboxProps)
   }) : renderControl(checkboxProps), renderHelper);
 };
+exports.Checkbox = Checkbox;
 var _default = Checkbox;
 exports["default"] = _default;

package/core/inputs/chip-field/chip-field.spec.d.ts

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

package/core/inputs/chip-field/chip-field.stories.d.ts

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

package/core/{ChipField.d.ts → inputs/chip-field/index.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChipRenderer } from 'material-ui-chip-input';
 import { InputLabelProps } from '@material-ui/core';
-interface ChipFieldProps<T extends TChipValues> {
+export interface ChipFieldProps<T extends TChipValues> {
     allowDuplicates?: boolean;
     values: T[];
     variant?: 'outlined' | 'standard' | 'filled';
@@ -20,5 +20,5 @@ interface ChipFieldProps<T extends TChipValues> {
 export type TChipValues = {
     value: string | number;
 };
-declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
+export declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
 export default ChipField;

package/core/{ChipField.js → inputs/chip-field/index.js}

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.ChipField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
@@ -27,5 +27,6 @@ var ChipField = function ChipField(props) {
     value: values
   }));
 };
+exports.ChipField = ChipField;
 var _default = ChipField;
 exports["default"] = _default;

package/core/inputs/date-time/date-time.spec.d.ts

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

package/core/inputs/date-time/date-time.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("ramda").Omit<import("@material-ui/pickers/DatePicker/DatePicker").KeyboardDatePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers/DateTimePicker/DateTimePicker").KeyboardDateTimePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers/TimePicker/TimePicker").KeyboardTimePickerProps, "onChange" | "margin"> & import(".").IProps & import("../../types").DefaultProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithTime: any;
+export declare const WithDateTime: any;

package/core/{DateTime.d.ts → inputs/date-time/index.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../../types';
 import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
 import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
 import { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';
 import { Omit } from 'ramda';
 import { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';
-interface IProps {
+export interface IProps {
     locale?: DateFnsUtils['locale'];
     type?: 'date' | 'time' | 'datetime';
     inputProps?: object;
@@ -15,5 +15,5 @@ interface IProps {
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
 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 declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
 export default DateTime;

package/core/{DateTime.js → inputs/date-time/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.DateTime = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _pickers = require("@material-ui/pickers");
 var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
-var _TextField = require("./TextField");
+var _textField = require("@/core/inputs/text-field");
 var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -40,7 +40,7 @@ var DateTime = function DateTime(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'date' : _ref$type,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = (0, _TextField.useStyles)();
+  var classes = (0, _textField.useStyles)();
   var fieldProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     format: format ? format : DEFAULT_FORMATS[type],
     variant: variant,
@@ -54,7 +54,8 @@ var DateTime = function DateTime(_ref) {
       padding: padding
     }, style),
     inputProps: _objectSpread({
-      autoComplete: 'off'
+      autoComplete: 'off',
+      role: 'date-picker'
     }, otherProps.inputProps),
     InputAdornmentProps: _objectSpread({
       style: {
@@ -82,10 +83,20 @@ var DateTime = function DateTime(_ref) {
   var renderDateTimePicker = function renderDateTimePicker() {
     return /*#__PURE__*/_react["default"].createElement(_pickers.KeyboardDateTimePicker, fieldProps);
   };
+  var renderChildren = function renderChildren() {
+    if (type === 'date') {
+      return renderDatePicker();
+    }
+    if (type === 'time') {
+      return renderTimePicker();
+    }
+    return renderDateTimePicker();
+  };
   return /*#__PURE__*/_react["default"].createElement(_pickers.MuiPickersUtilsProvider, {
     utils: _dateFns["default"],
     locale: locale
-  }, type === 'date' && renderDatePicker(), type === 'time' && renderTimePicker(), type === 'datetime' && renderDateTimePicker());
+  }, renderChildren());
 };
+exports.DateTime = DateTime;
 var _default = DateTime;
 exports["default"] = _default;

package/core/inputs/icon-button/icon-button.spec.d.ts

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

package/core/inputs/icon-button/icon-button.stories.d.ts

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

package/core/{IconButton.d.ts → inputs/icon-button/index.d.ts}

@@ -1,10 +1,11 @@
 import { MouseEvent } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../../types';
 export interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
     disabled?: boolean;
     'data-testid'?: string;
+    role?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;
+export declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;
 export default IconButton;

package/core/{IconButton.js → inputs/icon-button/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.IconButton = 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"));
@@ -19,9 +19,6 @@ var IconButton = function IconButton(_ref) {
     margin = _ref.margin,
     style = _ref.style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  console.log({
-    otherProps: otherProps
-  });
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,
@@ -29,5 +26,6 @@ var IconButton = function IconButton(_ref) {
     }, style)
   }), children);
 };
+exports.IconButton = IconButton;
 var _default = IconButton;
 exports["default"] = _default;

package/core/inputs/input-adornment/index.d.ts

@@ -0,0 +1,7 @@
+import { InputAdornmentProps as MuiInputAdornmentProps } from '@material-ui/core';
+import { DefaultProps } from '../../types';
+export interface InputAdornmentProps extends DefaultProps, MuiInputAdornmentProps {
+    position: 'start' | 'end';
+}
+export declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => JSX.Element;
+export default InputAdornment;

package/core/{InputAdornment.js → inputs/input-adornment/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.InputAdornment = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _react = _interopRequireDefault(require("react"));
@@ -14,5 +14,6 @@ var InputAdornment = function InputAdornment(_ref) {
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], otherProps, children);
 };
+exports.InputAdornment = InputAdornment;
 var _default = InputAdornment;
 exports["default"] = _default;

package/core/inputs/input-adornment/input-adorment.spec.d.ts

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

package/core/inputs/input-adornment/input-adornment.stories.d.ts

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