From 7d6d6dadb15477e0c8d520c241da17554e1927b8 Mon Sep 17 00:00:00 2001 From: Doug Gibson Date: Mon, 28 Oct 2024 16:34:51 -0400 Subject: [PATCH] Updated @stencil/react-output-target to 0.7.4 --- package-lock.json | 260 +++++++- .../stencil-generated/components.ts | 576 ++++++++++++++++++ packages/web-components/package.json | 2 +- packages/web-components/stencil.config.ts | 2 + 4 files changed, 834 insertions(+), 6 deletions(-) create mode 100644 packages/react-components/components/stencil-generated/components.ts diff --git a/package-lock.json b/package-lock.json index 05291124..1b4ec901 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4088,6 +4088,15 @@ "integrity": "sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ==", "dev": true }, + "node_modules/@lit/react": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@lit/react/-/react-1.0.6.tgz", + "integrity": "sha512-QIss8MPh6qUoFJmuaF4dSHts3qCsA36S3HcOLiNPShxhgYPr4XJRnCBKPipk85sR9xr6TQrOcDMfexwbNdJHYA==", + "dev": true, + "peerDependencies": { + "@types/react": "17 || 18" + } + }, "node_modules/@lit/reactive-element": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz", @@ -6436,12 +6445,24 @@ } }, "node_modules/@stencil/react-output-target": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.5.3.tgz", - "integrity": "sha512-68jwRp35CjAcwhTJ9yFD/3n+jrHOqvEH2jreVuPVvZK+4tkhPlYlwz0d1E1RlF3jyifUSfdkWUGgXIEy8Fo3yw==", + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.7.4.tgz", + "integrity": "sha512-MuvUJJXtYvSUo0dcFbWx0orVc8ROB0qfaFq1IbNODECqsCKOP3kU5Oy7/NyWs3xNpa8U2lMWvyBYmRvWNB6ExQ==", "dev": true, + "dependencies": { + "@lit/react": "^1.0.4", + "html-react-parser": "^5.1.10", + "react-dom": "^18.3.1", + "style-object-to-css-string": "^1.0.0", + "ts-morph": "^22.0.0" + }, "peerDependencies": { - "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0" + "@stencil/core": ">=3 || >= 4.0.0-beta.0 || >= 4.0.0" + }, + "peerDependenciesMeta": { + "@stencil/core": { + "optional": false + } } }, "node_modules/@stencil/sass": { @@ -8475,6 +8496,57 @@ "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==", "dev": true }, + "node_modules/@ts-morph/common": { + "version": "0.23.0", + "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.23.0.tgz", + "integrity": "sha512-m7Lllj9n/S6sOkCkRftpM7L24uvmfXQFedlW/4hENcuJH1HHm9u5EgxZb9uVjQSCGrbBWBkOGgcTxNg36r6ywA==", + "dev": true, + "dependencies": { + "fast-glob": "^3.3.2", + "minimatch": "^9.0.3", + "mkdirp": "^3.0.1", + "path-browserify": "^1.0.1" + } + }, + "node_modules/@ts-morph/common/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@ts-morph/common/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@ts-morph/common/node_modules/mkdirp": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz", + "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==", + "dev": true, + "bin": { + "mkdirp": "dist/cjs/src/bin.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/@tufjs/canonical-json": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", @@ -10868,6 +10940,12 @@ "node": ">= 0.12.0" } }, + "node_modules/code-block-writer": { + "version": "13.0.3", + "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz", + "integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==", + "dev": true + }, "node_modules/collect-v8-coverage": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz", @@ -14600,6 +14678,90 @@ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==" }, + "node_modules/html-dom-parser": { + "version": "5.0.10", + "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-5.0.10.tgz", + "integrity": "sha512-GwArYL3V3V8yU/mLKoFF7HlLBv80BZ2Ey1BzfVNRpAci0cEKhFHI/Qh8o8oyt3qlAMLlK250wsxLdYX4viedvg==", + "dev": true, + "dependencies": { + "domhandler": "5.0.3", + "htmlparser2": "9.1.0" + } + }, + "node_modules/html-dom-parser/node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/html-dom-parser/node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/html-dom-parser/node_modules/domutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dev": true, + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/html-dom-parser/node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/html-dom-parser/node_modules/htmlparser2": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz", + "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==", + "dev": true, + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3", + "domutils": "^3.1.0", + "entities": "^4.5.0" + } + }, "node_modules/html-encoding-sniffer": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz", @@ -14618,6 +14780,42 @@ "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", "dev": true }, + "node_modules/html-react-parser": { + "version": "5.1.18", + "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.1.18.tgz", + "integrity": "sha512-65BwC0zzrdeW96jB2FRr5f1ovBhRMpLPJNvwkY5kA8Ay5xdL9t/RH2/uUTM7p+cl5iM88i6dDk4LXtfMnRmaJQ==", + "dev": true, + "dependencies": { + "domhandler": "5.0.3", + "html-dom-parser": "5.0.10", + "react-property": "2.0.2", + "style-to-js": "1.1.16" + }, + "peerDependencies": { + "@types/react": "0.14 || 15 || 16 || 17 || 18", + "react": "0.14 || 15 || 16 || 17 || 18" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/html-react-parser/node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, "node_modules/html-tags": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz", @@ -14971,6 +15169,12 @@ "node": ">=10" } }, + "node_modules/inline-style-parser": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz", + "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==", + "dev": true + }, "node_modules/inquirer": { "version": "8.2.6", "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.6.tgz", @@ -21808,6 +22012,12 @@ "tslib": "^2.0.3" } }, + "node_modules/path-browserify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", + "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", + "dev": true + }, "node_modules/path-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz", @@ -22866,6 +23076,12 @@ "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "dev": true }, + "node_modules/react-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/react-property/-/react-property-2.0.2.tgz", + "integrity": "sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==", + "dev": true + }, "node_modules/react-remove-scroll": { "version": "2.5.5", "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz", @@ -25051,12 +25267,36 @@ "webpack": "^5.0.0" } }, + "node_modules/style-object-to-css-string": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/style-object-to-css-string/-/style-object-to-css-string-1.1.3.tgz", + "integrity": "sha512-bISQoUsir/qGfo7vY8rw00ia9nnyE1jvYt3zZ2jhdkcXZ6dAEi74inMzQ6On57vFI+I4Fck6wOv5UI9BEwJDgw==", + "dev": true + }, "node_modules/style-search": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==", "dev": true }, + "node_modules/style-to-js": { + "version": "1.1.16", + "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.16.tgz", + "integrity": "sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw==", + "dev": true, + "dependencies": { + "style-to-object": "1.0.8" + } + }, + "node_modules/style-to-object": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz", + "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==", + "dev": true, + "dependencies": { + "inline-style-parser": "0.2.4" + } + }, "node_modules/stylelint": { "version": "14.16.1", "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.16.1.tgz", @@ -25919,6 +26159,16 @@ "node": ">=6.10" } }, + "node_modules/ts-morph": { + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-22.0.0.tgz", + "integrity": "sha512-M9MqFGZREyeb5fTl6gNHKZLqBQA0TjA1lea+CR48R8EBTDuWrNqW6ccC5QvjNR4s6wDumD3LTCjOFSp9iwlzaw==", + "dev": true, + "dependencies": { + "@ts-morph/common": "~0.23.0", + "code-block-writer": "^13.0.1" + } + }, "node_modules/tsconfig-paths": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz", @@ -28018,7 +28268,7 @@ "devDependencies": { "@chromatic-com/storybook": "^1.5.0", "@custom-elements-manifest/analyzer": "^0.9.4", - "@stencil/react-output-target": "^0.5.3", + "@stencil/react-output-target": "^0.7.4", "@stencil/sass": "^3.0.7", "@stencil/store": "^2.0.12", "@storybook/addon-essentials": "^8.1.6", diff --git a/packages/react-components/components/stencil-generated/components.ts b/packages/react-components/components/stencil-generated/components.ts new file mode 100644 index 00000000..2cedb448 --- /dev/null +++ b/packages/react-components/components/stencil-generated/components.ts @@ -0,0 +1,576 @@ +'use client'; + +/** + * This file was automatically generated by the Stencil React Output Target. + * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated. + */ + +/* eslint-disable */ + +import { CbpAccordionItem as CbpAccordionItemElement, defineCustomElement as defineCbpAccordionItem } from "@cbpds/web-components/dist/components/cbp-accordion-item.js"; +import { CbpAccordion as CbpAccordionElement, defineCustomElement as defineCbpAccordion } from "@cbpds/web-components/dist/components/cbp-accordion.js"; +import { CbpActionBar as CbpActionBarElement, defineCustomElement as defineCbpActionBar } from "@cbpds/web-components/dist/components/cbp-action-bar.js"; +import { CbpAppHeader as CbpAppHeaderElement, defineCustomElement as defineCbpAppHeader } from "@cbpds/web-components/dist/components/cbp-app-header.js"; +import { CbpApp as CbpAppElement, defineCustomElement as defineCbpApp } from "@cbpds/web-components/dist/components/cbp-app.js"; +import { CbpBadge as CbpBadgeElement, defineCustomElement as defineCbpBadge } from "@cbpds/web-components/dist/components/cbp-badge.js"; +import { CbpBanner as CbpBannerElement, defineCustomElement as defineCbpBanner } from "@cbpds/web-components/dist/components/cbp-banner.js"; +import { CbpButton as CbpButtonElement, defineCustomElement as defineCbpButton } from "@cbpds/web-components/dist/components/cbp-button.js"; +import { CbpCard as CbpCardElement, defineCustomElement as defineCbpCard } from "@cbpds/web-components/dist/components/cbp-card.js"; +import { CbpCheckbox as CbpCheckboxElement, defineCustomElement as defineCbpCheckbox } from "@cbpds/web-components/dist/components/cbp-checkbox.js"; +import { CbpChip as CbpChipElement, defineCustomElement as defineCbpChip } from "@cbpds/web-components/dist/components/cbp-chip.js"; +import { CbpContainer as CbpContainerElement, defineCustomElement as defineCbpContainer } from "@cbpds/web-components/dist/components/cbp-container.js"; +import { CbpDialog as CbpDialogElement, defineCustomElement as defineCbpDialog } from "@cbpds/web-components/dist/components/cbp-dialog.js"; +import { CbpDrawer as CbpDrawerElement, defineCustomElement as defineCbpDrawer } from "@cbpds/web-components/dist/components/cbp-drawer.js"; +import { CbpDropdownItem as CbpDropdownItemElement, defineCustomElement as defineCbpDropdownItem } from "@cbpds/web-components/dist/components/cbp-dropdown-item.js"; +import { CbpDropdown as CbpDropdownElement, defineCustomElement as defineCbpDropdown } from "@cbpds/web-components/dist/components/cbp-dropdown.js"; +import { CbpExpand as CbpExpandElement, defineCustomElement as defineCbpExpand } from "@cbpds/web-components/dist/components/cbp-expand.js"; +import { CbpFlexItem as CbpFlexItemElement, defineCustomElement as defineCbpFlexItem } from "@cbpds/web-components/dist/components/cbp-flex-item.js"; +import { CbpFlex as CbpFlexElement, defineCustomElement as defineCbpFlex } from "@cbpds/web-components/dist/components/cbp-flex.js"; +import { CbpFooter as CbpFooterElement, defineCustomElement as defineCbpFooter } from "@cbpds/web-components/dist/components/cbp-footer.js"; +import { CbpFormFieldWrapper as CbpFormFieldWrapperElement, defineCustomElement as defineCbpFormFieldWrapper } from "@cbpds/web-components/dist/components/cbp-form-field-wrapper.js"; +import { CbpFormField as CbpFormFieldElement, defineCustomElement as defineCbpFormField } from "@cbpds/web-components/dist/components/cbp-form-field.js"; +import { CbpGridItem as CbpGridItemElement, defineCustomElement as defineCbpGridItem } from "@cbpds/web-components/dist/components/cbp-grid-item.js"; +import { CbpGrid as CbpGridElement, defineCustomElement as defineCbpGrid } from "@cbpds/web-components/dist/components/cbp-grid.js"; +import { CbpHide as CbpHideElement, defineCustomElement as defineCbpHide } from "@cbpds/web-components/dist/components/cbp-hide.js"; +import { CbpIcon as CbpIconElement, defineCustomElement as defineCbpIcon } from "@cbpds/web-components/dist/components/cbp-icon.js"; +import { CbpLink as CbpLinkElement, defineCustomElement as defineCbpLink } from "@cbpds/web-components/dist/components/cbp-link.js"; +import { CbpList as CbpListElement, defineCustomElement as defineCbpList } from "@cbpds/web-components/dist/components/cbp-list.js"; +import { CbpNotice as CbpNoticeElement, defineCustomElement as defineCbpNotice } from "@cbpds/web-components/dist/components/cbp-notice.js"; +import { CbpPagination as CbpPaginationElement, defineCustomElement as defineCbpPagination } from "@cbpds/web-components/dist/components/cbp-pagination.js"; +import { CbpPanel as CbpPanelElement, defineCustomElement as defineCbpPanel } from "@cbpds/web-components/dist/components/cbp-panel.js"; +import { CbpRadio as CbpRadioElement, defineCustomElement as defineCbpRadio } from "@cbpds/web-components/dist/components/cbp-radio.js"; +import { CbpSection as CbpSectionElement, defineCustomElement as defineCbpSection } from "@cbpds/web-components/dist/components/cbp-section.js"; +import { CbpSegmentedButtonGroup as CbpSegmentedButtonGroupElement, defineCustomElement as defineCbpSegmentedButtonGroup } from "@cbpds/web-components/dist/components/cbp-segmented-button-group.js"; +import { CbpSkipNav as CbpSkipNavElement, defineCustomElement as defineCbpSkipNav } from "@cbpds/web-components/dist/components/cbp-skip-nav.js"; +import { CbpStructuredListItem as CbpStructuredListItemElement, defineCustomElement as defineCbpStructuredListItem } from "@cbpds/web-components/dist/components/cbp-structured-list-item.js"; +import { CbpStructuredList as CbpStructuredListElement, defineCustomElement as defineCbpStructuredList } from "@cbpds/web-components/dist/components/cbp-structured-list.js"; +import { CbpTabPanel as CbpTabPanelElement, defineCustomElement as defineCbpTabPanel } from "@cbpds/web-components/dist/components/cbp-tab-panel.js"; +import { CbpTab as CbpTabElement, defineCustomElement as defineCbpTab } from "@cbpds/web-components/dist/components/cbp-tab.js"; +import { CbpTabs as CbpTabsElement, defineCustomElement as defineCbpTabs } from "@cbpds/web-components/dist/components/cbp-tabs.js"; +import { CbpTag as CbpTagElement, defineCustomElement as defineCbpTag } from "@cbpds/web-components/dist/components/cbp-tag.js"; +import { CbpToast as CbpToastElement, defineCustomElement as defineCbpToast } from "@cbpds/web-components/dist/components/cbp-toast.js"; +import { CbpTypography as CbpTypographyElement, defineCustomElement as defineCbpTypography } from "@cbpds/web-components/dist/components/cbp-typography.js"; +import { CbpUniversalHeader as CbpUniversalHeaderElement, defineCustomElement as defineCbpUniversalHeader } from "@cbpds/web-components/dist/components/cbp-universal-header.js"; +import { CbpUsaBanner as CbpUsaBannerElement, defineCustomElement as defineCbpUsaBanner } from "@cbpds/web-components/dist/components/cbp-usa-banner.js"; +import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime'; +import { createComponent } from '@stencil/react-output-target/runtime'; +import React from 'react'; + +type CbpAccordionEvents = NonNullable; + +export const CbpAccordion: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-accordion', + elementClass: CbpAccordionElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpAccordionEvents, + defineCustomElement: defineCbpAccordion +}); + +type CbpAccordionItemEvents = { onAccordionItemClick: EventName> }; + +export const CbpAccordionItem: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-accordion-item', + elementClass: CbpAccordionItemElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onAccordionItemClick: 'accordionItemClick' } as CbpAccordionItemEvents, + defineCustomElement: defineCbpAccordionItem +}); + +type CbpActionBarEvents = NonNullable; + +export const CbpActionBar: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-action-bar', + elementClass: CbpActionBarElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpActionBarEvents, + defineCustomElement: defineCbpActionBar +}); + +type CbpAppEvents = NonNullable; + +export const CbpApp: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-app', + elementClass: CbpAppElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpAppEvents, + defineCustomElement: defineCbpApp +}); + +type CbpAppHeaderEvents = NonNullable; + +export const CbpAppHeader: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-app-header', + elementClass: CbpAppHeaderElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpAppHeaderEvents, + defineCustomElement: defineCbpAppHeader +}); + +type CbpBadgeEvents = NonNullable; + +export const CbpBadge: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-badge', + elementClass: CbpBadgeElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpBadgeEvents, + defineCustomElement: defineCbpBadge +}); + +type CbpBannerEvents = { onBannerDismiss: EventName> }; + +export const CbpBanner: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-banner', + elementClass: CbpBannerElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onBannerDismiss: 'bannerDismiss' } as CbpBannerEvents, + defineCustomElement: defineCbpBanner +}); + +type CbpButtonEvents = { + onButtonClick: EventName>, + onComponentLoad: EventName> +}; + +export const CbpButton: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-button', + elementClass: CbpButtonElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { + onButtonClick: 'buttonClick', + onComponentLoad: 'componentLoad' + } as CbpButtonEvents, + defineCustomElement: defineCbpButton +}); + +type CbpCardEvents = NonNullable; + +export const CbpCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-card', + elementClass: CbpCardElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpCardEvents, + defineCustomElement: defineCbpCard +}); + +type CbpCheckboxEvents = { onStateChanged: EventName> }; + +export const CbpCheckbox: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-checkbox', + elementClass: CbpCheckboxElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onStateChanged: 'stateChanged' } as CbpCheckboxEvents, + defineCustomElement: defineCbpCheckbox +}); + +type CbpChipEvents = { onChipClick: EventName> }; + +export const CbpChip: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-chip', + elementClass: CbpChipElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onChipClick: 'chipClick' } as CbpChipEvents, + defineCustomElement: defineCbpChip +}); + +type CbpContainerEvents = NonNullable; + +export const CbpContainer: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-container', + elementClass: CbpContainerElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpContainerEvents, + defineCustomElement: defineCbpContainer +}); + +type CbpDialogEvents = { + onDialogOpen: EventName>, + onDialogClose: EventName> +}; + +export const CbpDialog: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-dialog', + elementClass: CbpDialogElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { + onDialogOpen: 'dialogOpen', + onDialogClose: 'dialogClose' + } as CbpDialogEvents, + defineCustomElement: defineCbpDialog +}); + +type CbpDrawerEvents = { + onDrawerOpen: EventName>, + onDrawerClose: EventName> +}; + +export const CbpDrawer: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-drawer', + elementClass: CbpDrawerElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { + onDrawerOpen: 'drawerOpen', + onDrawerClose: 'drawerClose' + } as CbpDrawerEvents, + defineCustomElement: defineCbpDrawer +}); + +type CbpDropdownEvents = { onValueChange: EventName> }; + +export const CbpDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-dropdown', + elementClass: CbpDropdownElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onValueChange: 'valueChange' } as CbpDropdownEvents, + defineCustomElement: defineCbpDropdown +}); + +type CbpDropdownItemEvents = { onDropdownItemClick: EventName> }; + +export const CbpDropdownItem: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-dropdown-item', + elementClass: CbpDropdownItemElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onDropdownItemClick: 'dropdownItemClick' } as CbpDropdownItemEvents, + defineCustomElement: defineCbpDropdownItem +}); + +type CbpExpandEvents = { onExpandClick: EventName> }; + +export const CbpExpand: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-expand', + elementClass: CbpExpandElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onExpandClick: 'expandClick' } as CbpExpandEvents, + defineCustomElement: defineCbpExpand +}); + +type CbpFlexEvents = NonNullable; + +export const CbpFlex: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-flex', + elementClass: CbpFlexElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpFlexEvents, + defineCustomElement: defineCbpFlex +}); + +type CbpFlexItemEvents = NonNullable; + +export const CbpFlexItem: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-flex-item', + elementClass: CbpFlexItemElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpFlexItemEvents, + defineCustomElement: defineCbpFlexItem +}); + +type CbpFooterEvents = NonNullable; + +export const CbpFooter: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-footer', + elementClass: CbpFooterElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpFooterEvents, + defineCustomElement: defineCbpFooter +}); + +type CbpFormFieldEvents = { onValueChange: EventName> }; + +export const CbpFormField: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-form-field', + elementClass: CbpFormFieldElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onValueChange: 'valueChange' } as CbpFormFieldEvents, + defineCustomElement: defineCbpFormField +}); + +type CbpFormFieldWrapperEvents = NonNullable; + +export const CbpFormFieldWrapper: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-form-field-wrapper', + elementClass: CbpFormFieldWrapperElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpFormFieldWrapperEvents, + defineCustomElement: defineCbpFormFieldWrapper +}); + +type CbpGridEvents = NonNullable; + +export const CbpGrid: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-grid', + elementClass: CbpGridElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpGridEvents, + defineCustomElement: defineCbpGrid +}); + +type CbpGridItemEvents = NonNullable; + +export const CbpGridItem: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-grid-item', + elementClass: CbpGridItemElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpGridItemEvents, + defineCustomElement: defineCbpGridItem +}); + +type CbpHideEvents = { onHideToggle: EventName> }; + +export const CbpHide: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-hide', + elementClass: CbpHideElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onHideToggle: 'hideToggle' } as CbpHideEvents, + defineCustomElement: defineCbpHide +}); + +type CbpIconEvents = NonNullable; + +export const CbpIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-icon', + elementClass: CbpIconElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpIconEvents, + defineCustomElement: defineCbpIcon +}); + +type CbpLinkEvents = { onLinkClick: EventName> }; + +export const CbpLink: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-link', + elementClass: CbpLinkElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onLinkClick: 'linkClick' } as CbpLinkEvents, + defineCustomElement: defineCbpLink +}); + +type CbpListEvents = NonNullable; + +export const CbpList: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-list', + elementClass: CbpListElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpListEvents, + defineCustomElement: defineCbpList +}); + +type CbpNoticeEvents = NonNullable; + +export const CbpNotice: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-notice', + elementClass: CbpNoticeElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpNoticeEvents, + defineCustomElement: defineCbpNotice +}); + +type CbpPaginationEvents = { onPaginationChange: EventName> }; + +export const CbpPagination: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-pagination', + elementClass: CbpPaginationElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onPaginationChange: 'paginationChange' } as CbpPaginationEvents, + defineCustomElement: defineCbpPagination +}); + +type CbpPanelEvents = NonNullable; + +export const CbpPanel: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-panel', + elementClass: CbpPanelElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpPanelEvents, + defineCustomElement: defineCbpPanel +}); + +type CbpRadioEvents = { onStateChanged: EventName> }; + +export const CbpRadio: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-radio', + elementClass: CbpRadioElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onStateChanged: 'stateChanged' } as CbpRadioEvents, + defineCustomElement: defineCbpRadio +}); + +type CbpSectionEvents = NonNullable; + +export const CbpSection: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-section', + elementClass: CbpSectionElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpSectionEvents, + defineCustomElement: defineCbpSection +}); + +type CbpSegmentedButtonGroupEvents = { onSegmentedButtonGroupClick: EventName> }; + +export const CbpSegmentedButtonGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-segmented-button-group', + elementClass: CbpSegmentedButtonGroupElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { onSegmentedButtonGroupClick: 'segmentedButtonGroupClick' } as CbpSegmentedButtonGroupEvents, + defineCustomElement: defineCbpSegmentedButtonGroup +}); + +type CbpSkipNavEvents = NonNullable; + +export const CbpSkipNav: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-skip-nav', + elementClass: CbpSkipNavElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpSkipNavEvents, + defineCustomElement: defineCbpSkipNav +}); + +type CbpStructuredListEvents = NonNullable; + +export const CbpStructuredList: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-structured-list', + elementClass: CbpStructuredListElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpStructuredListEvents, + defineCustomElement: defineCbpStructuredList +}); + +type CbpStructuredListItemEvents = NonNullable; + +export const CbpStructuredListItem: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-structured-list-item', + elementClass: CbpStructuredListItemElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpStructuredListItemEvents, + defineCustomElement: defineCbpStructuredListItem +}); + +type CbpTabEvents = { + onTabLoaded: EventName>, + onTabClicked: EventName> +}; + +export const CbpTab: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-tab', + elementClass: CbpTabElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: { + onTabLoaded: 'tabLoaded', + onTabClicked: 'tabClicked' + } as CbpTabEvents, + defineCustomElement: defineCbpTab +}); + +type CbpTabPanelEvents = NonNullable; + +export const CbpTabPanel: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-tab-panel', + elementClass: CbpTabPanelElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpTabPanelEvents, + defineCustomElement: defineCbpTabPanel +}); + +type CbpTabsEvents = NonNullable; + +export const CbpTabs: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-tabs', + elementClass: CbpTabsElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpTabsEvents, + defineCustomElement: defineCbpTabs +}); + +type CbpTagEvents = NonNullable; + +export const CbpTag: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-tag', + elementClass: CbpTagElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpTagEvents, + defineCustomElement: defineCbpTag +}); + +type CbpToastEvents = NonNullable; + +export const CbpToast: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-toast', + elementClass: CbpToastElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpToastEvents, + defineCustomElement: defineCbpToast +}); + +type CbpTypographyEvents = NonNullable; + +export const CbpTypography: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-typography', + elementClass: CbpTypographyElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpTypographyEvents, + defineCustomElement: defineCbpTypography +}); + +type CbpUniversalHeaderEvents = NonNullable; + +export const CbpUniversalHeader: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-universal-header', + elementClass: CbpUniversalHeaderElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpUniversalHeaderEvents, + defineCustomElement: defineCbpUniversalHeader +}); + +type CbpUsaBannerEvents = NonNullable; + +export const CbpUsaBanner: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'cbp-usa-banner', + elementClass: CbpUsaBannerElement, + // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored. + react: React, + events: {} as CbpUsaBannerEvents, + defineCustomElement: defineCbpUsaBanner +}); diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 3f90e71d..4309834a 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -43,7 +43,7 @@ "devDependencies": { "@chromatic-com/storybook": "^1.5.0", "@custom-elements-manifest/analyzer": "^0.9.4", - "@stencil/react-output-target": "^0.5.3", + "@stencil/react-output-target": "^0.7.4", "@stencil/sass": "^3.0.7", "@stencil/store": "^2.0.12", "@storybook/addon-essentials": "^8.1.6", diff --git a/packages/web-components/stencil.config.ts b/packages/web-components/stencil.config.ts index 650026ae..9a8e8704 100644 --- a/packages/web-components/stencil.config.ts +++ b/packages/web-components/stencil.config.ts @@ -13,6 +13,7 @@ export const config: Config = { reactOutputTarget({ componentCorePackage: '@cbpds/web-components', proxiesFile: '../react-components/components/stencil-generated/index.ts', + outDir: '../react-components/components/stencil-generated/' }), { type: 'dist', // The dist type is to generate the component(s) as a reusable library that can be self-lazy loading @@ -29,6 +30,7 @@ export const config: Config = { { type: 'dist-custom-elements', minify: true, + externalRuntime: false, copy: [ { src: '../assets',