npm - genesys-spark-components - Versions diffs - 4.37.0 → 4.38.0 - Mend

genesys-spark-components 4.37.0 → 4.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

package/dist/cjs/gux-form-field.service-e17928a7.js DELETED Viewed

@@ -1,151 +0,0 @@
-'use strict';
-const index = require('./index-7fb02c8c.js');
-const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const logError = require('./log-error-7b9d4b57.js');
-const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const GuxFormFieldHelp = ({ show }, children) => {
-    return (index.h("div", { class: {
-            'gux-form-field-help': true,
-            'gux-show': show
-        } },
-        index.h("div", { class: "gux-message" }, children)));
-};
-const GuxFormFieldError = ({ show }, children) => {
-    return (index.h("div", { class: {
-            'gux-form-field-error': true,
-            'gux-show': show
-        } },
-        index.h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
-        index.h("div", { class: "gux-message" }, children)));
-};
-function setInputValue(input, value, focusAfter) {
-    input.value = value;
-    simulateNativeEvent.simulateNativeEvent(input, 'input');
-    simulateNativeEvent.simulateNativeEvent(input, 'change');
-    if (focusAfter) {
-        input.focus();
-    }
-}
-function clearInput(input) {
-    setInputValue(input, '', true);
-}
-function hasContent(input) {
-    return Boolean(input === null || input === void 0 ? void 0 : input.value);
-}
-function getComputedLabelPosition(label, labelPosition) {
-    if (label) {
-        if (['above', 'beside', 'screenreader'].includes(labelPosition)) {
-            return labelPosition;
-        }
-        else if (label.offsetWidth > 1 && label.offsetWidth < 40) {
-            return 'beside';
-        }
-        else {
-            return 'above';
-        }
-    }
-}
-function validateFormIds(root, input) {
-    var _a, _b, _c, _d;
-    if (hasLabelSlot(root)) {
-        const label = root.querySelector('label[slot="label"]');
-        const inputHasId = Boolean(input.hasAttribute('id'));
-        const labelHasFor = Boolean(label.hasAttribute('for'));
-        if (!inputHasId && labelHasFor) {
-            logError.logError(root, 'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');
-        }
-        else if (!inputHasId) {
-            const defaultInputId = randomHtmlId.randomHTMLId('gux-form-field-input');
-            input.setAttribute('id', defaultInputId);
-            label.setAttribute('for', defaultInputId);
-        }
-        else if (inputHasId && !labelHasFor) {
-            const forId = input.getAttribute('id');
-            label.setAttribute('for', forId);
-        }
-        else if (inputHasId &&
-            labelHasFor &&
-            input.getAttribute('id') !== label.getAttribute('for')) {
-            logError.logError(root, 'The input id and label for attribute should match.');
-        }
-    }
-    else {
-        logError.logError(root, 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
-    }
-    if (hasSlot.hasSlot(root, 'error')) {
-        const error = root.querySelector('[slot="error"]');
-        const errorId = randomHtmlId.randomHTMLId('gux-form-field-error');
-        const describedByIds = ((_a = input
-            .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        error.setAttribute('id', errorId);
-        describedByIds.push(errorId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_b = input
-            .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    if (hasSlot.hasSlot(root, 'help')) {
-        const help = root.querySelector('[slot="help"]');
-        const helpId = randomHtmlId.randomHTMLId('gux-form-field-help');
-        const describedByIds = ((_c = input
-            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        help.setAttribute('id', helpId);
-        describedByIds.push(helpId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_d = input
-            .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-}
-function setSlotAriaAttribute(root, attribute, input, slotName) {
-    var _a;
-    if (hasSlot.hasSlot(root, slotName)) {
-        const slottedElement = root.querySelector(`[slot=${slotName}]`);
-        const randomId = randomHtmlId.randomHTMLId(`gux-${slotName}`);
-        const ariaAttributeIds = ((_a = input
-            .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
-        slottedElement.setAttribute('id', randomId);
-        ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
-        ariaAttributeIds &&
-            input.setAttribute(attribute, ariaAttributeIds.join(' '));
-    }
-}
-function setSlotAriaLabelledby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-labelledby', input, slotName);
-}
-function setSlotAriaDescribedby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-describedby', input, slotName);
-}
-function getSlottedInput(root, inputSelector) {
-    const inputElement = root.querySelector(inputSelector);
-    if (!inputElement) {
-        logError.logError(root, `This component requires an input element that matches the following selector: ${inputSelector}`);
-    }
-    return inputElement;
-}
-function hasLabelSlot(root) {
-    return Boolean(root.querySelector('label[slot="label"]'));
-}
-exports.GuxFormFieldError = GuxFormFieldError;
-exports.GuxFormFieldHelp = GuxFormFieldHelp;
-exports.clearInput = clearInput;
-exports.getComputedLabelPosition = getComputedLabelPosition;
-exports.getSlottedInput = getSlottedInput;
-exports.hasContent = hasContent;
-exports.setInputValue = setInputValue;
-exports.setSlotAriaDescribedby = setSlotAriaDescribedby;
-exports.setSlotAriaLabelledby = setSlotAriaLabelledby;
-exports.validateFormIds = validateFormIds;

package/dist/cjs/usage-74b54f74.js DELETED Viewed

@@ -1,229 +0,0 @@
-'use strict';
-const name = "genesys-spark-components";
-const version = "4.37.0";
-const description = "Common webcomponents";
-const license = "MIT";
-const main = "dist/stencil-wrapper.js";
-const files = [
-	"dist/"
-];
-const scripts = {
-	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
-	"build-i18n": "./scripts/build-i18n.js",
-	"build-wrapper": "./scripts/wrap-stencil.js",
-	"check-a11y": "node ./scripts/check-a11y.mjs",
-	"check-readmes": "./scripts/check-readmes.sh",
-	clean: "rm -r ./dist ./build || true",
-	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
-	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
-	dev: "npm run stencil.dev",
-	eslint: "eslint --fix .",
-	"generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
-	"generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
-	"generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
-	"generate-versions-file": "./scripts/generate-versions-file.mjs",
-	i18n: "npm run update-en-i18n && npm run build-i18n && npm run generate-start-of-week-file",
-	"lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\" \"svgo\"",
-	"lint-staged": "lint-staged --concurrent false",
-	"list-checked-a11y-components": "node scripts/list-checked-a11y-components.js",
-	"list-component-tracking": "./scripts/list-component-tracking.js",
-	"list-i18n-files": "./scripts/list-i18n-files.js",
-	"list-light-dom-components": "./scripts/list-light-dom-components.js",
-	"list-shadow-explicitly-set": "./scripts/list-shadow-explicitly-set.js",
-	"predev.public": "npm run predev",
-	prepare: "npm run i18n",
-	prettier: "prettier --log-level silent --ignore-unknown --write .",
-	"prettier-package-json": "prettier-package-json --write ./package.json",
-	stencil: "stencil build --prod",
-	"stencil.dev": "stencil build --dev --watch --serve --no-open",
-	stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
-	svgo: "svgo -f ./src/components/stable/gux-icon/icons",
-	test: "TZ=UTC stencil test --spec --e2e",
-	"test.ci": "TZ=UTC npm run test.ci.spec",
-	"test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",
-	"test.ci.spec": "TZ=UTC stencil test --spec --max-workers=1",
-	"test.e2e": "TZ=UTC stencil test --e2e",
-	"test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
-	"test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
-	"test.unit": "TZ=UTC stencil build dev && stencil test --spec",
-	"test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
-	"test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot",
-	"test.watch": "TZ=UTC stencil test --spec --e2e --watch",
-	"update-en-i18n": "./scripts/update-en-i18n.js",
-	"version-sync": "npm version --no-git-tag-version --allow-same-version"
-};
-const config = {
-	commitizen: {
-		path: "git-cz"
-	}
-};
-const types = "dist/types/index.d.ts";
-const dependencies = {
-	"@floating-ui/dom": "^1.6.3",
-	"@vvo/tzdb": "^6.125.0",
-	"google-libphonenumber": "^3.2.34",
-	"intl-messageformat": "^10.5.4",
-	"requestanimationframe-timer": "^3.0.3",
-	sortablejs: "^1.15.2"
-};
-const devDependencies = {
-	"@babel/core": "^7.24.0",
-	"@babel/preset-env": "^7.24.0",
-	"@stencil/core": "^4.12.6",
-	"@stencil/react-output-target": "^0.5.3",
-	"@stencil/sass": "^3.0.10",
-	"@types/google-libphonenumber": "^7.4.30",
-	"@types/jest": "^29.5.12",
-	"@types/new-relic-browser": "^0.1118.2",
-	"@types/puppeteer": "^5.4.7",
-	"@types/resize-observer-browser": "^0.1.9",
-	"@types/sortablejs": "^1.15.8",
-	"@typescript-eslint/eslint-plugin": "^7.1.1",
-	"@typescript-eslint/parser": "^7.1.1",
-	"axe-core": "^4.8.4",
-	"axe-live": "^1.0.1",
-	eslint: "^8.57.0",
-	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-	"eslint-config-prettier": "^9.1.0",
-	"file-loader": "^6.2.0",
-	"genesys-spark-tokens": "file:../genesys-spark-tokens",
-	glob: "^10.3.0",
-	handlebars: "^4.7.8",
-	inquirer: "^9.2.15",
-	jest: "^29.7.0",
-	"jest-cli": "^29.7.0",
-	"jest-config": "^29.7.0",
-	"jest-environment-node": "^29.7.0",
-	"jest-junit": "^16.0.0",
-	"jest-silent-reporter": "^0.5.0",
-	jsdom: "^22.1.0",
-	"lint-staged": "^15.2.2",
-	marked: "^12.0.1",
-	"mutation-observer": "^1.0.3",
-	"node-fetch": "^3.3.2",
-	"npm-run-all": "^4.1.5",
-	"postcss-html": "^1.6.0",
-	"postcss-less": "^6.0.0",
-	"postcss-scss": "^4.0.9",
-	prettier: "^3.2.5",
-	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
-	"prettier-package-json": "^2.8.0",
-	puppeteer: "^14.4.1",
-	"resize-observer-polyfill": "^1.5.1",
-	"rollup-plugin-copy": "^3.5.0",
-	"semver-sort": "^1.0.0",
-	"spritesheet-templates": "^10.5.2",
-	spritesmith: "^3.4.1",
-	stylelint: "^16.2.1",
-	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
-	"stylelint-config-html": "^1.1.0",
-	"stylelint-config-recess-order": "^5.0.0",
-	"stylelint-config-standard": "^36.0.0",
-	"stylelint-scss": "^6.2.1",
-	"stylelint-use-logical": "^2.1.2",
-	"stylelint-use-logical-spec": "^5.0.1",
-	svgo: "^3.2.0",
-	"ts-loader": "^9.5.1",
-	typescript: "^4.9.5",
-	weekstart: "^2.0.0",
-	xmldom: "^0.6.0"
-};
-const publishConfig = {
-	registry: "https://registry.npmjs.org/"
-};
-const collection = "dist/collection/collection-manifest.json";
-const prettier = "prettier-config-genesys-spark-components";
-const volta = {
-	node: "18.16.1"
-};
-const packageInfo = {
-	name: name,
-	version: version,
-	description: description,
-	license: license,
-	main: main,
-	files: files,
-	scripts: scripts,
-	config: config,
-	types: types,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	publishConfig: publishConfig,
-	collection: collection,
-	prettier: prettier,
-	volta: volta
-};
-// The number of actions to process every interval
-const ACTION_BATCH_SIZE = 20;
-const NR_LIMIT_INTERVAL = 30000; // 30s
-/**
- * A queue of events that should be tracked by NewRelic.
- * We initialize it with the library version to make sure that's always reported.
- */
-const actionQueue = [
-    getVersionEvent(packageInfo.version)
-];
-/**
- * Process the next batch items in the queue, set a timeout to recur.
- * We use a recurring timeout instead of an interval because it guarantees
- * a minimum of NR_LMIT_INTERVAL between batches, even if the browser is
- * held up by processing elsewhere.
- */
-function processActionQueue() {
-    const newrelic = window.newrelic;
-    if (!newrelic) {
-        return;
-    }
-    for (let i = 0; i < ACTION_BATCH_SIZE; i++) {
-        if (actionQueue.length == 0) {
-            setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
-            return;
-        }
-        const action = actionQueue.shift();
-        newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
-    }
-    setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
-}
-let trackingStarted = false;
-/**
- * Begin action processing loop if it hasn't started.
- */
-function ensureTracking() {
-    if (!trackingStarted) {
-        trackingStarted = true;
-        processActionQueue();
-    }
-}
-/**
- * Submits a component for tracking by NewRelic.
- */
-function trackComponent(element, metadata) {
-    if (!window.newrelic) {
-        return;
-    }
-    ensureTracking();
-    // Ignore components in the shadow DOM of another component
-    // e.g. Only track components used directly by the app
-    if (!document.contains(element)) {
-        return;
-    }
-    actionQueue.push({
-        name: 'spark-component',
-        metadata: Object.assign(Object.assign({}, metadata), { component: element.tagName.toLowerCase(), version: packageInfo.version })
-    });
-}
-function getVersionEvent(packageInfoVersion) {
-    const [major, minor, ...patch] = packageInfoVersion.split('.');
-    return {
-        name: 'spark-library',
-        metadata: {
-            fullVersion: `${major}.${minor}.${patch.join('.')}`,
-            majorVersion: major,
-            minorVersion: `${major}.${minor}`
-        }
-    };
-}
-exports.trackComponent = trackComponent;

package/dist/esm/gux-form-field.service-f168cdd4.js DELETED Viewed

@@ -1,140 +0,0 @@
-import { h } from './index-da21b737.js';
-import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { l as logError } from './log-error-274efeb7.js';
-import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { h as hasSlot } from './has-slot-f24a46a6.js';
-const GuxFormFieldHelp = ({ show }, children) => {
-    return (h("div", { class: {
-            'gux-form-field-help': true,
-            'gux-show': show
-        } },
-        h("div", { class: "gux-message" }, children)));
-};
-const GuxFormFieldError = ({ show }, children) => {
-    return (h("div", { class: {
-            'gux-form-field-error': true,
-            'gux-show': show
-        } },
-        h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
-        h("div", { class: "gux-message" }, children)));
-};
-function setInputValue(input, value, focusAfter) {
-    input.value = value;
-    simulateNativeEvent(input, 'input');
-    simulateNativeEvent(input, 'change');
-    if (focusAfter) {
-        input.focus();
-    }
-}
-function clearInput(input) {
-    setInputValue(input, '', true);
-}
-function hasContent(input) {
-    return Boolean(input === null || input === void 0 ? void 0 : input.value);
-}
-function getComputedLabelPosition(label, labelPosition) {
-    if (label) {
-        if (['above', 'beside', 'screenreader'].includes(labelPosition)) {
-            return labelPosition;
-        }
-        else if (label.offsetWidth > 1 && label.offsetWidth < 40) {
-            return 'beside';
-        }
-        else {
-            return 'above';
-        }
-    }
-}
-function validateFormIds(root, input) {
-    var _a, _b, _c, _d;
-    if (hasLabelSlot(root)) {
-        const label = root.querySelector('label[slot="label"]');
-        const inputHasId = Boolean(input.hasAttribute('id'));
-        const labelHasFor = Boolean(label.hasAttribute('for'));
-        if (!inputHasId && labelHasFor) {
-            logError(root, 'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');
-        }
-        else if (!inputHasId) {
-            const defaultInputId = randomHTMLId('gux-form-field-input');
-            input.setAttribute('id', defaultInputId);
-            label.setAttribute('for', defaultInputId);
-        }
-        else if (inputHasId && !labelHasFor) {
-            const forId = input.getAttribute('id');
-            label.setAttribute('for', forId);
-        }
-        else if (inputHasId &&
-            labelHasFor &&
-            input.getAttribute('id') !== label.getAttribute('for')) {
-            logError(root, 'The input id and label for attribute should match.');
-        }
-    }
-    else {
-        logError(root, 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
-    }
-    if (hasSlot(root, 'error')) {
-        const error = root.querySelector('[slot="error"]');
-        const errorId = randomHTMLId('gux-form-field-error');
-        const describedByIds = ((_a = input
-            .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        error.setAttribute('id', errorId);
-        describedByIds.push(errorId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_b = input
-            .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    if (hasSlot(root, 'help')) {
-        const help = root.querySelector('[slot="help"]');
-        const helpId = randomHTMLId('gux-form-field-help');
-        const describedByIds = ((_c = input
-            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        help.setAttribute('id', helpId);
-        describedByIds.push(helpId);
-        describedByIds &&
-            input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-    else if (input.getAttribute('aria-describedby')) {
-        const describedByIds = ((_d = input
-            .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
-        input.setAttribute('aria-describedby', describedByIds.join(' '));
-    }
-}
-function setSlotAriaAttribute(root, attribute, input, slotName) {
-    var _a;
-    if (hasSlot(root, slotName)) {
-        const slottedElement = root.querySelector(`[slot=${slotName}]`);
-        const randomId = randomHTMLId(`gux-${slotName}`);
-        const ariaAttributeIds = ((_a = input
-            .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
-        slottedElement.setAttribute('id', randomId);
-        ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
-        ariaAttributeIds &&
-            input.setAttribute(attribute, ariaAttributeIds.join(' '));
-    }
-}
-function setSlotAriaLabelledby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-labelledby', input, slotName);
-}
-function setSlotAriaDescribedby(root, input, slotName) {
-    setSlotAriaAttribute(root, 'aria-describedby', input, slotName);
-}
-function getSlottedInput(root, inputSelector) {
-    const inputElement = root.querySelector(inputSelector);
-    if (!inputElement) {
-        logError(root, `This component requires an input element that matches the following selector: ${inputSelector}`);
-    }
-    return inputElement;
-}
-function hasLabelSlot(root) {
-    return Boolean(root.querySelector('label[slot="label"]'));
-}
-export { GuxFormFieldError as G, GuxFormFieldHelp as a, getComputedLabelPosition as b, setSlotAriaDescribedby as c, clearInput as d, setInputValue as e, getSlottedInput as g, hasContent as h, setSlotAriaLabelledby as s, validateFormIds as v };