Merge pull request #6 from stellarwp/import_fixes

Josh Oakes · web-flow · commit 358eb70d54e7 · 2025-12-03T11:09:28.000-06:00
Linter fixes
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -56,6 +56,7 @@ const eslintConfig = {
 		navigator: 'readonly',
 		localStorage: 'readonly',
 		ktgooglefonts: 'readonly',
+		frames: 'readonly',
 	},
 	rules: {
 		'prettier/prettier': 'off',
diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
@@ -0,0 +1,28 @@
+name: ESLint
+run-name: '[ESLint] ${{ github.event.head_commit.message }}'
+
+on: push
+
+jobs:
+  run-linters:
+    name: Run linters
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18
+
+      # ESLint and Prettier must be in `package.json`
+      - name: Install Node.js dependencies
+        run: npm ci --ignore-scripts --legacy-peer-deps
+
+      - name: Run linters
+        uses: wearerequired/lint-action@v2
+        with:
+          auto_fix: true
+          eslint: true
diff --git a/src/border/border-control/index.js b/src/border/border-control/index.js
@@ -39,7 +39,7 @@ import {
 	radiusLinkedIcon,
 	radiusIndividualIcon,
 } from '@kadence/icons';
-import { settings, link, linkOff } from '@wordpress/icons';
+import { settings, link, linkOff, undo } from '@wordpress/icons';
 import SingleBorderControl from '../single-border-control';
 /**
  * Build the Border controls
diff --git a/src/dynamic-text-input-control/index.js b/src/dynamic-text-input-control/index.js
@@ -5,6 +5,7 @@ import DynamicTextPopover from '../dynamic-text-popover';
 
 import { __ } from '@wordpress/i18n';
 import { Button, TextControl } from '@wordpress/components';
+import { undo } from '@wordpress/icons';
 import { map, isEqual } from 'lodash';
 /**
  * WordPress dependencies
diff --git a/src/inline-pop-color/index.js b/src/inline-pop-color/index.js
@@ -33,6 +33,16 @@ import {
 		 <Path d="M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z" />
 	 </SVG>
  );
+
+ function unConvertOpacity(value) {
+	let val = 100;
+	if (value) {
+		val = value * 100;
+	}
+	return val;
+}
+
+
  export default function InlinePopColorControl( {
 	label,
 	opacityValue = '',
diff --git a/src/links/image-url-input-link-controls/index.js b/src/links/image-url-input-link-controls/index.js
@@ -7,7 +7,7 @@ import { find, map } from 'lodash';
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useRef, useState, useCallback } from '@wordpress/element';
+import { useRef, useState, useCallback, Fragment } from '@wordpress/element';
 import {
 	ToolbarButton,
 	Button,
@@ -17,6 +17,7 @@ import {
 	TextControl,
 	SVG,
 	Path,
+	SelectControl,
 } from '@wordpress/components';
 import { URLPopover } from '@wordpress/block-editor';
 import { link as linkIcon, close } from '@wordpress/icons';
diff --git a/src/links/input-search/index.js b/src/links/input-search/index.js
@@ -12,7 +12,7 @@ import { Component, Fragment, createRef } from '@wordpress/element';
 import { safeDecodeURI, filterURLForDisplay } from '@wordpress/url';
 import { applyFilters } from '@wordpress/hooks';
 import { UP, DOWN, ENTER, TAB } from '@wordpress/keycodes';
-import { BaseControl, Button, Spinner, ToggleControl, ExternalLink } from '@wordpress/components';
+import { BaseControl, Button, Spinner, ToggleControl, ExternalLink, Icon } from '@wordpress/components';
 import { withInstanceId, withSafeTimeout, compose } from '@wordpress/compose';
 import DynamicLinkControl from '../dynamic-link-control';
 import TextHighlight from '../text-highlight';
diff --git a/src/measurement-range-control/index.js b/src/measurement-range-control/index.js
@@ -47,7 +47,7 @@ import {
 	radiusLinkedIcon,
 	radiusIndividualIcon,
 } from '@kadence/icons';
-import { settings, link, linkOff } from '@wordpress/icons';
+import { undo, settings, link, linkOff } from '@wordpress/icons';
 import { OPTIONS_MAP } from './constants';
 import { isCustomOption, getOptionIndex, getOptionFromSize, getOptionSize } from './utils';
 
diff --git a/src/measurement-range-control/responsive.js b/src/measurement-range-control/responsive.js
@@ -18,7 +18,18 @@ import { undo, settings, link, linkOff } from '@wordpress/icons';
  */
 import './editor.scss';
 import { Dashicon, Button, ButtonGroup, Flex } from '@wordpress/components';
-import { outlineTopIcon, outlineRightIcon, outlineBottomIcon, outlineLeftIcon } from '@kadence/icons';
+import {
+	outlineTopIcon,
+	outlineRightIcon,
+	outlineBottomIcon,
+	outlineLeftIcon,
+	topLeftIcon,
+	topRightIcon,
+	bottomRightIcon,
+	bottomLeftIcon,
+	radiusLinkedIcon,
+	radiusIndividualIcon,
+} from '@kadence/icons';
 import { OPTIONS_MAP } from './constants';
 import { isCustomOption, getOptionIndex, getOptionFromSize, getOptionSize } from './utils';
 /**
@@ -72,6 +83,7 @@ export default function ResponsiveMeasureRangeControl({
 	};
 	const [isCustom, setIsCustom] = useState(false);
 	const [theControl, setTheControl] = useState(control);
+	// eslint-disable-next-line no-undef
 	const realIsCustomControl = setCustomControl ? customControl : isCustom;
 	const realSetIsCustom = setCustomControl ? setCustomControl : setIsCustom;
 	const reviewOptions = JSON.parse(JSON.stringify(options));
diff --git a/src/measurement/measurement-control/index.js b/src/measurement/measurement-control/index.js
@@ -93,6 +93,7 @@ export default function MeasurementControls({
 			onChange(['', '', '', '']);
 		}
 	};
+	const liveValue = measurement;
 	return (
 		<>
 			{onChange && (
diff --git a/src/onboarding-modal/index.js b/src/onboarding-modal/index.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { __ } from '@wordpress/i18n';
 import { useEffect, useState } from '@wordpress/element';
 import { Button, Modal, Dashicon } from '@wordpress/components';
diff --git a/src/select-posts-modal/index.js b/src/select-posts-modal/index.js
@@ -1,4 +1,4 @@
-import { useState, useEffect } from '@wordpress/element';
+import { useState, useEffect, Fragment } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';
diff --git a/src/simple-web-font-loader/index.js b/src/simple-web-font-loader/index.js
@@ -1,3 +1,4 @@
+/* global frames */
 import { useState, useEffect, useRef, useCallback } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
 import PropTypes from 'prop-types';
diff --git a/src/simple-webfont-loader/index.js b/src/simple-webfont-loader/index.js
@@ -1,3 +1,4 @@
+/* global frames */
 import { useEffect, useRef, useCallback } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 
diff --git a/src/tag-select/index.js b/src/tag-select/index.js
@@ -7,24 +7,15 @@
  * Internal block libraries
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { useInstanceId } from '@wordpress/compose';
-import { range } from 'lodash';
-import { Button, DropdownMenu, ToolbarGroup } from '@wordpress/components';
+import { range, isEqual } from 'lodash';
+import { Button, ToolbarGroup } from '@wordpress/components';
+import { undo } from '@wordpress/icons';
 /**
  * Import Css
  */
 import './editor.scss';
 import HeadingLevelIcon from './../heading-level-icon';
-import { pxIcon, emIcon, remIcon, vhIcon, vwIcon, percentIcon } from '@kadence/icons';
 
-let icons = {
-	px: pxIcon,
-	em: emIcon,
-	rem: remIcon,
-	vh: vhIcon,
-	vw: vwIcon,
-	percent: percentIcon,
-};
 /**
  * Build the Measure controls
  * @returns {object} Measure settings.
@@ -110,8 +101,10 @@ export default function tagSelect({
 											className="is-reset is-single"
 											label="reset"
 											isSmall
+											// eslint-disable-next-line no-undef
 											disabled={isEqual(defaultValue, value) ? true : false}
 											icon={undo}
+											// eslint-disable-next-line no-undef
 											onClick={() => onReset()}
 										/>
 									</div>
diff --git a/src/typography/inline-typography-control/index.js b/src/typography/inline-typography-control/index.js
@@ -746,7 +746,7 @@ class InlineTypographyControls extends Component {
 													value={fontSize ? fontSize : ''}
 													onChange={(value) => onFontSize(value)}
 													tabletValue={tabSize ? tabSize : ''}
-													onChangeTablet={(value) => onTabletSize(value)}
+													onChangeTablet={(value) => onTabSize(value)}
 													mobileValue={mobileSize ? mobileSize : ''}
 													onChangeMobile={(value) => onMobileSize(value)}
 													min={0}
diff --git a/src/typography/typography-control/index.js b/src/typography/typography-control/index.js
@@ -23,13 +23,14 @@ import TwoColumn from '../../panels/two-column';
 import TagSelect from '../../tag-select';
 
 import Select from 'react-select';
-import { range } from 'lodash';
+import { range, isEqual } from 'lodash';
 import HeadingLevelIcon from '../../heading-level-icon';
 
 import { applyFilters } from '@wordpress/hooks';
 
 import { Component } from '@wordpress/element';
-import { ToolbarGroup, ToggleControl, SelectControl } from '@wordpress/components';
+import { ToolbarGroup, ToggleControl, SelectControl, Button } from '@wordpress/components';
+import { undo } from '@wordpress/icons';
 
 /**
  * Build the typography controls
diff --git a/src/web-font-loader/index.js b/src/web-font-loader/index.js
@@ -1,6 +1,7 @@
 if (ktgooglefonts === undefined) {
 	var ktgooglefonts = [];
 }
+/* global frames */
 import { Component } from '@wordpress/element';
 import PropTypes from 'prop-types';
 import WebFont from 'webfontloader';

Original file line number	Diff line number	Diff line change
`@@ -93,6 +93,7 @@ export default function MeasurementControls({`
`93`	`93`	`onChange(['', '', '', '']);`
`94`	`94`	`}`
`95`	`95`	`};`
	`96`	`+ const liveValue = measurement;`
`96`	`97`	`return (`
`97`	`98`	`<>`
`98`	`99`	`{onChange && (`