@pingux/astro 1.1.1-alpha.0 → 1.1.1-alpha.1

package/lib/cjs/components/Box/Box.js

@@ -1,142 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _isNan = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-nan"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledSystem = require("styled-system");
-
-var _themeUi = require("theme-ui");
-
-var _propTypes2 = require("@styled-system/prop-types");
-
-var _lodash = require("lodash");
-
-var _hooks = require("../../hooks");
-
-var _react2 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var ExtendedBox = ( /*#__PURE__*/0, _base["default"])(_themeUi.Box, process.env.NODE_ENV === "production" ? {
-  target: "e146bxl90"
-} : {
-  target: "e146bxl90",
-  label: "ExtendedBox"
-})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgcHJvcFR5cGUgYXMgc3R5bGVQcm9wVHlwZSB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdXNlU3RhdHVzQ2xhc3NlcywgdXNlUHJvcFdhcm5pbmcgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5cbmNvbnN0IEV4dGVuZGVkQm94ID0gc3R5bGVkKFRoZW1lVUlCb3gpKGxheW91dCwgZmxleGJveCwgdHlwb2dyYXBoeSk7XG4vKipcbiAqIEJhc2ljIGZsZXhib3gtYmFzZWQgbGF5b3V0IGNvbXBvbmVudCBmb3IgY3JlYXRpbmcgcm93cyBhbmQgY29sdW1ucyxcbiAqIHdoaWxlIGNvbnRyb2xsaW5nIHNpemVzIGFuZCBzcGFjaW5nLlxuICogQWNjZXB0cyBtb3N0IG9mIHRoZSBzdHlsaW5nIHByb3BzIGZyb20gW3N0eWxlZC1zeXN0ZW1dKGh0dHBzOi8vc3R5bGVkLXN5c3RlbS5jb20vdGFibGUpLlxuICogQnVpbHQgb24gdG9wIG9mIHRoZSBbQm94IGZyb20gVGhlbWUtVUldKGh0dHBzOi8vdGhlbWUtdWkuY29tL2NvbXBvbmVudHMvYm94LykuXG4gKi9cbmNvbnN0IEJveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGZsZXhEaXJlY3Rpb24sIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBnYXAsXG4gICAgaXNSb3csXG4gICAgaXNEaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuICBjb25zdCBmZCA9IGZsZXhEaXJlY3Rpb24gfHwgaXNSb3cgPyAncm93JyA6ICdjb2x1bW4nO1xuICBjb25zdCBjdXN0b20gPSB7IC4uLnN4IH07XG5cbiAgY29uc3QgeyBjbGFzc05hbWVzIH0gPSB1c2VTdGF0dXNDbGFzc2VzKGNsYXNzTmFtZSwgeyBpc0Rpc2FibGVkIH0pO1xuICB1c2VQcm9wV2FybmluZyhwcm9wcywgJ2Rpc2FibGVkJywgJ2lzRGlzYWJsZWQnKTtcblxuICBpZiAoZ2FwKSB7XG4gICAgY3VzdG9tWycmID4gKiArICo6bm90KDpmaXJzdC1jaGlsZCkgLyogZW1vdGlvbi1kaXNhYmxlLXNlcnZlci1yZW5kZXJpbmctdW5zYWZlLXNlbGVjdG9yLXdhcm5pbmctcGxlYXNlLWRvLW5vdC11c2UtdGhpcy10aGUtd2FybmluZy1leGlzdHMtZm9yLWEtcmVhc29uICovJ10gPSB7XG4gICAgICBbZmQgPT09ICdyb3cnID8gJ21hcmdpbkxlZnQnIDogJ21hcmdpblRvcCddOiBnYXAsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbUZvbnRTaXplID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbnVtZXJpY2FsRm9udFNpemUgPSB0b051bWJlcihmb250U2l6ZSk7XG4gICAgaWYgKE51bWJlci5pc05hTihudW1lcmljYWxGb250U2l6ZSkpIHtcbiAgICAgIHJldHVybiBmb250U2l6ZTtcbiAgICB9XG4gICAgcmV0dXJuIG51bWVyaWNhbEZvbnRTaXplO1xuICB9LCBbZm9udFNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXtmZH1cbiAgICAgIHZhcmlhbnQ9XCJib3hlcy5iYXNlXCJcbiAgICAgIGZvbnRTaXplPXtjdXN0b21Gb250U2l6ZX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgICBzeD17Y3VzdG9tfVxuICAgIC8+XG4gICk7XG59KTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgLyoqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBib3guICovXG4gIGJnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogV2hldGhlciB0aGUgYm94IGlzIGRpc2FibGVkLiAqL1xuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYm9vbCwgUHJvcFR5cGVzLm9iamVjdF0pLFxuICAvKiogVGhlIGJhc2UgSFRNTCB0YWcgbmFtZSBvciBSZWFjdCBjb21wb25lbnQgdHlwZSB0byByZW5kZXIgKi9cbiAgYXM6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5lbGVtZW50VHlwZV0pLFxuICAvKiogV2hlbiB0cnVlLCBkaXNwbGF5IGFzIGEgcm93IHJhdGhlciB0aGFuIGEgY29sdW1uLiAqL1xuICBpc1JvdzogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBHYXAgYmV0d2VlbiBpdGVtcywgd2hldGhlciBpbiBhIHJvdyBvciBjb2x1bW4uICovXG4gIGdhcDogc3R5bGVQcm9wVHlwZSxcbiAgZm9udFNpemU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbn07XG5cbkJveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnZGl2JyxcbiAgaXNSb3c6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuXG5leHBvcnQgZGVmYXVsdCBCb3g7XG4iXX0= */");
-/**
- * Basic flexbox-based layout component for creating rows and columns,
- * while controlling sizes and spacing.
- * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
- * Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/).
- */
-
-var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var flexDirection = props.flexDirection,
-      gap = props.gap,
-      isRow = props.isRow,
-      isDisabled = props.isDisabled,
-      className = props.className,
-      fontSize = props.fontSize,
-      sx = props.sx,
-      others = (0, _objectWithoutProperties2["default"])(props, ["flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"]);
-  var fd = flexDirection || isRow ? 'row' : 'column';
-
-  var custom = _objectSpread({}, sx);
-
-  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isDisabled: isDisabled
-  }),
-      classNames = _useStatusClasses.classNames;
-
-  (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
-
-  if (gap) {
-    custom['& > * + *:not(:first-child) /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */'] = (0, _defineProperty3["default"])({}, fd === 'row' ? 'marginLeft' : 'marginTop', gap);
-  }
-
-  var customFontSize = (0, _react.useMemo)(function () {
-    var numericalFontSize = (0, _lodash.toNumber)(fontSize);
-
-    if ((0, _isNan["default"])(numericalFontSize)) {
-      return fontSize;
-    }
-
-    return numericalFontSize;
-  }, [fontSize]);
-  return (0, _react2.jsx)(ExtendedBox, (0, _extends2["default"])({
-    className: classNames,
-    ref: ref,
-    display: "flex",
-    flexDirection: fd,
-    variant: "boxes.base",
-    fontSize: customFontSize
-  }, others, {
-    sx: custom
-  }));
-});
-Box.propTypes = {
-  /** The background color of the box. */
-  bg: _propTypes["default"].string,
-
-  /** Whether the box is disabled. */
-  isDisabled: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].object]),
-
-  /** The base HTML tag name or React component type to render */
-  as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].elementType]),
-
-  /** When true, display as a row rather than a column. */
-  isRow: _propTypes["default"].bool,
-
-  /** Gap between items, whether in a row or column. */
-  gap: _propTypes2.propType,
-  fontSize: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-Box.defaultProps = {
-  as: 'div',
-  isRow: false,
-  isDisabled: false
-};
-Box.displayName = 'Box';
-var _default = Box;
-exports["default"] = _default;

package/lib/cjs/components/Box/Box.stories.js

@@ -1,278 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.BoxesWithGaps = exports.Disabled = exports.Default = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _index = require("../../index");
-
-var _colors = require("../../styles/colors.js");
-
-var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Box',
-  component: _["default"],
-  argTypes: {
-    bg: {
-      control: {
-        type: 'select',
-        options: (0, _map["default"])(_colors.flatColorList).call(_colors.flatColorList, function (_ref) {
-          var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
-              colorName = _ref2[0];
-
-          return colorName;
-        })
-      },
-      defaultValue: 'active'
-    },
-    gap: {
-      control: {
-        type: 'text'
-      },
-      description: 'Gap between items, whether in a row or column. Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp',
-      defaultValue: '10px'
-    },
-    as: {
-      control: {
-        type: 'select',
-        options: _htmlElements.htmlElements
-      },
-      defaultValue: 'div'
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(_ref3) {
-  var args = (0, _extends2["default"])({}, _ref3);
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
-    bg: "active",
-    width: "100%",
-    p: "xl"
-  }, args), (0, _react2.jsx)(_["default"], {
-    width: 30,
-    height: 15,
-    m: "sm",
-    bg: "success.bright"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 100,
-    height: 50,
-    m: "sm",
-    bg: "critical.bright"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 190,
-    height: 45,
-    m: "sm",
-    bg: "warning.bright"
-  }));
-};
-
-exports.Default = Default;
-
-var Disabled = function Disabled(_ref4) {
-  var args = (0, _extends2["default"])({}, _ref4);
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
-    bg: "white",
-    isDisabled: true,
-    sx: {
-      border: '1px solid',
-      borderColor: 'neutral.80'
-    },
-    width: "100%",
-    p: "xl"
-  }, args), (0, _react2.jsx)(_index.TextField, {
-    id: "custom-id",
-    name: "custom-name",
-    label: "Example Label"
-  }), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.SelectField, {
-    label: "What's your favorite color?",
-    labelMode: "float"
-  }, (0, _react2.jsx)(_index.Item, {
-    key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
-    key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
-    key: "yellow"
-  }, "Yellow")));
-};
-
-exports.Disabled = Disabled;
-Disabled.args = {
-  isDisabled: {
-    defaultValue: true
-  },
-  bg: {
-    control: {
-      type: 'select',
-      options: (0, _map["default"])(_colors.flatColorList).call(_colors.flatColorList, function (_ref5) {
-        var _ref6 = (0, _slicedToArray2["default"])(_ref5, 1),
-            colorName = _ref6[0];
-
-        return colorName;
-      })
-    },
-    defaultValue: 'white'
-  }
-};
-
-var BoxesWithGaps = function BoxesWithGaps() {
-  return (0, _react2.jsx)(_["default"], {
-    gap: "xs"
-  }, (0, _react2.jsx)(_["default"], {
-    bg: "accent.5",
-    isRow: true,
-    gap: "xl",
-    justifyContent: "center"
-  }, (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.1"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.2"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.3"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.4"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.5"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.6"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.7"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.8"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.9"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeLight.10"
-  })), (0, _react2.jsx)(_["default"], {
-    bg: "accent.50",
-    isRow: true,
-    gap: "lg",
-    justifyContent: "center"
-  }, (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.1"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.2"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.3"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.4"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.5"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.6"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.7"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.8"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.9"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorative.10"
-  })), (0, _react2.jsx)(_["default"], {
-    bg: "accent.90",
-    isRow: true,
-    gap: "md",
-    justifyContent: "center"
-  }, (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.1"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.2"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.3"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.4"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.5"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.6"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.7"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.8"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.9"
-  }), (0, _react2.jsx)(_["default"], {
-    width: 10,
-    height: 50,
-    bg: "decorativeDark.10"
-  })));
-};
-
-exports.BoxesWithGaps = BoxesWithGaps;

package/lib/cjs/components/Box/Box.test.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _react3 = require("@emotion/react");
-
-var _cache = _interopRequireDefault(require("@emotion/cache"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-// Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
-// Failure occured with ThemeUI refactor.
-// https://github.com/emotion-js/emotion/issues/1105#issuecomment-557726922
-var emotionCache = (0, _cache["default"])({
-  key: 'box-test'
-});
-emotionCache.compat = true;
-var testId = 'test-box';
-var defaultProps = {
-  'data-testid': testId
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _react2.render)((0, _react3.jsx)(_react3.CacheProvider, {
-    value: emotionCache
-  }, (0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props))));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-(0, _testAxe["default"])(getComponent);
-test('default box', function () {
-  getComponent();
-
-  var box = _react2.screen.getByTestId(testId);
-
-  expect(box).toBeInstanceOf(HTMLDivElement);
-  expect(box).toBeInTheDocument();
-});
-test('box as a row', function () {
-  getComponent({
-    isRow: true
-  });
-
-  var box = _react2.screen.getByTestId(testId);
-
-  expect(box).toHaveStyleRule('flex-direction', 'row');
-});
-test('box with default gap', function () {
-  getComponent({
-    gap: '30px'
-  });
-
-  var box = _react2.screen.getByTestId(testId);
-
-  expect(box).toHaveStyle('margin-top: 0px', {
-    target: '> * + *'
-  });
-});
-test('box as row with gap', function () {
-  getComponent({
-    isRow: true,
-    gap: '30px'
-  });
-
-  var box = _react2.screen.getByTestId(testId);
-
-  expect(box).toHaveStyle('margin-left: 0px', {
-    target: '> * + *'
-  });
-});

package/lib/cjs/components/Box/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Box["default"];
-  }
-});
-
-var _Box = _interopRequireDefault(require("./Box"));

package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _breadcrumbs = require("@react-aria/breadcrumbs");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utils = require("@react-aria/utils");
-
-var _object = require("lodash/object");
-
-var _hooks = require("../../hooks/");
-
-var _index = require("../../index");
-
-var _react2 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context;
-
-  var children = props.children,
-      elementType = props.elementType,
-      onAction = props.onAction,
-      actionKey = props.actionKey,
-      isCurrent = props.isCurrent,
-      others = (0, _objectWithoutProperties2["default"])(props, ["children", "elementType", "onAction", "actionKey", "isCurrent"]);
-  var itemRef = (0, _react.useRef)();
-  (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return itemRef.current;
-  });
-
-  var _useBreadcrumbItem = (0, _breadcrumbs.useBreadcrumbItem)(_objectSpread({}, props), itemRef),
-      itemProps = _useBreadcrumbItem.itemProps;
-
-  var ElementType = (0, _react.useMemo)(function () {
-    switch (elementType) {
-      case 'Button':
-        return _index.Button;
-
-      case 'IconButton':
-        return _index.IconButton;
-
-      case 'Text':
-        return _index.Text;
-
-      default:
-        return elementType;
-    }
-  }, [elementType]);
-  var onPressHandler = (0, _react.useCallback)(function () {
-    if (onAction) {
-      onAction(actionKey);
-    }
-  }, [onAction, actionKey]);
-  var elementProps = (0, _react.useMemo)(function () {
-    var _ElementType$propType;
-
-    var elementTypeProps = _objectSpread({}, (0, _utils.mergeProps)(itemProps, others));
-
-    if ((_ElementType$propType = ElementType.propTypes) === null || _ElementType$propType === void 0 ? void 0 : _ElementType$propType.onPress) {
-      elementTypeProps.onPress = onPressHandler;
-    }
-
-    if (isCurrent) {
-      elementTypeProps.className = elementTypeProps.className ? "".concat(elementTypeProps.className, " isCurrent") : 'isCurrent';
-    }
-
-    return (0, _object.omit)(elementTypeProps, 'onClick', 'onKeyDown', 'onKeyUp');
-  }, [elementType, itemProps, others, onPressHandler]);
-  return /*#__PURE__*/_react["default"].cloneElement((0, _react2.jsx)(ElementType, null), _objectSpread(_objectSpread({}, elementProps), {}, {
-    ref: ref
-  }), (0, _concat["default"])(_context = []).call(_context, children));
-});
-BreadcrumbItem.propTypes = {
-  actionKey: _propTypes["default"].string,
-
-  /** Whether the breadcrumb item represents the current page. */
-  isCurrent: _propTypes["default"].bool,
-
-  /** The HTML element used to render the breadcrumb link, e.g. 'a', or 'span'.
-   * Also can be passed 'Button', 'Icon', 'IconButton', 'Text' - will be used
-   * appropriate component from Astro library.
-   * */
-  elementType: _propTypes["default"].elementType,
-
-  /** Whether the breadcrumb item is disabled. */
-  isDisabled: _propTypes["default"].bool,
-  onAction: _propTypes["default"].func
-};
-BreadcrumbItem.defaultProps = {
-  elementType: 'Button'
-};
-BreadcrumbItem.displayName = 'BreadcrumbItem';
-var _default = BreadcrumbItem;
-exports["default"] = _default;