flipper-ui 0.27.1 → 0.28.0

package/stories/Select.stories.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithClear = exports.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = _interopRequireDefault(require("../core/Select"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-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; }
-var _default = {
-  title: 'Select',
-  component: _Select["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)('3'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    select = _useState2[0],
-    setSelect = _useState2[1];
-  function handleChange(event) {
-    setSelect(event.target.value);
-  }
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    value: select,
-    onChange: handleChange
-  }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "0"
-  }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "2"
-  }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "3"
-  }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "4"
-  }, "Option 4"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "5"
-  }, "Option 5"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "6"
-  }, "Option 6"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "7"
-  }, "Option 7"));
-};
-exports.Default = Default;
-var WithClear = function WithClear() {
-  var _useState3 = (0, _react.useState)('3'),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    select = _useState4[0],
-    setSelect = _useState4[1];
-  function handleChange(event) {
-    setSelect(event.target.value);
-  }
-  var handleClear = function handleClear() {
-    setSelect('');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    hasClear: true,
-    onClear: handleClear,
-    value: select,
-    onChange: handleChange
-  }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: ""
-  }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "0"
-  }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "2"
-  }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "3"
-  }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "4"
-  }, "Option 4"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "5"
-  }, "Option 5"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "6"
-  }, "Option 6"), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    value: "7"
-  }, "Option 7"));
-};
-exports.WithClear = WithClear;

package/stories/Sidebar.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Sidebar = _interopRequireDefault(require("../core/Sidebar"));
-var _List = _interopRequireDefault(require("../core/List"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
-var _default = {
-  title: 'Sidebar',
-  component: _Sidebar["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Sidebar["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  title: 'My beautiful Sidebar"',
-  expanded: false,
-  children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    title: "Item 1",
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    title: "Item 2",
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    title: "Item 3",
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    title: "Item 4",
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  })))
-};

package/stories/Slider.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithMarks = exports.Secondary = exports.Ranged = exports.Primary = exports.FixedLabel = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Slider = _interopRequireDefault(require("../core/Slider"));
-var _default = {
-  title: 'Slider',
-  component: _Slider["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Slider["default"], args);
-};
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Slider["default"], null);
-};
-exports.Default = Default;
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  children: 'Slider'
-};
-var Secondary = Template.bind({});
-exports.Secondary = Secondary;
-Secondary.args = {
-  color: 'secondary',
-  children: 'Slider'
-};
-var Ranged = Template.bind({});
-exports.Ranged = Ranged;
-Ranged.args = {
-  value: [20, 50],
-  children: 'Slider'
-};
-var FixedLabel = Template.bind({});
-exports.FixedLabel = FixedLabel;
-FixedLabel.args = {
-  valueLabelDisplay: 'on',
-  value: [20, 50],
-  children: 'Slider'
-};
-var WithMarks = Template.bind({});
-exports.WithMarks = WithMarks;
-WithMarks.args = {
-  marks: [{
-    value: 0,
-    label: 'Start'
-  }, {
-    value: 50,
-    label: 'You are half way'
-  }, {
-    value: 100,
-    label: 'Finish'
-  }],
-  valueLabelDisplay: 'on',
-  value: [20, 75],
-  children: 'Slider'
-};

package/stories/StepCard.stories.js

@@ -1,113 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithoutExpandable = exports.WithLoading = exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _StepCard = _interopRequireDefault(require("../core/StepCard"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _images = require("../lib/images");
-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; }
-var _default = {
-  title: 'StepCard',
-  component: _StepCard["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_StepCard["default"], args);
-};
-var TemplateWithLoading = function TemplateWithLoading(args) {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  setTimeout(function () {
-    setLoading(false);
-  }, 1500);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null), /*#__PURE__*/_react["default"].createElement(_StepCard["default"], (0, _extends2["default"])({}, args, {
-    loading: loading
-  })));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  summary: '%i passos restantes - Leva %i minuto(s)',
-  time: 2,
-  percentage: 75,
-  remainingSteps: 3,
-  title: 'Configurar a organização e filial',
-  image: _images.stepCardImageUrl,
-  onStepUrlClick: function onStepUrlClick(url) {
-    return alert(url);
-  },
-  steps: [{
-    title: 'Informar Razão social',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados do eSocial',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados da filial(CNAE, CNPJ)',
-    done: false,
-    url: 'https://www.google.com'
-  }]
-};
-var WithoutExpandable = Template.bind({});
-exports.WithoutExpandable = WithoutExpandable;
-WithoutExpandable.args = {
-  loading: false,
-  padding: '30px',
-  percentage: 75,
-  showBottomPercentage: false,
-  expandable: false,
-  showIcon: false,
-  title: 'Conheça mais sobre o Quírons',
-  subTitle: 'Siga os passos recomendados para uma melhor experiência ' + 'dentro da plataforma.',
-  summary: 'Seu progresso',
-  steps: [{
-    title: 'Informar Razão social',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados do eSocial',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados da filial(CNAE, CNPJ)',
-    done: false,
-    url: 'https://www.google.com'
-  }]
-};
-var WithLoading = TemplateWithLoading.bind({});
-exports.WithLoading = WithLoading;
-WithLoading.args = {
-  summary: '%i passos restantes - Leva %i minuto(s)',
-  time: 2,
-  remainingSteps: 3,
-  title: 'Configurar a organização e filial',
-  image: _images.stepCardImageUrl,
-  onStepUrlClick: function onStepUrlClick(url) {
-    return alert(url);
-  },
-  steps: [{
-    title: 'Informar Razão social',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados do eSocial',
-    done: true,
-    url: 'https://www.google.com'
-  }, {
-    title: 'Informar dados da filial(CNAE, CNPJ)',
-    done: false,
-    url: 'https://www.google.com'
-  }]
-};

package/stories/Stepper.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithIcon = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Stepper = _interopRequireDefault(require("../core/Stepper"));
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _default = {
-  title: 'Stepper',
-  component: _Stepper["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  active: 2,
-  steps: ['Name', 'Email', 'Password', 'Photo', 'Be happy!'],
-  children: 'Stepper'
-};
-var WithIcon = Template.bind({});
-exports.WithIcon = WithIcon;
-WithIcon.args = {
-  bottomLabel: true,
-  active: 2,
-  steps: [{
-    label: 'Name',
-    icon: /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)
-  }],
-  children: 'Stepper'
-};

package/stories/Table.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Table = _interopRequireDefault(require("../core/Table"));
-var _TableHead = _interopRequireDefault(require("../core/TableHead"));
-var _TableBody = _interopRequireDefault(require("../core/TableBody"));
-var _TableRow = _interopRequireDefault(require("../core/TableRow"));
-var _TableCell = _interopRequireDefault(require("../core/TableCell"));
-var _default = {
-  title: 'Table',
-  component: _Table["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Table["default"], null, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email"))), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 1"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 1")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 2"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 2")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 3"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 3")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 4"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 4")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 5"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 5"))));
-};
-exports.Default = Default;

package/stories/Tabs.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Tabs = _interopRequireDefault(require("../core/Tabs"));
-var _Tab = _interopRequireDefault(require("../core/Tab"));
-var _default = {
-  title: 'Tabs',
-  component: _Tabs["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  value: 0,
-  children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Profile"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Enterprise"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Billing"
-  }))
-};

package/stories/TextField.stories.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withSelect = exports.withInputAdornment = exports.withHelperButton = exports.useWithSelectAndClear = exports["default"] = exports.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("../core/TextField"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-var _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
-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; }
-var _default = {
-  title: 'TextField',
-  component: _TextField["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_TextField["default"], args);
-};
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    placeholder: "Description"
-  });
-};
-exports.Default = Default;
-var withInputAdornment = Template.bind({});
-exports.withInputAdornment = withInputAdornment;
-withInputAdornment.args = {
-  type: 'number',
-  label: 'Price',
-  InputProps: {
-    startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-      position: "start"
-    }, "$")
-  },
-  InputLabelProps: {
-    shrink: true
-  }
-};
-var withHelperButton = Template.bind({});
-exports.withHelperButton = withHelperButton;
-withHelperButton.args = {
-  placeholder: 'Description',
-  onHelperClick: function onHelperClick() {
-    return window.alert('HELP!');
-  }
-};
-var withSelect = function withSelect() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: "reais"
-  }, [{
-    label: 'R$',
-    value: 'reais'
-  }, {
-    label: '$',
-    value: 'dollar'
-  }].map(function (_ref) {
-    var label = _ref.label,
-      value = _ref.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: "fable"
-  }, [{
-    label: 'Elm',
-    value: 'elm'
-  }, {
-    label: 'ReasonML',
-    value: 'reasonml'
-  }, {
-    label: 'Purescript',
-    value: 'purescript'
-  }, {
-    label: 'Fable',
-    value: 'fable'
-  }].map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })));
-};
-exports.withSelect = withSelect;
-var useWithSelectAndClear = function useWithSelectAndClear() {
-  var _useState = (0, _react.useState)('fable'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var onClear = function onClear() {
-    setValue('');
-  };
-  var handleChange = function handleChange(event) {
-    setValue(event.target.value);
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: value,
-    hasClear: true,
-    onClear: onClear,
-    onChange: handleChange
-  }, [{
-    label: null,
-    value: ''
-  }, {
-    label: 'Elm',
-    value: 'elm'
-  }, {
-    label: 'ReasonML',
-    value: 'reasonml'
-  }, {
-    label: 'Purescript',
-    value: 'purescript'
-  }, {
-    label: 'Fable',
-    value: 'fable'
-  }].map(function (_ref3) {
-    var label = _ref3.label,
-      value = _ref3.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })));
-};
-exports.useWithSelectAndClear = useWithSelectAndClear;

package/stories/Tooltip.stories.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Positioned = exports.Disabled = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Tooltip = _interopRequireDefault(require("../core/Tooltip"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _default = {
-  title: 'Tooltip',
-  component: _Tooltip["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  title: 'Tooltip',
-  children: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined"
-  }, "Simple tooltip")
-};
-var Positioned = function Positioned() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "left-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "left")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "left-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "bottom-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "bottom")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "bottom-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "right-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "right")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "right-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "top-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "top")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "top-end")));
-};
-exports.Positioned = Positioned;
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  title: 'Tooltip',
-  children: /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    disabled: true,
-    variant: "outlined"
-  }, "I'm a disabled element"))
-};