@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.10

package/dist/_shared/esm/index.es-be971b8d.js

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 18 Nov 2024 12:24:17 GMT
+ */
+var SemSizeBreakpointsS = "636px"; // Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets.
+var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
+var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
+
+export { SemSizeBreakpointsM as S, SemSizeBreakpointsS as a, SemSizeBreakpointsL as b };

package/dist/_shared/esm/index.es-fc59ba8f.js

@@ -0,0 +1,348 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Filters out data attributes from the given props object.
+ *
+ * This function extracts all properties that match the `data-*` attribute pattern
+ * and returns a new object containing only those properties.
+ *
+ * @param props - The object containing properties to filter.
+ * @returns A new object containing only the `data-*` attributes from the input props.
+ */
+/**
+ * Regular expression to match `data-*` attributes.
+ */
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+var camelcase = {exports: {}};
+
+const UPPERCASE = /[\p{Lu}]/u;
+const LOWERCASE = /[\p{Ll}]/u;
+const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
+const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+const SEPARATORS = /[_.\- ]+/;
+
+const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
+const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
+const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
+
+const preserveCamelCase = (string, toLowerCase, toUpperCase) => {
+	let isLastCharLower = false;
+	let isLastCharUpper = false;
+	let isLastLastCharUpper = false;
+
+	for (let i = 0; i < string.length; i++) {
+		const character = string[i];
+
+		if (isLastCharLower && UPPERCASE.test(character)) {
+			string = string.slice(0, i) + '-' + string.slice(i);
+			isLastCharLower = false;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = true;
+			i++;
+		} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
+			string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = false;
+			isLastCharLower = true;
+		} else {
+			isLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;
+		}
+	}
+
+	return string;
+};
+
+const preserveConsecutiveUppercase = (input, toLowerCase) => {
+	LEADING_CAPITAL.lastIndex = 0;
+
+	return input.replace(LEADING_CAPITAL, m1 => toLowerCase(m1));
+};
+
+const postProcess = (input, toUpperCase) => {
+	SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
+	NUMBERS_AND_IDENTIFIER.lastIndex = 0;
+
+	return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => toUpperCase(identifier))
+		.replace(NUMBERS_AND_IDENTIFIER, m => toUpperCase(m));
+};
+
+const camelCase = (input, options) => {
+	if (!(typeof input === 'string' || Array.isArray(input))) {
+		throw new TypeError('Expected the input to be `string | string[]`');
+	}
+
+	options = {
+		pascalCase: false,
+		preserveConsecutiveUppercase: false,
+		...options
+	};
+
+	if (Array.isArray(input)) {
+		input = input.map(x => x.trim())
+			.filter(x => x.length)
+			.join('-');
+	} else {
+		input = input.trim();
+	}
+
+	if (input.length === 0) {
+		return '';
+	}
+
+	const toLowerCase = options.locale === false ?
+		string => string.toLowerCase() :
+		string => string.toLocaleLowerCase(options.locale);
+	const toUpperCase = options.locale === false ?
+		string => string.toUpperCase() :
+		string => string.toLocaleUpperCase(options.locale);
+
+	if (input.length === 1) {
+		return options.pascalCase ? toUpperCase(input) : toLowerCase(input);
+	}
+
+	const hasUpperCase = input !== toLowerCase(input);
+
+	if (hasUpperCase) {
+		input = preserveCamelCase(input, toLowerCase, toUpperCase);
+	}
+
+	input = input.replace(LEADING_SEPARATORS, '');
+
+	if (options.preserveConsecutiveUppercase) {
+		input = preserveConsecutiveUppercase(input, toLowerCase);
+	} else {
+		input = toLowerCase(input);
+	}
+
+	if (options.pascalCase) {
+		input = toUpperCase(input.charAt(0)) + input.slice(1);
+	}
+
+	return postProcess(input, toUpperCase);
+};
+
+camelcase.exports = camelCase;
+// TODO: Remove this for the next major release
+camelcase.exports.default = camelCase;
+
+var camelCase$1 = camelcase.exports;
+
+/**
+ * Suffixes a modifier value onto the end of a className, converting it to
+ * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
+ * returns MyComponent--displayBlock.
+ *
+ * @param rootClassName The root className to append the suffix onto
+ * @param suffix The suffix to convert into pascal case.
+ */
+var suffixModifier = function (rootClassName, suffix) {
+    return "".concat(rootClassName).concat(camelCase$1(suffix, {
+        pascalCase: true
+    }));
+};
+
+var name = "@arc-ui/arc-ui";
+var homepage = "https://ui.digital-ent-int.bt.com";
+var author = "BT Business Digital UI Team <ui-digital-ent-int@bt.com>";
+var version = "12.0.0-beta.10";
+var engines = {
+	node: "20.x"
+};
+var devDependencies = {
+	"@commitlint/cli": "^17.1.2",
+	"@commitlint/config-conventional": "^17.1.0",
+	"@testing-library/dom": "^8.5.0",
+	"@testing-library/jest-dom": "^5.16.1",
+	"@testing-library/react": "^13.3.0",
+	"@testing-library/user-event": "^13.5.0",
+	"@types/jest": "^27.0.3",
+	"@types/testing-library__jest-dom": "^5.14.2",
+	"@typescript-eslint/eslint-plugin": "^4.5.0",
+	"@typescript-eslint/parser": "^4.5.0",
+	"conventional-recommended-bump": "^6.0.5",
+	eslint: "^7.27.0",
+	"eslint-config-react-app": "^6.0.0",
+	husky: "^8.0.0",
+	jest: "^27.4.3",
+	lerna: "^7.3.0",
+	"postcss-scss": "^4.0.3",
+	prettier: "^3.0.3",
+	"resize-observer-polyfill": "1.5.1",
+	semver: "^7.3.2",
+	"standard-changelog": "^2.0.21",
+	stylelint: "^14.5.3",
+	"stylelint-config-prettier": "^9.0.3",
+	"stylelint-config-standard": "^25.0.0",
+	"stylelint-config-suitcss": "^18.0.0",
+	"stylelint-selector-bem-pattern": "^2.1.1",
+	"ts-jest": "^27.1.0"
+};
+var scripts = {
+	build: "pnpm run build:deps && pnpm run build:components",
+	"build:deps": "pnpm run build:helpers && pnpm run build:icons && pnpm run build:tokens:web",
+	"build:deps:community": "pnpm run build:deps && pnpm run build:components:arc",
+	"build:components": "pnpm run build:components:arc && pnpm run build:components:community",
+	"build:components:arc": "pnpm run --filter @arc-ui/components build",
+	"build:components:community": "pnpm run --filter @arc-ui/community-components build",
+	"build:helpers": "pnpm run --filter @arc-ui/helpers build",
+	"build:icons": "pnpm run build:icons:bt && pnpm run build:icons:ee",
+	"build:icons:bt": "pnpm run --filter @arc-ui/icons-bt build",
+	"build:icons:ee": "pnpm run --filter @arc-ui/icons-ee build",
+	"build:tokens:web": "pnpm run build:tokens:arc && pnpm run build:tokens:bt:enterprise && pnpm run build:tokens:ee && pnpm run build:tokens:bt:business",
+	"build:tokens:arc": "pnpm run --filter @arc-ui/tokens-arc build",
+	"build:tokens:bt:enterprise": "pnpm run --filter @arc-ui/tokens-bt-enterprise build",
+	"build:tokens:bt:business": "pnpm run --filter @arc-ui/tokens-bt-business build",
+	"build:tokens:ee": "pnpm run --filter @arc-ui/tokens-ee build",
+	"build:storybook:arc": "pnpm run --filter @arc-ui/components storybook:build",
+	"build:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:build",
+	"build:website": "pnpm run --filter website build && pnpm run build:website:storybook",
+	"build:website:quick": "pnpm run --filter website build && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook": "pnpm run build:storybook:arc && pnpm run build:storybook:community && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook:copy": "cp -R packages/arc-components/storybook-static apps/website/build/storybook",
+	"build:website:storybook:copy:community": "cp -R packages/community-components/storybook-static apps/website/build/storybook-community",
+	changelog: "node scripts/create-changelog",
+	"internal:prettier": "prettier './**/*.{css,html,js,json,md,ts,tsx,scss}'",
+	"test:prettier": "pnpm run internal:prettier --check",
+	prettier: "pnpm run internal:prettier --write",
+	lint: "stylelint '**/*{.css,.scss}' && eslint .",
+	"lint:ci": "pnpm run lint --max-warnings 0",
+	"lint:commit-message": "pnpm dlx commitlint --edit $1",
+	precommit: "pnpm run lint && pnpm run test && pnpm run test:components:ci",
+	"start:storybook:arc": "pnpm run --filter @arc-ui/components storybook:quiet",
+	"start:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:quiet",
+	"start:website": "pnpm run --filter website start",
+	test: "pnpm run test:prettier && pnpm run test:unit",
+	"test:components:ci": "pnpm run test:components:arc:ci && pnpm run test:components:community:ci",
+	"test:components:arc": "pnpm run --filter @arc-ui/components test:components",
+	"test:components:arc:ci": "pnpm run --filter @arc-ui/components test:components:pipeline",
+	"test:components:community": "pnpm run --filter @arc-ui/community-components test:components",
+	"test:components:community:ci": "pnpm run --filter @arc-ui/community-components test:components:pipeline",
+	"test:coverage": "pnpm run test:unit --coverage",
+	"test:unit": "TZ=UTC jest",
+	"test:watch": "pnpm run test:unit --changedSince=origin/master --coverage --watch",
+	release: "conventional-recommended-bump -p angular | xargs pnpm version --no-git-tag-version",
+	"release-commit": "git add -u && git commit -m \"release: v${npm_package_version}\" --no-verify",
+	version: "pnpm run changelog && lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version $npm_package_version",
+	"update-versions": "node scripts/update-versions",
+	prepare: "husky install",
+	prerelease: "lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version",
+	"generate:component": "pnpm run --filter @arc-ui/components generate:component $1 "
+};
+var browserslist = [
+	"defaults",
+	"last 1 Chrome version",
+	"last 1 ChromeAndroid version",
+	"last 1 Edge version",
+	"last 1 Firefox version",
+	"Firefox ESR",
+	"Firefox 91",
+	"Firefox 78",
+	"Firefox 68",
+	"Safari >= 14",
+	"iOS >= 14",
+	"Samsung >= 16",
+	"not IE 11",
+	"not Edge < 18",
+	"not and_qq > 0",
+	"not UCAndroid > 0",
+	"not OperaMini all"
+];
+var pkg = {
+	name: name,
+	homepage: homepage,
+	author: author,
+	"private": true,
+	version: version,
+	engines: engines,
+	devDependencies: devDependencies,
+	scripts: scripts,
+	browserslist: browserslist
+};
+
+// @ts-ignore
+var getVersionClassName = function () {
+    return "arc-v".concat(pkg.version.replace(/\./g, "-"));
+};
+
+/**
+ * Helper function to measure the width of a given text using a specified font.
+ *
+ * @param text - The text to measure.
+ * @param font - (Optional) The font to use for measurement (e.g., "16px BT Curve").
+ * @returns The width of the text in pixels.
+ */
+var getTextWidth = function (text, font) {
+    var canvas = document.createElement("canvas");
+    var context = canvas.getContext("2d");
+    if (context) {
+        context.font = font || getComputedStyle(document.body).font;
+        return context.measureText(text).width;
+    }
+    return 0;
+};
+
+export { __rest as _, __assign as a, __spreadArray as b, getVersionClassName as c, filterDataAttrs as f, getTextWidth as g, suffixModifier as s };

package/dist/_shared/esm/{index.es-00cb3bcb.js → use-media-query-d3622da8.js}

@@ -36,11 +36,4 @@ var useMediaQuery = function (mediaQuery) {
     return matches;
 };
 
-/**
- * Do not edit directly
- * Generated file
- */
-var ArcBreakpointM = 768;
-var ArcBreakpointL = 1024;
-
-export { ArcBreakpointM as A, ArcBreakpointL as a, useMediaQuery as u };
+export { useMediaQuery as u };