@cratis/components 1.4.2 → 1.5.0

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.
Files changed (40) hide show
  1. package/dist/cjs/CommandDialog/StepperCommandDialog.css +14 -0
  2. package/dist/cjs/CommandDialog/StepperCommandDialog.js +170 -0
  3. package/dist/cjs/CommandDialog/StepperCommandDialog.js.map +1 -0
  4. package/dist/cjs/CommandDialog/index.js +2 -0
  5. package/dist/cjs/CommandDialog/index.js.map +1 -1
  6. package/dist/cjs/Common/Page.js +2 -2
  7. package/dist/cjs/Common/Page.js.map +1 -1
  8. package/dist/cjs/tailwind-utilities.css +3 -0
  9. package/dist/esm/CommandDialog/StepperCommandDialog.css +14 -0
  10. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +25 -0
  11. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -0
  12. package/dist/esm/CommandDialog/StepperCommandDialog.js +168 -0
  13. package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -0
  14. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts +11 -0
  15. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts.map +1 -0
  16. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js +104 -0
  17. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js.map +1 -0
  18. package/dist/esm/CommandDialog/index.d.ts +1 -0
  19. package/dist/esm/CommandDialog/index.d.ts.map +1 -1
  20. package/dist/esm/CommandDialog/index.js +1 -0
  21. package/dist/esm/CommandDialog/index.js.map +1 -1
  22. package/dist/esm/Common/Page.d.ts +2 -1
  23. package/dist/esm/Common/Page.d.ts.map +1 -1
  24. package/dist/esm/Common/Page.js +2 -2
  25. package/dist/esm/Common/Page.js.map +1 -1
  26. package/dist/esm/Common/Page.stories.d.ts +2 -0
  27. package/dist/esm/Common/Page.stories.d.ts.map +1 -1
  28. package/dist/esm/Common/Page.stories.js +14 -0
  29. package/dist/esm/Common/Page.stories.js.map +1 -1
  30. package/dist/esm/DataPage/DataPage.stories.d.ts +2 -0
  31. package/dist/esm/DataPage/DataPage.stories.d.ts.map +1 -1
  32. package/dist/esm/DataPage/DataPage.stories.js +12 -0
  33. package/dist/esm/DataPage/DataPage.stories.js.map +1 -1
  34. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts +2 -0
  35. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts.map +1 -1
  36. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js +40 -0
  37. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js.map +1 -1
  38. package/dist/esm/tailwind-utilities.css +3 -0
  39. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +3 -3
@@ -0,0 +1,104 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { StepperCommandDialog } from './StepperCommandDialog';
4
+ import { Command, CommandResult, CommandValidator } from '@cratis/arc/commands';
5
+ import { PropertyDescriptor } from '@cratis/arc/reflection';
6
+ import { InputTextField, NumberField, TextAreaField } from '../CommandForm/fields';
7
+ import { DialogResult, useDialog, useDialogContext } from '@cratis/arc.react/dialogs';
8
+ import { StepperPanel } from 'primereact/stepperpanel';
9
+ import '@cratis/arc/validation';
10
+ const meta = {
11
+ title: 'CommandDialog/StepperCommandDialog',
12
+ component: StepperCommandDialog,
13
+ };
14
+ export default meta;
15
+ class CreateProjectValidator extends CommandValidator {
16
+ constructor() {
17
+ super();
18
+ this.ruleFor((c) => c.name).notEmpty().minLength(2).maxLength(100);
19
+ this.ruleFor((c) => c.email).notEmpty().emailAddress();
20
+ this.ruleFor((c) => c.description).notEmpty().minLength(10);
21
+ this.ruleFor((c) => c.budget).greaterThan(0);
22
+ }
23
+ }
24
+ class CreateProjectCommand extends Command {
25
+ route = '/api/projects/create';
26
+ validation = new CreateProjectValidator();
27
+ propertyDescriptors = [
28
+ new PropertyDescriptor('name', String),
29
+ new PropertyDescriptor('email', String),
30
+ new PropertyDescriptor('description', String),
31
+ new PropertyDescriptor('budget', Number),
32
+ ];
33
+ name = '';
34
+ email = '';
35
+ description = '';
36
+ budget = 0;
37
+ constructor() {
38
+ super(Object, false);
39
+ }
40
+ get requestParameters() {
41
+ return [];
42
+ }
43
+ get properties() {
44
+ return ['name', 'email', 'description', 'budget'];
45
+ }
46
+ async validate() {
47
+ const errors = this.validation?.validate(this) ?? [];
48
+ if (errors.length > 0) {
49
+ return CommandResult.validationFailed(errors);
50
+ }
51
+ return CommandResult.empty;
52
+ }
53
+ }
54
+ class SlowCreateProjectCommand extends CreateProjectCommand {
55
+ async execute() {
56
+ await new Promise(resolve => setTimeout(resolve, 2000));
57
+ return CommandResult.empty;
58
+ }
59
+ }
60
+ export const Default = {
61
+ render: () => {
62
+ const [result, setResult] = useState('');
63
+ const CreateProjectDialogComponent = () => {
64
+ const { closeDialog } = useDialogContext();
65
+ return (_jsxs(StepperCommandDialog, { command: CreateProjectCommand, title: "Create New Project", okLabel: "Create", autoServerValidate: false, onConfirm: async () => closeDialog(DialogResult.Ok), onCancel: () => closeDialog(DialogResult.Cancelled), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] }));
66
+ };
67
+ const [CreateProjectDialogWrapper, showCreateProjectDialog] = useDialog(CreateProjectDialogComponent);
68
+ return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("button", { className: "p-button p-component mb-3", onClick: async () => {
69
+ const [dialogResult, commandResult] = await showCreateProjectDialog();
70
+ if (dialogResult === DialogResult.Ok && commandResult) {
71
+ setResult(JSON.stringify(commandResult));
72
+ }
73
+ else {
74
+ setResult('Cancelled');
75
+ }
76
+ }, children: "Open Dialog" }), result && (_jsxs("div", { className: "p-3 mt-3 bg-green-100 border-round", children: [_jsx("strong", { children: "Result:" }), " ", result] })), _jsx(CreateProjectDialogWrapper, {})] }));
77
+ },
78
+ };
79
+ export const ThreeSteps = {
80
+ render: () => {
81
+ const [visible, setVisible] = useState(false);
82
+ const [result, setResult] = useState('');
83
+ return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("button", { className: "p-button p-component mb-3", onClick: () => {
84
+ setVisible(true);
85
+ setResult('');
86
+ }, children: "Open Three-Step Dialog" }), result && (_jsxs("div", { className: "p-3 mt-3 bg-green-100 border-round", children: [_jsx("strong", { children: "Submitted:" }), " ", result] })), _jsxs(StepperCommandDialog, { command: CreateProjectCommand, visible: visible, title: "Create New Project (3 Steps)", okLabel: "Create", autoServerValidate: false, onConfirm: async () => {
87
+ setResult('Project created successfully');
88
+ setVisible(false);
89
+ }, onCancel: () => setVisible(false), children: [_jsx(StepperPanel, { header: "Contact Info", children: _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" }) }), _jsx(StepperPanel, { header: "Project Name", children: _jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }) }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] })] }));
90
+ },
91
+ };
92
+ export const WithValidationIndicators = {
93
+ render: () => {
94
+ const [visible, setVisible] = useState(true);
95
+ return (_jsxs("div", { className: "storybook-wrapper", children: [_jsxs("p", { className: "mb-3 text-sm text-color-secondary", children: [_jsx("code", { children: "validateOnInit" }), " triggers validation immediately \u2014 step indicators appear on any step whose fields are invalid right from the start."] }), _jsx("button", { className: "p-button p-component mb-3", onClick: () => setVisible(true), children: "Open Dialog" }), _jsxs(StepperCommandDialog, { command: CreateProjectCommand, visible: visible, title: "New Project", okLabel: "Create", autoServerValidate: false, validateOnInit: true, onConfirm: async () => setVisible(false), onCancel: () => setVisible(false), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] })] }));
96
+ },
97
+ };
98
+ export const WithBusyState = {
99
+ render: () => {
100
+ const [visible, setVisible] = useState(false);
101
+ return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("p", { className: "mb-3 text-sm text-color-secondary", children: "Simulates a 2-second server delay. Fill all fields and click Submit to see the busy state." }), _jsx("button", { className: "p-button p-component mb-3", onClick: () => setVisible(true), children: "Open Dialog" }), _jsxs(StepperCommandDialog, { command: SlowCreateProjectCommand, visible: visible, title: "Create New Project (Slow)", okLabel: "Create", autoServerValidate: false, onConfirm: async () => setVisible(false), onCancel: () => setVisible(false), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget" })] })] })] }));
102
+ },
103
+ };
104
+ //# sourceMappingURL=StepperCommandDialog.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StepperCommandDialog.stories.js","sourceRoot":"","sources":["../../../CommandDialog/StepperCommandDialog.stories.tsx"],"names":[],"mappings":";AAGA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,IAAI,GAAsC;IAC5C,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,oBAAoB;CAClC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,sBAAuB,SAAQ,gBAAgB;IACjD;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,CAAC,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC;QAC7E,IAAI,CAAC,OAAO,CAAC,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAClF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC;CACJ;AAED,MAAM,oBAAqB,SAAQ,OAAe;IACrC,KAAK,GAAW,sBAAsB,CAAC;IACvC,UAAU,GAAqB,IAAI,sBAAsB,EAAE,CAAC;IAC5D,mBAAmB,GAAyB;QACjD,IAAI,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC;QACtC,IAAI,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC;QACvC,IAAI,kBAAkB,CAAC,aAAa,EAAE,MAAM,CAAC;QAC7C,IAAI,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC;KAC3C,CAAC;IAEF,IAAI,GAAG,EAAE,CAAC;IACV,KAAK,GAAG,EAAE,CAAC;IACX,WAAW,GAAG,EAAE,CAAC;IACjB,MAAM,GAAG,CAAC,CAAC;IAEX;QACI,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,iBAAiB;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACV,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;IAEQ,KAAK,CAAC,QAAQ;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACrD,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,OAAO,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,aAAa,CAAC,KAAK,CAAC;IAC/B,CAAC;CACJ;AAGD,MAAM,wBAAyB,SAAQ,oBAAoB;IAC9C,KAAK,CAAC,OAAO;QAClB,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QACxD,OAAO,aAAa,CAAC,KAAK,CAAC;IAC/B,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;QAEjD,MAAM,4BAA4B,GAAG,GAAG,EAAE;YACtC,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAyB,CAAC;YAElE,OAAO,CACH,MAAC,oBAAoB,IACjB,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,KAAK,EACzB,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EACnD,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,aAEnD,MAAC,YAAY,IAAC,MAAM,EAAC,YAAY,aAC7B,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,kCAAkC,GAChD,EACF,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAC,OAAO,GACd,IACS,EACf,MAAC,YAAY,IAAC,MAAM,EAAC,SAAS,aAC1B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,qCAAqC,EACjD,IAAI,EAAE,CAAC,GACT,EACF,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,4BAA4B,GAC1C,IACS,IACI,CAC1B,CAAC;QACN,CAAC,CAAC;QAEF,MAAM,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,GAAG,SAAS,CAAwB,4BAA4B,CAAC,CAAC;QAE7H,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,iBACI,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,KAAK,IAAI,EAAE;wBAChB,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,MAAM,uBAAuB,EAAE,CAAC;wBACtE,IAAI,YAAY,KAAK,YAAY,CAAC,EAAE,IAAI,aAAa,EAAE,CAAC;4BACpD,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;wBAC7C,CAAC;6BAAM,CAAC;4BACJ,SAAS,CAAC,WAAW,CAAC,CAAC;wBAC3B,CAAC;oBACL,CAAC,4BAGI,EAER,MAAM,IAAI,CACP,eAAK,SAAS,EAAC,oCAAoC,aAC/C,uCAAwB,OAAE,MAAM,IAC9B,CACT,EAED,KAAC,0BAA0B,KAAG,IAC5B,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;QAEjD,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,iBACI,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,GAAG,EAAE;wBACV,UAAU,CAAC,IAAI,CAAC,CAAC;wBACjB,SAAS,CAAC,EAAE,CAAC,CAAC;oBAClB,CAAC,uCAGI,EAER,MAAM,IAAI,CACP,eAAK,SAAS,EAAC,oCAAoC,aAC/C,0CAA2B,OAAE,MAAM,IACjC,CACT,EAED,MAAC,oBAAoB,IACjB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,KAAK,EACzB,SAAS,EAAE,KAAK,IAAI,EAAE;wBAClB,SAAS,CAAC,8BAA8B,CAAC,CAAC;wBAC1C,UAAU,CAAC,KAAK,CAAC,CAAC;oBACtB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,aAEjC,KAAC,YAAY,IAAC,MAAM,EAAC,cAAc,YAC/B,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAC,OAAO,GACd,GACS,EACf,KAAC,YAAY,IAAC,MAAM,EAAC,cAAc,YAC/B,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,kCAAkC,GAChD,GACS,EACf,MAAC,YAAY,IAAC,MAAM,EAAC,SAAS,aAC1B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,qCAAqC,EACjD,IAAI,EAAE,CAAC,GACT,EACF,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,4BAA4B,GAC1C,IACS,IACI,IACrB,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC3C,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAE7C,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,aAAG,SAAS,EAAC,mCAAmC,aAC5C,4CAA2B,iIAE3B,EACJ,iBACI,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,4BAG1B,EAET,MAAC,oBAAoB,IACjB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,aAAa,EACnB,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,KAAK,EACzB,cAAc,QACd,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,aAEjC,MAAC,YAAY,IAAC,MAAM,EAAC,YAAY,aAC7B,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,kCAAkC,GAChD,EACF,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAC,OAAO,GACd,IACS,EACf,MAAC,YAAY,IAAC,MAAM,EAAC,SAAS,aAC1B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,qCAAqC,EACjD,IAAI,EAAE,CAAC,GACT,EACF,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,4BAA4B,GAC1C,IACS,IACI,IACrB,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,YAAG,SAAS,EAAC,mCAAmC,2GAE5C,EACJ,iBACI,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,4BAG1B,EAET,MAAC,oBAAoB,IACjB,OAAO,EAAE,wBAAwB,EACjC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,KAAK,EACzB,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,aAEjC,MAAC,YAAY,IAAC,MAAM,EAAC,YAAY,aAC7B,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,oBAAoB,GAClC,EACF,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAC,OAAO,GACd,IACS,EACf,MAAC,YAAY,IAAC,MAAM,EAAC,SAAS,aAC1B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,sBAAsB,EAClC,IAAI,EAAE,CAAC,GACT,EACF,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,cAAc,GAC5B,IACS,IACI,IACrB,CACT,CAAC;IACN,CAAC;CACJ,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './CommandDialog';
2
+ export * from './StepperCommandDialog';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandDialog/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandDialog/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export { CommandDialog } from './CommandDialog.js';
2
+ export { StepperCommandDialog } from './StepperCommandDialog.js';
2
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,8 +1,9 @@
1
1
  import { HTMLAttributes, ReactNode } from 'react';
2
2
  export interface PageProps extends HTMLAttributes<HTMLDivElement> {
3
3
  title: string;
4
+ showTitle?: boolean;
4
5
  children?: ReactNode;
5
6
  panel?: boolean;
6
7
  }
7
- export declare const Page: ({ title, children, panel, ...rest }: PageProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const Page: ({ title, showTitle, children, panel, ...rest }: PageProps) => import("react/jsx-runtime").JSX.Element;
8
9
  //# sourceMappingURL=Page.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../Common/Page.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,IAAI,GAAI,qCAAqC,SAAS,4CASlE,CAAC"}
1
+ {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../Common/Page.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,IAAI,GAAI,gDAAwD,SAAS,4CASrF,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
 
3
- const Page = ({ title, children, panel, ...rest }) => {
4
- return (jsxs("div", { className: 'flex flex-col h-full flex-1', ...rest, children: [jsx("h1", { className: 'text-3xl mt-3 mb-4', children: title }), jsx("main", { className: `overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`, children: children })] }));
3
+ const Page = ({ title, showTitle = false, children, panel, ...rest }) => {
4
+ return (jsxs("div", { className: 'flex flex-col h-full flex-1', ...rest, children: [showTitle && jsx("h1", { className: 'text-3xl mt-3 mb-4', children: title }), jsx("main", { className: `overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`, children: children })] }));
5
5
  };
6
6
 
7
7
  export { Page };
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sources":["../../../Common/Page.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { HTMLAttributes, ReactNode } from 'react';\n\nexport interface PageProps extends HTMLAttributes<HTMLDivElement> {\n title: string;\n children?: ReactNode;\n panel?: boolean\n}\n\nexport const Page = ({ title, children, panel, ...rest }: PageProps) => {\n return (\n <div className='flex flex-col h-full flex-1' {...rest}>\n <h1 className='text-3xl mt-3 mb-4'>{title}</h1>\n <main className={`overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`}>\n {children}\n </main>\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;AAWO,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAa,KAAI;AACnE,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjDC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,GAAM,EAC/CA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,+CAA+C,KAAK,GAAG,OAAO,GAAG,EAAE,EAAE,EAAA,QAAA,EACjF,QAAQ,EAAA,CACN,CAAA,EAAA,CACL;AAEd;;;;"}
1
+ {"version":3,"file":"Page.js","sources":["../../../Common/Page.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { HTMLAttributes, ReactNode } from 'react';\n\nexport interface PageProps extends HTMLAttributes<HTMLDivElement> {\n title: string;\n showTitle?: boolean;\n children?: ReactNode;\n panel?: boolean\n}\n\nexport const Page = ({ title, showTitle = false, children, panel, ...rest }: PageProps) => {\n return (\n <div className='flex flex-col h-full flex-1' {...rest}>\n {showTitle && <h1 className='text-3xl mt-3 mb-4'>{title}</h1>}\n <main className={`overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`}>\n {children}\n </main>\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;MAYa,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAa,KAAI;AACtF,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,KAAK,IAAI,EAAA,QAAA,EAAA,CAChD,SAAS,IAAIC,YAAI,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,CAAA,4CAAA,EAA+C,KAAK,GAAG,OAAO,GAAG,EAAE,CAAA,CAAE,EAAA,QAAA,EACjF,QAAQ,EAAA,CACN,CAAA,EAAA,CACL;AAEd;;;;"}
@@ -5,4 +5,6 @@ export default meta;
5
5
  type Story = StoryObj<typeof Page>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithPanel: Story;
8
+ export declare const WithTitle: Story;
9
+ export declare const WithoutTitle: Story;
8
10
  //# sourceMappingURL=Page.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC"}
1
+ {"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC"}
@@ -18,4 +18,18 @@ export const WithPanel = {
18
18
  },
19
19
  render: (args) => (_jsx(Page, { ...args, children: _jsxs("div", { className: "p-4", children: [_jsx("p", { children: "This page has the panel style applied." }), _jsx("p", { children: "The panel prop adds special styling to the content area." })] }) }))
20
20
  };
21
+ export const WithTitle = {
22
+ args: {
23
+ title: 'Visible Page Title',
24
+ showTitle: true,
25
+ },
26
+ render: (args) => (_jsx(Page, { ...args, children: _jsx("div", { className: "p-4", children: _jsx("p", { children: "The title is shown above because showTitle is true." }) }) }))
27
+ };
28
+ export const WithoutTitle = {
29
+ args: {
30
+ title: 'Hidden Page Title',
31
+ showTitle: false,
32
+ },
33
+ render: (args) => (_jsx(Page, { ...args, children: _jsx("div", { className: "p-4", children: _jsx("p", { children: "The title is hidden because showTitle is false (the default)." }) }) }))
34
+ };
21
35
  //# sourceMappingURL=Page.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Page.stories.js","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAsB;IAC5B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;KACzB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,eAAK,SAAS,EAAC,KAAK,aAChB,yDAAqC,EACrC,yGAAqF,IACnF,GACH,CACV;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,IAAI;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,eAAK,SAAS,EAAC,KAAK,aAChB,iEAA6C,EAC7C,mFAA+D,IAC7D,GACH,CACV;CACJ,CAAC"}
1
+ {"version":3,"file":"Page.stories.js","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAsB;IAC5B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;KACzB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,eAAK,SAAS,EAAC,KAAK,aAChB,yDAAqC,EACrC,yGAAqF,IACnF,GACH,CACV;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,IAAI;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,eAAK,SAAS,EAAC,KAAK,aAChB,iEAA6C,EAC7C,mFAA+D,IAC7D,GACH,CACV;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,oBAAoB;QAC3B,SAAS,EAAE,IAAI;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,cAAK,SAAS,EAAC,KAAK,YAChB,8EAA0D,GACxD,GACH,CACV;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,KAAK,EAAE,mBAAmB;QAC1B,SAAS,EAAE,KAAK;KACnB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,IAAI,OAAK,IAAI,YACV,cAAK,SAAS,EAAC,KAAK,YAChB,wFAAoE,GAClE,GACH,CACV;CACJ,CAAC"}
@@ -5,4 +5,6 @@ export default meta;
5
5
  type Story = StoryObj<typeof DataPage>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithoutDetails: Story;
8
+ export declare const WithClientFiltering: Story;
9
+ export declare const WithOnRefresh: Story;
8
10
  //# sourceMappingURL=DataPage.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataPage.stories.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAY,MAAM,YAAY,CAAC;AAIhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAM/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAsEvC,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0B5B,CAAC"}
1
+ {"version":3,"file":"DataPage.stories.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAY,MAAM,YAAY,CAAC;AAIhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAM/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAsEvC,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0B5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAwBF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC"}
@@ -54,4 +54,16 @@ export const Default = {
54
54
  export const WithoutDetails = {
55
55
  render: () => (_jsx("div", { style: { height: '600px' }, children: _jsxs(DataPage, { title: "Persons (No Details Panel)", query: PersonsQuery, emptyMessage: "No persons found", dataKey: "id", globalFilterFields: ['name', 'email', 'role'], children: [_jsx(DataPage.MenuItems, { children: _jsx(MenuItem, { label: "Refresh", icon: () => _jsx("i", { className: "pi pi-refresh" }), command: () => alert('Refresh clicked') }) }), _jsxs(DataPage.Columns, { children: [_jsx(Column, { field: "id", header: "ID", sortable: true, style: { width: '10%' } }), _jsx(Column, { field: "name", header: "Name", sortable: true, style: { width: '30%' } }), _jsx(Column, { field: "email", header: "Email", sortable: true, style: { width: '35%' } }), _jsx(Column, { field: "role", header: "Role", sortable: true, style: { width: '25%' } })] })] }) }))
56
56
  };
57
+ export const WithClientFiltering = {
58
+ render: () => (_jsx("div", { style: { height: '600px' }, children: _jsx(DataPage, { title: "Persons (Client-Side Filtering)", query: PersonsQuery, emptyMessage: "No persons found", dataKey: "id", clientFiltering: true, globalFilterFields: ['name', 'email', 'role'], children: _jsxs(DataPage.Columns, { children: [_jsx(Column, { field: "id", header: "ID", sortable: true, style: { width: '10%' } }), _jsx(Column, { field: "name", header: "Name", sortable: true, filter: true, filterPlaceholder: "Search", style: { width: '30%' } }), _jsx(Column, { field: "email", header: "Email", sortable: true, filter: true, filterPlaceholder: "Search", style: { width: '35%' } }), _jsx(Column, { field: "role", header: "Role", sortable: true, filter: true, filterPlaceholder: "Search", style: { width: '25%' } })] }) }) }))
59
+ };
60
+ const PersonDetailsWithRefresh = ({ item, onRefresh }) => {
61
+ return (_jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-2xl font-bold mb-4", children: "Person Details" }), _jsxs("div", { className: "space-y-2 mb-4", children: [_jsxs("div", { children: [_jsx("strong", { children: "Name:" }), " ", item.name] }), _jsxs("div", { children: [_jsx("strong", { children: "Email:" }), " ", item.email] }), _jsxs("div", { children: [_jsx("strong", { children: "Role:" }), " ", item.role] })] }), _jsx("button", { className: "p-button p-component", onClick: () => {
62
+ alert(`Saved changes for ${item.name}`);
63
+ onRefresh?.();
64
+ }, children: "Save & Refresh" })] }));
65
+ };
66
+ export const WithOnRefresh = {
67
+ render: () => (_jsx("div", { style: { height: '600px' }, children: _jsx(DataPage, { title: "Persons (With Refresh Callback)", query: PersonsQuery, emptyMessage: "No persons found", dataKey: "id", detailsComponent: PersonDetailsWithRefresh, onRefresh: () => alert('onRefresh triggered — reload your data here'), children: _jsxs(DataPage.Columns, { children: [_jsx(Column, { field: "id", header: "ID", sortable: true, style: { width: '10%' } }), _jsx(Column, { field: "name", header: "Name", sortable: true, style: { width: '30%' } }), _jsx(Column, { field: "email", header: "Email", sortable: true, style: { width: '35%' } }), _jsx(Column, { field: "role", header: "Role", sortable: true, style: { width: '25%' } })] }) }) }))
68
+ };
57
69
  //# sourceMappingURL=DataPage.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataPage.stories.js","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataPage.stories.js","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":"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"}
@@ -7,4 +7,6 @@ export declare const Default: Story;
7
7
  export declare const WithTimestamp: Story;
8
8
  export declare const SimpleObject: Story;
9
9
  export declare const WithArray: Story;
10
+ export declare const EditMode: Story;
11
+ export declare const EditModeWithValidation: Story;
10
12
  //# sourceMappingURL=ObjectContentEditor.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObjectContentEditor.stories.d.ts","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAoFlD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAmBF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAiBF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
1
+ {"version":3,"file":"ObjectContentEditor.stories.d.ts","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAoFlD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAmBF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAiBF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AA6BF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA4BpC,CAAC"}
@@ -1,4 +1,6 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import { ObjectContentEditor } from './ObjectContentEditor';
3
+ import { useState } from 'react';
2
4
  const meta = {
3
5
  title: 'Components/ObjectContentEditor',
4
6
  component: ObjectContentEditor,
@@ -141,4 +143,42 @@ export const WithArray = {
141
143
  schema: arraySchema,
142
144
  },
143
145
  };
146
+ const editableSchema = {
147
+ type: 'object',
148
+ required: ['name', 'email'],
149
+ properties: {
150
+ name: { type: 'string', description: 'Full name' },
151
+ email: { type: 'string', format: 'email', description: 'Email address' },
152
+ age: { type: 'integer', description: 'Age in years' },
153
+ isActive: { type: 'boolean', description: 'Account is active' },
154
+ website: { type: 'string', format: 'uri', description: 'Personal website' },
155
+ birthDate: { type: 'string', format: 'date', description: 'Date of birth' },
156
+ notes: {
157
+ type: 'string',
158
+ description: 'Long-form notes about this person (rendered as textarea when value is long)'
159
+ }
160
+ }
161
+ };
162
+ const editableObject = {
163
+ name: 'Jane Smith',
164
+ email: 'jane@example.com',
165
+ age: 28,
166
+ isActive: true,
167
+ website: 'https://example.com',
168
+ birthDate: '1996-03-15',
169
+ notes: 'This field is intentionally long to demonstrate the textarea input. It contains more than fifty characters.'
170
+ };
171
+ export const EditMode = {
172
+ render: () => {
173
+ const [obj, setObj] = useState(editableObject);
174
+ return (_jsx(ObjectContentEditor, { object: obj, schema: editableSchema, editMode: true, onChange: setObj }));
175
+ }
176
+ };
177
+ export const EditModeWithValidation = {
178
+ render: () => {
179
+ const [obj, setObj] = useState({ ...editableObject, name: '', email: 'not-an-email' });
180
+ const [hasErrors, setHasErrors] = useState(false);
181
+ return (_jsxs("div", { className: "p-4", children: [_jsx(ObjectContentEditor, { object: obj, schema: editableSchema, editMode: true, onChange: setObj, onValidationChange: setHasErrors }), _jsxs("div", { className: "mt-4", children: [_jsx("button", { className: "p-button p-component", disabled: hasErrors, onClick: () => alert('Saved: ' + JSON.stringify(obj, null, 2)), children: "Save" }), hasErrors && (_jsx("span", { className: "p-error ml-3", children: "Please fix validation errors before saving." }))] })] }));
182
+ }
183
+ };
144
184
  //# sourceMappingURL=ObjectContentEditor.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ObjectContentEditor.stories.js","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ObjectContentEditor.stories.js","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.stories.tsx"],"names":[],"mappings":"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"}
@@ -328,6 +328,9 @@
328
328
  .ml-2 {
329
329
  margin-left: calc(var(--spacing) * 2);
330
330
  }
331
+ .ml-3 {
332
+ margin-left: calc(var(--spacing) * 3);
333
+ }
331
334
  .block {
332
335
  display: block;
333
336
  }