@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/ArrayField/ArrayFieldItem.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _react2 = require("@emotion/react");
-
-var _excluded = ["id", "onComponentRender", "fieldValue", "isDisabled", "onFieldDelete", "onFieldValueChange", "renderField"];
-
-var ArrayFieldItem = /*#__PURE__*/_react["default"].memo(function (_ref) {
-  var id = _ref.id,
-      onComponentRender = _ref.onComponentRender,
-      fieldValue = _ref.fieldValue,
-      isDisabled = _ref.isDisabled,
-      onFieldDelete = _ref.onFieldDelete,
-      onFieldValueChange = _ref.onFieldValueChange,
-      renderField = _ref.renderField,
-      otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _react2.jsx)(_Box["default"], {
-    as: "li",
-    mb: "xs"
-  }, onComponentRender ? onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) : renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps));
-});
-
-ArrayFieldItem.propTypes = {
-  id: _propTypes["default"].string,
-  onComponentRender: _propTypes["default"].func,
-  fieldValue: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  onFieldDelete: _propTypes["default"].func,
-  onFieldValueChange: _propTypes["default"].func,
-  renderField: _propTypes["default"].func
-};
-var _default = ArrayFieldItem;
-exports["default"] = _default;

package/lib/cjs/components/Chip/Chip.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Badge = _interopRequireDefault(require("./Badge"));
-
-var _hooks = require("../../hooks");
-
-var _react2 = require("@emotion/react");
-
-var Chip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  (0, _hooks.useDeprecationWarning)('The Chip component will be deprecated in Astro-UI 2.0.0 and replaced by the `Badge` component instead.');
-  return (0, _react2.jsx)(_Badge["default"], (0, _extends2["default"])({
-    ref: ref
-  }, props));
-});
-
-Chip.propTypes = {
-  /** The text color of the chip. */
-  textColor: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-
-  /** The background color of the chip. */
-  bg: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-
-  /** Provides a way to insert markup in specified places. */
-  slots: _propTypes["default"].shape({
-    /** The given node will be inserted into left side of the chip. */
-    leftIcon: _propTypes["default"].node
-  }),
-
-  /** The label of the chip. */
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-
-  /** Props object that is spread directly into the textfield. */
-  textProps: _propTypes["default"].shape({}),
-
-  /** When true, display chip label as uppercase. */
-  isUppercase: _propTypes["default"].bool,
-
-  /** Alignment of chip relative to parent container. */
-  align: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left'])
-};
-var _default = Chip;
-exports["default"] = _default;

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

@@ -1,66 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _ListItem = _interopRequireDefault(require("../ListItem"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _Separator = _interopRequireDefault(require("../Separator"));
-
-var _withDeprecationWarning = _interopRequireDefault(require("../../utils/devUtils/decorators/withDeprecationWarning"));
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Deprecated/List',
-  component: [_["default"], _ListItem["default"]],
-  decorators: [function (Story, context) {
-    return (0, _withDeprecationWarning["default"])(Story, context, 'The `List` component will be deprecated in Astro-UI 2.0.0, use `ListView` instead.');
-  }]
-};
-exports["default"] = _default;
-
-var Default = function Default() {
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
-    variant: "itemTitle",
-    mb: "md",
-    color: "text.secondary"
-  }, "Registration Forms"), (0, _react2.jsx)(_["default"], null, (0, _react2.jsx)(_ListItem["default"], null, (0, _react2.jsx)(_Text["default"], {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 1")), (0, _react2.jsx)(_Separator["default"], {
-    margin: "0"
-  }), (0, _react2.jsx)(_ListItem["default"], {
-    title: "Form 2"
-  }, (0, _react2.jsx)(_Text["default"], {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 2")), (0, _react2.jsx)(_Separator["default"], {
-    margin: "0"
-  }), (0, _react2.jsx)(_ListItem["default"], {
-    title: "Form 3"
-  }, (0, _react2.jsx)(_Text["default"], {
-    variant: "itemTitle",
-    alignSelf: "center",
-    mr: "auto"
-  }, "Form 3")), (0, _react2.jsx)(_Separator["default"], {
-    margin: "0"
-  })));
-};
-
-exports.Default = Default;

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

@@ -1,36 +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 _List = _interopRequireDefault(require("./List"));
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _react3 = require("@emotion/react");
-
-var testLabel = 'Test Label';
-var defaultProps = {
-  title: testLabel
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _react2.render)((0, _react3.jsx)(_List["default"], (0, _extends2["default"])({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-(0, _testAxe["default"])(getComponent);
-test('renders List component', function () {
-  getComponent();
-
-  var list = _react2.screen.getByRole('list');
-
-  expect(list).toBeInstanceOf(HTMLUListElement);
-  expect(list).toBeInTheDocument();
-});

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

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

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

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

package/lib/cjs/styles/variants/accordion.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-var accordionTitle = {
-  display: 'inline-block !important',
-  overflowWrap: 'break-word',
-  maxWidth: '100%',
-  wordWrap: 'break-word',
-  wordBreak: 'break-word',
-  fontSize: 'lg',
-  fontWeight: 700,
-  color: 'text.primary',
-  '&.is-pressed': {
-    color: 'white'
-  }
-};
-var accordion = {
-  display: 'flex',
-  mt: '5px',
-  mb: '20px',
-  alignItems: 'flex-start'
-};
-var accordionBody = {
-  display: 'none',
-  pt: 'md',
-  width: '100%',
-  '.is-open &': {
-    display: 'flex'
-  }
-};
-var accordionGridHeader = {
-  cursor: 'pointer',
-  lineHeight: '30px',
-  pl: 'sm',
-  outline: 'none',
-  display: 'flex',
-  justifyContent: 'center',
-  flexShrink: 0,
-  wordBreak: 'inherit',
-  whiteSpace: 'nowrap',
-  bg: 'white',
-  color: 'neutral.10',
-  flexGrow: 1,
-  fontWeight: 700,
-  border: '1px solid transparent',
-  '&.is-focused': {
-    border: '1px solid',
-    borderColor: 'focus',
-    zIndex: '10'
-  },
-  minHeight: '64px',
-  '&.is-hovered': {
-    backgroundColor: 'accent.99'
-  },
-  '&.is-pressed': {
-    color: 'accent.20',
-    '& div > div > div > span': {
-      color: 'accent.20'
-    }
-  }
-};
-var accordionGridBody = {
-  display: 'none !important',
-  pl: 'sm',
-  width: '100%',
-  '&.is-selected': {
-    display: 'flex !important'
-  },
-  ':focus': {
-    outline: 'none'
-  }
-};
-var accordionGridItem = {
-  ':focus': {
-    outline: 'none'
-  }
-};
-var _default = {
-  accordionGridHeader: accordionGridHeader,
-  accordionGridBody: accordionGridBody,
-  accordionTitle: accordionTitle,
-  accordion: accordion,
-  accordionBody: accordionBody,
-  accordionGridItem: accordionGridItem
-};
-exports["default"] = _default;