@carbon/ibm-products 1.0.0-rc.0 → 1.0.1

package/es/components/HTTPErrors/HTTPError403/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { HTTPError403 } from './HTTPError403';

package/es/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "description", "errorCodeLabel", "links", "title"];
+
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+import React from 'react'; // Other standard imports.
+
+import cx from 'classnames';
+import { arrayOf, shape, string } from 'prop-types';
+import { HTTPErrorSvg404 } from '../assets/HTTPErrorSvg404';
+import { HTTPErrorContent } from '../HTTPErrorContent';
+import { getDevtoolsProps } from '../../../global/js/utils/devtools';
+import { pkg } from '../../../settings'; // The block part of our conventional BEM class names (blockClass__E--M).
+
+var blockClass = "".concat(pkg.prefix, "--http-errors");
+var componentName = 'HTTPError404';
+export var HTTPError404 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      description = _ref.description,
+      errorCodeLabel = _ref.errorCodeLabel,
+      links = _ref.links,
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: cx(blockClass, className),
+    ref: ref
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(HTTPErrorContent, {
+    description: description,
+    errorCodeLabel: errorCodeLabel,
+    title: title,
+    links: links
+  }), /*#__PURE__*/React.createElement(HTTPErrorSvg404, {
+    className: "".concat(blockClass, "__image")
+  }));
+}); // Return a placeholder if not released and not enabled by feature flag
+
+HTTPError404 = pkg.checkComponentEnabled(HTTPError404, componentName); // The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+
+HTTPError404.displayName = componentName; // displayName is used in preference to function.name by React
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+
+HTTPError404.propTypes = {
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: string,
+
+  /**
+   * String that will provide the description for the HTTP error code
+   */
+  description: string.isRequired,
+
+  /**
+   * String that will describe the error that occurred
+   */
+  errorCodeLabel: string.isRequired,
+
+  /**
+   * Links that will display for extra context when receiving particular errors
+   */
+  links: arrayOf(shape({
+    /**
+     * The text to display for the link
+     */
+    text: string.isRequired,
+
+    /**
+     * The link's destination
+     */
+    href: string.isRequired
+  })),
+
+  /**
+   * This will be for the main title of the HTTP error component
+   */
+  title: string.isRequired
+};

package/es/components/HTTPErrors/HTTPError404/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { HTTPError404 } from './HTTPError404';

package/es/components/HTTPErrors/HTTPErrorContent.js

@@ -0,0 +1,84 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+import React from 'react'; // Other standard imports.
+
+import { arrayOf, shape, string } from 'prop-types';
+import { pkg
+/*, carbon */
+} from '../../settings'; // Carbon and package components we use.
+
+import { Link } from 'carbon-components-react'; // The block part of our conventional BEM class names (blockClass__E--M).
+
+var blockClass = "".concat(pkg.prefix, "--http-errors");
+var componentName = 'HTTPErrorContent';
+export var HTTPErrorContent = function HTTPErrorContent(_ref) {
+  var description = _ref.description,
+      errorCodeLabel = _ref.errorCodeLabel,
+      title = _ref.title,
+      links = _ref.links;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__content")
+  }, errorCodeLabel && /*#__PURE__*/React.createElement("p", {
+    className: "".concat(blockClass, "__error-code-label")
+  }, errorCodeLabel), title && /*#__PURE__*/React.createElement("h1", {
+    className: "".concat(blockClass, "__title")
+  }, title), description && /*#__PURE__*/React.createElement("p", {
+    className: "".concat(blockClass, "__description")
+  }, description), links && links.length && links.map(function (link) {
+    return /*#__PURE__*/React.createElement(Link, _extends({}, link, {
+      role: "link",
+      href: link.href,
+      key: link.text,
+      className: "".concat(blockClass, "__link")
+    }), link.text);
+  }));
+}; // The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+
+HTTPErrorContent.displayName = componentName; // The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+
+HTTPErrorContent.propTypes = {
+  /**
+   * String that will provide the description for the HTTP error code
+   */
+  description: string.isRequired,
+
+  /**
+   * String that will describe the error that occurred
+   */
+  errorCodeLabel: string.isRequired,
+
+  /**
+   * Links that will display for extra context when receiving particular errors
+   */
+  links: arrayOf(shape(_objectSpread(_objectSpread({}, Link.propTypes), {}, {
+    /**
+     * The text to display for the link
+     */
+    text: string.isRequired,
+
+    /**
+     * The link's destination
+     */
+    href: string.isRequired
+  }))),
+
+  /**
+   * This will be for the main title of the HTTP error component
+   */
+  title: string.isRequired
+};

package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "description", "errorCodeLabel", "links", "title"];
+
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+import React from 'react'; // Other standard imports.
+
+import cx from 'classnames';
+import { arrayOf, shape, string } from 'prop-types';
+import { HTTPErrorSvgOther } from '../assets/HTTPErrorSvgOther';
+import { HTTPErrorContent } from '../HTTPErrorContent';
+import { getDevtoolsProps } from '../../../global/js/utils/devtools';
+import { pkg } from '../../../settings'; // The block part of our conventional BEM class names (blockClass__E--M).
+
+var blockClass = "".concat(pkg.prefix, "--http-errors");
+var componentName = 'HTTPErrorOther';
+export var HTTPErrorOther = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      description = _ref.description,
+      errorCodeLabel = _ref.errorCodeLabel,
+      links = _ref.links,
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: cx(blockClass, className),
+    ref: ref
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(HTTPErrorContent, {
+    description: description,
+    errorCodeLabel: errorCodeLabel,
+    title: title,
+    links: links
+  }), /*#__PURE__*/React.createElement(HTTPErrorSvgOther, {
+    className: "".concat(blockClass, "__image")
+  }));
+}); // Return a placeholder if not released and not enabled by feature flag
+
+HTTPErrorOther = pkg.checkComponentEnabled(HTTPErrorOther, componentName); // The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+
+HTTPErrorOther.displayName = componentName; // displayName is used in preference to function.name by React
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+
+HTTPErrorOther.propTypes = {
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: string,
+
+  /**
+   * String that will provide the description for the HTTP error code
+   */
+  description: string.isRequired,
+
+  /**
+   * String that will describe the error that occurred
+   */
+  errorCodeLabel: string.isRequired,
+
+  /**
+   * Links that will display for extra context when receiving particular errors
+   */
+  links: arrayOf(shape({
+    /**
+     * The text to display for the link
+     */
+    text: string.isRequired,
+
+    /**
+     * The link's destination
+     */
+    href: string.isRequired
+  })),
+
+  /**
+   * This will be for the main title of the HTTP error component
+   */
+  title: string.isRequired
+};

package/es/components/HTTPErrors/HTTPErrorOther/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { HTTPErrorOther } from './HTTPErrorOther';