@pingux/astro 1.27.0-alpha.20 → 1.27.0-alpha.22

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["default"] = exports.Disabled = exports.Default = exports.BoxesWithGaps = 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/Bracket/Bracket.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _index = require("../../index");
-
-var _colors = require("../../styles/colors");
-
-var _react2 = require("@emotion/react");
-
-var _excluded = ["isLast", "color"];
-
-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 Bracket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var isLast = props.isLast,
-      color = props.color,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var bracketRef = (0, _react.useRef)();
-  /* istanbul ignore next */
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return bracketRef.current;
-  });
-  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
-    variant: "boxes.bracketBase"
-  }, others), !isLast && (0, _react2.jsx)(_index.Box, {
-    width: 15,
-    sx: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0
-    }
-  }, (0, _react2.jsx)("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    version: "1.1",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 10 10",
-    style: {
-      flexGrow: 1
-    },
-    "data-testid": "isLastLayer"
-  }, (0, _react2.jsx)("title", null, "bracket-fill"), (0, _react2.jsx)("g", null, (0, _react2.jsx)("title", null, "Layer 3"), (0, _react2.jsx)("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
-    y2: "0",
-    x2: "0",
-    y1: "10",
-    x1: "0",
-    stroke: color,
-    fill: "none"
-  })))), (0, _react2.jsx)(_index.Box, {
-    flexBasis: "50%"
-  }, (0, _react2.jsx)("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    version: "1.1",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 10 10",
-    style: {
-      flexGrow: 1
-    }
-  }, (0, _react2.jsx)("title", null, "bracket-fill"), (0, _react2.jsx)("g", null, (0, _react2.jsx)("title", null, "Layer 1"), (0, _react2.jsx)("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
-    y2: "0",
-    x2: "0",
-    y1: "10",
-    x1: "0",
-    stroke: color,
-    fill: "none"
-  }))), (0, _react2.jsx)("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    version: "1.1",
-    height: "15"
-  }, (0, _react2.jsx)("title", null, "bracket-fill"), (0, _react2.jsx)("g", {
-    transform: "translate(-1, 0)"
-  }, (0, _react2.jsx)("title", null, "Layer 2"), (0, _react2.jsx)("path", {
-    fill: "none",
-    stroke: color,
-    d: "M1 0C1 2.5 1 8 1 10C1 12.5 3 14.5 5.5 14.5C7.1 14.5 9.33333 14.5 10.5 14.5"
-  })))));
-});
-Bracket.defaultProps = {
-  color: _colors.line.light
-};
-Bracket.propTypes = {
-  /** A prop to set the strokes color. */
-  color: _propTypes["default"].string,
-
-  /** Whether or not the bracket is the last in a series of brackets. */
-  isLast: _propTypes["default"].bool
-};
-var _default = Bracket;
-exports["default"] = _default;

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

@@ -1,92 +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["default"] = exports.Default = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../../index");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Bracket',
-  component: _index.Bracket
-};
-exports["default"] = _default;
-
-var Default = function Default() {
-  var anyConditions = [{
-    field1: 'Group',
-    field3: 'Marketing',
-    key: 'Group1Field'
-  }, {
-    field1: 'Group',
-    field3: 'UX Team',
-    key: 'Group2Field'
-  }];
-  var customChipStyles = {
-    '& > span': {
-      textTransform: 'none',
-      fontWeight: '500'
-    },
-    minWidth: '65px',
-    'z-index': '1'
-  };
-  return (0, _react2.jsx)(_index.Box, {
-    p: "md",
-    ml: "sm",
-    bg: "background"
-  }, (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    mb: "xs"
-  }, (0, _react2.jsx)(_index.Chip, {
-    label: "Any",
-    bg: "neutral.20",
-    mr: "sm",
-    sx: customChipStyles,
-    alignSelf: "center"
-  }), (0, _react2.jsx)(_index.Text, null, " of the conditions are true")), (0, _map["default"])(anyConditions).call(anyConditions, function (item, index) {
-    return (0, _react2.jsx)(_index.Box, {
-      isRow: true,
-      key: item.key
-    }, (0, _react2.jsx)(_index.Bracket, {
-      isLast: index === anyConditions.length - 1
-    }), (0, _react2.jsx)(_index.Box, {
-      mt: "md",
-      ml: "xs",
-      variant: "forms.input.container",
-      bg: "white",
-      isRow: true,
-      alignItems: "center",
-      borderRadius: "4px",
-      width: "100%",
-      sx: {
-        '&::after': {
-          bg: 'decorative.4'
-        }
-      }
-    }, (0, _react2.jsx)(_index.Text, {
-      pl: "md",
-      pr: "sm"
-    }, item.field1), (0, _react2.jsx)(_index.Chip, {
-      label: "Equals",
-      bg: "accent.90",
-      textColor: "neutral.10",
-      sx: customChipStyles,
-      mr: "sm",
-      alignSelf: "center"
-    }), (0, _react2.jsx)(_index.Text, null, item.field3)));
-  }));
-};
-
-exports.Default = Default;

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

@@ -1,47 +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 _ = _interopRequireDefault(require("."));
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _react3 = require("@emotion/react");
-
-var testId = 'test-bracket';
-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)(_["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 bracket', function () {
-  getComponent();
-
-  var bracket = _react2.screen.getByTestId(testId);
-
-  expect(bracket).toBeInTheDocument();
-});
-test('additional svg does not render if isLast=true', function () {
-  getComponent({
-    isLast: true
-  });
-  expect(_react2.screen.queryByTestId('isLastLayer')).not.toBeInTheDocument();
-});
-test('additional svg does render if isLast=false', function () {
-  getComponent({
-    isLast: false
-  });
-  expect(_react2.screen.queryByTestId('isLastLayer')).toBeInTheDocument();
-});

package/lib/cjs/components/Bracket/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 _Bracket["default"];
-  }
-});
-
-var _Bracket = _interopRequireDefault(require("./Bracket"));