feat: Add JSON definitions for menu, password input, and popover components

- Introduced `menu.json` for menu component structure with bindings for trigger and content.
- Created `password-input.json` for password input handling visibility and value changes.
- Added `popover.json` for popover component with trigger and content bindings.

feat: Implement custom hooks for UI interactions

- Added `useAccordion` for managing accordion state with single/multiple item support.
- Created `useBindingEditor` for managing bindings in a dynamic editor.
- Implemented `useCopyState` for clipboard copy functionality with feedback.
- Developed `useFileUpload` for handling file uploads with drag-and-drop support.
- Introduced `useFocusState` for managing focus state in components.
- Created `useImageState` for handling image loading and error states.
- Added `useMenuState` for managing menu interactions and item clicks.
- Implemented `usePasswordVisibility` for toggling password visibility.
- Developed `usePopoverState` for managing popover visibility and interactions.

feat: Add constants and interfaces for JSON UI components

- Introduced constants for sizes, placements, styles, and object-fit handling.
- Created interfaces for various components including Accordion, Binding Editor, Copy Button, Data Source Editor, File Upload, and more.
- Added type definitions for menu items, popover props, and other UI elements to enhance type safety and maintainability.
This commit is contained in:
2026-01-19 01:30:42 +00:00
parent f0c5680b44
commit 809803283b
228 changed files with 6302 additions and 8685 deletions

View File

@@ -27,7 +27,8 @@
"components:list": "node scripts/list-json-components.cjs",
"components:generate-types": "tsx scripts/generate-json-ui-component-types.ts",
"components:scan": "node scripts/scan-and-update-registry.cjs",
"components:validate": "node scripts/validate-supported-components.cjs && tsx scripts/validate-json-registry.ts"
"components:validate": "node scripts/validate-supported-components.cjs && tsx scripts/validate-json-registry.ts",
"audit:json": "tsx scripts/audit-json-components.ts"
},
"dependencies": {
"@heroicons/react": "^2.2.0",
@@ -111,6 +112,7 @@
"eslint-plugin-react-refresh": "^0.4.19",
"globals": "^17.0.0",
"tailwindcss": "^4.1.11",
"terser": "^5.46.0",
"tsx": "^4.21.0",
"typescript": "~5.7.2",
"typescript-eslint": "^8.38.0",