@muraldevkit/ui-toolkit 4.67.0 → 4.68.0-dev-5W5E.1

package/dist/cjs/utils/isElementAriaDisabled/isElementAriaDisabled.js

@@ -0,0 +1,16 @@
+'use strict';
+
+/**
+ * Checks if an element has aria-disabled="true"
+ *
+ * @param {HTMLElement | null | undefined} element - The element to check for aria-disabled attribute
+ * @returns {boolean} - true if the element has aria-disabled="true", false otherwise
+ */
+var isElementAriaDisabled = element => {
+  if (!element) return false;
+  var ariaDisabled = element.getAttribute('aria-disabled');
+  return (ariaDisabled === null || ariaDisabled === void 0 ? void 0 : ariaDisabled.trim()) === 'true';
+};
+
+exports.isElementAriaDisabled = isElementAriaDisabled;
+//# sourceMappingURL=isElementAriaDisabled.js.map

package/dist/cjs/utils/isElementAriaDisabled/isElementAriaDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementAriaDisabled.js","sources":["../../../../src/utils/isElementAriaDisabled/isElementAriaDisabled.ts"],"sourcesContent":["/**\n * Checks if an element has aria-disabled=\"true\"\n *\n * @param {HTMLElement | null | undefined} element - The element to check for aria-disabled attribute\n * @returns {boolean} - true if the element has aria-disabled=\"true\", false otherwise\n */\nexport const isElementAriaDisabled = (element: HTMLElement | null | undefined): boolean => {\n\tif (!element) return false;\n\n\tconst ariaDisabled = element.getAttribute('aria-disabled');\n\treturn ariaDisabled?.trim() === 'true';\n};\n"],"names":["isElementAriaDisabled","element","ariaDisabled","getAttribute","trim"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAIC,OAAuC,IAAc;AAC1F,EAAA,IAAI,CAACA,OAAO,EAAE,OAAO,KAAK;AAE1B,EAAA,IAAMC,YAAY,GAAGD,OAAO,CAACE,YAAY,CAAC,eAAe,CAAC;EAC1D,OAAO,CAAAD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEE,IAAI,EAAE,MAAK,MAAM;AACvC;;;;"}

package/dist/cjs/utils/isElementScrollable/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * Test if an element is scrollable
+ *
+ * @param {HTMLElement} element - the element you want to test
+ * @returns {boolean} - true if the element is scrollable, false if it is not scrollable
+ */
+var isElementScrollable = element => {
+  return element.scrollHeight > element.clientHeight;
+};
+
+exports.isElementScrollable = isElementScrollable;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/isElementScrollable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/isElementScrollable/index.ts"],"sourcesContent":["/**\n * Test if an element is scrollable\n *\n * @param {HTMLElement} element - the element you want to test\n * @returns {boolean} - true if the element is scrollable, false if it is not scrollable\n */\nexport const isElementScrollable = (element: HTMLElement): boolean => {\n\treturn element.scrollHeight > element.clientHeight;\n};\n"],"names":["isElementScrollable","element","scrollHeight","clientHeight"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,mBAAmB,GAAIC,OAAoB,IAAc;AACrE,EAAA,OAAOA,OAAO,CAACC,YAAY,GAAGD,OAAO,CAACE,YAAY;AACnD;;;;"}

package/dist/cjs/utils/isImagePath/index.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var path = require('path-browserify');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var path__namespace = /*#__PURE__*/_interopNamespace(path);
+
+/**
+ * Checks if a passed image string is a valid URL
+ *
+ * @param {string} image - the image string being tested
+ * @returns {boolean} - if the image is an image URL
+ */
+var isImagePath = image => {
+  try {
+    if (typeof image !== 'string') return false;
+    var result = path__namespace.parse(image);
+    if (!result) throw result;
+  } catch (err) {
+    return false;
+  }
+  return true;
+};
+
+exports.isImagePath = isImagePath;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/isImagePath/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/isImagePath/index.ts"],"sourcesContent":["import * as path from 'path-browserify';\n\n/**\n * Checks if a passed image string is a valid URL\n *\n * @param {string} image - the image string being tested\n * @returns {boolean} - if the image is an image URL\n */\nexport const isImagePath = (image: string): image is string => {\n\ttry {\n\t\tif (typeof image !== 'string') return false;\n\n\t\tconst result = path.parse(image);\n\t\tif (!result) throw result;\n\t} catch (err) {\n\t\treturn false;\n\t}\n\n\treturn true;\n};\n"],"names":["isImagePath","image","result","path","parse","err"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,WAAW,GAAIC,KAAa,IAAsB;EAC9D,IAAI;AACH,IAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAO,KAAK;AAE3C,IAAA,IAAMC,MAAM,GAAGC,eAAI,CAACC,KAAK,CAACH,KAAK,CAAC;AAChC,IAAA,IAAI,CAACC,MAAM,EAAE,MAAMA,MAAM;EAC1B,CAAC,CAAC,OAAOG,GAAG,EAAE;AACb,IAAA,OAAO,KAAK;AACb,EAAA;AAEA,EAAA,OAAO,IAAI;AACZ;;;;"}

package/dist/cjs/utils/isImageUri/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+/**
+ * Checks if a passed image string is an image URI
+ *
+ * @param {string} image - the image string being tested
+ * @returns {boolean} - if the image is an image URI
+ */
+var isImageUri = image => {
+  try {
+    if (typeof image !== 'string') return false;
+    // eslint-disable-next-line no-new
+    new URL(image);
+  } catch (err) {
+    return false;
+  }
+  return true;
+};
+
+exports.isImageUri = isImageUri;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/isImageUri/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/isImageUri/index.ts"],"sourcesContent":["/**\n * Checks if a passed image string is an image URI\n *\n * @param {string} image - the image string being tested\n * @returns {boolean} - if the image is an image URI\n */\nexport const isImageUri = (image: string): image is string => {\n\ttry {\n\t\tif (typeof image !== 'string') return false;\n\t\t// eslint-disable-next-line no-new\n\t\tnew URL(image);\n\t} catch (err) {\n\t\treturn false;\n\t}\n\n\treturn true;\n};\n"],"names":["isImageUri","image","URL","err"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAIC,KAAa,IAAsB;EAC7D,IAAI;AACH,IAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAO,KAAK;AAC3C;IACA,IAAIC,GAAG,CAACD,KAAK,CAAC;EACf,CAAC,CAAC,OAAOE,GAAG,EAAE;AACb,IAAA,OAAO,KAAK;AACb,EAAA;AAEA,EAAA,OAAO,IAAI;AACZ;;;;"}

package/dist/cjs/utils/isObject/isObject.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * Item is passed to the `isObject` function.
+ * Since we want to be able to check if anything is an object, we allow
+ * anything to be passed to the function.
+ */
+
+/**
+ * Tests that a variable is actually an object and not an array  or null
+ * which can mistakenly be flagged as an object
+ *
+ * @param {Item} item - variable to tests
+ * @returns {boolean} - value if item is actually an Object
+ */
+var isObject = item => {
+  if (item && Array.isArray(item)) {
+    return false;
+  }
+  return item instanceof Object;
+};
+
+exports.isObject = isObject;
+//# sourceMappingURL=isObject.js.map

package/dist/cjs/utils/isObject/isObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isObject.js","sources":["../../../../src/utils/isObject/isObject.ts"],"sourcesContent":["/**\n * Item is passed to the `isObject` function.\n * Since we want to be able to check if anything is an object, we allow\n * anything to be passed to the function.\n */\nexport type Item = unknown;\n\n/**\n * Tests that a variable is actually an object and not an array  or null\n * which can mistakenly be flagged as an object\n *\n * @param {Item} item - variable to tests\n * @returns {boolean} - value if item is actually an Object\n */\nexport const isObject = (item: Item): boolean => {\n\tif (item && Array.isArray(item)) {\n\t\treturn false;\n\t}\n\n\treturn item instanceof Object;\n};\n"],"names":["isObject","item","Array","isArray","Object"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAIC,IAAU,IAAc;EAChD,IAAIA,IAAI,IAAIC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,EAAE;AAChC,IAAA,OAAO,KAAK;AACb,EAAA;EAEA,OAAOA,IAAI,YAAYG,MAAM;AAC9B;;;;"}

package/dist/cjs/utils/isTouch/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+/**
+ * Check if the device is a touch device
+ *
+ * @returns {boolean} - True if the device is a touch device
+ */
+var isTouchDevice = () => {
+  return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+};
+
+exports.isTouchDevice = isTouchDevice;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/isTouch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/isTouch/index.ts"],"sourcesContent":["/**\n * Check if the device is a touch device\n *\n * @returns {boolean} - True if the device is a touch device\n */\nexport const isTouchDevice = (): boolean => {\n\treturn 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n};\n"],"names":["isTouchDevice","window","navigator","maxTouchPoints"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAGA,MAAe;EAC3C,OAAO,cAAc,IAAIC,MAAM,IAAIC,SAAS,CAACC,cAAc,GAAG,CAAC;AAChE;;;;"}

package/dist/cjs/utils/layers/index.js

@@ -0,0 +1,64 @@
+'use strict';
+
+/* eslint-disable sort-keys */
+/**
+ * References to the different portal layers
+ */
+var PORTAL_LAYERS = {
+  ROOT: {
+    name: 'mrl-root-portal',
+    zIndex: 50000
+  },
+  TOAST: {
+    name: 'mrl-toast-portal',
+    zIndex: 50001
+  },
+  MENU: {
+    name: 'mrl-menu-portal',
+    zIndex: 50002
+  },
+  POPOVER: {
+    name: 'mrl-popover-portal',
+    zIndex: 50003
+  },
+  POPOVER_MENU: {
+    name: 'mrl-popover-menu-portal',
+    zIndex: 50004
+  },
+  CALLOUT: {
+    name: 'mrl-callout-portal',
+    zIndex: 50004
+  },
+  MODAL: {
+    name: 'mrl-modal',
+    zIndex: 50005
+  },
+  SELECT: {
+    name: 'mrl-select-portal',
+    zIndex: 50006
+  },
+  TOOLTIP: {
+    name: 'mrl-tooltip-portal',
+    zIndex: 50007
+  },
+  TOP: {
+    name: 'mrl-top-portal',
+    zIndex: 50008
+  }
+};
+
+/**
+ * Get the current portal layer based on the provided element
+ *
+ * @param element - the element to check for the closest portal layer
+ * @returns the portal layer id
+ */
+var getCurrentPortalLayer = element => {
+  if (!element) return null;
+  var closestWithDataLayerId = element.closest('[data-layer-id]');
+  return closestWithDataLayerId ? closestWithDataLayerId.getAttribute('data-layer-id') : null;
+};
+
+exports.PORTAL_LAYERS = PORTAL_LAYERS;
+exports.getCurrentPortalLayer = getCurrentPortalLayer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/layers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/layers/index.ts"],"sourcesContent":["/* eslint-disable sort-keys */\n/**\n * References to the different portal layers\n */\nexport const PORTAL_LAYERS = {\n\tROOT: { name: 'mrl-root-portal', zIndex: 50000 },\n\tTOAST: { name: 'mrl-toast-portal', zIndex: 50001 },\n\tMENU: { name: 'mrl-menu-portal', zIndex: 50002 },\n\tPOPOVER: { name: 'mrl-popover-portal', zIndex: 50003 },\n\tPOPOVER_MENU: { name: 'mrl-popover-menu-portal', zIndex: 50004 },\n\tCALLOUT: { name: 'mrl-callout-portal', zIndex: 50004 },\n\tMODAL: { name: 'mrl-modal', zIndex: 50005 },\n\tSELECT: { name: 'mrl-select-portal', zIndex: 50006 },\n\tTOOLTIP: { name: 'mrl-tooltip-portal', zIndex: 50007 },\n\tTOP: { name: 'mrl-top-portal', zIndex: 50008 }\n} as const;\n\n/**\n * Get the current portal layer based on the provided element\n *\n * @param element - the element to check for the closest portal layer\n * @returns the portal layer id\n */\nexport const getCurrentPortalLayer = (element: HTMLElement): string | null => {\n\tif (!element) return null;\n\n\tconst closestWithDataLayerId = element.closest('[data-layer-id]');\n\treturn closestWithDataLayerId ? closestWithDataLayerId.getAttribute('data-layer-id') : null;\n};\n"],"names":["PORTAL_LAYERS","ROOT","name","zIndex","TOAST","MENU","POPOVER","POPOVER_MENU","CALLOUT","MODAL","SELECT","TOOLTIP","TOP","getCurrentPortalLayer","element","closestWithDataLayerId","closest","getAttribute"],"mappings":";;AAAA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG;AAC5BC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,IAAI,EAAE,iBAAiB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AAChDC,EAAAA,KAAK,EAAE;AAAEF,IAAAA,IAAI,EAAE,kBAAkB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AAClDE,EAAAA,IAAI,EAAE;AAAEH,IAAAA,IAAI,EAAE,iBAAiB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AAChDG,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,IAAI,EAAE,oBAAoB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AACtDI,EAAAA,YAAY,EAAE;AAAEL,IAAAA,IAAI,EAAE,yBAAyB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AAChEK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,IAAI,EAAE,oBAAoB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AACtDM,EAAAA,KAAK,EAAE;AAAEP,IAAAA,IAAI,EAAE,WAAW;AAAEC,IAAAA,MAAM,EAAE;GAAO;AAC3CO,EAAAA,MAAM,EAAE;AAAER,IAAAA,IAAI,EAAE,mBAAmB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AACpDQ,EAAAA,OAAO,EAAE;AAAET,IAAAA,IAAI,EAAE,oBAAoB;AAAEC,IAAAA,MAAM,EAAE;GAAO;AACtDS,EAAAA,GAAG,EAAE;AAAEV,IAAAA,IAAI,EAAE,gBAAgB;AAAEC,IAAAA,MAAM,EAAE;AAAM;AAC9C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMU,qBAAqB,GAAIC,OAAoB,IAAoB;AAC7E,EAAA,IAAI,CAACA,OAAO,EAAE,OAAO,IAAI;AAEzB,EAAA,IAAMC,sBAAsB,GAAGD,OAAO,CAACE,OAAO,CAAC,iBAAiB,CAAC;EACjE,OAAOD,sBAAsB,GAAGA,sBAAsB,CAACE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;AAC5F;;;;;"}

package/dist/cjs/utils/noop/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+/**
+ * No operation function to be used as a default callback.
+ *
+ * Example usage: in tests where there is a required handler, but we do not want to do anything.
+ * Better than passing a console log which clutters up our test output.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = () => {};
+
+exports.noop = noop;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/noop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/noop/index.ts"],"sourcesContent":["/**\n * No operation function to be used as a default callback.\n *\n * Example usage: in tests where there is a required handler, but we do not want to do anything.\n * Better than passing a console log which clutters up our test output.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const noop = (): void => {};\n"],"names":["noop"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,IAAI,GAAGA,MAAY,CAAC;;;;"}

package/dist/cjs/utils/preventDefault/preventDefault.js

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * Prevent default on event
+ *
+ * @param e - The event
+ */
+var preventDefault = e => {
+  e.preventDefault();
+  e.stopPropagation();
+};
+
+exports.preventDefault = preventDefault;
+//# sourceMappingURL=preventDefault.js.map

package/dist/cjs/utils/preventDefault/preventDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preventDefault.js","sources":["../../../../src/utils/preventDefault/preventDefault.ts"],"sourcesContent":["/**\n * Prevent default on event\n *\n * @param e - The event\n */\nexport const preventDefault = (\n\te: React.MouseEvent | React.KeyboardEvent | MouseEvent | KeyboardEvent\n): void => {\n\te.preventDefault();\n\te.stopPropagation();\n};\n"],"names":["preventDefault","e","stopPropagation"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAC1BC,CAAsE,IAC5D;EACVA,CAAC,CAACD,cAAc,EAAE;EAClBC,CAAC,CAACC,eAAe,EAAE;AACpB;;;;"}

package/dist/cjs/utils/setAttributes/setAttributes.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var isObject = require('../isObject/isObject.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+// We don't necessarily know what a user passes to any given key in the attributes object
+// so allowing "any" here will prevent unexpected TS failures
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+/**
+ * Parse a string of attributes into a JSON object
+ *
+ * @param {string} attributes - the custom attributes passed to a component
+ * @returns {AttrsObject} - an object of attributes
+ */
+var parseAttributes = attributes => {
+  try {
+    return JSON.parse(attributes);
+  } catch (error) {
+    console.error('The attrs property is not properly-formatted JSON:');
+    console.error(attributes);
+    console.error(error);
+    return error;
+  }
+};
+
+/**
+ * Object that contains all of the classes that can be applied to an element
+ * and a condition that determines if that instance should have it
+ * applied or not. The structure is:
+ * "my-class": !theConditional
+ */
+
+/**
+ * Sets up a classObject to be used by the className prop
+ *
+ * @todo - 2563 - use setClasses across components
+ * @param {string} customClasses - custom classes to apply via the attrs prop
+ * @param {ClassObject} defaultClasses - design system component classes to apply
+ * @returns {ClassObject} - with all classes
+ */
+var setClasses = (customClasses, defaultClasses) => {
+  /**
+   * If a string is passed, we must parse it into a valid JSON object.
+   * Otherwise, we can assign the passed attributes directly to the returned object.
+   */
+  var parsedAttr = typeof customClasses === 'string' ? parseAttributes(customClasses) : customClasses;
+  if (parsedAttr && isObject.isObject(parsedAttr) && parsedAttr.class) {
+    return _rollupPluginBabelHelpers.objectSpread2({
+      ["".concat(parsedAttr.class)]: typeof parsedAttr.class !== 'undefined' && parsedAttr.class.length > 0
+    }, defaultClasses);
+  }
+  return defaultClasses;
+};
+
+/**
+ * Set an object of attributes to be used in a given component.
+ *
+ * @param {AttrsObject} attributes - The custom attributes passed to the component
+ * @param {AttrsObject} defaults - An optional object of the default attributes of a component
+ * @param {string} className - Default classes to apply to the component
+ *
+ * Use when applying attributes such as a className directly to a react component.
+ * @returns {AttrsObject} - An object of component attributes
+ */
+var setAttributes = function setAttributes(attributes) {
+  var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var className = arguments.length > 2 ? arguments[2] : undefined;
+  /**
+   * If a string is passed, we must parse it into a valid JSON object.
+   * Otherwise, we can assign the passed attributes directly to the returned object.
+   */
+  var customAttributes = typeof attributes === 'string' ? parseAttributes(attributes) : attributes;
+  if (customAttributes) {
+    /**
+     * Assign the defaults and the passed attributes to a new object
+     * to ensure that one attributes object without duplicated keys
+     * can be passed to the component.
+     */
+
+    // Applies className instead of class when forReact is true
+    return Object.assign({}, defaults, customAttributes, {
+      className: classnames__default.default(className, customAttributes.className)
+    });
+  }
+  return {};
+};
+var lastId = 0;
+
+/**
+ *  Generates unique identifier
+ *
+ * @param {string} prefix  - prefix for identifier
+ * @returns {string} - prefixed unique identifier
+ */
+var getUniqueId = function getUniqueId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mrl';
+  lastId++;
+  return "".concat(prefix, "-").concat(lastId);
+};
+
+exports.getUniqueId = getUniqueId;
+exports.setAttributes = setAttributes;
+exports.setClasses = setClasses;
+//# sourceMappingURL=setAttributes.js.map

package/dist/cjs/utils/setAttributes/setAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAttributes.js","sources":["../../../../src/utils/setAttributes/setAttributes.ts"],"sourcesContent":["import cn from 'classnames';\nimport { isObject } from '../isObject';\n\n// We don't necessarily know what a user passes to any given key in the attributes object\n// so allowing \"any\" here will prevent unexpected TS failures\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AttrsObject = Record<string, any>;\n\n/**\n * Parse a string of attributes into a JSON object\n *\n * @param {string} attributes - the custom attributes passed to a component\n * @returns {AttrsObject} - an object of attributes\n */\nconst parseAttributes = (attributes: string): AttrsObject => {\n\ttry {\n\t\treturn JSON.parse(attributes);\n\t} catch (error) {\n\t\tconsole.error('The attrs property is not properly-formatted JSON:');\n\t\tconsole.error(attributes);\n\t\tconsole.error(error);\n\t\treturn error as AttrsObject;\n\t}\n};\n\n/**\n * Object that contains all of the classes that can be applied to an element\n * and a condition that determines if that instance should have it\n * applied or not. The structure is:\n * \"my-class\": !theConditional\n */\nexport type ClassObject = Record<string, boolean>;\n\n/**\n * Sets up a classObject to be used by the className prop\n *\n * @todo - 2563 - use setClasses across components\n * @param {string} customClasses - custom classes to apply via the attrs prop\n * @param {ClassObject} defaultClasses - design system component classes to apply\n * @returns {ClassObject} - with all classes\n */\nexport const setClasses = (\n\tcustomClasses: AttrsObject | undefined,\n\tdefaultClasses: ClassObject\n): ClassObject => {\n\t/**\n\t * If a string is passed, we must parse it into a valid JSON object.\n\t * Otherwise, we can assign the passed attributes directly to the returned object.\n\t */\n\tconst parsedAttr =\n\t\ttypeof customClasses === 'string' ? parseAttributes(customClasses) : customClasses;\n\n\tif (parsedAttr && isObject(parsedAttr) && parsedAttr.class) {\n\t\treturn {\n\t\t\t[`${parsedAttr.class}`]:\n\t\t\t\ttypeof parsedAttr.class !== 'undefined' && parsedAttr.class.length > 0,\n\t\t\t...defaultClasses\n\t\t};\n\t}\n\n\treturn defaultClasses;\n};\n\n/**\n * Set an object of attributes to be used in a given component.\n *\n * @param {AttrsObject} attributes - The custom attributes passed to the component\n * @param {AttrsObject} defaults - An optional object of the default attributes of a component\n * @param {string} className - Default classes to apply to the component\n *\n * Use when applying attributes such as a className directly to a react component.\n * @returns {AttrsObject} - An object of component attributes\n */\nexport const setAttributes = (\n\tattributes: AttrsObject | undefined,\n\tdefaults: AttrsObject = {},\n\tclassName?: string\n): AttrsObject => {\n\t/**\n\t * If a string is passed, we must parse it into a valid JSON object.\n\t * Otherwise, we can assign the passed attributes directly to the returned object.\n\t */\n\tconst customAttributes =\n\t\ttypeof attributes === 'string' ? parseAttributes(attributes) : attributes;\n\n\tif (customAttributes) {\n\t\t/**\n\t\t * Assign the defaults and the passed attributes to a new object\n\t\t * to ensure that one attributes object without duplicated keys\n\t\t * can be passed to the component.\n\t\t */\n\n\t\t// Applies className instead of class when forReact is true\n\t\treturn Object.assign({}, defaults, customAttributes, {\n\t\t\tclassName: cn(className, customAttributes.className)\n\t\t});\n\t}\n\n\treturn {};\n};\n\nlet lastId = 0;\n\n/**\n *  Generates unique identifier\n *\n * @param {string} prefix  - prefix for identifier\n * @returns {string} - prefixed unique identifier\n */\nexport const getUniqueId = (prefix = 'mrl'): string => {\n\tlastId++;\n\treturn `${prefix}-${lastId}`;\n};\n"],"names":["parseAttributes","attributes","JSON","parse","error","console","setClasses","customClasses","defaultClasses","parsedAttr","isObject","class","_objectSpread","concat","length","setAttributes","defaults","arguments","undefined","className","customAttributes","Object","assign","cn","lastId","getUniqueId","prefix"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAe,GAAIC,UAAkB,IAAkB;EAC5D,IAAI;AACH,IAAA,OAAOC,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC;EAC9B,CAAC,CAAC,OAAOG,KAAK,EAAE;AACfC,IAAAA,OAAO,CAACD,KAAK,CAAC,oDAAoD,CAAC;AACnEC,IAAAA,OAAO,CAACD,KAAK,CAACH,UAAU,CAAC;AACzBI,IAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACpB,IAAA,OAAOA,KAAK;AACb,EAAA;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaE,UAAU,GAAGA,CACzBC,aAAsC,EACtCC,cAA2B,KACV;AACjB;AACD;AACA;AACA;AACC,EAAA,IAAMC,UAAU,GACf,OAAOF,aAAa,KAAK,QAAQ,GAAGP,eAAe,CAACO,aAAa,CAAC,GAAGA,aAAa;EAEnF,IAAIE,UAAU,IAAIC,iBAAQ,CAACD,UAAU,CAAC,IAAIA,UAAU,CAACE,KAAK,EAAE;AAC3D,IAAA,OAAAC,uCAAA,CAAA;AACC,MAAA,CAAA,EAAA,CAAAC,MAAA,CAAIJ,UAAU,CAACE,KAAK,CAAA,GACnB,OAAOF,UAAU,CAACE,KAAK,KAAK,WAAW,IAAIF,UAAU,CAACE,KAAK,CAACG,MAAM,GAAG;AAAC,KAAA,EACpEN,cAAc,CAAA;AAEnB,EAAA;AAEA,EAAA,OAAOA,cAAc;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaO,aAAa,GAAG,SAAhBA,aAAaA,CACzBd,UAAmC,EAGlB;AAAA,EAAA,IAFjBe,QAAqB,GAAAC,SAAA,CAAAH,MAAA,GAAA,CAAA,IAAAG,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,IAC1BE,SAAkB,GAAAF,SAAA,CAAAH,MAAA,GAAA,CAAA,GAAAG,SAAA,MAAAC,SAAA;AAElB;AACD;AACA;AACA;AACC,EAAA,IAAME,gBAAgB,GACrB,OAAOnB,UAAU,KAAK,QAAQ,GAAGD,eAAe,CAACC,UAAU,CAAC,GAAGA,UAAU;AAE1E,EAAA,IAAImB,gBAAgB,EAAE;AACrB;AACF;AACA;AACA;AACA;;AAEE;IACA,OAAOC,MAAM,CAACC,MAAM,CAAC,EAAE,EAAEN,QAAQ,EAAEI,gBAAgB,EAAE;AACpDD,MAAAA,SAAS,EAAEI,2BAAE,CAACJ,SAAS,EAAEC,gBAAgB,CAACD,SAAS;AACpD,KAAC,CAAC;AACH,EAAA;AAEA,EAAA,OAAO,EAAE;AACV;AAEA,IAAIK,MAAM,GAAG,CAAC;;AAEd;AACA;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAG,SAAdA,WAAWA,GAA+B;AAAA,EAAA,IAA3BC,MAAM,GAAAT,SAAA,CAAAH,MAAA,GAAA,CAAA,IAAAG,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK;AACzCO,EAAAA,MAAM,EAAE;AACR,EAAA,OAAA,EAAA,CAAAX,MAAA,CAAUa,MAAM,EAAA,GAAA,CAAA,CAAAb,MAAA,CAAIW,MAAM,CAAA;AAC3B;;;;;;"}

package/dist/cjs/utils/trapFocus/index.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+
+var A_SELECTOR = 'a[href]:not([disabled])';
+var BUTTON_SELECTOR = 'button:not([disabled]):not([tabindex="-1"])';
+var TEXTAREA_SELECTOR = 'textarea:not([disabled])';
+var INPUT = 'input:not([type="hidden"]):not([disabled])';
+var SEARCH_INPUT = 'input[type="search"]:not([disabled])';
+var SELECT_SELECTOR = 'select:not([disabled])';
+var TAB_INDEX = '[tabindex]:not([tabindex="-1"]):not([disabled])';
+var WEB_COMPONENTS = 'mrl-icon-button:not([tabindex="-1"])';
+var TABBABLE_CONTENT_AREAS = 'div[tabindex="0"]';
+var FOCUSABLE_ELEMENTS_SELECTOR = [A_SELECTOR, BUTTON_SELECTOR, TEXTAREA_SELECTOR, INPUT, SEARCH_INPUT, SELECT_SELECTOR, TAB_INDEX, WEB_COMPONENTS, TABBABLE_CONTENT_AREAS].join(', ');
+
+/**
+ * Focus trap logic
+ * @param {HTMLElement} element - The component props.
+ * @returns {HTMLElement[]} - The focusable elements inside the element.
+ */
+var getFocusableElementsInsideElement = element => {
+  var focusableElements = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)).filter(n => n instanceof HTMLElement);
+
+  // If no focusable elements are found, check if the container can be focused
+  if (focusableElements.length === 0) {
+    // Check if the element has a -1 tabindex, if it doesn't let's add it so it can be focused
+    if (!element.hasAttribute('tabindex') || element.tabIndex < 0) {
+      element.setAttribute('tabindex', '-1');
+    }
+    focusableElements.push(element);
+  }
+  return focusableElements;
+};
+
+/**
+ * Gets the first element with the data-autofocus="true" attribute within the container element
+ * @param {HTMLElement} containerElement - container element
+ * @returns {HTMLElement | undefined} - the first element that has autofocus="true" or undefined
+ */
+var getElementWithAutofocus = containerElement => {
+  var focusableElements = getFocusableElementsInsideElement(containerElement);
+  return focusableElements.find(el => {
+    return el.getAttribute('data-autofocus') === 'true';
+  });
+};
+
+/**
+ * Returns if an element is a radio element
+ * @param {Element} el - The element
+ * @returns {HTMLInputElement} Returns true if the element is a radio
+ */
+var isElementRadioButton = el => {
+  return el.tagName === 'INPUT' && el.type === 'radio';
+};
+
+/**
+ * Traps focus inside of an element
+ * Adapted from https://hidde.blog/using-javascript-to-trap-focus-in-an-element/
+ * @param {HTMLElement} element // Element to trap focus in
+ * @param {boolean} disableAutofocus // Whether to disable autofocus
+ * @returns {Function}          // Cleanup function to be run when component is
+ *                              // removed from the DOM
+ */
+var trapFocus = function trapFocus(element) {
+  var disableAutofocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var previouslyFocusedEl = document.activeElement;
+  var mutationObserver = new MutationObserver(() => {
+    var _getFocusableElements = getFocusableElementsInsideElement(element),
+      _getFocusableElements2 = _rollupPluginBabelHelpers.slicedToArray(_getFocusableElements, 1),
+      firstFocusableElement = _getFocusableElements2[0];
+
+    // The previously focused element was removed from the DOM
+    if (!document.activeElement) {
+      firstFocusableElement.focus();
+    }
+  });
+  var tabListener = e => {
+    if (e.key !== 'Tab') {
+      return;
+    }
+    var focusableElements = getFocusableElementsInsideElement(element);
+    var firstFocusableElement = focusableElements[0];
+    var lastFocusableElement = focusableElements[focusableElements.length - 1];
+    if (e.shiftKey) {
+      // If the activeElement is a radio button and shares the same 'name' attribute as the firstFocusableElement
+      if (document.activeElement && isElementRadioButton(document.activeElement) && isElementRadioButton(firstFocusableElement) && document.activeElement.name === firstFocusableElement.name) {
+        lastFocusableElement.focus();
+        e.preventDefault();
+        return;
+      }
+
+      // Reverse in tab order, but we're at the beginning of the list
+      if (document.activeElement === firstFocusableElement) {
+        lastFocusableElement.focus();
+        e.preventDefault();
+        return;
+      }
+    } else if (document.activeElement === lastFocusableElement) {
+      // Forward in tab order, but we're at the end of the list
+      firstFocusableElement.focus();
+      e.preventDefault();
+    }
+  };
+  mutationObserver.observe(element, {
+    childList: true,
+    subtree: true
+  });
+  element.addEventListener('keydown', tabListener);
+
+  /**
+   * In the event an element has its tabindex set after component mounting has completed, we need
+   * to allow the callstack to clear to ensure it's properly set before we can focus the first element.
+   */
+  setTimeout(() => {
+    var elementWithAutofocus = getElementWithAutofocus(element);
+    if (elementWithAutofocus) {
+      elementWithAutofocus.focus();
+      return;
+    }
+    if (!disableAutofocus) {
+      var _getFocusableElements3 = getFocusableElementsInsideElement(element),
+        _getFocusableElements4 = _rollupPluginBabelHelpers.slicedToArray(_getFocusableElements3, 1),
+        firstFocusableElement = _getFocusableElements4[0];
+      firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+    }
+  }, 20);
+  return () => {
+    element.removeEventListener('keydown', tabListener);
+    mutationObserver.disconnect();
+
+    /**
+     * Restore focus to element that was in focus before the focus trap was activated
+     *
+     * Conditions to move focus:
+     * - If it is still inside the trap, or effectively "lost"
+     * - If focus has been intentionally moved outside, do nothing
+     */
+    var active = document.activeElement;
+    var focusIsInside = !!active && element.contains(active);
+    var focusIsLost = !active || active === document.body;
+    if (focusIsInside || focusIsLost) {
+      var body = document.body;
+
+      // get data-focus-item attribute from body
+      var focusItemId = body.dataset.focusItem;
+      var focusItemEl = focusItemId ? document.getElementById(focusItemId) : null;
+      var focusTarget = focusItemEl !== null && focusItemEl !== void 0 ? focusItemEl : previouslyFocusedEl;
+      if (focusTarget instanceof HTMLElement) {
+        focusTarget.focus();
+      }
+      delete body.dataset.focusItem;
+    }
+  };
+};
+
+exports.FOCUSABLE_ELEMENTS_SELECTOR = FOCUSABLE_ELEMENTS_SELECTOR;
+exports.getElementWithAutofocus = getElementWithAutofocus;
+exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
+exports.trapFocus = trapFocus;
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/trapFocus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/trapFocus/index.ts"],"sourcesContent":["const A_SELECTOR = 'a[href]:not([disabled])';\nconst BUTTON_SELECTOR = 'button:not([disabled]):not([tabindex=\"-1\"])';\nconst TEXTAREA_SELECTOR = 'textarea:not([disabled])';\nconst INPUT = 'input:not([type=\"hidden\"]):not([disabled])';\nconst SEARCH_INPUT = 'input[type=\"search\"]:not([disabled])';\nconst SELECT_SELECTOR = 'select:not([disabled])';\nconst TAB_INDEX = '[tabindex]:not([tabindex=\"-1\"]):not([disabled])';\nconst WEB_COMPONENTS = 'mrl-icon-button:not([tabindex=\"-1\"])';\nconst TABBABLE_CONTENT_AREAS = 'div[tabindex=\"0\"]';\n\nexport const FOCUSABLE_ELEMENTS_SELECTOR = [\n\tA_SELECTOR,\n\tBUTTON_SELECTOR,\n\tTEXTAREA_SELECTOR,\n\tINPUT,\n\tSEARCH_INPUT,\n\tSELECT_SELECTOR,\n\tTAB_INDEX,\n\tWEB_COMPONENTS,\n\tTABBABLE_CONTENT_AREAS\n].join(', ');\n\n/**\n * Focus trap logic\n * @param {HTMLElement} element - The component props.\n * @returns {HTMLElement[]} - The focusable elements inside the element.\n */\nexport const getFocusableElementsInsideElement = (element: HTMLElement): HTMLElement[] => {\n\tconst focusableElements = Array.from(\n\t\telement.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)\n\t).filter((n): n is HTMLElement => n instanceof HTMLElement);\n\n\t// If no focusable elements are found, check if the container can be focused\n\tif (focusableElements.length === 0) {\n\t\t// Check if the element has a -1 tabindex, if it doesn't let's add it so it can be focused\n\t\tif (!element.hasAttribute('tabindex') || element.tabIndex < 0) {\n\t\t\telement.setAttribute('tabindex', '-1');\n\t\t}\n\n\t\tfocusableElements.push(element);\n\t}\n\n\treturn focusableElements;\n};\n\n/**\n * Gets the first element with the data-autofocus=\"true\" attribute within the container element\n * @param {HTMLElement} containerElement - container element\n * @returns {HTMLElement | undefined} - the first element that has autofocus=\"true\" or undefined\n */\nexport const getElementWithAutofocus = (containerElement: HTMLElement): HTMLElement | undefined => {\n\tconst focusableElements = getFocusableElementsInsideElement(containerElement);\n\treturn focusableElements.find((el) => {\n\t\treturn el.getAttribute('data-autofocus') === 'true';\n\t});\n};\n\n/**\n * Returns if an element is a radio element\n * @param {Element} el - The element\n * @returns {HTMLInputElement} Returns true if the element is a radio\n */\nconst isElementRadioButton = (el: Element): el is HTMLInputElement => {\n\treturn el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'radio';\n};\n\n/**\n * Traps focus inside of an element\n * Adapted from https://hidde.blog/using-javascript-to-trap-focus-in-an-element/\n * @param {HTMLElement} element // Element to trap focus in\n * @param {boolean} disableAutofocus // Whether to disable autofocus\n * @returns {Function}          // Cleanup function to be run when component is\n *                              // removed from the DOM\n */\nexport const trapFocus = (element: HTMLElement, disableAutofocus = false): (() => void) => {\n\tconst previouslyFocusedEl = document.activeElement;\n\n\tconst mutationObserver = new MutationObserver(() => {\n\t\tconst [firstFocusableElement] = getFocusableElementsInsideElement(element);\n\n\t\t// The previously focused element was removed from the DOM\n\t\tif (!document.activeElement) {\n\t\t\tfirstFocusableElement.focus();\n\t\t}\n\t});\n\n\tconst tabListener = (e: KeyboardEvent) => {\n\t\tif (e.key !== 'Tab') {\n\t\t\treturn;\n\t\t}\n\n\t\tconst focusableElements = getFocusableElementsInsideElement(element);\n\t\tconst firstFocusableElement = focusableElements[0];\n\t\tconst lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n\t\tif (e.shiftKey) {\n\t\t\t// If the activeElement is a radio button and shares the same 'name' attribute as the firstFocusableElement\n\t\t\tif (\n\t\t\t\tdocument.activeElement &&\n\t\t\t\tisElementRadioButton(document.activeElement) &&\n\t\t\t\tisElementRadioButton(firstFocusableElement) &&\n\t\t\t\tdocument.activeElement.name === firstFocusableElement.name\n\t\t\t) {\n\t\t\t\tlastFocusableElement.focus();\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Reverse in tab order, but we're at the beginning of the list\n\t\t\tif (document.activeElement === firstFocusableElement) {\n\t\t\t\tlastFocusableElement.focus();\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t} else if (document.activeElement === lastFocusableElement) {\n\t\t\t// Forward in tab order, but we're at the end of the list\n\t\t\tfirstFocusableElement.focus();\n\t\t\te.preventDefault();\n\t\t}\n\t};\n\n\tmutationObserver.observe(element, { childList: true, subtree: true });\n\telement.addEventListener('keydown', tabListener);\n\n\t/**\n\t * In the event an element has its tabindex set after component mounting has completed, we need\n\t * to allow the callstack to clear to ensure it's properly set before we can focus the first element.\n\t */\n\tsetTimeout(() => {\n\t\tconst elementWithAutofocus = getElementWithAutofocus(element);\n\t\tif (elementWithAutofocus) {\n\t\t\telementWithAutofocus.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!disableAutofocus) {\n\t\t\tconst [firstFocusableElement] = getFocusableElementsInsideElement(element);\n\t\t\tfirstFocusableElement?.focus();\n\t\t}\n\t}, 20);\n\n\treturn () => {\n\t\telement.removeEventListener('keydown', tabListener);\n\t\tmutationObserver.disconnect();\n\n\t\t/**\n\t\t * Restore focus to element that was in focus before the focus trap was activated\n\t\t *\n\t\t * Conditions to move focus:\n\t\t * - If it is still inside the trap, or effectively \"lost\"\n\t\t * - If focus has been intentionally moved outside, do nothing\n\t\t */\n\t\tconst active = document.activeElement as HTMLElement | null;\n\t\tconst focusIsInside = !!active && element.contains(active);\n\t\tconst focusIsLost = !active || active === document.body;\n\n\t\tif (focusIsInside || focusIsLost) {\n\t\t\tconst body = document.body;\n\n\t\t\t// get data-focus-item attribute from body\n\t\t\tconst focusItemId = body.dataset.focusItem;\n\t\t\tconst focusItemEl = focusItemId ? document.getElementById(focusItemId) : null;\n\n\t\t\tconst focusTarget = focusItemEl ?? previouslyFocusedEl;\n\n\t\t\tif (focusTarget instanceof HTMLElement) {\n\t\t\t\tfocusTarget.focus();\n\t\t\t}\n\n\t\t\tdelete body.dataset.focusItem;\n\t\t}\n\t};\n};\n"],"names":["A_SELECTOR","BUTTON_SELECTOR","TEXTAREA_SELECTOR","INPUT","SEARCH_INPUT","SELECT_SELECTOR","TAB_INDEX","WEB_COMPONENTS","TABBABLE_CONTENT_AREAS","FOCUSABLE_ELEMENTS_SELECTOR","join","getFocusableElementsInsideElement","element","focusableElements","Array","from","querySelectorAll","filter","n","HTMLElement","length","hasAttribute","tabIndex","setAttribute","push","getElementWithAutofocus","containerElement","find","el","getAttribute","isElementRadioButton","tagName","type","trapFocus","disableAutofocus","arguments","undefined","previouslyFocusedEl","document","activeElement","mutationObserver","MutationObserver","_getFocusableElements","_getFocusableElements2","_slicedToArray","firstFocusableElement","focus","tabListener","e","key","lastFocusableElement","shiftKey","name","preventDefault","observe","childList","subtree","addEventListener","setTimeout","elementWithAutofocus","_getFocusableElements3","_getFocusableElements4","removeEventListener","disconnect","active","focusIsInside","contains","focusIsLost","body","focusItemId","dataset","focusItem","focusItemEl","getElementById","focusTarget"],"mappings":"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"}