Please hardcoded packages with Kadence packages (npm)

.github/workflows/eslint.yml

@@ -1,7 +1,13 @@
 name: ESLint
 run-name: '[ESLint] ${{ github.event.head_commit.message }}'
 
-on: push
+on:
+  push:
+  # pull_request:
+
+# permissions:
+#   contents: write
+#   pull-requests: write
 
 jobs:
   run-linters:
@@ -31,6 +37,15 @@ jobs:
         env:
           BUN_AUTH_TOKEN: ${{ secrets.GH_BOT_TOKEN }}
 
+      - name: Build Kadence workspace packages (for ESLint import resolution)
+        run: |
+          for pkg in helpers icons components; do
+            dir="node_modules/@kadence/${pkg}"
+            if [ -f "$dir/package.json" ]; then
+              (cd "$dir" && npm install && npm run build)
+            fi
+          done
+
       - name: Run linters
         uses: wearerequired/lint-action@v2
         with:

.gitignore

@@ -16,3 +16,4 @@ bin/wp-cli.phar
 /.env
 # Remove this when fully transitioning to bun.
 /bun.lock*
+/.kadence-packages-root

package.json

@@ -13,14 +13,19 @@
 		"build:custom": "wp-scripts build --webpack-bundle-analyzer",
 		"lint-js": "wp-scripts lint-js",
 		"lint-js-fix": "wp-scripts lint-js --fix",
-		"format": "wp-scripts format"
+		"format": "wp-scripts format",
+		"link-kadence-packages": "node node_modules/@kadence/components/scripts/npm/link-kadence-packages.js",
+		"unlink-kadence-packages": "node node_modules/@kadence/components/scripts/npm/unlink-kadence-packages.js"
 	},
 	"dependencies": {
 		"@algolia/autocomplete-js": "^1.10.0",
 		"@dnd-kit/core": "^6.1.0",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@floating-ui/react": "^0.27.12",
 		"@hcaptcha/react-hcaptcha": "^1.8.1",
+		"@kadence/components": "github:stellarwp/kadence-components#1.1.8",
+		"@kadence/helpers": "github:stellarwp/kadence-helpers#1.1.0",
+		"@kadence/icons": "github:stellarwp/kadence-icons#1.1.4",
 		"@lottiefiles/dotlottie-react": "^0.15.2",
 		"@react-google-maps/api": "^2.12.0",
 		"@splidejs/react-splide": "^0.7.12",

src/assets/js/kb-table-of-contents.js

@@ -125,7 +125,6 @@
 									;
 									o !== t.body &&
 									!1 === ((e = p((l = o), 'Y') && a(l, 'Y')), (r = p(l, 'X') && a(l, 'X')), e || r);
-
 								) {
 									o = o.parentNode || o.host;
 								}

src/blocks/advanced-form/fields/accept/edit.js

@@ -17,7 +17,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 

src/blocks/advanced-form/fields/captcha/edit.js

@@ -20,7 +20,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';
 import classNames from 'classnames';

src/blocks/advanced-form/fields/checkbox/edit.js

@@ -19,7 +19,7 @@ import {
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
 import { ENTER } from '@wordpress/keycodes';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { times, filter } from 'lodash';

src/blocks/advanced-form/fields/date/edit.js

@@ -19,7 +19,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/file/edit.js

@@ -18,7 +18,7 @@ import {
 } from '@kadence/components';
 import { useEffect, useState } from '@wordpress/element';
 import { without } from 'lodash';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 

src/blocks/advanced-form/fields/hidden/edit.js

@@ -16,7 +16,6 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 

src/blocks/advanced-form/fields/number/edit.js

@@ -24,7 +24,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/radio/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/select/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { times, get, filter } from 'lodash';

src/blocks/advanced-form/fields/submit/edit.js

@@ -14,7 +14,6 @@ import {
 	getBorderStyle,
 	setBlockDefaults,
 	getBorderColor,
-	getUniqueId,
 } from '@kadence/helpers';
 import { getUniqueFieldId } from '../../components';
 

src/blocks/advanced-form/fields/telephone/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/text/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/textarea/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/blocks/advanced-form/fields/time/edit.js

@@ -18,7 +18,7 @@ import {
 	SelectParentBlock,
 } from '@kadence/components';
 import { useEffect, useState, useMemo } from '@wordpress/element';
-import { getUniqueId, getPreviewSize } from '@kadence/helpers';
+import { getPreviewSize } from '@kadence/helpers';
 import classNames from 'classnames';
 import { DuplicateField, FieldBlockAppender, FieldName, getUniqueFieldId } from '../../components';
 import { fieldAutoFillOptions } from '../../constants';

src/extension/image-picker/constants/API.js

@@ -1,4 +1,4 @@
-import { PexelsIcon } from '@kadence/icons';
+// import { PexelsIcon } from '@kadence/icons';
 
 export const API = {
 	proxy: 'https://content.startertemplatecloud.com/',
@@ -17,6 +17,9 @@ export const API = {
 		requires_key: true,
 		new: false,
 		api_var: 'key',
-		icon: PexelsIcon,
+		// icon: PexelsIcon,
 	},
 };
+
+// PexelsIcon is currently not being used and we did not find implementation for it, so we commented it out to avoid build errors.
+// slack discussion - https://lw.slack.com/archives/C0A32QSRQUS/p1773298378121059?thread_ts=1773238529.242199&cid=C0A32QSRQUS