@entur/button 3.3.12 → 3.3.13-beta.0

package/dist/button.esm.js

@@ -1,276 +1,319 @@
-import { warnAboutMissingStyles } from '@entur/utils';
-import * as React from 'react';
-import React__default from 'react';
-import classNames from 'classnames';
-import { LoadingDots } from '@entur/loader';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+import { warnAboutMissingStyles } from "@entur/utils";
+import { jsx, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import React__default from "react";
+import { LoadingDots } from "@entur/loader";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames.exports;
+  hasRequiredClassnames = 1;
+  (function(module) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames2() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames2.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (module.exports) {
+        classNames2.default = classNames2;
+        module.exports = classNames2;
+      } else {
+        window.classNames = classNames2;
+      }
+    })();
+  })(classnames);
+  return classnames.exports;
 }
-
-var _excluded$4 = ["as", "children", "variant", "size", "loading", "className", "disabled", "width", "aria-label"];
-var defaultElement$9 = 'button';
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _cx;
-  var as = _ref.as,
-    children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    loading = _ref.loading,
-    className = _ref.className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'auto' : _ref$width,
-    ariaLabel = _ref['aria-label'],
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var Element = as || defaultElement$9;
-  var childrenArray = React.Children.toArray(children);
-  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
-  var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  var ariaLabelWhenLoading = childrenArray.filter(function (child) {
-    return typeof child === 'string';
-  }).join(' ');
-  var ariaLabelValue = function ariaLabelValue() {
-    if (ariaLabel) return ariaLabel;
-    if (loading) return ariaLabelWhenLoading;
-    return undefined;
-  };
-  return React.createElement(Element, _extends({
-    className: classNames('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
-    ref: ref,
-    "aria-busy": loading,
-    disabled: disabled,
-    "aria-disabled": disabled,
-    "aria-label": ariaLabelValue()
-  }, rest), loading ? React.createElement(LoadingDots, {
-    className: "eds-button__loading-dots"
-  }) : children);
-});
-
-var defaultElement$8 = 'button';
-var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$8;
-  // @ts-expect-error type error due to props not being BaseButtonProps
-  return React__default.createElement(Button, _extends({
-    as: Element
-  }, props, {
-    ref: ref,
-    variant: "primary"
-  }));
-});
-
-var defaultElement$7 = 'button';
-var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  // @ts-expect-error type error due to props not being BaseButtonProps
-  return React__default.createElement(Button, _extends({
-    as: Element
-  }, props, {
-    ref: ref,
-    variant: "secondary"
-  }));
-});
-
-var defaultElement$6 = 'button';
-var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$6;
-  // @ts-expect-error type error due to props not being BaseButtonProps
-  return React__default.createElement(Button, _extends({
-    as: Element
-  }, props, {
-    ref: ref,
-    variant: "success"
-  }));
-});
-
-var defaultElement$5 = 'button';
-var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$5;
-  // @ts-expect-error type error due to props not being BaseButtonProps
-  return React__default.createElement(Button, _extends({
-    as: Element
-  }, props, {
-    ref: ref,
-    variant: "negative"
-  }));
-});
-
-var defaultElement$4 = 'button';
-/** @deprecated use SecondaryButton size="small" instead */
-var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$4;
-  return React__default.createElement(Button, _extends({
-    as: Element
-  }, props, {
-    ref: ref,
-    variant: "tertiary",
-    size: "small"
-  }));
-});
-
-var _excluded$3 = ["as", "className"];
-var ButtonGroup = function ButtonGroup(_ref) {
-  var _ref$as = _ref.as,
-    Element = _ref$as === void 0 ? 'div' : _ref$as,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  return React__default.createElement(Element, _extends({
-    className: classNames('eds-button-group', className)
-  }, rest));
-};
-
-var _excluded$2 = ["className", "children", "size"];
-var FloatingButton = function FloatingButton(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React__default.createElement("button", _extends({
-    className: classNames('eds-floating-button', {
-      'eds-floating-button--extended': React__default.Children.count(children) > 1
-    }, {
-      'eds-floating-button--small': size === 'small'
-    }, className),
-    type: "button"
-  }, rest), wrapStringsInSpans(children));
-};
-var wrapStringsInSpans = function wrapStringsInSpans(children) {
-  return React__default.Children.map(children, function (child) {
-    return typeof child === 'string' ? React__default.createElement("span", null, child) : child;
-  });
+var classnamesExports = requireClassnames();
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+const defaultElement$9 = "button";
+const Button = React.forwardRef(
+  ({
+    as,
+    children,
+    variant = "primary",
+    size = "medium",
+    loading,
+    className,
+    disabled = false,
+    width = "auto",
+    "aria-label": ariaLabel,
+    ...rest
+  }, ref) => {
+    const Element = as || defaultElement$9;
+    const childrenArray = React.Children.toArray(children);
+    const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
+    const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
+    const ariaLabelWhenLoading = childrenArray.filter((child) => typeof child === "string").join(" ");
+    const ariaLabelValue = () => {
+      if (ariaLabel) return ariaLabel;
+      if (loading) return ariaLabelWhenLoading;
+      return void 0;
+    };
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: classNames(
+          "eds-button",
+          {
+            [`eds-button--variant-${variant}`]: variant,
+            [`eds-button--size-${size}`]: size,
+            "eds-button--width-fluid": width === "fluid",
+            "eds-button--loading": loading,
+            "eds-button--leading-icon": hasLeadingIcon,
+            "eds-button--trailing-icon": hasTrailingIcon
+          },
+          className
+        ),
+        ref,
+        "aria-busy": loading,
+        disabled,
+        "aria-disabled": disabled,
+        "aria-label": ariaLabelValue(),
+        ...rest,
+        children: loading ? /* @__PURE__ */ jsx(LoadingDots, { className: "eds-button__loading-dots" }) : children
+      }
+    );
+  }
+);
+const defaultElement$8 = "button";
+const PrimaryButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$8;
+    return /* @__PURE__ */ jsx(Button, { as: Element, ...props, ref, variant: "primary" });
+  }
+);
+const defaultElement$7 = "button";
+const SecondaryButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$7;
+    return /* @__PURE__ */ jsx(Button, { as: Element, ...props, ref, variant: "secondary" });
+  }
+);
+const defaultElement$6 = "button";
+const SuccessButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$6;
+    return /* @__PURE__ */ jsx(Button, { as: Element, ...props, ref, variant: "success" });
+  }
+);
+const defaultElement$5 = "button";
+const NegativeButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$5;
+    return /* @__PURE__ */ jsx(Button, { as: Element, ...props, ref, variant: "negative" });
+  }
+);
+const defaultElement$4 = "button";
+const TertiaryButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$4;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        as: Element,
+        ...props,
+        ref,
+        variant: "tertiary",
+        size: "small"
+      }
+    );
+  }
+);
+const ButtonGroup = ({
+  as: Element = "div",
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(Element, { className: classNames("eds-button-group", className), ...rest });
 };
-
-var _excluded$1 = ["as", "children", "className", "disabled", "loading", "variant"];
-var defaultElement$3 = 'button';
-var SquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var as = _ref.as,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'secondary' : _ref$variant,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var Element = as || defaultElement$3;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-square-button', "eds-square-button--" + variant, {
-      'eds-square-button--loading': loading
-    }, className),
-    "aria-busy": loading,
-    disabled: disabled,
-    "aria-disabled": disabled,
-    ref: ref
-  }, rest), React.Children.map(children, function (child) {
-    if (typeof child === 'string') {
-      return React.createElement("span", {
-        className: "eds-square-button__label"
-      }, child);
+const FloatingButton = ({
+  className,
+  children,
+  size = "medium",
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: classNames(
+        "eds-floating-button",
+        { "eds-floating-button--extended": React__default.Children.count(children) > 1 },
+        { "eds-floating-button--small": size === "small" },
+        className
+      ),
+      type: "button",
+      ...rest,
+      children: wrapStringsInSpans(children)
     }
-    return React.createElement("span", {
-      className: "eds-square-button__button"
-    }, loading ? React.createElement(LoadingDots, {
-      className: "eds-square-button__loading-dots"
-    }) : child);
-  }));
-});
-
-var defaultElement$2 = 'button';
-var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
-  return (
-    // @ts-expect-error type error due to props not being BaseButtonProps
-    React__default.createElement(SquareButton, _extends({
-      as: Element,
-      ref: ref
-    }, props, {
-      variant: "secondary"
-    }))
   );
-});
-
-var defaultElement$1 = 'button';
-var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
-  return (
-    // @ts-expect-error type error due to props not being BaseButtonProps
-    React__default.createElement(SquareButton, _extends({
-      as: Element,
-      ref: ref
-    }, props, {
-      variant: "success"
-    }))
-  );
-});
-
-var TertiarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  return React__default.createElement(SquareButton, _extends({
-    ref: ref
-  }, props, {
-    variant: "tertiary"
-  }));
-});
-
-var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
-var defaultElement = 'button';
-var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    as = _ref.as,
-    loading = _ref.loading,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var Element = as || defaultElement;
-  var IconWithAriaHidden = React__default.Children.map(children, function (child) {
-    if (React__default.isValidElement(child)) {
-      // @ts-expect-error aria-hidden does, in fact, exist
-      return React__default.cloneElement(child, {
-        'aria-hidden': true
-      });
+};
+const wrapStringsInSpans = (children) => React__default.Children.map(
+  children,
+  (child) => typeof child === "string" ? /* @__PURE__ */ jsx("span", { children: child }) : child
+);
+const defaultElement$3 = "button";
+const SquareButton = React.forwardRef(
+  ({
+    as,
+    children,
+    className,
+    disabled = false,
+    loading = false,
+    variant = "secondary",
+    ...rest
+  }, ref) => {
+    const Element = as || defaultElement$3;
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: classNames(
+          "eds-square-button",
+          `eds-square-button--${variant}`,
+          {
+            "eds-square-button--loading": loading
+          },
+          className
+        ),
+        "aria-busy": loading,
+        disabled,
+        "aria-disabled": disabled,
+        ref,
+        ...rest,
+        children: React.Children.map(children, (child) => {
+          if (typeof child === "string") {
+            return /* @__PURE__ */ jsx("span", { className: "eds-square-button__label", children: child });
+          }
+          return /* @__PURE__ */ jsx("span", { className: "eds-square-button__button", children: loading ? /* @__PURE__ */ jsx(LoadingDots, { className: "eds-square-button__loading-dots" }) : child });
+        })
+      }
+    );
+  }
+);
+const defaultElement$2 = "button";
+const SecondarySquareButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$2;
+    return (
+      // @ts-expect-error type error due to props not being BaseButtonProps
+      /* @__PURE__ */ jsx(SquareButton, { as: Element, ref, ...props, variant: "secondary" })
+    );
+  }
+);
+const defaultElement$1 = "button";
+const SuccessSquareButton = React__default.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$1;
+    return (
+      // @ts-expect-error type error due to props not being BaseButtonProps
+      /* @__PURE__ */ jsx(SquareButton, { as: Element, ref, ...props, variant: "success" })
+    );
+  }
+);
+const TertiarySquareButton = React__default.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(SquareButton, { ref, ...props, variant: "tertiary" })
+);
+const defaultElement = "button";
+const IconButton = React__default.forwardRef(
+  ({
+    children,
+    className,
+    disabled = false,
+    size = "medium",
+    as,
+    loading,
+    ...rest
+  }, ref) => {
+    const Element = as || defaultElement;
+    const IconWithAriaHidden = React__default.Children.map(children, (child) => {
+      if (React__default.isValidElement(child)) {
+        return React__default.cloneElement(child, { "aria-hidden": true });
+      }
+      return child;
+    });
+    const iconButtonElement = /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: classNames(
+          "eds-icon-button",
+          className,
+          {
+            "eds-icon-button--disabled": disabled
+          },
+          `eds-icon-button--size-${size}`
+        ),
+        disabled,
+        "aria-disabled": disabled,
+        "aria-busy": loading,
+        ref,
+        ...rest,
+        children: loading ? /* @__PURE__ */ jsx(LoadingDots, {}) : /* @__PURE__ */ jsx(Fragment, { children: IconWithAriaHidden })
+      }
+    );
+    if (disabled) {
+      return /* @__PURE__ */ jsx("div", { className: "eds-icon-button--disabled__wrapper", children: iconButtonElement });
     }
-    return child;
-  });
-  var iconButtonElement = React__default.createElement(Element, _extends({
-    className: classNames('eds-icon-button', className, {
-      'eds-icon-button--disabled': disabled
-    }, "eds-icon-button--size-" + size),
-    disabled: disabled,
-    "aria-disabled": disabled,
-    "aria-busy": loading,
-    ref: ref
-  }, rest), loading ? React__default.createElement(LoadingDots, null) : React__default.createElement(React__default.Fragment, null, IconWithAriaHidden));
-  if (disabled) {
-    return React__default.createElement("div", {
-      className: "eds-icon-button--disabled__wrapper"
-    }, iconButtonElement);
+    return /* @__PURE__ */ jsx(Fragment, { children: iconButtonElement });
   }
-  return React__default.createElement(React__default.Fragment, null, iconButtonElement);
-});
-
-warnAboutMissingStyles('button');
-
-export { Button, ButtonGroup, FloatingButton, IconButton, NegativeButton, PrimaryButton, SecondaryButton, SecondarySquareButton, SuccessButton, SuccessSquareButton, TertiaryButton, TertiarySquareButton };
+);
+warnAboutMissingStyles("button");
+export {
+  Button,
+  ButtonGroup,
+  FloatingButton,
+  IconButton,
+  NegativeButton,
+  PrimaryButton,
+  SecondaryButton,
+  SecondarySquareButton,
+  SuccessButton,
+  SuccessSquareButton,
+  TertiaryButton,
+  TertiarySquareButton
+};
 //# sourceMappingURL=button.esm.js.map