@pilotiq/pilotiq 0.7.2 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +208 -0
- package/CLAUDE.md +59 -3
- package/dist/Pilotiq.d.ts +83 -0
- package/dist/Pilotiq.d.ts.map +1 -1
- package/dist/Pilotiq.js +39 -0
- package/dist/Pilotiq.js.map +1 -1
- package/dist/actions/Action.d.ts +27 -99
- package/dist/actions/Action.d.ts.map +1 -1
- package/dist/actions/Action.js +52 -754
- package/dist/actions/Action.js.map +1 -1
- package/dist/actions/bulkFactories.d.ts +46 -0
- package/dist/actions/bulkFactories.d.ts.map +1 -0
- package/dist/actions/bulkFactories.js +144 -0
- package/dist/actions/bulkFactories.js.map +1 -0
- package/dist/actions/crudFactories.d.ts +94 -0
- package/dist/actions/crudFactories.d.ts.map +1 -0
- package/dist/actions/crudFactories.js +209 -0
- package/dist/actions/crudFactories.js.map +1 -0
- package/dist/actions/factoryHelpers.d.ts +108 -0
- package/dist/actions/factoryHelpers.d.ts.map +1 -0
- package/dist/actions/factoryHelpers.js +138 -0
- package/dist/actions/factoryHelpers.js.map +1 -0
- package/dist/actions/m2mFactories.d.ts +47 -0
- package/dist/actions/m2mFactories.d.ts.map +1 -0
- package/dist/actions/m2mFactories.js +173 -0
- package/dist/actions/m2mFactories.js.map +1 -0
- package/dist/actions/relationFactories.d.ts +93 -0
- package/dist/actions/relationFactories.d.ts.map +1 -0
- package/dist/actions/relationFactories.js +321 -0
- package/dist/actions/relationFactories.js.map +1 -0
- package/dist/elements/dispatchForm.js +1 -1
- package/dist/elements/dispatchForm.js.map +1 -1
- package/dist/elements/dispatchTable.js +1 -1
- package/dist/elements/dispatchTable.js.map +1 -1
- package/dist/fields/Field.d.ts +31 -0
- package/dist/fields/Field.d.ts.map +1 -1
- package/dist/fields/Field.js +25 -0
- package/dist/fields/Field.js.map +1 -1
- package/dist/pageData/breadcrumbs.d.ts +42 -0
- package/dist/pageData/breadcrumbs.d.ts.map +1 -0
- package/dist/pageData/breadcrumbs.js +172 -0
- package/dist/pageData/breadcrumbs.js.map +1 -0
- package/dist/pageData/forms.d.ts +137 -0
- package/dist/pageData/forms.d.ts.map +1 -0
- package/dist/pageData/forms.js +427 -0
- package/dist/pageData/forms.js.map +1 -0
- package/dist/pageData/helpers.d.ts +239 -0
- package/dist/pageData/helpers.d.ts.map +1 -0
- package/dist/pageData/helpers.js +703 -0
- package/dist/pageData/helpers.js.map +1 -0
- package/dist/pageData/misc.d.ts +76 -0
- package/dist/pageData/misc.d.ts.map +1 -0
- package/dist/pageData/misc.js +263 -0
- package/dist/pageData/misc.js.map +1 -0
- package/dist/pageData/navigation.d.ts +292 -0
- package/dist/pageData/navigation.d.ts.map +1 -0
- package/dist/pageData/navigation.js +591 -0
- package/dist/pageData/navigation.js.map +1 -0
- package/dist/pageData/relationPages.d.ts +172 -0
- package/dist/pageData/relationPages.d.ts.map +1 -0
- package/dist/pageData/relationPages.js +867 -0
- package/dist/pageData/relationPages.js.map +1 -0
- package/dist/pageData/relationTabs.d.ts +65 -0
- package/dist/pageData/relationTabs.d.ts.map +1 -0
- package/dist/pageData/relationTabs.js +258 -0
- package/dist/pageData/relationTabs.js.map +1 -0
- package/dist/pageData/resourcePages.d.ts +48 -0
- package/dist/pageData/resourcePages.d.ts.map +1 -0
- package/dist/pageData/resourcePages.js +504 -0
- package/dist/pageData/resourcePages.js.map +1 -0
- package/dist/pageData.d.ts +12 -792
- package/dist/pageData.d.ts.map +1 -1
- package/dist/pageData.js +24 -3797
- package/dist/pageData.js.map +1 -1
- package/dist/react/AppShell.d.ts +8 -0
- package/dist/react/AppShell.d.ts.map +1 -1
- package/dist/react/AppShell.js +11 -1
- package/dist/react/AppShell.js.map +1 -1
- package/dist/react/CollabExtensionFactoryRegistry.d.ts +47 -0
- package/dist/react/CollabExtensionFactoryRegistry.d.ts.map +1 -0
- package/dist/react/CollabExtensionFactoryRegistry.js +14 -0
- package/dist/react/CollabExtensionFactoryRegistry.js.map +1 -0
- package/dist/react/CollabRoomContext.d.ts +37 -0
- package/dist/react/CollabRoomContext.d.ts.map +1 -0
- package/dist/react/CollabRoomContext.js +12 -0
- package/dist/react/CollabRoomContext.js.map +1 -0
- package/dist/react/FormCollabBindingRegistry.d.ts +62 -0
- package/dist/react/FormCollabBindingRegistry.d.ts.map +1 -0
- package/dist/react/FormCollabBindingRegistry.js +14 -0
- package/dist/react/FormCollabBindingRegistry.js.map +1 -0
- package/dist/react/FormStateContext.d.ts.map +1 -1
- package/dist/react/FormStateContext.js +87 -0
- package/dist/react/FormStateContext.js.map +1 -1
- package/dist/react/RecordWrapperGate.d.ts +25 -0
- package/dist/react/RecordWrapperGate.d.ts.map +1 -0
- package/dist/react/RecordWrapperGate.js +30 -0
- package/dist/react/RecordWrapperGate.js.map +1 -0
- package/dist/react/RecordWrapperRegistry.d.ts +31 -0
- package/dist/react/RecordWrapperRegistry.d.ts.map +1 -0
- package/dist/react/RecordWrapperRegistry.js +15 -0
- package/dist/react/RecordWrapperRegistry.js.map +1 -0
- package/dist/react/SchemaRenderer.d.ts +17 -23
- package/dist/react/SchemaRenderer.d.ts.map +1 -1
- package/dist/react/SchemaRenderer.js +71 -3647
- package/dist/react/SchemaRenderer.js.map +1 -1
- package/dist/react/component-slots.d.ts +103 -0
- package/dist/react/component-slots.d.ts.map +1 -0
- package/dist/react/component-slots.js +18 -0
- package/dist/react/component-slots.js.map +1 -0
- package/dist/react/fields/BuilderInput.d.ts.map +1 -1
- package/dist/react/fields/BuilderInput.js +21 -117
- package/dist/react/fields/BuilderInput.js.map +1 -1
- package/dist/react/fields/MarkdownInput.d.ts.map +1 -1
- package/dist/react/fields/MarkdownInput.js +1 -3
- package/dist/react/fields/MarkdownInput.js.map +1 -1
- package/dist/react/fields/RepeaterInput.d.ts.map +1 -1
- package/dist/react/fields/RepeaterInput.js +22 -127
- package/dist/react/fields/RepeaterInput.js.map +1 -1
- package/dist/react/fields/rowState.d.ts +40 -0
- package/dist/react/fields/rowState.d.ts.map +1 -0
- package/dist/react/fields/rowState.js +60 -0
- package/dist/react/fields/rowState.js.map +1 -0
- package/dist/react/fields/useRowReorderDnd.d.ts +28 -0
- package/dist/react/fields/useRowReorderDnd.d.ts.map +1 -0
- package/dist/react/fields/useRowReorderDnd.js +51 -0
- package/dist/react/fields/useRowReorderDnd.js.map +1 -0
- package/dist/react/index.d.ts +9 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +8 -0
- package/dist/react/index.js.map +1 -1
- package/dist/react/layouts/SidebarLayout.d.ts +1 -1
- package/dist/react/layouts/SidebarLayout.d.ts.map +1 -1
- package/dist/react/layouts/SidebarLayout.js +10 -2
- package/dist/react/layouts/SidebarLayout.js.map +1 -1
- package/dist/react/layouts/TopbarLayout.d.ts +1 -1
- package/dist/react/layouts/TopbarLayout.d.ts.map +1 -1
- package/dist/react/layouts/TopbarLayout.js +19 -11
- package/dist/react/layouts/TopbarLayout.js.map +1 -1
- package/dist/react/parseRecordEditUrl.d.ts +29 -0
- package/dist/react/parseRecordEditUrl.d.ts.map +1 -0
- package/dist/react/parseRecordEditUrl.js +25 -0
- package/dist/react/parseRecordEditUrl.js.map +1 -0
- package/dist/react/persistedState.d.ts +19 -0
- package/dist/react/persistedState.d.ts.map +1 -0
- package/dist/react/persistedState.js +51 -0
- package/dist/react/persistedState.js.map +1 -0
- package/dist/react/schemaRenderer/AlertRenderer.d.ts +12 -0
- package/dist/react/schemaRenderer/AlertRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/AlertRenderer.js +61 -0
- package/dist/react/schemaRenderer/AlertRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/EntryRenderer.d.ts +13 -0
- package/dist/react/schemaRenderer/EntryRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/EntryRenderer.js +277 -0
- package/dist/react/schemaRenderer/EntryRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/SectionRenderer.d.ts +16 -0
- package/dist/react/schemaRenderer/SectionRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/SectionRenderer.js +62 -0
- package/dist/react/schemaRenderer/SectionRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/SimpleElements.d.ts +25 -0
- package/dist/react/schemaRenderer/SimpleElements.d.ts.map +1 -0
- package/dist/react/schemaRenderer/SimpleElements.js +147 -0
- package/dist/react/schemaRenderer/SimpleElements.js.map +1 -0
- package/dist/react/schemaRenderer/TabsRenderer.d.ts +17 -0
- package/dist/react/schemaRenderer/TabsRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/TabsRenderer.js +31 -0
- package/dist/react/schemaRenderer/TabsRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/WizardRenderer.d.ts +34 -0
- package/dist/react/schemaRenderer/WizardRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/WizardRenderer.js +208 -0
- package/dist/react/schemaRenderer/WizardRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/action/ActionGroupTrigger.d.ts +21 -0
- package/dist/react/schemaRenderer/action/ActionGroupTrigger.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/ActionGroupTrigger.js +82 -0
- package/dist/react/schemaRenderer/action/ActionGroupTrigger.js.map +1 -0
- package/dist/react/schemaRenderer/action/ActionModalDialog.d.ts +30 -0
- package/dist/react/schemaRenderer/action/ActionModalDialog.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/ActionModalDialog.js +182 -0
- package/dist/react/schemaRenderer/action/ActionModalDialog.js.map +1 -0
- package/dist/react/schemaRenderer/action/ConfirmActionDialog.d.ts +17 -0
- package/dist/react/schemaRenderer/action/ConfirmActionDialog.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/ConfirmActionDialog.js +19 -0
- package/dist/react/schemaRenderer/action/ConfirmActionDialog.js.map +1 -0
- package/dist/react/schemaRenderer/action/HandlerActionButton.d.ts +16 -0
- package/dist/react/schemaRenderer/action/HandlerActionButton.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/HandlerActionButton.js +16 -0
- package/dist/react/schemaRenderer/action/HandlerActionButton.js.map +1 -0
- package/dist/react/schemaRenderer/action/MethodActionButton.d.ts +22 -0
- package/dist/react/schemaRenderer/action/MethodActionButton.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/MethodActionButton.js +26 -0
- package/dist/react/schemaRenderer/action/MethodActionButton.js.map +1 -0
- package/dist/react/schemaRenderer/action/buttons.d.ts +18 -0
- package/dist/react/schemaRenderer/action/buttons.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/buttons.js +74 -0
- package/dist/react/schemaRenderer/action/buttons.js.map +1 -0
- package/dist/react/schemaRenderer/action/helpers.d.ts +26 -0
- package/dist/react/schemaRenderer/action/helpers.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/helpers.js +126 -0
- package/dist/react/schemaRenderer/action/helpers.js.map +1 -0
- package/dist/react/schemaRenderer/action/renderAction.d.ts +21 -0
- package/dist/react/schemaRenderer/action/renderAction.d.ts.map +1 -0
- package/dist/react/schemaRenderer/action/renderAction.js +102 -0
- package/dist/react/schemaRenderer/action/renderAction.js.map +1 -0
- package/dist/react/schemaRenderer/columnFormat.d.ts +10 -0
- package/dist/react/schemaRenderer/columnFormat.d.ts.map +1 -0
- package/dist/react/schemaRenderer/columnFormat.js +76 -0
- package/dist/react/schemaRenderer/columnFormat.js.map +1 -0
- package/dist/react/schemaRenderer/constants.d.ts +8 -0
- package/dist/react/schemaRenderer/constants.d.ts.map +1 -0
- package/dist/react/schemaRenderer/constants.js +45 -0
- package/dist/react/schemaRenderer/constants.js.map +1 -0
- package/dist/react/schemaRenderer/form/FormRenderer.d.ts +29 -0
- package/dist/react/schemaRenderer/form/FormRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/form/FormRenderer.js +163 -0
- package/dist/react/schemaRenderer/form/FormRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/form/renderField.d.ts +6 -0
- package/dist/react/schemaRenderer/form/renderField.d.ts.map +1 -0
- package/dist/react/schemaRenderer/form/renderField.js +239 -0
- package/dist/react/schemaRenderer/form/renderField.js.map +1 -0
- package/dist/react/schemaRenderer/helpers.d.ts +32 -0
- package/dist/react/schemaRenderer/helpers.d.ts.map +1 -0
- package/dist/react/schemaRenderer/helpers.js +52 -0
- package/dist/react/schemaRenderer/helpers.js.map +1 -0
- package/dist/react/schemaRenderer/table/CardsLayoutBody.d.ts +60 -0
- package/dist/react/schemaRenderer/table/CardsLayoutBody.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/CardsLayoutBody.js +189 -0
- package/dist/react/schemaRenderer/table/CardsLayoutBody.js.map +1 -0
- package/dist/react/schemaRenderer/table/TableRenderer.d.ts +29 -0
- package/dist/react/schemaRenderer/table/TableRenderer.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/TableRenderer.js +85 -0
- package/dist/react/schemaRenderer/table/TableRenderer.js.map +1 -0
- package/dist/react/schemaRenderer/table/TableRendererBody.d.ts +18 -0
- package/dist/react/schemaRenderer/table/TableRendererBody.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/TableRendererBody.js +555 -0
- package/dist/react/schemaRenderer/table/TableRendererBody.js.map +1 -0
- package/dist/react/schemaRenderer/table/filters.d.ts +263 -0
- package/dist/react/schemaRenderer/table/filters.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/filters.js +497 -0
- package/dist/react/schemaRenderer/table/filters.js.map +1 -0
- package/dist/react/schemaRenderer/table/formatCell.d.ts +11 -0
- package/dist/react/schemaRenderer/table/formatCell.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/formatCell.js +172 -0
- package/dist/react/schemaRenderer/table/formatCell.js.map +1 -0
- package/dist/react/schemaRenderer/table/links.d.ts +42 -0
- package/dist/react/schemaRenderer/table/links.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/links.js +55 -0
- package/dist/react/schemaRenderer/table/links.js.map +1 -0
- package/dist/react/schemaRenderer/table/renderRowActions.d.ts +13 -0
- package/dist/react/schemaRenderer/table/renderRowActions.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/renderRowActions.js +25 -0
- package/dist/react/schemaRenderer/table/renderRowActions.js.map +1 -0
- package/dist/react/schemaRenderer/table/url.d.ts +41 -0
- package/dist/react/schemaRenderer/table/url.d.ts.map +1 -0
- package/dist/react/schemaRenderer/table/url.js +114 -0
- package/dist/react/schemaRenderer/table/url.js.map +1 -0
- package/dist/routes/globals.d.ts +13 -0
- package/dist/routes/globals.d.ts.map +1 -0
- package/dist/routes/globals.js +131 -0
- package/dist/routes/globals.js.map +1 -0
- package/dist/routes/helpers.d.ts +217 -0
- package/dist/routes/helpers.d.ts.map +1 -0
- package/dist/routes/helpers.js +498 -0
- package/dist/routes/helpers.js.map +1 -0
- package/dist/routes/pages.d.ts +15 -0
- package/dist/routes/pages.d.ts.map +1 -0
- package/dist/routes/pages.js +145 -0
- package/dist/routes/pages.js.map +1 -0
- package/dist/routes/panel.d.ts +19 -0
- package/dist/routes/panel.d.ts.map +1 -0
- package/dist/routes/panel.js +191 -0
- package/dist/routes/panel.js.map +1 -0
- package/dist/routes/relations.d.ts +21 -0
- package/dist/routes/relations.d.ts.map +1 -0
- package/dist/routes/relations.js +1239 -0
- package/dist/routes/relations.js.map +1 -0
- package/dist/routes/resources.d.ts +28 -0
- package/dist/routes/resources.d.ts.map +1 -0
- package/dist/routes/resources.js +741 -0
- package/dist/routes/resources.js.map +1 -0
- package/dist/routes/theme.d.ts +12 -0
- package/dist/routes/theme.d.ts.map +1 -0
- package/dist/routes/theme.js +82 -0
- package/dist/routes/theme.js.map +1 -0
- package/dist/routes.d.ts.map +1 -1
- package/dist/routes.js +64 -3078
- package/dist/routes.js.map +1 -1
- package/dist/vite.d.ts +1 -0
- package/dist/vite.d.ts.map +1 -1
- package/dist/vite.js +26 -5
- package/dist/vite.js.map +1 -1
- package/package.json +2 -1
- package/src/Pilotiq.ts +95 -0
- package/src/actions/Action.ts +79 -723
- package/src/actions/bulkFactories.ts +168 -0
- package/src/actions/crudFactories.ts +220 -0
- package/src/actions/factoryHelpers.ts +177 -0
- package/src/actions/m2mFactories.ts +193 -0
- package/src/actions/relationFactories.ts +372 -0
- package/src/elements/dispatchForm.ts +1 -1
- package/src/elements/dispatchTable.ts +1 -1
- package/src/fields/Field.ts +39 -0
- package/src/pageData/breadcrumbs.ts +288 -0
- package/src/pageData/forms.ts +578 -0
- package/src/pageData/helpers.ts +764 -0
- package/src/pageData/misc.ts +347 -0
- package/src/pageData/navigation.ts +779 -0
- package/src/pageData/relationPages.ts +1246 -0
- package/src/pageData/relationTabs.ts +286 -0
- package/src/pageData/resourcePages.ts +593 -0
- package/src/pageData.ts +122 -4731
- package/src/react/AppShell.tsx +27 -1
- package/src/react/CollabExtensionFactoryRegistry.ts +55 -0
- package/src/react/CollabRoomContext.ts +42 -0
- package/src/react/FormCollabBindingRegistry.ts +72 -0
- package/src/react/FormStateContext.tsx +91 -0
- package/src/react/RecordWrapperGate.tsx +40 -0
- package/src/react/RecordWrapperRegistry.ts +39 -0
- package/src/react/SchemaRenderer.tsx +230 -6479
- package/src/react/component-slots.test.ts +103 -0
- package/src/react/component-slots.ts +116 -0
- package/src/react/fields/BuilderInput.tsx +29 -117
- package/src/react/fields/MarkdownInput.tsx +0 -1
- package/src/react/fields/RepeaterInput.tsx +29 -130
- package/src/react/fields/rowState.ts +106 -0
- package/src/react/fields/useRowReorderDnd.ts +78 -0
- package/src/react/index.ts +38 -0
- package/src/react/layouts/SidebarLayout.tsx +39 -28
- package/src/react/layouts/TopbarLayout.tsx +70 -57
- package/src/react/parseRecordEditUrl.test.ts +75 -0
- package/src/react/parseRecordEditUrl.ts +55 -0
- package/src/react/persistedState.ts +40 -0
- package/src/react/schemaRenderer/AlertRenderer.tsx +112 -0
- package/src/react/schemaRenderer/EntryRenderer.tsx +501 -0
- package/src/react/schemaRenderer/SectionRenderer.tsx +120 -0
- package/src/react/schemaRenderer/SimpleElements.tsx +306 -0
- package/src/react/schemaRenderer/TabsRenderer.tsx +62 -0
- package/src/react/schemaRenderer/WizardRenderer.tsx +338 -0
- package/src/react/schemaRenderer/action/ActionGroupTrigger.tsx +177 -0
- package/src/react/schemaRenderer/action/ActionModalDialog.tsx +273 -0
- package/src/react/schemaRenderer/action/ConfirmActionDialog.tsx +61 -0
- package/src/react/schemaRenderer/action/HandlerActionButton.tsx +43 -0
- package/src/react/schemaRenderer/action/MethodActionButton.tsx +64 -0
- package/src/react/schemaRenderer/action/buttons.tsx +99 -0
- package/src/react/schemaRenderer/action/helpers.ts +140 -0
- package/src/react/schemaRenderer/action/renderAction.tsx +245 -0
- package/src/react/schemaRenderer/columnFormat.ts +65 -0
- package/src/react/schemaRenderer/constants.ts +50 -0
- package/src/react/schemaRenderer/form/FormRenderer.tsx +245 -0
- package/src/react/schemaRenderer/form/renderField.tsx +511 -0
- package/src/react/schemaRenderer/helpers.tsx +81 -0
- package/src/react/schemaRenderer/table/CardsLayoutBody.tsx +308 -0
- package/src/react/schemaRenderer/table/TableRenderer.tsx +123 -0
- package/src/react/schemaRenderer/table/TableRendererBody.tsx +974 -0
- package/src/react/schemaRenderer/table/filters.tsx +1233 -0
- package/src/react/schemaRenderer/table/formatCell.tsx +264 -0
- package/src/react/schemaRenderer/table/links.tsx +112 -0
- package/src/react/schemaRenderer/table/renderRowActions.tsx +52 -0
- package/src/react/schemaRenderer/table/url.tsx +143 -0
- package/src/routes/globals.ts +154 -0
- package/src/routes/helpers.ts +668 -0
- package/src/routes/pages.ts +173 -0
- package/src/routes/panel.ts +204 -0
- package/src/routes/relations.ts +1219 -0
- package/src/routes/resources.ts +786 -0
- package/src/routes/theme.ts +109 -0
- package/src/routes.test.ts +1 -1
- package/src/routes.ts +64 -3176
- package/src/schema/TableWidget.test.ts +2 -2
- package/src/theme/migrate.test.ts +178 -0
- package/src/vite.test.ts +184 -0
- package/src/vite.ts +26 -4
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ElementMeta } from '../../../schema/Element.js';
|
|
3
|
+
/**
|
|
4
|
+
* Trigger button + dropdown menu for an `ActionGroup` meta. Reuses the
|
|
5
|
+
* action button styling helpers so a group's chrome (color/size/outlined/
|
|
6
|
+
* tooltip/iconButton) matches a regular Action. Each child Action
|
|
7
|
+
* dispatches via the same logic as `renderAction` — link/method/handler/
|
|
8
|
+
* confirm/modal — but routed through a `pending` state so the dropdown
|
|
9
|
+
* closes before any dialog opens (shadcn pattern: one popup at a time).
|
|
10
|
+
*
|
|
11
|
+
* `renderFormChild` + `renderElement` are injected through to
|
|
12
|
+
* `ActionModalDialog` for modal-form bodies. They originate in
|
|
13
|
+
* `SchemaRenderer.tsx` (form / dispatch layers).
|
|
14
|
+
*/
|
|
15
|
+
export declare function ActionGroupTrigger({ el, ids, renderFormChild, renderElement, }: {
|
|
16
|
+
el: ElementMeta;
|
|
17
|
+
ids?: string[];
|
|
18
|
+
renderFormChild: (child: ElementMeta, index: number, values: Record<string, unknown>, errors: Record<string, string[]>) => React.ReactNode;
|
|
19
|
+
renderElement: (el: ElementMeta, index: number) => React.ReactNode;
|
|
20
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=ActionGroupTrigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionGroupTrigger.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ActionGroupTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAc7D;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,GAAQ,EACR,eAAe,EACf,aAAa,GACd,EAAE;IACD,EAAE,EAAI,WAAW,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;IACd,eAAe,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1I,aAAa,EAAG,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CACpE,2CA2IA"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
|
|
4
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../ui/dropdown-menu.js';
|
|
5
|
+
import { useNavigate } from '../../navigate.js';
|
|
6
|
+
import { useToast } from '../../Toaster.js';
|
|
7
|
+
import { withTooltip } from '../helpers.js';
|
|
8
|
+
import { actionButtonClass } from './buttons.js';
|
|
9
|
+
import { dispatchHandlerAction, dispatchMethodAction } from './helpers.js';
|
|
10
|
+
import { ActionModalDialog } from './ActionModalDialog.js';
|
|
11
|
+
/**
|
|
12
|
+
* Trigger button + dropdown menu for an `ActionGroup` meta. Reuses the
|
|
13
|
+
* action button styling helpers so a group's chrome (color/size/outlined/
|
|
14
|
+
* tooltip/iconButton) matches a regular Action. Each child Action
|
|
15
|
+
* dispatches via the same logic as `renderAction` — link/method/handler/
|
|
16
|
+
* confirm/modal — but routed through a `pending` state so the dropdown
|
|
17
|
+
* closes before any dialog opens (shadcn pattern: one popup at a time).
|
|
18
|
+
*
|
|
19
|
+
* `renderFormChild` + `renderElement` are injected through to
|
|
20
|
+
* `ActionModalDialog` for modal-form bodies. They originate in
|
|
21
|
+
* `SchemaRenderer.tsx` (form / dispatch layers).
|
|
22
|
+
*/
|
|
23
|
+
export function ActionGroupTrigger({ el, ids = [], renderFormChild, renderElement, }) {
|
|
24
|
+
const [pending, setPending] = useState(null);
|
|
25
|
+
const navigate = useNavigate();
|
|
26
|
+
const { notify } = useToast();
|
|
27
|
+
const name = String(el['name'] ?? '');
|
|
28
|
+
const label = String(el['label'] ?? name);
|
|
29
|
+
const tooltip = el['tooltip'];
|
|
30
|
+
const iconOnly = Boolean(el['iconOnly']);
|
|
31
|
+
const isDisabled = Boolean(el['disabled']);
|
|
32
|
+
const childActions = (el.children ?? []).filter(c => c.type === 'action');
|
|
33
|
+
const className = actionButtonClass(el, {}) + (isDisabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '');
|
|
34
|
+
const ariaLabel = iconOnly ? label : undefined;
|
|
35
|
+
// Direct-dispatch path mirrors renderAction's branches but skipping
|
|
36
|
+
// confirm/modal (those queue into `pending` so the dropdown can close).
|
|
37
|
+
const dispatch = (action) => {
|
|
38
|
+
const href = action['href'];
|
|
39
|
+
const method = action['method'];
|
|
40
|
+
const actionUrl = action['action'];
|
|
41
|
+
const dispatchUrl = action['dispatchUrl'];
|
|
42
|
+
if (href) {
|
|
43
|
+
navigate(href);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (method && actionUrl) {
|
|
47
|
+
void dispatchMethodAction(actionUrl, method, navigate, notify);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (dispatchUrl) {
|
|
51
|
+
void dispatchHandlerAction(dispatchUrl, ids, navigate, notify);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const onItemClick = (action) => {
|
|
56
|
+
if (action['modal'] || action['confirm']) {
|
|
57
|
+
setPending(action);
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
dispatch(action);
|
|
61
|
+
};
|
|
62
|
+
const pendingHandler = pending && pending['dispatchUrl'];
|
|
63
|
+
const pendingConfirmOnly = pending && !pendingHandler && pending['confirm'];
|
|
64
|
+
const pendingConfirm = pendingConfirmOnly || pending?.['confirm'];
|
|
65
|
+
return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: (props) => withTooltip(_jsx("button", { ...props, type: "button", className: className, "data-action-group-name": name, "aria-label": ariaLabel, children: iconOnly ? null : _jsx("span", { children: label }) }), tooltip) }), _jsx(DropdownMenuContent, { align: "end", children: childActions.map((a, i) => {
|
|
66
|
+
const itemLabel = String(a['label'] ?? a['name'] ?? '');
|
|
67
|
+
const destructive = Boolean(a['destructive']);
|
|
68
|
+
const itemDisabled = Boolean(a['disabled']);
|
|
69
|
+
return (_jsx(DropdownMenuItem, { destructive: destructive, disabled: itemDisabled, onClick: () => { if (!itemDisabled)
|
|
70
|
+
onItemClick(a); }, children: itemLabel }, i));
|
|
71
|
+
}) })] }), pendingHandler && pending && (_jsx(ActionModalDialog, { meta: pending, ids: ids, open: true, onOpenChange: (o) => { if (!o)
|
|
72
|
+
setPending(null); }, renderFormChild: renderFormChild, renderElement: renderElement })), _jsx(Dialog, { open: Boolean(pendingConfirmOnly), onOpenChange: (o) => { if (!o)
|
|
73
|
+
setPending(null); }, children: _jsx(DialogContent, { children: pendingConfirmOnly && pendingConfirm && (_jsxs(_Fragment, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: pendingConfirm.title ?? 'Are you sure?' }), _jsx(DialogDescription, { children: pendingConfirm.message })] }), _jsxs(DialogFooter, { children: [_jsx("button", { type: "button", onClick: () => setPending(null), className: "inline-flex items-center justify-center rounded-md border border-input bg-background px-3 h-9 text-sm font-medium hover:bg-accent hover:text-accent-foreground", children: "Cancel" }), _jsx("button", { type: "button", autoFocus: true, onClick: () => {
|
|
74
|
+
const action = pending;
|
|
75
|
+
setPending(null);
|
|
76
|
+
if (action)
|
|
77
|
+
dispatch(action);
|
|
78
|
+
}, className: pending && pending['destructive']
|
|
79
|
+
? 'inline-flex items-center justify-center rounded-md bg-destructive px-3 h-9 text-sm font-medium text-destructive-foreground hover:bg-destructive/90'
|
|
80
|
+
: 'inline-flex items-center justify-center rounded-md bg-primary px-3 h-9 text-sm font-medium text-primary-foreground hover:bg-primary/90', children: pending && pending['destructive'] ? 'Delete' : 'Confirm' })] })] })) }) })] }));
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=ActionGroupTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionGroupTrigger.js","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ActionGroupTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ElementMeta } from '../../../schema/Element.js';
|
|
3
|
+
/**
|
|
4
|
+
* Modal-form action dialog. Opens a Dialog with an optional form schema
|
|
5
|
+
* (rendered via the injected `renderFormChild`) plus header/footer chrome
|
|
6
|
+
* from `meta.modal`. On submit, fetches the dispatchUrl with `Accept:
|
|
7
|
+
* application/json` so the server can return:
|
|
8
|
+
* - 200 `{ ok: true, redirect }` → navigate (SPA via useNavigate)
|
|
9
|
+
* - 422 `{ ok: false, errors: { field: string[] } }` → inline errors
|
|
10
|
+
* - 500 `{ ok: false, error }` → server error banner
|
|
11
|
+
*
|
|
12
|
+
* Used for handler-style actions that have a schema and/or a modal config.
|
|
13
|
+
* Confirm-only actions without a schema also flow through here (no fields
|
|
14
|
+
* rendered, just header + footer = same UX as the old confirm dialog).
|
|
15
|
+
*
|
|
16
|
+
* `renderFormChild` is injected (form-layer concern, Phase 4) and
|
|
17
|
+
* `renderElement` is injected for `modalContentFooter` auxiliary Elements
|
|
18
|
+
* (avoids the SchemaRenderer ↔ action cycle).
|
|
19
|
+
*/
|
|
20
|
+
export declare function ActionModalDialog({ trigger, meta, ids, initialValues, open: controlledOpen, onOpenChange, renderFormChild, renderElement, }: {
|
|
21
|
+
trigger?: (open: () => void) => React.ReactNode;
|
|
22
|
+
meta: ElementMeta;
|
|
23
|
+
ids: string[];
|
|
24
|
+
initialValues?: Record<string, unknown>;
|
|
25
|
+
open?: boolean;
|
|
26
|
+
onOpenChange?: (open: boolean) => void;
|
|
27
|
+
renderFormChild: (child: ElementMeta, index: number, values: Record<string, unknown>, errors: Record<string, string[]>) => React.ReactNode;
|
|
28
|
+
renderElement: (el: ElementMeta, index: number) => React.ReactNode;
|
|
29
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=ActionModalDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionModalDialog.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ActionModalDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAQ7D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,GAAG,EACH,aAAkB,EAClB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,eAAe,EACf,aAAa,GACd,EAAE;IACD,OAAO,CAAC,EAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,IAAI,EAAY,WAAW,CAAA;IAC3B,GAAG,EAAa,MAAM,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,IAAI,CAAC,EAAW,OAAO,CAAA;IACvB,YAAY,CAAC,EAAG,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,eAAe,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1I,aAAa,EAAG,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CACpE,2CAmOA"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { XIcon } from 'lucide-react';
|
|
4
|
+
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
|
|
5
|
+
import { useIconFor } from '../../icon-context.js';
|
|
6
|
+
import { useNavigate } from '../../navigate.js';
|
|
7
|
+
import { useToast } from '../../Toaster.js';
|
|
8
|
+
/**
|
|
9
|
+
* Modal-form action dialog. Opens a Dialog with an optional form schema
|
|
10
|
+
* (rendered via the injected `renderFormChild`) plus header/footer chrome
|
|
11
|
+
* from `meta.modal`. On submit, fetches the dispatchUrl with `Accept:
|
|
12
|
+
* application/json` so the server can return:
|
|
13
|
+
* - 200 `{ ok: true, redirect }` → navigate (SPA via useNavigate)
|
|
14
|
+
* - 422 `{ ok: false, errors: { field: string[] } }` → inline errors
|
|
15
|
+
* - 500 `{ ok: false, error }` → server error banner
|
|
16
|
+
*
|
|
17
|
+
* Used for handler-style actions that have a schema and/or a modal config.
|
|
18
|
+
* Confirm-only actions without a schema also flow through here (no fields
|
|
19
|
+
* rendered, just header + footer = same UX as the old confirm dialog).
|
|
20
|
+
*
|
|
21
|
+
* `renderFormChild` is injected (form-layer concern, Phase 4) and
|
|
22
|
+
* `renderElement` is injected for `modalContentFooter` auxiliary Elements
|
|
23
|
+
* (avoids the SchemaRenderer ↔ action cycle).
|
|
24
|
+
*/
|
|
25
|
+
export function ActionModalDialog({ trigger, meta, ids, initialValues = {}, open: controlledOpen, onOpenChange, renderFormChild, renderElement, }) {
|
|
26
|
+
const [internalOpen, setInternalOpen] = useState(false);
|
|
27
|
+
const isControlled = controlledOpen !== undefined;
|
|
28
|
+
const open = isControlled ? controlledOpen : internalOpen;
|
|
29
|
+
const setOpen = (o) => {
|
|
30
|
+
if (isControlled)
|
|
31
|
+
onOpenChange?.(o);
|
|
32
|
+
else
|
|
33
|
+
setInternalOpen(o);
|
|
34
|
+
};
|
|
35
|
+
const [errors, setErrors] = useState({});
|
|
36
|
+
const [serverError, setServerError] = useState(null);
|
|
37
|
+
const [submitting, setSubmitting] = useState(false);
|
|
38
|
+
const navigate = useNavigate();
|
|
39
|
+
const { notify } = useToast();
|
|
40
|
+
const modal = meta['modal'];
|
|
41
|
+
const confirm = meta['confirm'];
|
|
42
|
+
const destructive = Boolean(meta['destructive']);
|
|
43
|
+
const dispatchUrl = meta['dispatchUrl'];
|
|
44
|
+
const fields = (meta.children ?? []);
|
|
45
|
+
const hasForm = fields.length > 0;
|
|
46
|
+
// Filament v5 — auxiliary Elements stamped by the resolver between
|
|
47
|
+
// the body and the footer (Alert / Text / Heading / Action / …).
|
|
48
|
+
const contentFooter = (meta['modalContentFooter'] ?? []);
|
|
49
|
+
const heading = modal?.heading ?? confirm?.title ?? (hasForm ? String(meta['label'] ?? 'Submit') : 'Are you sure?');
|
|
50
|
+
const description = modal?.description ?? confirm?.message;
|
|
51
|
+
const submitLabel = modal?.submitLabel ?? (destructive ? 'Delete' : (hasForm ? 'Submit' : 'Confirm'));
|
|
52
|
+
const cancelLabel = modal?.cancelLabel ?? 'Cancel';
|
|
53
|
+
const widthClass = { sm: 'sm:max-w-sm', md: 'sm:max-w-lg', lg: 'sm:max-w-2xl', xl: 'sm:max-w-4xl' }[modal?.width ?? 'md'];
|
|
54
|
+
// Modal chrome extras (Tier-2 audit gap #2). Defaults match the
|
|
55
|
+
// previous renderer behaviour exactly — sparse meta keys round-trip
|
|
56
|
+
// as `undefined` so existing modals are byte-identical.
|
|
57
|
+
const closeByClickingAway = modal?.closeByClickingAway !== false;
|
|
58
|
+
const closeByEscaping = modal?.closeByEscaping !== false;
|
|
59
|
+
const stickyHeader = modal?.stickyHeader === true;
|
|
60
|
+
const stickyFooter = modal?.stickyFooter === true;
|
|
61
|
+
const showCloseButton = modal?.closeButton === true;
|
|
62
|
+
const alignmentClass = { start: 'text-left', center: 'text-center sm:text-left', end: 'text-right' }[modal?.alignment ?? 'center'];
|
|
63
|
+
const iconColorClass = modal?.iconColor
|
|
64
|
+
? {
|
|
65
|
+
gray: 'text-muted-foreground',
|
|
66
|
+
primary: 'text-primary',
|
|
67
|
+
success: 'text-emerald-600 dark:text-emerald-300',
|
|
68
|
+
warning: 'text-amber-600 dark:text-amber-300',
|
|
69
|
+
destructive: 'text-destructive',
|
|
70
|
+
info: 'text-blue-600 dark:text-blue-300',
|
|
71
|
+
}[modal.iconColor]
|
|
72
|
+
: undefined;
|
|
73
|
+
// Existing default: only the submit button autofocuses (and only for
|
|
74
|
+
// confirm-only modals). When `modalAutofocus(false)` is set the user
|
|
75
|
+
// wants nothing to autofocus; `modalAutofocus(true)` shifts focus to
|
|
76
|
+
// the first form input via a mount-effect ref.
|
|
77
|
+
const explicitAutofocus = modal?.autofocus;
|
|
78
|
+
const submitAutofocus = explicitAutofocus === false ? false
|
|
79
|
+
: explicitAutofocus === true ? !hasForm
|
|
80
|
+
: !hasForm;
|
|
81
|
+
const formRef = useRef(null);
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
if (!open || explicitAutofocus !== true || !hasForm)
|
|
84
|
+
return;
|
|
85
|
+
// Wait for the popup to mount + fields to render. Microtask is enough
|
|
86
|
+
// because Base UI's mount transition is decoupled from our render.
|
|
87
|
+
const id = window.requestAnimationFrame(() => {
|
|
88
|
+
const form = formRef.current;
|
|
89
|
+
if (!form)
|
|
90
|
+
return;
|
|
91
|
+
const target = form.querySelector('input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled])');
|
|
92
|
+
if (target)
|
|
93
|
+
target.focus();
|
|
94
|
+
});
|
|
95
|
+
return () => window.cancelAnimationFrame(id);
|
|
96
|
+
}, [open, explicitAutofocus, hasForm]);
|
|
97
|
+
const reset = () => { setErrors({}); setServerError(null); setSubmitting(false); };
|
|
98
|
+
const onSubmit = async (e) => {
|
|
99
|
+
e.preventDefault();
|
|
100
|
+
if (!dispatchUrl)
|
|
101
|
+
return;
|
|
102
|
+
setSubmitting(true);
|
|
103
|
+
setServerError(null);
|
|
104
|
+
setErrors({});
|
|
105
|
+
const fd = new FormData(e.currentTarget);
|
|
106
|
+
for (const id of ids)
|
|
107
|
+
fd.append('ids', id);
|
|
108
|
+
try {
|
|
109
|
+
const res = await fetch(dispatchUrl, {
|
|
110
|
+
method: 'POST',
|
|
111
|
+
headers: { 'Accept': 'application/json' },
|
|
112
|
+
body: fd,
|
|
113
|
+
});
|
|
114
|
+
const data = await res.json().catch(() => ({}));
|
|
115
|
+
if (res.status === 422) {
|
|
116
|
+
setErrors(data.errors ?? {});
|
|
117
|
+
setSubmitting(false);
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
if (!res.ok) {
|
|
121
|
+
setServerError(String(data.error ?? `Request failed (${res.status})`));
|
|
122
|
+
setSubmitting(false);
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
setOpen(false);
|
|
126
|
+
reset();
|
|
127
|
+
// Server-emitted notifications come through the JSON response;
|
|
128
|
+
// surface them via the Toaster before navigating so the user
|
|
129
|
+
// sees the success/error toast even when navigation re-renders.
|
|
130
|
+
const notifs = data.notifications;
|
|
131
|
+
if (notifs && notifs.length > 0) {
|
|
132
|
+
for (const n of notifs)
|
|
133
|
+
notify(n);
|
|
134
|
+
}
|
|
135
|
+
const redirect = String(data.redirect ?? '');
|
|
136
|
+
if (redirect)
|
|
137
|
+
navigate(redirect);
|
|
138
|
+
else if (typeof window !== 'undefined')
|
|
139
|
+
navigate(window.location.pathname + window.location.search);
|
|
140
|
+
}
|
|
141
|
+
catch (err) {
|
|
142
|
+
setServerError(err instanceof Error ? err.message : 'Submit failed');
|
|
143
|
+
setSubmitting(false);
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const cancelClass = 'inline-flex items-center justify-center rounded-md border border-input bg-background px-3 h-9 text-sm font-medium hover:bg-accent hover:text-accent-foreground';
|
|
147
|
+
const confirmClass = destructive
|
|
148
|
+
? 'inline-flex items-center justify-center rounded-md bg-destructive px-3 h-9 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50'
|
|
149
|
+
: 'inline-flex items-center justify-center rounded-md bg-primary px-3 h-9 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50';
|
|
150
|
+
// Resolved icon component for the modal header (Filament-style chrome
|
|
151
|
+
// — leading glyph next to the heading). Passed through `useIconFor`
|
|
152
|
+
// for the same registry lookup used by Resource / Page / Action icons.
|
|
153
|
+
const HeaderIcon = useIconFor(modal?.icon);
|
|
154
|
+
// Build a className for the popup that respects width + sticky-chrome
|
|
155
|
+
// + slideOver. Sticky modes give the popup a max height + overflow so
|
|
156
|
+
// the inner scroll surface exists for sticky to bite onto.
|
|
157
|
+
const stickyMode = stickyHeader || stickyFooter;
|
|
158
|
+
const popupClass = [
|
|
159
|
+
widthClass,
|
|
160
|
+
stickyMode ? 'max-h-[90vh] overflow-hidden p-0' : '',
|
|
161
|
+
].filter(Boolean).join(' ');
|
|
162
|
+
// Inner scroll body (only used in sticky mode). When inactive the
|
|
163
|
+
// existing flat layout applies (header / fields / footer flow).
|
|
164
|
+
const headerCls = `${alignmentClass} ${stickyHeader ? 'sticky top-0 bg-background z-10 px-6 pt-6 pb-3 border-b' : ''}`.trim();
|
|
165
|
+
const footerCls = stickyFooter ? 'sticky bottom-0 bg-background z-10 px-6 py-3 border-t' : '';
|
|
166
|
+
const bodyCls = stickyMode ? 'flex-1 overflow-y-auto px-6 py-3' : '';
|
|
167
|
+
const formCls = stickyMode ? 'flex flex-col h-full' : '';
|
|
168
|
+
return (_jsxs(_Fragment, { children: [trigger?.(() => { reset(); setOpen(true); }), _jsx(Dialog, { open: open, disablePointerDismissal: !closeByClickingAway, onOpenChange: (o, details) => {
|
|
169
|
+
// Cancel Esc-triggered closes when the user has opted out.
|
|
170
|
+
// Base UI's `details.cancel()` aborts the open-state change.
|
|
171
|
+
if (!o && !closeByEscaping && details && details.reason === 'escapeKey') {
|
|
172
|
+
const cancel = details.cancel;
|
|
173
|
+
if (typeof cancel === 'function')
|
|
174
|
+
cancel();
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
if (!o)
|
|
178
|
+
reset();
|
|
179
|
+
setOpen(o);
|
|
180
|
+
}, children: _jsxs(DialogContent, { className: popupClass, children: [showCloseButton && (_jsx("button", { type: "button", "aria-label": "Close", onClick: () => setOpen(false), className: "absolute top-3 right-3 z-20 inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground", children: _jsx(XIcon, { className: "size-4" }) })), _jsxs("form", { ref: formRef, onSubmit: onSubmit, className: formCls, children: [_jsxs(DialogHeader, { className: headerCls, children: [_jsxs(DialogTitle, { className: modal?.icon ? 'flex items-center gap-2' : undefined, children: [HeaderIcon && (_jsx(HeaderIcon, { "aria-hidden": true, className: `size-5 shrink-0 ${iconColorClass ?? ''}`.trim() })), _jsx("span", { children: heading })] }), description && _jsx(DialogDescription, { children: description })] }), (hasForm || contentFooter.length > 0) && (_jsxs("div", { className: `flex flex-col gap-3 py-2 ${bodyCls}`.trim(), children: [fields.map((f, i) => renderFormChild(f, i, initialValues, errors)), contentFooter.map((c, i) => renderElement(c, fields.length + i))] })), !hasForm && contentFooter.length === 0 && stickyMode && _jsx("div", { className: bodyCls }), serverError && (_jsx("p", { className: `py-2 text-sm text-destructive ${stickyMode ? 'px-6' : ''}`.trim(), children: serverError })), _jsxs(DialogFooter, { className: footerCls, children: [_jsx("button", { type: "button", onClick: () => setOpen(false), className: cancelClass, children: cancelLabel }), _jsx("button", { type: "submit", disabled: submitting, autoFocus: submitAutofocus, className: confirmClass, children: submitting ? 'Working…' : submitLabel })] })] })] }) })] }));
|
|
181
|
+
}
|
|
182
|
+
//# sourceMappingURL=ActionModalDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionModalDialog.js","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ActionModalDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Confirm-style dialog wrapping an action's button. The trigger button is
|
|
4
|
+
* rendered inline; clicking it opens the dialog. On confirm we run
|
|
5
|
+
* `onConfirm` (which is action-style-specific — submit a form, programmatic
|
|
6
|
+
* POST, etc.) and close the dialog. Used by submit-style and form-method
|
|
7
|
+
* actions; handler-style + confirm/modal flows through `ActionModalDialog`
|
|
8
|
+
* instead.
|
|
9
|
+
*/
|
|
10
|
+
export declare function ConfirmActionDialog({ trigger, title, message, destructive, onConfirm, }: {
|
|
11
|
+
trigger: (open: () => void) => React.ReactNode;
|
|
12
|
+
title: string | undefined;
|
|
13
|
+
message: string;
|
|
14
|
+
destructive: boolean;
|
|
15
|
+
onConfirm: () => void;
|
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=ConfirmActionDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmActionDialog.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ConfirmActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE;IACD,OAAO,EAAM,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IAClD,KAAK,EAAQ,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAM,MAAM,CAAA;IACnB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAI,MAAM,IAAI,CAAA;CACxB,2CAmCA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
|
|
4
|
+
/**
|
|
5
|
+
* Confirm-style dialog wrapping an action's button. The trigger button is
|
|
6
|
+
* rendered inline; clicking it opens the dialog. On confirm we run
|
|
7
|
+
* `onConfirm` (which is action-style-specific — submit a form, programmatic
|
|
8
|
+
* POST, etc.) and close the dialog. Used by submit-style and form-method
|
|
9
|
+
* actions; handler-style + confirm/modal flows through `ActionModalDialog`
|
|
10
|
+
* instead.
|
|
11
|
+
*/
|
|
12
|
+
export function ConfirmActionDialog({ trigger, title, message, destructive, onConfirm, }) {
|
|
13
|
+
const [open, setOpen] = useState(false);
|
|
14
|
+
const confirmClass = destructive
|
|
15
|
+
? 'inline-flex items-center justify-center rounded-md bg-destructive px-3 h-9 text-sm font-medium text-destructive-foreground hover:bg-destructive/90'
|
|
16
|
+
: 'inline-flex items-center justify-center rounded-md bg-primary px-3 h-9 text-sm font-medium text-primary-foreground hover:bg-primary/90';
|
|
17
|
+
return (_jsxs(_Fragment, { children: [trigger(() => setOpen(true)), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title ?? 'Are you sure?' }), _jsx(DialogDescription, { children: message })] }), _jsxs(DialogFooter, { children: [_jsx("button", { type: "button", onClick: () => setOpen(false), className: "inline-flex items-center justify-center rounded-md border border-input bg-background px-3 h-9 text-sm font-medium hover:bg-accent hover:text-accent-foreground", children: "Cancel" }), _jsx("button", { type: "button", onClick: () => { setOpen(false); onConfirm(); }, className: confirmClass, autoFocus: true, children: destructive ? 'Delete' : 'Confirm' })] })] }) })] }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=ConfirmActionDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmActionDialog.js","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/ConfirmActionDialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,GAClF,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,GAOV;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,YAAY,GAAG,WAAW;QAC9B,CAAC,CAAC,oJAAoJ;QACtJ,CAAC,CAAC,wIAAwI,CAAA;IAC5I,OAAO,CACL,8BACG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAC7B,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,YACvC,MAAC,aAAa,eACZ,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,IAAI,eAAe,GAAe,EACrD,KAAC,iBAAiB,cAAE,OAAO,GAAqB,IACnC,EACf,MAAC,YAAY,eACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,gKAAgK,uBAGnK,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,CAAA,CAAC,CAAC,EAC9C,SAAS,EAAE,YAAY,EACvB,SAAS,kBAER,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC5B,IACI,IACD,GACT,IACR,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Button for a handler-style action without confirm/modal. Click →
|
|
4
|
+
* fetch + JSON via `dispatchHandlerAction`, then SPA-navigate +
|
|
5
|
+
* show notifications. No full page reload.
|
|
6
|
+
*/
|
|
7
|
+
export declare function HandlerActionButton({ url, ids, className, name, ariaLabel, tooltip, inner, }: {
|
|
8
|
+
url: string;
|
|
9
|
+
ids: string[];
|
|
10
|
+
className: string;
|
|
11
|
+
name: string;
|
|
12
|
+
ariaLabel: string | undefined;
|
|
13
|
+
tooltip: string | undefined;
|
|
14
|
+
inner: React.ReactNode;
|
|
15
|
+
}): React.ReactNode;
|
|
16
|
+
//# sourceMappingURL=HandlerActionButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HandlerActionButton.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/HandlerActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE;IACD,GAAG,EAAQ,MAAM,CAAA;IACjB,GAAG,EAAQ,MAAM,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAO,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAI,MAAM,GAAG,SAAS,CAAA;IAC7B,KAAK,EAAM,KAAK,CAAC,SAAS,CAAA;CAC3B,mBAeA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useNavigate } from '../../navigate.js';
|
|
3
|
+
import { useToast } from '../../Toaster.js';
|
|
4
|
+
import { withTooltip } from '../helpers.js';
|
|
5
|
+
import { dispatchHandlerAction } from './helpers.js';
|
|
6
|
+
/**
|
|
7
|
+
* Button for a handler-style action without confirm/modal. Click →
|
|
8
|
+
* fetch + JSON via `dispatchHandlerAction`, then SPA-navigate +
|
|
9
|
+
* show notifications. No full page reload.
|
|
10
|
+
*/
|
|
11
|
+
export function HandlerActionButton({ url, ids, className, name, ariaLabel, tooltip, inner, }) {
|
|
12
|
+
const navigate = useNavigate();
|
|
13
|
+
const { notify } = useToast();
|
|
14
|
+
return withTooltip(_jsx("button", { type: "button", onClick: () => void dispatchHandlerAction(url, ids, navigate, notify), className: className, "data-action-name": name, "aria-label": ariaLabel, children: inner }), tooltip);
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=HandlerActionButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HandlerActionButton.js","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/HandlerActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,GASN;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,WAAW,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,qBAAqB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,EACrE,SAAS,EAAE,SAAS,sBACF,IAAI,gBACV,SAAS,YAEpB,KAAK,GACC,EACT,OAAO,CACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Button + optional confirm dialog for a form-method action (Delete and
|
|
4
|
+
* the like). Click → fetch + JSON dispatch via `dispatchMethodAction` —
|
|
5
|
+
* no full page reload, no server-rendered form. Confirm dialog gates the
|
|
6
|
+
* dispatch when configured.
|
|
7
|
+
*/
|
|
8
|
+
export declare function MethodActionButton({ url, method, confirm, destructive, className, name, ariaLabel, tooltip, inner, }: {
|
|
9
|
+
url: string | undefined;
|
|
10
|
+
method: 'post' | 'put' | 'patch' | 'delete';
|
|
11
|
+
confirm: {
|
|
12
|
+
title?: string;
|
|
13
|
+
message: string;
|
|
14
|
+
} | undefined;
|
|
15
|
+
destructive: boolean;
|
|
16
|
+
className: string;
|
|
17
|
+
name: string;
|
|
18
|
+
ariaLabel: string | undefined;
|
|
19
|
+
tooltip: string | undefined;
|
|
20
|
+
inner: React.ReactNode;
|
|
21
|
+
}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
22
|
+
//# sourceMappingURL=MethodActionButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MethodActionButton.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/MethodActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE;IACD,GAAG,EAAU,MAAM,GAAG,SAAS,CAAA;IAC/B,MAAM,EAAO,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;IAChD,OAAO,EAAM;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAA;IAC5D,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAI,MAAM,CAAA;IACnB,IAAI,EAAS,MAAM,CAAA;IACnB,SAAS,EAAI,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAM,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAA;CAC7B,yTA8BA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useNavigate } from '../../navigate.js';
|
|
3
|
+
import { useToast } from '../../Toaster.js';
|
|
4
|
+
import { withTooltip } from '../helpers.js';
|
|
5
|
+
import { dispatchMethodAction } from './helpers.js';
|
|
6
|
+
import { ConfirmActionDialog } from './ConfirmActionDialog.js';
|
|
7
|
+
/**
|
|
8
|
+
* Button + optional confirm dialog for a form-method action (Delete and
|
|
9
|
+
* the like). Click → fetch + JSON dispatch via `dispatchMethodAction` —
|
|
10
|
+
* no full page reload, no server-rendered form. Confirm dialog gates the
|
|
11
|
+
* dispatch when configured.
|
|
12
|
+
*/
|
|
13
|
+
export function MethodActionButton({ url, method, confirm, destructive, className, name, ariaLabel, tooltip, inner, }) {
|
|
14
|
+
const navigate = useNavigate();
|
|
15
|
+
const { notify } = useToast();
|
|
16
|
+
const dispatch = () => {
|
|
17
|
+
if (!url)
|
|
18
|
+
return;
|
|
19
|
+
void dispatchMethodAction(url, method, navigate, notify);
|
|
20
|
+
};
|
|
21
|
+
if (confirm) {
|
|
22
|
+
return (_jsx(ConfirmActionDialog, { title: confirm.title, message: confirm.message, destructive: destructive, onConfirm: dispatch, trigger: (open) => withTooltip(_jsx("button", { type: "button", onClick: open, className: className, "data-action-name": name, "aria-label": ariaLabel, children: inner }), tooltip) }));
|
|
23
|
+
}
|
|
24
|
+
return withTooltip(_jsx("button", { type: "button", onClick: dispatch, className: className, "data-action-name": name, "aria-label": ariaLabel, children: inner }), tooltip);
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=MethodActionButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MethodActionButton.js","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/MethodActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,GAAG,EACH,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,GAWN;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,KAAK,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAC5B,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,sBAAoB,IAAI,gBAAc,SAAS,YACrG,KAAK,GACC,EACT,OAAO,CACR,GACD,CACH,CAAA;IACH,CAAC;IACD,OAAO,WAAW,CAChB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,sBAAoB,IAAI,gBAAc,SAAS,YACzG,KAAK,GACC,EACT,OAAO,CACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ElementMeta } from '../../../schema/Element.js';
|
|
3
|
+
export interface RenderActionOptions {
|
|
4
|
+
/** Ids to send when this action is handler-style. Used by row + bulk
|
|
5
|
+
* placements to pass selected/current record id(s). */
|
|
6
|
+
ids?: string[];
|
|
7
|
+
/** Optional sizing override (e.g. row actions render smaller). */
|
|
8
|
+
size?: 'sm' | 'md';
|
|
9
|
+
}
|
|
10
|
+
/** Build the trigger button className from action meta + render context. */
|
|
11
|
+
export declare function actionButtonClass(el: ElementMeta, opts: RenderActionOptions): string;
|
|
12
|
+
/** Render the action's icon (when set). String names resolve through the
|
|
13
|
+
* user-extensible icon registry; missing names render nothing rather
|
|
14
|
+
* than a fallback glyph (action icons are decorative, not load-bearing). */
|
|
15
|
+
export declare function renderActionIcon(el: ElementMeta): React.ReactNode;
|
|
16
|
+
/** Tiny corner badge for actions that set `.badge(...)`. */
|
|
17
|
+
export declare function renderActionBadge(el: ElementMeta): React.ReactNode;
|
|
18
|
+
//# sourceMappingURL=buttons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../src/react/schemaRenderer/action/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAS7D,MAAM,WAAW,mBAAmB;IAClC;2DACuD;IACvD,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;IACd,kEAAkE;IAClE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB;AAwCD,4EAA4E;AAC5E,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAmBpF;AAED;;4EAE4E;AAC5E,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAKjE;AAED,4DAA4D;AAC5D,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CASlE"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { resolveIcon } from '../helpers.js';
|
|
3
|
+
/** Color preset → tailwind class group. `ghost` is bg-less and works
|
|
4
|
+
* with hover:bg-accent. `destructive` uses a soft tonal style (Filament-
|
|
5
|
+
* style) so per-row Delete buttons sit calmly next to primary actions
|
|
6
|
+
* instead of shouting in saturated red — the modal confirm CTA still
|
|
7
|
+
* renders solid red via its own hardcoded class. Others are solid + hover-
|
|
8
|
+
* darken. */
|
|
9
|
+
const COLOR_VARIANTS = {
|
|
10
|
+
primary: 'bg-primary text-primary-foreground hover:bg-primary/90',
|
|
11
|
+
destructive: 'bg-red-50 text-red-700 hover:bg-red-100 dark:bg-red-950/40 dark:text-red-400 dark:hover:bg-red-950/60',
|
|
12
|
+
success: 'bg-emerald-600 text-white hover:bg-emerald-600/90',
|
|
13
|
+
warning: 'bg-amber-500 text-white hover:bg-amber-500/90',
|
|
14
|
+
info: 'bg-blue-600 text-white hover:bg-blue-600/90',
|
|
15
|
+
ghost: 'bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',
|
|
16
|
+
};
|
|
17
|
+
/** Outlined variant — replaces solid bg with a border + transparent bg. */
|
|
18
|
+
const OUTLINED_VARIANTS = {
|
|
19
|
+
primary: 'border border-primary/40 text-primary bg-transparent hover:bg-primary/10',
|
|
20
|
+
destructive: 'border border-destructive/40 text-destructive bg-transparent hover:bg-destructive/10',
|
|
21
|
+
success: 'border border-emerald-600/40 text-emerald-700 dark:text-emerald-400 bg-transparent hover:bg-emerald-600/10',
|
|
22
|
+
warning: 'border border-amber-500/40 text-amber-700 dark:text-amber-400 bg-transparent hover:bg-amber-500/10',
|
|
23
|
+
info: 'border border-blue-600/40 text-blue-700 dark:text-blue-400 bg-transparent hover:bg-blue-600/10',
|
|
24
|
+
ghost: 'border border-input text-foreground bg-transparent hover:bg-accent',
|
|
25
|
+
};
|
|
26
|
+
/** Size preset → tailwind sizing classes. Icon-only buttons use the
|
|
27
|
+
* width=height variants from the second map. */
|
|
28
|
+
const SIZE_CLASSES = {
|
|
29
|
+
sm: 'h-7 px-2 text-xs',
|
|
30
|
+
md: 'h-8 px-3 text-sm',
|
|
31
|
+
lg: 'h-10 px-4 text-base',
|
|
32
|
+
};
|
|
33
|
+
const ICON_SIZE_CLASSES = {
|
|
34
|
+
sm: 'h-7 w-7 text-xs',
|
|
35
|
+
md: 'h-8 w-8 text-sm',
|
|
36
|
+
lg: 'h-10 w-10 text-base',
|
|
37
|
+
};
|
|
38
|
+
/** Build the trigger button className from action meta + render context. */
|
|
39
|
+
export function actionButtonClass(el, opts) {
|
|
40
|
+
const destructive = Boolean(el['destructive']);
|
|
41
|
+
const placement = String(el['placement'] ?? 'inline');
|
|
42
|
+
const outlined = Boolean(el['outlined']);
|
|
43
|
+
const iconOnly = Boolean(el['iconOnly']);
|
|
44
|
+
const explicitColor = el['color'];
|
|
45
|
+
const explicitSize = el['size'];
|
|
46
|
+
// Color: explicit `.color()` wins; `destructive` flag falls back to
|
|
47
|
+
// 'destructive'; otherwise 'primary'.
|
|
48
|
+
const color = explicitColor ?? (destructive ? 'destructive' : 'primary');
|
|
49
|
+
const variant = (outlined ? OUTLINED_VARIANTS[color] : COLOR_VARIANTS[color]) ?? COLOR_VARIANTS['primary'];
|
|
50
|
+
// Size: explicit `.size()` wins; otherwise small for row context, md elsewhere.
|
|
51
|
+
const size = explicitSize ?? (opts.size === 'sm' || placement === 'row' ? 'sm' : 'md');
|
|
52
|
+
const sizingMap = iconOnly ? ICON_SIZE_CLASSES : SIZE_CLASSES;
|
|
53
|
+
const sizing = sizingMap[size] ?? sizingMap['md'];
|
|
54
|
+
return `relative inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition ${variant} ${sizing}`;
|
|
55
|
+
}
|
|
56
|
+
/** Render the action's icon (when set). String names resolve through the
|
|
57
|
+
* user-extensible icon registry; missing names render nothing rather
|
|
58
|
+
* than a fallback glyph (action icons are decorative, not load-bearing). */
|
|
59
|
+
export function renderActionIcon(el) {
|
|
60
|
+
const name = typeof el['icon'] === 'string' ? el['icon'] : undefined;
|
|
61
|
+
const Icon = resolveIcon(name);
|
|
62
|
+
if (!Icon)
|
|
63
|
+
return null;
|
|
64
|
+
return _jsx(Icon, { className: "size-4", "aria-hidden": "true" });
|
|
65
|
+
}
|
|
66
|
+
/** Tiny corner badge for actions that set `.badge(...)`. */
|
|
67
|
+
export function renderActionBadge(el) {
|
|
68
|
+
const value = el['badge'];
|
|
69
|
+
if (value === undefined || value === null || value === '')
|
|
70
|
+
return null;
|
|
71
|
+
const color = el['badgeColor'] ?? 'bg-primary text-primary-foreground';
|
|
72
|
+
return (_jsx("span", { className: `absolute -top-1 -right-1 inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium ${color}`, children: String(value) }));
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=buttons.js.map
|