@canonical/react-components 0.47.0 → 0.47.2

package/dist/components/Icon/index.js

@@ -1,21 +1,20 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ICONS", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Icon.ICONS;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Icon.default;
   }
 });
 var _Icon = _interopRequireWildcard(require("./Icon"));
-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; }
+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; }

package/dist/components/Input/Input.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,64 +10,59 @@ var _Field = _interopRequireDefault(require("../Field"));
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput"));
 var _RadioInput = _interopRequireDefault(require("../RadioInput"));
 var _hooks = require("../../hooks");
-var _excluded = ["caution", "className", "error", "help", "helpClassName", "id", "label", "labelClassName", "required", "stacked", "success", "takeFocus", "takeFocusDelay", "type", "wrapperClassName"];
-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; }
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * The props for the Input component.
  */
 
-var Input = function Input(_ref) {
-  var caution = _ref.caution,
-    className = _ref.className,
-    error = _ref.error,
-    help = _ref.help,
-    helpClassName = _ref.helpClassName,
-    id = _ref.id,
-    label = _ref.label,
-    labelClassName = _ref.labelClassName,
-    required = _ref.required,
-    stacked = _ref.stacked,
-    success = _ref.success,
-    takeFocus = _ref.takeFocus,
-    takeFocusDelay = _ref.takeFocusDelay,
-    type = _ref.type,
-    wrapperClassName = _ref.wrapperClassName,
-    inputProps = _objectWithoutProperties(_ref, _excluded);
-  var inputRef = (0, _react.useRef)(null);
-  var fieldLabel = !["checkbox", "radio"].includes(type) ? label : "";
-  var validationId = (0, _hooks.useId)();
-  var helpId = (0, _hooks.useId)();
-  var hasError = !!error;
-  var commonProps = _objectSpread({
+const Input = _ref => {
+  let {
+    caution,
+    className,
+    error,
+    help,
+    helpClassName,
+    id,
+    label,
+    labelClassName,
+    required,
+    stacked,
+    success,
+    takeFocus,
+    takeFocusDelay,
+    type,
+    wrapperClassName,
+    ...inputProps
+  } = _ref;
+  const inputRef = (0, _react.useRef)(null);
+  const fieldLabel = !["checkbox", "radio"].includes(type) ? label : "";
+  const defaultInputId = (0, _hooks.useId)();
+  const inputId = id || defaultInputId;
+  const validationId = (0, _hooks.useId)();
+  const helpId = (0, _hooks.useId)();
+  const hasError = !!error;
+  const commonProps = {
     "aria-describedby": [help ? helpId : null, success ? validationId : null].filter(Boolean).join(" "),
     "aria-errormessage": hasError ? validationId : null,
     "aria-invalid": hasError,
-    id: id,
+    id: inputId,
     label: label,
-    required: required
-  }, inputProps);
-  (0, _react.useEffect)(function () {
+    required: required,
+    ...inputProps
+  };
+  (0, _react.useEffect)(() => {
     if (takeFocus) {
       if (takeFocusDelay) {
-        setTimeout(function () {
-          return inputRef.current.focus();
-        }, takeFocusDelay);
+        setTimeout(() => inputRef.current.focus(), takeFocusDelay);
       } else {
         inputRef.current.focus();
       }
     }
   }, [takeFocus, takeFocusDelay]);
-  var input;
+  let input;
   if (type === "checkbox") {
     input = /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, _extends({
       label: label,
@@ -90,7 +84,7 @@ var Input = function Input(_ref) {
     caution: caution,
     className: wrapperClassName,
     error: error,
-    forId: id,
+    forId: inputId,
     help: help,
     helpClassName: helpClassName + "",
     helpId: helpId,
@@ -103,5 +97,4 @@ var Input = function Input(_ref) {
     validationId: validationId
   }, input);
 };
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;

package/dist/components/Input/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Input.default;
   }
 });

package/dist/components/Label/Label.js

@@ -6,21 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "className", "forId", "required"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * The props for the Label component.
  */
 
-var Label = function Label(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    forId = _ref.forId,
-    required = _ref.required,
-    props = _objectWithoutProperties(_ref, _excluded);
+const Label = _ref => {
+  let {
+    children,
+    className,
+    forId,
+    required,
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", _extends({
     className: (0, _classnames.default)(className, "p-form__label", {
       "is-required": required
@@ -28,5 +27,4 @@ var Label = function Label(_ref) {
     htmlFor: forId
   }, props), children);
 };
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;

package/dist/components/Label/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });

package/dist/components/Link/Link.js

@@ -6,24 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "className", "href", "inverted", "soft", "top"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Link = function Link(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$href = _ref.href,
-    href = _ref$href === void 0 ? "#" : _ref$href,
-    _ref$inverted = _ref.inverted,
-    inverted = _ref$inverted === void 0 ? false : _ref$inverted,
-    _ref$soft = _ref.soft,
-    soft = _ref$soft === void 0 ? false : _ref$soft,
-    _ref$top = _ref.top,
-    top = _ref$top === void 0 ? false : _ref$top,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var link = /*#__PURE__*/_react.default.createElement("a", _extends({
+const Link = _ref => {
+  let {
+    children,
+    className,
+    href = "#",
+    inverted = false,
+    soft = false,
+    top = false,
+    ...props
+  } = _ref;
+  const link = /*#__PURE__*/_react.default.createElement("a", _extends({
     className: (0, _classnames.default)(className, {
       "p-link--inverted": inverted,
       "p-link--soft": soft,
@@ -38,5 +33,4 @@ var Link = function Link(_ref) {
   }
   return link;
 };
-var _default = Link;
-exports.default = _default;
+var _default = exports.default = Link;

package/dist/components/Link/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.default;
   }
 });

package/dist/components/List/List.js

@@ -6,46 +6,41 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["title", "className", "content", "titleElement"],
-  _excluded2 = ["title", "className", "content"],
-  _excluded3 = ["className", "detailed", "divided", "inline", "isDark", "items", "middot", "stretch", "split", "stepped", "ticked"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var generateItems = function generateItems(_ref) {
-  var items = _ref.items,
-    ticked = _ref.ticked,
-    inline = _ref.inline,
-    middot = _ref.middot,
-    stepped = _ref.stepped;
-  return items.map(function (item, i) {
-    var body;
-    var title;
-    var className;
-    var content;
-    var TitleComponent = "h3";
-    var liProps;
+const generateItems = _ref => {
+  let {
+    items,
+    ticked,
+    inline,
+    middot,
+    stepped
+  } = _ref;
+  return items.map((item, i) => {
+    let body;
+    let title;
+    let className;
+    let content;
+    let TitleComponent = "h3";
+    let liProps;
     if ( /*#__PURE__*/_react.default.isValidElement(item) || typeof item === "string" || typeof item === "number") {
       content = item;
-    } else if (item && _typeof(item) === "object" && "content" in item) {
+    } else if (item && typeof item === "object" && "content" in item) {
       if ("titleElement" in item) {
-        var _item = item;
-        title = _item.title;
-        className = _item.className;
-        content = _item.content;
-        var _item$titleElement = _item.titleElement;
-        TitleComponent = _item$titleElement === void 0 ? "h3" : _item$titleElement;
-        liProps = _objectWithoutProperties(_item, _excluded);
-        _item;
+        ({
+          title,
+          className,
+          content,
+          titleElement: TitleComponent = "h3",
+          ...liProps
+        } = item);
       } else {
-        var _item2 = item;
-        title = _item2.title;
-        className = _item2.className;
-        content = _item2.content;
-        liProps = _objectWithoutProperties(_item2, _excluded2);
-        _item2;
+        ({
+          title,
+          className,
+          content,
+          ...liProps
+        } = item);
       }
     }
     if (stepped) {
@@ -68,20 +63,22 @@ var generateItems = function generateItems(_ref) {
     }, liProps), body, middot ? " " : null);
   });
 };
-var List = function List(_ref2) {
-  var className = _ref2.className,
-    detailed = _ref2.detailed,
-    divided = _ref2.divided,
-    inline = _ref2.inline,
-    isDark = _ref2.isDark,
-    items = _ref2.items,
-    middot = _ref2.middot,
-    stretch = _ref2.stretch,
-    split = _ref2.split,
-    stepped = _ref2.stepped,
-    ticked = _ref2.ticked,
-    props = _objectWithoutProperties(_ref2, _excluded3);
-  var Component = stepped ? "ol" : "ul";
+const List = _ref2 => {
+  let {
+    className,
+    detailed,
+    divided,
+    inline,
+    isDark,
+    items,
+    middot,
+    stretch,
+    split,
+    stepped,
+    ticked,
+    ...props
+  } = _ref2;
+  const Component = stepped ? "ol" : "ul";
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     className: (0, _classnames.default)(className, {
       "p-list": !divided && !inline && !middot && !stretch && !stepped,
@@ -95,12 +92,11 @@ var List = function List(_ref2) {
       "is-split": split
     })
   }, props), generateItems({
-    items: items,
-    ticked: ticked,
+    items,
+    ticked,
     inline: inline || middot || stretch,
-    middot: middot,
-    stepped: stepped
+    middot,
+    stepped
   }));
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;

package/dist/components/List/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.default;
   }
 });

package/dist/components/Loader/Loader.js

@@ -11,11 +11,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * @deprecated Loader component is deprecated. Use Spinner component instead.
  */
-var Loader = function Loader(props) {
+const Loader = props => {
   if (_utils.IS_DEV) {
     console.warn("The Loader component has been renamed to Spinner and will be removed in a future release. https://canonical.github.io/react-components/?path=/story/spinner--default-story");
   }
   return /*#__PURE__*/_react.default.createElement(_Spinner.default, props);
 };
-var _default = Loader;
-exports.default = _default;
+var _default = exports.default = Loader;

package/dist/components/Loader/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Loader.default;
   }
 });