Skip to content

Feat/settings components #52

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kzamanbd merged 16 commits into from
Feb 18, 2026
Merged

Feat/settings components #52

Show file tree
Hide file tree
Changes from 12 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
fdb2a4e
Init Settings component
mrabbani Feb 14, 2026
b298fb2
refactor: enhance settings components with applyFilters support and i…
mrabbani Feb 14, 2026
171db6c
settings: fix select fields
mrabbani Feb 14, 2026
669aeb3
Settings: addrress subsection
mrabbani Feb 14, 2026
b2aebbd
refactor: unify label handling in settings components
mrabbani Feb 14, 2026
37e0ab6
feat: enhance settings context and components with page-specific func…
mrabbani Feb 14, 2026
080bfa3
feat: add customizable save button functionality to settings components
mrabbani Feb 14, 2026
940d22b
feat: improve save button functionality in settings components
mrabbani Feb 14, 2026
6a81a16
Add docs for settings
mrabbani Feb 14, 2026
4137cce
Cleanup pacakge.json
mrabbani Feb 14, 2026
541f85d
Add tab accessibility, async onSave, bump React
kzamanbd Feb 18, 2026
9eb16fb
Remove asChild from TooltipTrigger
kzamanbd Feb 18, 2026
bf7ce8d
Bump React peer to >=18; regenerate lockfile
kzamanbd Feb 18, 2026
8af34af
Merge branch 'main' into feat/settings-components
kzamanbd Feb 18, 2026
bd10b37
feat: add PopoverClose and PopoverArrow components to Popover module
kzamanbd Feb 18, 2026
484b36f
Disable no-explicit-any lint and remove unused prop
kzamanbd Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,15 @@ import { createRequire } from "module";
import path from "path";
import { fileURLToPath } from "url";


const __dirname = path.dirname(fileURLToPath(import.meta.url));
const require = createRequire(import.meta.url);

// Base path for deployment to subpath (e.g. GitHub Pages: https://owner.github.io/repo/)
const basePath = process.env.STORYBOOK_BASE_PATH || "/";

const config: StorybookConfig = {
stories: ["../src/**/*.stories.@(ts|tsx|js|jsx)"],
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(ts|tsx|js|jsx)"],
staticDirs: ["./static"],
addons: [
"@storybook/addon-a11y",
Expand Down
52,583 changes: 26,277 additions & 26,306 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

207 changes: 107 additions & 100 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,106 +1,113 @@
{
"name": "@wedevs/plugin-ui",
"version": "2.0.0",
"description": "Scoped, themeable UI components for WordPress plugins - ShadCN style",
"main": "dist/index.js",
"module": "dist/index.js",
"types": "dist/index.d.ts",
"sideEffects": [
"**/*.css"
],
"exports": {
".": {
"import": "./dist/index.js",
"require": "./dist/index.js",
"types": "./dist/index.d.ts"
},
"./components/ui": {
"import": "./dist/components/ui/index.js",
"require": "./dist/components/ui/index.js",
"types": "./dist/components/ui/index.d.ts"
},
"./providers": {
"import": "./dist/providers/index.js",
"require": "./dist/providers/index.js",
"types": "./dist/providers/index.d.ts"
},
"./themes": {
"import": "./dist/themes/index.js",
"require": "./dist/themes/index.js",
"types": "./dist/themes/index.d.ts"
},
"./utils": {
"import": "./dist/utils/index.js",
"require": "./dist/utils/index.js",
"types": "./dist/utils/index.d.ts"
},
"./styles.css": "./dist/styles.css"
"name": "@wedevs/plugin-ui",
"version": "2.0.0",
"description": "Scoped, themeable UI components for WordPress plugins - ShadCN style",
"main": "dist/index.js",
"module": "dist/index.js",
"types": "dist/index.d.ts",
"sideEffects": [
"**/*.css"
],
"exports": {
".": {
"import": "./dist/index.js",
"require": "./dist/index.js",
"types": "./dist/index.d.ts"
},
"files": [
"dist",
"src"
],
"scripts": {
"build": "npm run build:wp && npm run build:types",
"build:wp": "wp-scripts build --config webpack.config.js",
"build:types": "tsc --emitDeclarationOnly",
"start": "wp-scripts start --config webpack.config.js",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"lint": "eslint src --ext .ts,.tsx",
"typecheck": "tsc --noEmit",
"prepare": "npm run build"
"./components/ui": {
"import": "./dist/components/ui/index.js",
"require": "./dist/components/ui/index.js",
"types": "./dist/components/ui/index.d.ts"
},
"peerDependencies": {
"react": ">=17.0.0",
"react-dom": ">=17.0.0"
"./providers": {
"import": "./dist/providers/index.js",
"require": "./dist/providers/index.js",
"types": "./dist/providers/index.d.ts"
},
"dependencies": {
"@base-ui/react": "^1.1.0",
"@wordpress/dataviews": "^11.3.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"input-otp": "^1.4.2",
"lucide-react": "^0.563.0",
"tailwind-merge": "^2.6.1",
"tw-animate-css": "^1.4.0"
"./themes": {
"import": "./dist/themes/index.js",
"require": "./dist/themes/index.js",
"types": "./dist/themes/index.d.ts"
},
"devDependencies": {
"@babel/preset-react": "^7.26.0",
"@babel/preset-typescript": "^7.26.0",
"@chromatic-com/storybook": "^5.0.0",
"@storybook/addon-a11y": "^10.2.7",
"@storybook/addon-docs": "^10.2.7",
"@storybook/addon-themes": "^10.2.7",
"@storybook/react": "^10.2.0",
"@storybook/react-webpack5": "^10.2.0",
"@tailwindcss/postcss": "^4.1.18",
"@types/react": "^18.0.0",
"@types/react-dom": "^18.0.0",
"@wordpress/scripts": "^30.25.0",
"autoprefixer": "^10.4.23",
"babel-loader": "^9.2.0",
"postcss": "^8.5.6",
"postcss-cli": "^11.0.1",
"postcss-loader": "^8.1.1",
"storybook": "^10.2.0",
"tailwindcss": "^4.1.18",
"typescript": "^5.0.0"
"./utils": {
"import": "./dist/utils/index.js",
"require": "./dist/utils/index.js",
"types": "./dist/utils/index.d.ts"
},
"keywords": [
"wordpress",
"ui",
"components",
"react",
"shadcn",
"tailwind",
"wedevs",
"theming"
],
"author": "weDevs",
"license": "GPL-2.0-or-later",
"repository": {
"type": "git",
"url": "https://github.com/getdokan/plugin-ui.git"
}
}
"./settings": {
"import": "./dist/components/settings/index.js",
"require": "./dist/components/settings/index.js",
"types": "./dist/components/settings/index.d.ts"
},
"./styles.css": "./dist/styles.css"
},
"files": [
"dist",
"src"
],
"scripts": {
"build": "npm run build:wp && npm run build:types",
"build:wp": "wp-scripts build --config webpack.config.js",
"build:types": "tsc --emitDeclarationOnly",
"start": "wp-scripts start --config webpack.config.js",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"lint": "eslint src --ext .ts,.tsx",
"typecheck": "tsc --noEmit",
"prepare": "npm run build"
},
"peerDependencies": {
"react": ">=18.0.0",
"react-dom": ">=18.0.0"
},
Comment thread
coderabbitai[bot] marked this conversation as resolved.
"dependencies": {
"@base-ui/react": "^1.1.0",
"@wordpress/dataviews": "^11.3.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"input-otp": "^1.4.2",
"lucide-react": "^0.563.0",
"tailwind-merge": "^2.6.1",
"tw-animate-css": "^1.4.0"
},
"devDependencies": {
"@babel/preset-react": "^7.26.0",
"@babel/preset-typescript": "^7.26.0",
"@chromatic-com/storybook": "^5.0.0",
"@storybook/addon-a11y": "^10.2.7",
"@storybook/addon-docs": "^10.2.7",
"@storybook/addon-themes": "^10.2.7",
"@storybook/react": "^10.2.0",
"@storybook/react-webpack5": "^10.2.0",
"@tailwindcss/postcss": "^4.1.18",
"@types/react": "^18.0.0",
"@types/react-dom": "^18.0.0",
"@wordpress/scripts": "^30.25.0",
"babel-loader": "^9.2.0",
"postcss": "^8.5.6",
"postcss-cli": "^11.0.1",
"postcss-loader": "^8.1.1",
"storybook": "^10.2.0",
"tailwindcss": "^4.1.18",
"typescript": "^5.0.0"
},
"engines": {
"node": ">=22"
},
Comment on lines +94 to +96

@coderabbitai coderabbitai Bot Feb 14, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

engines.node >= 22 may be unnecessarily restrictive for consumers.

Node 20 LTS is still in its maintenance window (until April 2026). Since consumers install this package via npm, the engine constraint will block installation on Node 20 unless --ignore-engines is used. If the requirement is only for local development (e.g., workspace features), consider either relaxing to >=18 or >=20, or documenting that this constraint applies to contributors only.

🤖 Prompt for AI Agents 
In `@package.json` around lines 94 - 96, The package.json currently pins
engines.node to ">=22" which will block users on Node 20; update the
engines.node field in package.json (the "engines" object) to a less restrictive
constraint such as ">=20" (or ">=18" if you want broader support) and, if this
constraint is intended only for contributors, move the strict requirement into
contributor documentation or dev tooling instead of the package.json engines
field so installs from npm aren’t blocked for Node 20 users.

"keywords": [
"wordpress",
"ui",
"components",
"react",
"shadcn",
"tailwind",
"wedevs",
"theming"
],
"author": "weDevs",
"license": "GPL-2.0-or-later",
"repository": {
"type": "git",
"url": "https://github.com/getdokan/plugin-ui.git"
}
}
Loading
Loading