@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/components/List/List.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const unorderedProps = {
-  as: 'ul',
-  styleType: 'disc'
-};
-const orderedProps = {
-  as: 'ol',
-  styleType: 'decimal'
-};
-const STYLE_POSITIONS = {
-  unset: 'unset',
-  revert: 'revert',
-  inside: 'inside',
-  outside: 'outside',
-  initial: 'initial',
-  inherit: 'inherit'
-};
-const TYPES = {
-  ordered: 'ordered',
-  unstyled: 'unstyled',
-  unordered: 'unordered'
-};
-const getListProps = type => {
-  switch (type) {
-    case TYPES.ordered:
-      return orderedProps;
-    case TYPES.unordered:
-      return unorderedProps;
-    default:
-      return;
-  }
-};
-const List = /*#__PURE__*/(0, _react.forwardRef)(({
-  type,
-  ...props
-}, ref) => /*#__PURE__*/_react.default.createElement(_react2.List, (0, _extends2.default)({}, getListProps(type), props, {
-  ref: ref
-})));
-List.defaultProps = {
-  type: TYPES.unstyled,
-  stylePosition: STYLE_POSITIONS.inside
-};
-List.propTypes = {
-  /** The position of the list style */
-  stylePosition: _propTypes.default.oneOf(Object.keys(STYLE_POSITIONS)),
-  /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
-  type: _propTypes.default.oneOf(Object.keys(TYPES))
-};
-var _default = exports.default = List;

package/dist/components/List/List.stories.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Unstyled = exports.Unordered = exports.Overview = exports.Ordered = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _faker = require("@faker-js/faker");
-var _List = _interopRequireDefault(require("./List"));
-var _index = require("./index");
-var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-const DISABLE_TYPE = (0, _disableArgs.default)('type');
-const Usage = ({
-  type
-}) => /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? ` type="${type}"` : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
-  spaces: 6
-}), "...", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "...", /*#__PURE__*/_react.default.createElement("br", null), "</List>");
-var _default = exports.default = {
-  title: 'v2/List',
-  component: _List.default,
-  subcomponents: {
-    ListItem: _index.ListItem
-  },
-  parameters: {
-    importBy: 'List',
-    removeBaseHtmlClass: true
-  }
-};
-const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_List.default, props, Array(10).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement(_index.ListItem, {
-  key: index
-}, _faker.faker.random.words(10))));
-const Overview = exports.Overview = OverviewTemplate.bind({});
-Overview.parameters = {
-  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
-    key: 1
-  })]
-};
-const Unordered = exports.Unordered = OverviewTemplate.bind({});
-Unordered.argTypes = DISABLE_TYPE;
-Unordered.parameters = {
-  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
-    type: "unordered",
-    key: 1
-  })]
-};
-Unordered.args = {
-  type: 'unordered'
-};
-const Ordered = exports.Ordered = OverviewTemplate.bind({});
-Ordered.argTypes = DISABLE_TYPE;
-Ordered.parameters = {
-  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
-    type: "ordered",
-    key: 1
-  })]
-};
-Ordered.args = {
-  type: 'ordered'
-};
-const Unstyled = exports.Unstyled = OverviewTemplate.bind({});
-Unstyled.parameters = {
-  usage: [/*#__PURE__*/_react.default.createElement(Usage, {
-    key: 1
-  })]
-};
-Unstyled.argTypes = {
-  ...DISABLE_TYPE,
-  ...(0, _disableArgs.default)('stylePosition')
-};
-Unstyled.args = {
-  type: 'unstyled'
-};

package/dist/components/List/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function () {
-    return _react.ListItem;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _List.default;
-  }
-});
-var _List = _interopRequireDefault(require("./List"));
-var _react = require("@chakra-ui/react");

package/dist/components/List/styles/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _item = _interopRequireDefault(require("./item.styles"));
-const baseStyle = {
-  item: _item.default
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.List, {
-  baseStyle
-});

package/dist/components/List/styles/item.styles.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const item = {
-  mb: 2
-};
-var _default = exports.default = item;

package/dist/components/Loader/Loader.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-const Loader = ({
-  color = 'success',
-  loaderBackgroundColor = 'transparent',
-  isInfinite = true,
-  size = 12,
-  thickness = 2,
-  trackColor = 'gray.medium',
-  value = 0,
-  ...props
-}) => {
-  /* -------------------------------------------------------------------- *\
-      Note: Since most of the props for this component control multiple
-      styles at a time, it was decided that it made the most sense to set
-      up the default style-related properties here in lou of creating an
-      overly complex styles file.
-  \* -------------------------------------------------------------------- */
-  const loaderDefaultProps = {
-    color,
-    isIndeterminate: isInfinite,
-    size,
-    thickness,
-    trackColor,
-    value,
-    capIsRound: true
-  };
-  return /*#__PURE__*/_react.default.createElement(_react2.CircularProgress, (0, _extends2.default)({
-    sx: {
-      '& svg > circle:first-of-type': {
-        fill: loaderBackgroundColor
-      }
-    }
-  }, loaderDefaultProps, props));
-};
-var _default = exports.default = Loader;

package/dist/components/Loader/Loader.stories.js

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Overview = exports.InfiniteLoader = exports.FiniteLoader = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _createControl = require("storybook/utils/create-control");
-var _Loader = _interopRequireDefault(require("./Loader"));
-var _default = exports.default = {
-  title: 'v2/Loader',
-  component: _Loader.default,
-  parameters: {
-    removeBaseHtmlClass: true,
-    importBy: 'Loader'
-  },
-  argTypes: {
-    color: {
-      options: ['primary.default', 'secondary.default', 'white', 'success', 'warning', 'error'],
-      control: {
-        type: 'radio',
-        labels: {
-          'primary.default': 'Primary',
-          'secondary.default': 'Secondary',
-          white: 'White',
-          success: 'Success',
-          warning: 'Warning',
-          error: 'Error'
-        }
-      }
-    },
-    isInfinite: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    loaderBackgroundColor: {
-      options: ['white', 'gray.light', 'gray.medium', 'gray.dark', 'transparent'],
-      control: {
-        type: 'radio',
-        labels: {
-          white: 'White',
-          'primary.default': 'Primary',
-          'gray.light': 'Light Gray',
-          'gray.medium': 'Medium Gray',
-          'gray.dark': 'Dark Gray',
-          transparent: 'Transparent'
-        }
-      }
-    },
-    size: {
-      options: [6, 12, 28, 48],
-      control: {
-        type: 'radio',
-        labels: {
-          6: 'Small',
-          12: 'Medium',
-          28: 'Large',
-          48: 'Extra Large'
-        }
-      }
-    },
-    trackColor: {
-      options: ['primary.default', 'gray.light', 'gray.medium', 'gray.dark', 'white'],
-      control: {
-        type: 'radio',
-        labels: {
-          'primary.default': 'Primary',
-          'gray.light': 'Light Gray',
-          'gray.medium': 'Medium Gray',
-          'gray.dark': 'Dark Gray',
-          white: 'White'
-        }
-      }
-    },
-    ...(0, _createControl.createRangeControl)({
-      name: 'thickness',
-      min: 2,
-      max: 16,
-      step: 2
-    }),
-    ...(0, _createControl.createRangeControl)({
-      name: 'value',
-      min: 1,
-      max: 100
-    })
-  }
-};
-const Template = props => /*#__PURE__*/_react.default.createElement(_Loader.default, props);
-const Overview = exports.Overview = Template.bind({});
-Overview.args = {
-  color: 'success',
-  isInfinite: false,
-  loaderBackgroundColor: 'transparent',
-  size: 12,
-  thickness: 2,
-  trackColor: 'gray.medium',
-  value: 35
-};
-const FiniteLoader = exports.FiniteLoader = Template.bind({});
-FiniteLoader.argTypes = {
-  ...(0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor'])
-};
-FiniteLoader.args = {
-  isInfinite: false,
-  value: 35
-};
-const InfiniteLoader = exports.InfiniteLoader = Template.bind({});
-InfiniteLoader.argTypes = {
-  ...(0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value'])
-};
-InfiniteLoader.args = {
-  isInfinite: true
-};

package/dist/components/Menu/Menu.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-const Menu = (0, _react2.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react2.Menu, (0, _extends2.default)({}, props, {
-    ref: ref
-  }));
-});
-var _default = exports.default = Menu;

package/dist/components/Menu/Menu.stories.js

@@ -1,159 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Complex = exports.Basic = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Menu = _interopRequireDefault(require("./Menu"));
-var _index = require("./index");
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
-  title: 'v2/Menu',
-  component: {
-    Menu: _Menu.default
-  },
-  parameters: {
-    importedBy: 'Menu',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://v1.chakra-ui.com/docs/components/overlay/menu'
-  },
-  argTypes: {
-    variant: {
-      control: {
-        type: 'select',
-        options: ['basic', 'full']
-      }
-    }
-  }
-};
-const BasicMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_Menu.default, props, /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "MenuItem"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
-    title: "Order",
-    type: "radio"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "asc"
-  }, "Ascending"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "desc"
-  }, "Descending")), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
-    title: "Country",
-    type: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "email"
-  }, "Email"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "phone"
-  }, "Phone"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
-    value: "country"
-  }, "Country")), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Profile"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "My Account"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "Payments "))));
-};
-const ComplexMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    variant: "body2",
-    marginBottom: 8
-  }, "NOTE: This is a fairly contrived example. Chakra's", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Menu />'), " (and child components) allow for the building of a complex menu using other components like", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Flex />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Box />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, '<Text />'), ", etc. The example below is leveraging the ", /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    as: "code"
-  }, 'full'), " variant to allow for a more complex layout."), /*#__PURE__*/_react.default.createElement(_Menu.default, (0, _extends2.default)({}, props, {
-    placement: "bottom"
-  }), /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "Menu Button"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Flex, {
-    gap: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm",
-    fontWeight: "semibold"
-  }, "102 S Ada St. Chicago, IL"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "102 S Ada St. - Self Park Garage")), /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    marginY: 4
-  })), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
-    alignItems: "flex-start",
-    gap: 2.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Facility Management",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Location Information"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage the details provided to drivers about a facility")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Changelog"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Track changes made to your facilities")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Email Recipients"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "View recipients of recurring operational emails"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Events",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Event Schedule"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Event Pricing Defaults"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Set rate and inventory rules for various types of events"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
-    orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Monthly",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Monthly Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Monthly Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage total monthly inventory and track utilization"))), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
-    title: "Airport",
-    paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Airport Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage airport rates")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "sm"
-  }, "Airport Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    fontSize: "xs",
-    fontWeight: "light"
-  }, "Manage total airport inventory and exceptions"))))))));
-};
-const Basic = exports.Basic = BasicMenuTemplate.bind({});
-Basic.args = {
-  variant: 'basic'
-};
-const Complex = exports.Complex = ComplexMenuTemplate.bind({});
-Complex.argTypes = {
-  ...(0, _disableArgs.default)(['variant'])
-};
-Complex.args = {
-  variant: 'full'
-};