@janiscommerce/ui-web 0.1.0 → 0.1.1

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.main = {}, global.React, global.require$$1));
-})(this, (function (exports, React, require$$1) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-router-dom'), require('react-dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-router-dom', 'react-dom'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.main = {}, global.React, global.reactRouterDom, global.require$$1));
+})(this, (function (exports, React, reactRouterDom, require$$1) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -75,8 +75,8 @@
     return obj;
   }
 
-  function _extends$2() {
-    _extends$2 = Object.assign || function (target) {
+  function _extends$1() {
+    _extends$1 = Object.assign || function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -90,7 +90,7 @@
       return target;
     };
 
-    return _extends$2.apply(this, arguments);
+    return _extends$1.apply(this, arguments);
   }
 
   function _inherits$2(subClass, superClass) {
@@ -140,7 +140,7 @@
     }
   }
 
-  function _objectWithoutPropertiesLoose$1(source, excluded) {
+  function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -158,7 +158,7 @@
   function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
 
-    var target = _objectWithoutPropertiesLoose$1(source, excluded);
+    var target = _objectWithoutPropertiesLoose(source, excluded);
 
     var key, i;
 
@@ -20004,7 +20004,7 @@
     })(["padding:5px;border:1px dashed #ccc;cursor:default;display:grid;justify-items:center;justify-content:center;grid-row-gap:5px;", ";& ", "{", ";}&:hover{color:", ";}&:hover ", "{fill:", ";}"], mixins.transition('color'), styles.Svg, mixins.transition('fill'), palette.blue, styles.Svg, palette.blue)
   });
 
-  var _excluded$8 = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
+  var _excluded$7 = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
 
   var Icon = function Icon(_ref) {
     var color = _ref.color,
@@ -20015,7 +20015,7 @@
         width = _ref.width,
         height = _ref.height,
         viewBox = _ref.viewBox,
-        props = _objectWithoutProperties(_ref, _excluded$8);
+        props = _objectWithoutProperties(_ref, _excluded$7);
 
     var iconProps = icons[name];
     if (!iconProps) return null;
@@ -20023,7 +20023,7 @@
         defaultSize = iconProps.size;
     var size = sizeProp || defaultSize;
     if (!path) return null;
-    return /*#__PURE__*/React__default["default"].createElement(styles.Svg, _extends$2({
+    return /*#__PURE__*/React__default["default"].createElement(styles.Svg, _extends$1({
       width: width || size,
       height: height || size,
       styles: styles$1,
@@ -20120,7 +20120,7 @@
     return props.styles;
   });
 
-  var _excluded$7 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant"];
+  var _excluded$6 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant"];
 
   var Button = function Button(_ref) {
     var children = _ref.children,
@@ -20133,9 +20133,9 @@
         rounded = _ref.rounded,
         styles = _ref.styles,
         variant = _ref.variant,
-        props = _objectWithoutProperties(_ref, _excluded$7);
+        props = _objectWithoutProperties(_ref, _excluded$6);
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends$2({
+    return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends$1({
       color: color,
       iconColor: iconColor || fontColor,
       fontColor: fontColor,
@@ -20180,7 +20180,7 @@
     })
   };
 
-  var _excluded$6 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
+  var _excluded$5 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
 
   var Checkbox = function Checkbox(_ref) {
     var autoComplete = _ref.autoComplete,
@@ -20190,7 +20190,7 @@
         rounded = _ref.rounded,
         styles = _ref.styles,
         value = _ref.value,
-        props = _objectWithoutProperties(_ref, _excluded$6);
+        props = _objectWithoutProperties(_ref, _excluded$5);
 
     var _useState = React.useState(!!value || defaultChecked),
         _useState2 = _slicedToArray(_useState, 2),
@@ -20209,7 +20209,7 @@
       checked: conntroledChecked,
       rounded: rounded,
       styles: styles
-    }, /*#__PURE__*/React__default["default"].createElement(styled$9.Input, _extends$2({}, props, {
+    }, /*#__PURE__*/React__default["default"].createElement(styled$9.Input, _extends$1({}, props, {
       type: "checkbox",
       disabled: disabled,
       autoComplete: autoComplete ? 'on' : 'off',
@@ -20282,448 +20282,6 @@
     })(["text-overflow:ellipsis;overflow:hidden;"])
   };
 
-  /**
-   * Actions represent the type of change to a location value.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action
-   */
-  var Action;
-
-  (function (Action) {
-    /**
-     * A POP indicates a change to an arbitrary index in the history stack, such
-     * as a back or forward navigation. It does not describe the direction of the
-     * navigation, only that the current index changed.
-     *
-     * Note: This is the default action for newly created history objects.
-     */
-    Action["Pop"] = "POP";
-    /**
-     * A PUSH indicates a new entry being added to the history stack, such as when
-     * a link is clicked and a new page loads. When this happens, all subsequent
-     * entries in the stack are lost.
-     */
-
-    Action["Push"] = "PUSH";
-    /**
-     * A REPLACE indicates the entry at the current index in the history stack
-     * being replaced by a new one.
-     */
-
-    Action["Replace"] = "REPLACE";
-  })(Action || (Action = {}));
-  /**
-   * Creates a string URL path from the given pathname, search, and hash components.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath
-   */
-
-
-  function createPath(_ref) {
-    var _ref$pathname = _ref.pathname,
-        pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
-        _ref$search = _ref.search,
-        search = _ref$search === void 0 ? '' : _ref$search,
-        _ref$hash = _ref.hash,
-        hash = _ref$hash === void 0 ? '' : _ref$hash;
-    if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search;
-    if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash;
-    return pathname;
-  }
-  /**
-   * Parses a string URL path into its separate pathname, search, and hash components.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath
-   */
-
-  function parsePath(path) {
-    var parsedPath = {};
-
-    if (path) {
-      var hashIndex = path.indexOf('#');
-
-      if (hashIndex >= 0) {
-        parsedPath.hash = path.substr(hashIndex);
-        path = path.substr(0, hashIndex);
-      }
-
-      var searchIndex = path.indexOf('?');
-
-      if (searchIndex >= 0) {
-        parsedPath.search = path.substr(searchIndex);
-        path = path.substr(0, searchIndex);
-      }
-
-      if (path) {
-        parsedPath.pathname = path;
-      }
-    }
-
-    return parsedPath;
-  }
-
-  /**
-   * React Router v6.3.0
-   *
-   * Copyright (c) Remix Software Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-  const NavigationContext = /*#__PURE__*/React.createContext(null);
-
-  const LocationContext = /*#__PURE__*/React.createContext(null);
-
-  const RouteContext = /*#__PURE__*/React.createContext({
-    outlet: null,
-    matches: []
-  });
-
-  function invariant(cond, message) {
-    if (!cond) throw new Error(message);
-  }
-  /**
-   * Returns a resolved path object relative to the given pathname.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#resolvepath
-   */
-
-
-  function resolvePath(to, fromPathname) {
-    if (fromPathname === void 0) {
-      fromPathname = "/";
-    }
-
-    let {
-      pathname: toPathname,
-      search = "",
-      hash = ""
-    } = typeof to === "string" ? parsePath(to) : to;
-    let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname;
-    return {
-      pathname,
-      search: normalizeSearch(search),
-      hash: normalizeHash(hash)
-    };
-  }
-
-  function resolvePathname(relativePath, fromPathname) {
-    let segments = fromPathname.replace(/\/+$/, "").split("/");
-    let relativeSegments = relativePath.split("/");
-    relativeSegments.forEach(segment => {
-      if (segment === "..") {
-        // Keep the root "" segment so the pathname starts at /
-        if (segments.length > 1) segments.pop();
-      } else if (segment !== ".") {
-        segments.push(segment);
-      }
-    });
-    return segments.length > 1 ? segments.join("/") : "/";
-  }
-
-  function resolveTo(toArg, routePathnames, locationPathname) {
-    let to = typeof toArg === "string" ? parsePath(toArg) : toArg;
-    let toPathname = toArg === "" || to.pathname === "" ? "/" : to.pathname; // If a pathname is explicitly provided in `to`, it should be relative to the
-    // route context. This is explained in `Note on `<Link to>` values` in our
-    // migration guide from v5 as a means of disambiguation between `to` values
-    // that begin with `/` and those that do not. However, this is problematic for
-    // `to` values that do not provide a pathname. `to` can simply be a search or
-    // hash string, in which case we should assume that the navigation is relative
-    // to the current location's pathname and *not* the route pathname.
-
-    let from;
-
-    if (toPathname == null) {
-      from = locationPathname;
-    } else {
-      let routePathnameIndex = routePathnames.length - 1;
-
-      if (toPathname.startsWith("..")) {
-        let toSegments = toPathname.split("/"); // Each leading .. segment means "go up one route" instead of "go up one
-        // URL segment".  This is a key difference from how <a href> works and a
-        // major reason we call this a "to" value instead of a "href".
-
-        while (toSegments[0] === "..") {
-          toSegments.shift();
-          routePathnameIndex -= 1;
-        }
-
-        to.pathname = toSegments.join("/");
-      } // If there are more ".." segments than parent routes, resolve relative to
-      // the root / URL.
-
-
-      from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
-    }
-
-    let path = resolvePath(to, from); // Ensure the pathname has a trailing slash if the original to value had one.
-
-    if (toPathname && toPathname !== "/" && toPathname.endsWith("/") && !path.pathname.endsWith("/")) {
-      path.pathname += "/";
-    }
-
-    return path;
-  }
-  function getToPathname(to) {
-    // Empty strings should be treated the same as / paths
-    return to === "" || to.pathname === "" ? "/" : typeof to === "string" ? parsePath(to).pathname : to.pathname;
-  }
-  const joinPaths = paths => paths.join("/").replace(/\/\/+/g, "/");
-
-  const normalizeSearch = search => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search;
-
-  const normalizeHash = hash => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash;
-
-  /**
-   * Returns the full href for the given "to" value. This is useful for building
-   * custom links that are also accessible and preserve right-click behavior.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#usehref
-   */
-
-  function useHref(to) {
-    !useInRouterContext() ? invariant(false) : void 0;
-    let {
-      basename,
-      navigator
-    } = React.useContext(NavigationContext);
-    let {
-      hash,
-      pathname,
-      search
-    } = useResolvedPath(to);
-    let joinedPathname = pathname;
-
-    if (basename !== "/") {
-      let toPathname = getToPathname(to);
-      let endsWithSlash = toPathname != null && toPathname.endsWith("/");
-      joinedPathname = pathname === "/" ? basename + (endsWithSlash ? "/" : "") : joinPaths([basename, pathname]);
-    }
-
-    return navigator.createHref({
-      pathname: joinedPathname,
-      search,
-      hash
-    });
-  }
-  /**
-   * Returns true if this component is a descendant of a <Router>.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#useinroutercontext
-   */
-
-  function useInRouterContext() {
-    return React.useContext(LocationContext) != null;
-  }
-  /**
-   * Returns the current location object, which represents the current URL in web
-   * browsers.
-   *
-   * Note: If you're using this it may mean you're doing some of your own
-   * "routing" in your app, and we'd like to know what your use case is. We may
-   * be able to provide something higher-level to better suit your needs.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#uselocation
-   */
-
-  function useLocation() {
-    !useInRouterContext() ? invariant(false) : void 0;
-    return React.useContext(LocationContext).location;
-  }
-  /**
-   * The interface for the navigate() function returned from useNavigate().
-   */
-
-  /**
-   * Returns an imperative method for changing the location. Used by <Link>s, but
-   * may also be used by other elements to change the location.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#usenavigate
-   */
-  function useNavigate() {
-    !useInRouterContext() ? invariant(false) : void 0;
-    let {
-      basename,
-      navigator
-    } = React.useContext(NavigationContext);
-    let {
-      matches
-    } = React.useContext(RouteContext);
-    let {
-      pathname: locationPathname
-    } = useLocation();
-    let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase));
-    let activeRef = React.useRef(false);
-    React.useEffect(() => {
-      activeRef.current = true;
-    });
-    let navigate = React.useCallback(function (to, options) {
-      if (options === void 0) {
-        options = {};
-      }
-      if (!activeRef.current) return;
-
-      if (typeof to === "number") {
-        navigator.go(to);
-        return;
-      }
-
-      let path = resolveTo(to, JSON.parse(routePathnamesJson), locationPathname);
-
-      if (basename !== "/") {
-        path.pathname = joinPaths([basename, path.pathname]);
-      }
-
-      (!!options.replace ? navigator.replace : navigator.push)(path, options.state);
-    }, [basename, navigator, routePathnamesJson, locationPathname]);
-    return navigate;
-  }
-  /**
-   * Resolves the pathname of the given `to` value against the current location.
-   *
-   * @see https://reactrouter.com/docs/en/v6/api#useresolvedpath
-   */
-
-  function useResolvedPath(to) {
-    let {
-      matches
-    } = React.useContext(RouteContext);
-    let {
-      pathname: locationPathname
-    } = useLocation();
-    let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase));
-    return React.useMemo(() => resolveTo(to, JSON.parse(routePathnamesJson), locationPathname), [to, routePathnamesJson, locationPathname]);
-  }
-
-  /**
-   * React Router DOM v6.3.0
-   *
-   * Copyright (c) Remix Software Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-  function _extends$1() {
-    _extends$1 = Object.assign || 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$1.apply(this, arguments);
-  }
-
-  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;
-  }
-
-  const _excluded$5 = ["onClick", "reloadDocument", "replace", "state", "target", "to"];
-
-  function isModifiedEvent(event) {
-    return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
-  }
-
-  /**
-   * The public API for rendering a history-aware <a>.
-   */
-  const Link$1 = /*#__PURE__*/React.forwardRef(function LinkWithRef(_ref4, ref) {
-    let {
-      onClick,
-      reloadDocument,
-      replace = false,
-      state,
-      target,
-      to
-    } = _ref4,
-        rest = _objectWithoutPropertiesLoose(_ref4, _excluded$5);
-
-    let href = useHref(to);
-    let internalOnClick = useLinkClickHandler(to, {
-      replace,
-      state,
-      target
-    });
-
-    function handleClick(event) {
-      if (onClick) onClick(event);
-
-      if (!event.defaultPrevented && !reloadDocument) {
-        internalOnClick(event);
-      }
-    }
-
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      React.createElement("a", _extends$1({}, rest, {
-        href: href,
-        onClick: handleClick,
-        ref: ref,
-        target: target
-      }))
-    );
-  });
-  // HOOKS
-  ////////////////////////////////////////////////////////////////////////////////
-
-  /**
-   * Handles the click behavior for router `<Link>` components. This is useful if
-   * you need to create custom `<Link>` components with the same click behavior we
-   * use in our exported `<Link>`.
-   */
-
-
-  function useLinkClickHandler(to, _temp) {
-    let {
-      target,
-      replace: replaceProp,
-      state
-    } = _temp === void 0 ? {} : _temp;
-    let navigate = useNavigate();
-    let location = useLocation();
-    let path = useResolvedPath(to);
-    return React.useCallback(event => {
-      if (event.button === 0 && ( // Ignore everything but left clicks
-      !target || target === "_self") && // Let browser handle "target=_blank" etc.
-      !isModifiedEvent(event) // Ignore clicks with modifier keys
-      ) {
-        event.preventDefault(); // If the URL hasn't changed, a regular <a> will do a replace instead of
-        // a push, so do the same here.
-
-        let replace = !!replaceProp || createPath(location) === createPath(path);
-        navigate(to, {
-          replace,
-          state
-        });
-      }
-    }, [location, navigate, path, replaceProp, state, target, to]);
-  }
-
   var styled$7 = {
     LinkWrapper: styled$a.div.withConfig({
       displayName: "styles__LinkWrapper",
@@ -20762,7 +20320,7 @@
         path = href.replace("".concat(origin), '');
       }
 
-      return /*#__PURE__*/React__default["default"].createElement(styled$7.LinkWrapper, props, renderIcon(), /*#__PURE__*/React__default["default"].createElement(Link$1, {
+      return /*#__PURE__*/React__default["default"].createElement(styled$7.LinkWrapper, props, renderIcon(), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
         to: path,
         "data-test": "react-router-link"
       }, children || href));
@@ -20799,7 +20357,7 @@
         props = _objectWithoutProperties(_ref, _excluded$3);
 
     var linkForHref = linkField && data[linkField];
-    return /*#__PURE__*/React__default["default"].createElement(styled$8.Chip, _extends$2({
+    return /*#__PURE__*/React__default["default"].createElement(styled$8.Chip, _extends$1({
       as: props.onClick ? 'button' : 'div',
       backgroundColor: backgroundColor,
       borderColor: borderColor,
@@ -21233,7 +20791,7 @@
         }, props.label), icon && /*#__PURE__*/React__default["default"].createElement(styled$4.InputIcon, {
           name: icon,
           color: error ? 'error' : 'black'
-        }), /*#__PURE__*/React__default["default"].createElement(styled$4.Input, _extends$2({}, props, {
+        }), /*#__PURE__*/React__default["default"].createElement(styled$4.Input, _extends$1({}, props, {
           ref: this.input,
           placeholder: hasFloatingLabel && !isFloating ? '' : placeholder,
           onBlur: this.handleBlur,
@@ -21445,7 +21003,7 @@
         var isFloating = isFocused || !!value;
         return /*#__PURE__*/React__default["default"].createElement(styled$3.Container, {
           fullWidth: props.fullWidth
-        }, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$3.FloatingLabel, _extends$2({}, props, {
+        }, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$3.FloatingLabel, _extends$1({}, props, {
           "data-test": "floatingLabel",
           error: error,
           onClick: this.handleLabelClick,
@@ -21453,7 +21011,7 @@
           isFocused: isFocused,
           isFloating: isFloating,
           isTranslateActive: isTranslateActive
-        }), label), /*#__PURE__*/React__default["default"].createElement(styled$3.Textarea, _extends$2({}, props, {
+        }), label), /*#__PURE__*/React__default["default"].createElement(styled$3.Textarea, _extends$1({}, props, {
           ref: this.textarea,
           placeholder: hasFloatingLabel && !isFloating ? '' : placeholder,
           onBlur: this.handleBlur,