carbon-react 105.2.0 → 106.0.2

package/esm/__internal__/utils/helpers/browser/browser.js

@@ -1,198 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { keys } from "lodash";
-/**
-* Browser Helper
-
-*
-* Provides helper methods for working with Browser behavior.
-*
-*/
-
-const Browser = {
-  isDomAvailable: () => {
-    const _window = Browser.getWindow();
-
-    const _document = Browser.getDocument();
-
-    return !!(typeof _window !== "undefined" && _document && _document.createElement);
-  },
-
-  /**
-   * Get the current window
-   *
-   * @return window
-   */
-  getWindow: () => {
-    return global.window;
-  },
-
-  /**
-   * Get the current document
-   *
-   * @return window
-   */
-  getDocument: () => {
-    return document;
-  },
-
-  /**
-   * Get the current activeElement
-   *
-   * @return HTMLElement
-   */
-  getActiveElement: () => {
-    const doc = Browser.getDocument();
-    return doc.activeElement;
-  },
-
-  /**
-   * Redirect to URL
-   *
-   * @method redirectTo
-   * @param url => URL string format
-   */
-  redirectTo: url => {
-    Browser.getWindow().location = url;
-  },
-
-  /**
-   * Redirects to URL after the given number of seconds have elapsed
-   *
-   * @method redirectAfter
-   * @param url => URL string format
-   * @param seconds => the number of seconds to wait before redirecting
-   */
-  redirectAfter: (url, seconds) => {
-    return setTimeout(() => Browser.redirectTo(url), seconds * 1000);
-  },
-
-  /**
-   * Reload the current page
-   *
-   * @method reload
-   */
-  reload: () => {
-    Browser.getWindow().location.reload();
-  },
-
-  /**
-   * Focuses and sets cursor of input field
-   *
-   * @method editFocus
-   */
-  editFocus: ref => {
-    const node = ReactDOM.findDOMNode(ref._input); // eslint-disable-line react/no-find-dom-node
-
-    node.focus();
-    node.select();
-  },
-
-  /**
-   * Focuses and sets cursor of react node
-   *
-   * @method setFocus
-   */
-  setFocus: reactNode => {
-    const node = ReactDOM.findDOMNode(reactNode); // eslint-disable-line react/no-find-dom-node
-
-    node.focus();
-  },
-
-  /**
-   *  Focuses and sets cursor of input field but does not select text
-   *
-   * @method setInputFocus
-   */
-  setInputFocus: inputComponent => {
-    Browser.setFocus(inputComponent._input);
-  },
-
-  /**
-   * Sets a cookie where name=value
-   *
-   * @param {Object} options includes expires or max-age
-   * @method setCookie
-   */
-  setCookie: (name, value, options = {}) => {
-    let cookie = `${name}=${value}`;
-
-    if (options.expires) {
-      cookie += `; expires=${options.expires}`;
-    }
-
-    if (options["max-age"]) {
-      cookie += `; max-age=${options["max-age"]}`;
-    }
-
-    Browser.getDocument().cookie = cookie;
-  },
-
-  /**
-   * Returns a cookies value by passed name
-   *
-   * @param {String} name cookie name key
-   * @method getCookieValueByName
-   */
-  getCookie: name => {
-    const cookies = Browser.getDocument().cookie.split(";");
-
-    for (let i = 0; i < cookies.length; i++) {
-      const cookie = cookies[i].trim().split("=");
-
-      if (cookie[0] === name) {
-        return cookie[1];
-      }
-    }
-
-    return null;
-  },
-
-  /**
-   * Submits POST in new window
-   *
-   * @method  postToNewWindow
-   * @param   {String}  url     URL to POST to
-   * @param   {Object}  data    Data to POST
-   * @param   {Object}  target  Optional target window name
-   * @return  {Void}
-   */
-  postToNewWindow: (url, data, target = "_blank") => {
-    const doc = Browser.getDocument(),
-          containerId = "carbonPostFormContainer";
-    let container = doc.getElementById(containerId);
-
-    if (!container) {
-      container = doc.createElement("div");
-      container.setAttribute("id", containerId);
-      doc.body.appendChild(container);
-    }
-
-    ReactDOM.render( /*#__PURE__*/React.createElement("form", {
-      action: url,
-      method: "post",
-      target: target
-    }, keys(data).map(key => {
-      return /*#__PURE__*/React.createElement("input", {
-        type: "hidden",
-        key: key,
-        name: key,
-        value: data[key]
-      });
-    })), container, function () {
-      Browser.submitForm(this);
-    });
-    ReactDOM.unmountComponentAtNode(container);
-  },
-
-  /**
-   * Submits a passed Form
-   *
-   * @method submitForm
-   * @param {HTML Form} form to submit
-   */
-  submitForm: form => {
-    form.submit();
-  }
-};
-export default Browser;

package/esm/__internal__/utils/helpers/browser-type-check/browser-type-check.d.ts

@@ -1,7 +0,0 @@
-export function isSafari(navigator: any): any;
-export function isEdge(navigator: any): any;
-export default browserTypeCheck;
-/**
- * Check for Chrome or Firefox.
- */
-declare function browserTypeCheck(_window: any): boolean;

package/esm/__internal__/utils/helpers/browser-type-check/browser-type-check.js

@@ -1,14 +0,0 @@
-/**
- * Check for Chrome or Firefox.
- */
-function browserTypeCheck(_window) {
-  return Boolean(_window.chrome || _window.sidebar);
-}
-
-export function isSafari(navigator) {
-  return navigator.vendor.includes("Apple");
-}
-export function isEdge(navigator) {
-  return navigator.userAgent.includes("Edge");
-}
-export default browserTypeCheck;

package/esm/__internal__/utils/helpers/guid/__spec__.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/__internal__/utils/helpers/guid/__spec__.js

@@ -1,10 +0,0 @@
-import guid from "./guid";
-describe("guid", () => {
-  it("returns a 36 character id", () => {
-    expect(guid().length).toEqual(36);
-  });
-  it("returns a unique id", () => {
-    const id = guid();
-    expect(guid()).not.toEqual(id);
-  });
-});

package/esm/__internal__/utils/helpers/guid/guid.d.ts

@@ -1,2 +0,0 @@
-declare function _default(): string;
-export default _default;

package/esm/__internal__/utils/helpers/guid/package.json

@@ -1,3 +0,0 @@
-{
-  "main": "./guid.js"
-}

package/esm/__internal__/utils/helpers/immutable/__spec__.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/__internal__/utils/helpers/immutable/__spec__.js

@@ -1,117 +0,0 @@
-import Immutable from "immutable";
-import ImmutableHelper from "./immutable";
-describe("Immutable Helper", () => {
-  describe("parseJSON", () => {
-    describe("when the passed json is not an object", () => {
-      it("returns the json", () => {
-        expect(ImmutableHelper.parseJSON("a")).toEqual("a");
-      });
-    });
-    describe("when the passed json is null", () => {
-      it("returns null", () => {
-        expect(ImmutableHelper.parseJSON(null)).toBeNull();
-      });
-    });
-    describe("when the JSON is a simple array", () => {
-      let data, expectedData, result;
-      beforeEach(() => {
-        data = ["a", "b", "c"];
-        expectedData = Immutable.Seq(data).toList();
-        result = ImmutableHelper.parseJSON(data);
-      });
-      it("returns a immutable object of that array", () => {
-        expect(result).toEqual(expectedData);
-        expect(result.get(0)).toEqual("a");
-        expect(result.get(1)).toEqual("b");
-        expect(result.get(2)).toEqual("c");
-      });
-    });
-    describe("when the JSON object is a array of objects", () => {
-      let data, result;
-      it("returns a immutable object of that array", () => {
-        data = [{
-          foo: "a"
-        }, {
-          bar: "b"
-        }, {
-          baz: "c"
-        }];
-        result = ImmutableHelper.parseJSON(data);
-        expect(result.get(0).get("foo")).toEqual("a");
-        expect(result.get(1).get("bar")).toEqual("b");
-        expect(result.get(2).get("baz")).toEqual("c");
-      });
-    });
-    describe("when JSON is a object", () => {
-      let data, expectedData;
-      beforeEach(() => {
-        data = {
-          foo: "bar",
-          baz: "qux"
-        };
-        expectedData = Immutable.Seq(data).toMap();
-      });
-      it("returns a ordered immutable map", () => {
-        const result = ImmutableHelper.parseJSON(data);
-        expect(result).toEqual(expectedData);
-        expect(result.get("foo")).toEqual("bar");
-        expect(result.get("baz")).toEqual("qux");
-      });
-    });
-    describe("when JSON is a complex value with nest arrays and objects", () => {
-      let data, expectedData;
-      beforeEach(() => {
-        data = [{
-          foo: "bar",
-          baz: "qux"
-        }, {
-          a: ["a", "b", "c"],
-          b: "b"
-        }];
-        const obj1 = Immutable.Seq({
-          foo: "bar",
-          baz: "qux"
-        }).toMap();
-        const array1 = Immutable.Seq(["a", "b", "c"]).toList();
-        const obj2 = Immutable.Seq({
-          a: array1,
-          b: "b"
-        }).toMap();
-        expectedData = Immutable.Seq([obj1, obj2]).toList();
-      });
-      it("creates a immutable object in the same format", () => {
-        const result = ImmutableHelper.parseJSON(data);
-        expect(result.toJS()).toEqual(expectedData.toJS());
-      });
-    });
-    describe("when passed a number", () => {
-      it("casts it to a string", () => {
-        expect(ImmutableHelper.parseJSON(1)).toEqual(Immutable.fromJS("1"));
-        expect(ImmutableHelper.parseJSON(3.142)).toEqual(Immutable.fromJS("3.142"));
-      });
-      describe("as a nested element", () => {
-        it("casts all numbers to a string", () => {
-          const data = [{
-            foo: "bar",
-            baz: "qux"
-          }, {
-            a: [1, 2, "c"],
-            b: 2
-          }];
-          const obj1 = Immutable.Seq({
-            foo: "bar",
-            baz: "qux"
-          }).toMap();
-          const array1 = Immutable.Seq(["1", "2", "c"]).toList();
-          const obj2 = Immutable.Seq({
-            a: array1,
-            b: "2"
-          }).toMap();
-          const expectedData = Immutable.Seq([obj1, obj2]).toList();
-          const result = ImmutableHelper.parseJSON(data);
-          expect(result.toJS()).toEqual(expectedData.toJS());
-        });
-      });
-    });
-  });
-});

package/esm/__internal__/utils/helpers/immutable/immutable.d.ts

@@ -1,4 +0,0 @@
-export default ImmutableHelper;
-declare namespace ImmutableHelper {
-    function parseJSON(js: Object): any;
-}

package/esm/__internal__/utils/helpers/immutable/immutable.js

@@ -1,36 +0,0 @@
-import Immutable from "immutable";
-/**
- * Immutable Helper
- *
- * Provides helper methods for working with immutable data.
- *
- * @object ImmutableHelper
- * @param {String} name
- * @param {Object} form
- */
-
-const ImmutableHelper = {
-  /**
-   * Parses a regular JSON object into an Immutable data object, mapping the data
-   * correctly and applying custom transforms to make the data easier to work with.
-   *
-   * @method parseJSON
-   * @param {Object} js
-   */
-  parseJSON: js => {
-    if (typeof js !== "object" || js === null) {
-      if (typeof js === "number") {
-        return String(js);
-      }
-
-      return js;
-    }
-
-    if (Array.isArray(js)) {
-      return Immutable.Seq(js).map(ImmutableHelper.parseJSON).toList();
-    }
-
-    return Immutable.Seq(js).map(ImmutableHelper.parseJSON).toMap();
-  }
-};
-export default ImmutableHelper;

package/esm/__internal__/utils/helpers/immutable/package.json

@@ -1,4 +0,0 @@
-{
-  "name": "immutable",
-  "main": "./immutable.js"
-}

package/esm/__internal__/utils/helpers/with-unique-id-props/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./with-unique-id-props.hoc";

package/esm/__internal__/utils/helpers/with-unique-id-props/index.js

@@ -1 +0,0 @@
-export { default } from "./with-unique-id-props.hoc";

package/esm/__internal__/utils/helpers/with-unique-id-props/with-unique-id-props.hoc.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-
-declare function withUniqueIdProps<T, P>(
-  WrappedComponent: React.ComponentType<T & React.RefAttributes<P>>
-): JSX.Element;
-
-export default withUniqueIdProps;

package/esm/__internal__/utils/helpers/with-unique-id-props/with-unique-id-props.hoc.js

@@ -1,82 +0,0 @@
-function _extends() { _extends = 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.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import React from "react";
-import PropTypes from "prop-types";
-import guid from "../guid";
-
-const withUniqueIdProps = WrappedComponent => {
-  let WithUniqueIdProps = /*#__PURE__*/function (_React$Component) {
-    _inherits(WithUniqueIdProps, _React$Component);
-
-    var _super = _createSuper(WithUniqueIdProps);
-
-    function WithUniqueIdProps(...args) {
-      var _this;
-
-      _classCallCheck(this, WithUniqueIdProps);
-
-      _this = _super.call(this, ...args);
-
-      _defineProperty(_assertThisInitialized(_this), "id", guid());
-
-      _defineProperty(_assertThisInitialized(_this), "name", guid());
-
-      return _this;
-    }
-
-    _createClass(WithUniqueIdProps, [{
-      key: "render",
-      value: function render() {
-        const {
-          forwardedRef,
-          id,
-          ...props
-        } = this.props;
-        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
-          id: id || this.id,
-          name: this.name,
-          ref: forwardedRef
-        }, props));
-      }
-    }]);
-
-    return WithUniqueIdProps;
-  }(React.Component);
-
-  WithUniqueIdProps.propTypes = {
-    forwardedRef: PropTypes.object,
-    id: PropTypes.string
-  };
-  const Component = /*#__PURE__*/React.forwardRef((props, ref) => {
-    return /*#__PURE__*/React.createElement(WithUniqueIdProps, _extends({}, props, {
-      forwardedRef: ref
-    }));
-  });
-  const displayName = WrappedComponent.displayName || WrappedComponent.name || "WithUniqueIdProps(Unknown)";
-  Component.displayName = displayName.replace(/^Base/, "");
-  return Component;
-};
-
-export default withUniqueIdProps;

package/esm/__internal__/utils/logger/logger.d.ts

@@ -1,9 +0,0 @@
-export default Logger;
-declare namespace Logger {
-    function setEnabledState(newState: any): void;
-    function error(message: any, opts: any): void;
-    function info(message: any, opts: any): void;
-    function log(message: any, opts: any): void;
-    function warn(message: any, opts: any): void;
-    function deprecate(message: any, opts: any): void;
-}

package/esm/__internal__/utils/logger/logger.js

@@ -1,71 +0,0 @@
-// Globally enable the logger
-let enabled = process.env.NODE_ENV !== "production";
-const delays = {};
-const groupedMessages = {}; // Log the message
-
-const log = (message, type, opts = {}) => {
-  if (enabled) {
-    if (opts.group) {
-      // if a group is defined, collect all occurrences to output together
-      groupedMessages[opts.group] = groupedMessages[opts.group] || [];
-      groupedMessages[opts.group].push(message);
-      const delay = delays[opts.group];
-
-      if (delay) {
-        clearTimeout(delay);
-      }
-
-      delays[opts.group] = setTimeout(() => {
-        console[type](groupedMessages[opts.group][0], {
-          // eslint-disable-line no-console
-          all: groupedMessages[opts.group]
-        });
-      }, 500);
-    } else {
-      // output the message
-      console[type](message); // eslint-disable-line no-console
-    }
-  }
-};
-/*
- * Logger
- *
- * Logger function will only output when enabled. By default this
- * enabled state is set when your NODE_ENV !== 'production'
- *
- * If you wish to enable or disable the logger globally you can import the Logger
- * and call setEnabledState(bool) passing the newState as a boolean.
- *
- * Methods
- * error - console.error
- * info - console.info
- * log - console.log
- * warn - console.warn
- * deprecate - console.warn which prepends the message with [Deprecation]
- *
- * You can also pass an option of 'group', this will group messages together that
- * share the same group name and are triggered within 500ms of one another.
- */
-
-
-const Logger = {
-  setEnabledState: newState => {
-    enabled = newState;
-  },
-  error: (message, opts) => {
-    log(message, "error", opts);
-  },
-  info: (message, opts) => {
-    log(message, "info", opts);
-  },
-  log: (message, opts) => {
-    log(message, "log", opts);
-  },
-  warn: (message, opts) => {
-    log(message, "warn", opts);
-  },
-  deprecate: (message, opts) => {
-    log(`[Deprecation] ${message}`, "warn", opts);
-  }
-};
-export default Logger;

package/lib/__internal__/utils/ether/ether.d.ts

@@ -1,19 +0,0 @@
-/**
- * Ether
- *
- * Ether provides functional-like helper methods for Carbon specific tasks.
- * As we are dealing with stateful values (user input, browser state) Ether
- * does not provide pure functions in all cases.
- */
-/**
- * Returns the props that were passed to a component but excludes the props listed in propTypes
- *
- * Optionally includes the safeProps which can be defined as a static property on a Class or passed as the second
- * argument.
- *
- * @method validProps
- * @param {Object} instance
- * @param {Array?} safeProps
- * @return {Object} props
- */
-export function validProps(instance: Object, safeProps: any[] | null): Object;

package/lib/__internal__/utils/ether/ether.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validProps = validProps;
-
-var _lodash = require("lodash");
-
-/**
- * Ether
- *
- * Ether provides functional-like helper methods for Carbon specific tasks.
- * As we are dealing with stateful values (user input, browser state) Ether
- * does not provide pure functions in all cases.
- */
-
-/**
- * Returns the props that were passed to a component but excludes the props listed in propTypes
- *
- * Optionally includes the safeProps which can be defined as a static property on a Class or passed as the second
- * argument.
- *
- * @method validProps
- * @param {Object} instance
- * @param {Array?} safeProps
- * @return {Object} props
- */
-function validProps(instance, safeProps) {
-  const component = instance.isReactComponent ? instance.constructor : instance;
-  const unsafeProps = (0, _lodash.difference)(Object.keys(component.propTypes), safeProps || component.safeProps || []);
-  return (0, _lodash.omit)(instance.props, unsafeProps);
-} // eslint-disable-next-line import/prefer-default-export

package/lib/__internal__/utils/ether/index.d.ts

@@ -1 +0,0 @@
-export * from "./ether";

package/lib/__internal__/utils/ether/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _ether = require("./ether");
-
-Object.keys(_ether).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ether[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ether[key];
-    }
-  });
-});

package/lib/__internal__/utils/ether/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/__internal__/utils/ether/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}