@cratis/components 2.5.2 → 2.6.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/dist/cjs/CommandForm/fields/CalendarField.js +7 -1
- package/dist/cjs/CommandForm/fields/CalendarField.js.map +1 -1
- package/dist/cjs/CommandForm/fields/DropdownField.js +5 -2
- package/dist/cjs/CommandForm/fields/DropdownField.js.map +1 -1
- package/dist/cjs/CommandForm/fields/MultiSelectField.js +7 -1
- package/dist/cjs/CommandForm/fields/MultiSelectField.js.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/CalendarField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.js +7 -1
- package/dist/esm/CommandForm/fields/CalendarField.js.map +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ChipsField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/ChipsField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/DropdownField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.js +4 -1
- package/dist/esm/CommandForm/fields/DropdownField.js.map +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/InputTextField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.js +7 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.js.map +1 -1
- package/dist/esm/CommandForm/fields/NumberField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/NumberField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/SliderField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/SliderField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts +1 -4
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map +1 -1
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/vite.config.d.ts.map +1 -1
- package/dist/esm/vite.config.js +1 -1
- package/dist/esm/vite.config.js.map +1 -1
- package/package.json +4 -4
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var commands = require('@cratis/arc.react/commands');
|
|
5
5
|
var calendar = require('primereact/calendar');
|
|
6
|
+
var useOverlayZIndex = require('../../useOverlayZIndex.js');
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* A date (or date-time) picker field bound to a `Date | null` property on a
|
|
@@ -17,7 +18,12 @@ var calendar = require('primereact/calendar');
|
|
|
17
18
|
* minDate={new Date()} />
|
|
18
19
|
* ```
|
|
19
20
|
*/
|
|
20
|
-
const CalendarField = commands.asCommandFormField((props) =>
|
|
21
|
+
const CalendarField = commands.asCommandFormField((props) => {
|
|
22
|
+
// Same overlay treatment as the Dropdown wrapper: the panel must escape
|
|
23
|
+
// dialog scroll containers and stay above modal dialogs.
|
|
24
|
+
useOverlayZIndex.useOverlayZIndex('p-datepicker');
|
|
25
|
+
return (jsxRuntime.jsx(calendar.Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
26
|
+
}, {
|
|
21
27
|
defaultValue: null,
|
|
22
28
|
extractValue: (e) => e instanceof Date ? e : null
|
|
23
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","Calendar"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","useOverlayZIndex","_jsx","Calendar"],"mappings":";;;;;;;AA8CA;;;;;;;;;;;;AAYG;MACU,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,KAAI;;;IAGNC,iCAAgB,CAAC,cAAc,CAAC;AAEhC,IAAA,QACIC,cAAA,CAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var dropdown = require('primereact/dropdown');
|
|
5
4
|
var commands = require('@cratis/arc.react/commands');
|
|
5
|
+
var Dropdown = require('../../Dropdown/Dropdown.js');
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A single-select dropdown field bound to a `string` or `number` property
|
|
@@ -11,6 +11,9 @@ var commands = require('@cratis/arc.react/commands');
|
|
|
11
11
|
* holds the bound value and which one holds the visible label. See
|
|
12
12
|
* {@link InputTextField} for the full `value={c => c.prop}` binding model.
|
|
13
13
|
*
|
|
14
|
+
* Renders through the library's own {@link Dropdown} wrapper so the panel
|
|
15
|
+
* escapes dialog scroll containers and stays above modal dialogs.
|
|
16
|
+
*
|
|
14
17
|
* ```tsx
|
|
15
18
|
* <DropdownField value={c => c.country}
|
|
16
19
|
* options={countries}
|
|
@@ -19,7 +22,7 @@ var commands = require('@cratis/arc.react/commands');
|
|
|
19
22
|
* title="Country" />
|
|
20
23
|
* ```
|
|
21
24
|
*/
|
|
22
|
-
const DropdownField = commands.asCommandFormField((props) => (jsxRuntime.jsx(
|
|
25
|
+
const DropdownField = commands.asCommandFormField((props) => (jsxRuntime.jsx(Dropdown.Dropdown, { value: props.value, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, invalid: props.invalid, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
|
|
23
26
|
defaultValue: '',
|
|
24
27
|
extractValue: (e) => e
|
|
25
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","Dropdown"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","Dropdown"],"mappings":";;;;;;AAqCA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,MACFC,eAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var commands = require('@cratis/arc.react/commands');
|
|
5
5
|
var multiselect = require('primereact/multiselect');
|
|
6
|
+
var useOverlayZIndex = require('../../useOverlayZIndex.js');
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* A multi-select dropdown field bound to an `Array<string | number>`
|
|
@@ -16,7 +17,12 @@ var multiselect = require('primereact/multiselect');
|
|
|
16
17
|
* display="chip" filter title="Tags" />
|
|
17
18
|
* ```
|
|
18
19
|
*/
|
|
19
|
-
const MultiSelectField = commands.asCommandFormField((props) =>
|
|
20
|
+
const MultiSelectField = commands.asCommandFormField((props) => {
|
|
21
|
+
// Same overlay treatment as the Dropdown wrapper: the panel must escape
|
|
22
|
+
// dialog scroll containers and stay above modal dialogs.
|
|
23
|
+
useOverlayZIndex.useOverlayZIndex('p-multiselect-panel');
|
|
24
|
+
return (jsxRuntime.jsx(multiselect.MultiSelect, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, display: props.display, maxSelectedLabels: props.maxSelectedLabels, filter: props.filter, showClear: props.showClear, invalid: props.invalid, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
25
|
+
}, {
|
|
20
26
|
defaultValue: [],
|
|
21
27
|
extractValue: (e) => {
|
|
22
28
|
if (!Array.isArray(e)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","MultiSelect"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","useOverlayZIndex","_jsx","MultiSelect"],"mappings":";;;;;;;AAiDA;;;;;;;;;;;AAWG;MACU,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,KAAI;;;IAGNC,iCAAgB,CAAC,qBAAqB,CAAC;AAEvC,IAAA,QACIC,cAAA,CAACC,uBAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAgD,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAC7F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAA8B,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC5G;AACH,CAAA;;;;"}
|
|
@@ -14,9 +14,6 @@ interface CalendarFieldComponentProps extends WrappedFieldProps<Date | null> {
|
|
|
14
14
|
ptOptions?: CalendarProps['ptOptions'];
|
|
15
15
|
unstyled?: boolean;
|
|
16
16
|
}
|
|
17
|
-
export declare const CalendarField:
|
|
18
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CalendarFieldComponentProps, TCommand>): React.ReactElement;
|
|
19
|
-
displayName: string;
|
|
20
|
-
};
|
|
17
|
+
export declare const CalendarField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CalendarFieldComponentProps, TCommand>) => React.ReactElement;
|
|
21
18
|
export {};
|
|
22
19
|
//# sourceMappingURL=CalendarField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"CalendarField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IAExE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAGzB,OAAO,CAAC,EAAE,IAAI,CAAC;IAGf,OAAO,CAAC,EAAE,IAAI,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,eAAO,MAAM,aAAa,+JA+BzB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { asCommandFormField } from '@cratis/arc.react/commands';
|
|
3
3
|
import { Calendar } from 'primereact/calendar';
|
|
4
|
+
import { useOverlayZIndex } from '../../useOverlayZIndex.js';
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* A date (or date-time) picker field bound to a `Date | null` property on a
|
|
@@ -15,7 +16,12 @@ import { Calendar } from 'primereact/calendar';
|
|
|
15
16
|
* minDate={new Date()} />
|
|
16
17
|
* ```
|
|
17
18
|
*/
|
|
18
|
-
const CalendarField = asCommandFormField((props) =>
|
|
19
|
+
const CalendarField = asCommandFormField((props) => {
|
|
20
|
+
// Same overlay treatment as the Dropdown wrapper: the panel must escape
|
|
21
|
+
// dialog scroll containers and stay above modal dialogs.
|
|
22
|
+
useOverlayZIndex('p-datepicker');
|
|
23
|
+
return (jsx(Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
24
|
+
}, {
|
|
19
25
|
defaultValue: null,
|
|
20
26
|
extractValue: (e) => e instanceof Date ? e : null
|
|
21
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AA8CA;;;;;;;;;;;;AAYG;MACU,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,KAAI;;;IAGN,gBAAgB,CAAC,cAAc,CAAC;AAEhC,IAAA,QACIA,GAAA,CAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}
|
|
@@ -8,9 +8,6 @@ interface CheckboxFieldComponentProps extends WrappedFieldProps<boolean> {
|
|
|
8
8
|
ptOptions?: CheckboxProps['ptOptions'];
|
|
9
9
|
unstyled?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const CheckboxField:
|
|
12
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CheckboxFieldComponentProps, TCommand>): React.ReactElement;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
11
|
+
export declare const CheckboxField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CheckboxFieldComponentProps, TCommand>) => React.ReactElement;
|
|
15
12
|
export {};
|
|
16
13
|
//# sourceMappingURL=CheckboxField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,aAAa,+JAoBzB,CAAC"}
|
|
@@ -12,9 +12,6 @@ interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
|
|
|
12
12
|
ptOptions?: ChipsProps['ptOptions'];
|
|
13
13
|
unstyled?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export declare const ChipsField:
|
|
16
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ChipsFieldComponentProps, TCommand>): React.ReactElement;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
15
|
+
export declare const ChipsField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ChipsFieldComponentProps, TCommand>) => React.ReactElement;
|
|
19
16
|
export {};
|
|
20
17
|
//# sourceMappingURL=ChipsField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipsField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,wBAAyB,SAAQ,iBAAiB,CAAC,MAAM,EAAE,CAAC;IAElE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAGtB,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"ChipsField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,wBAAyB,SAAQ,iBAAiB,CAAC,MAAM,EAAE,CAAC;IAElE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAGtB,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU,4JA4BtB,CAAC"}
|
|
@@ -9,9 +9,6 @@ interface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {
|
|
|
9
9
|
ptOptions?: ColorPickerProps['ptOptions'];
|
|
10
10
|
unstyled?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const ColorPickerField:
|
|
13
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ColorPickerFieldComponentProps, TCommand>): React.ReactElement;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
12
|
+
export declare const ColorPickerField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ColorPickerFieldComponentProps, TCommand>) => React.ReactElement;
|
|
16
13
|
export {};
|
|
17
14
|
//# sourceMappingURL=ColorPickerField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEtE,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEtE,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKA6B5B,CAAC"}
|
|
@@ -13,9 +13,6 @@ interface DropdownFieldComponentProps extends WrappedFieldProps<string | number>
|
|
|
13
13
|
ptOptions?: DropdownProps['ptOptions'];
|
|
14
14
|
unstyled?: boolean;
|
|
15
15
|
}
|
|
16
|
-
export declare const DropdownField:
|
|
17
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<DropdownFieldComponentProps, TCommand>): React.ReactElement;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
16
|
+
export declare const DropdownField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<DropdownFieldComponentProps, TCommand>) => React.ReactElement;
|
|
20
17
|
export {};
|
|
21
18
|
//# sourceMappingURL=DropdownField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAMnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE5E,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAG3C,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,eAAO,MAAM,aAAa,+JAqBzB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Dropdown } from 'primereact/dropdown';
|
|
3
2
|
import { asCommandFormField } from '@cratis/arc.react/commands';
|
|
3
|
+
import { Dropdown } from '../../Dropdown/Dropdown.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* A single-select dropdown field bound to a `string` or `number` property
|
|
@@ -9,6 +9,9 @@ import { asCommandFormField } from '@cratis/arc.react/commands';
|
|
|
9
9
|
* holds the bound value and which one holds the visible label. See
|
|
10
10
|
* {@link InputTextField} for the full `value={c => c.prop}` binding model.
|
|
11
11
|
*
|
|
12
|
+
* Renders through the library's own {@link Dropdown} wrapper so the panel
|
|
13
|
+
* escapes dialog scroll containers and stays above modal dialogs.
|
|
14
|
+
*
|
|
12
15
|
* ```tsx
|
|
13
16
|
* <DropdownField value={c => c.country}
|
|
14
17
|
* options={countries}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAqCA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,IAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}
|
|
@@ -9,9 +9,6 @@ interface InputTextComponentProps extends WrappedFieldProps<string> {
|
|
|
9
9
|
ptOptions?: InputTextProps['ptOptions'];
|
|
10
10
|
unstyled?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const InputTextField:
|
|
13
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<InputTextComponentProps, TCommand>): React.ReactElement;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
12
|
+
export declare const InputTextField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<InputTextComponentProps, TCommand>) => React.ReactElement;
|
|
16
13
|
export {};
|
|
17
14
|
//# sourceMappingURL=InputTextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAOnF,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAE/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAG/G,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAG1B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA0CD,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAOnF,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAE/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAG/G,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAG1B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA0CD,eAAO,MAAM,cAAc,2JAmB1B,CAAC"}
|
|
@@ -15,9 +15,6 @@ interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string
|
|
|
15
15
|
ptOptions?: MultiSelectProps['ptOptions'];
|
|
16
16
|
unstyled?: boolean;
|
|
17
17
|
}
|
|
18
|
-
export declare const MultiSelectField:
|
|
19
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<MultiSelectFieldComponentProps, TCommand>): React.ReactElement;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|
|
18
|
+
export declare const MultiSelectField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<MultiSelectFieldComponentProps, TCommand>) => React.ReactElement;
|
|
22
19
|
export {};
|
|
23
20
|
//# sourceMappingURL=MultiSelectField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEtF,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAG3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAcD,eAAO,MAAM,gBAAgB,kKAsC5B,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { asCommandFormField } from '@cratis/arc.react/commands';
|
|
3
3
|
import { MultiSelect } from 'primereact/multiselect';
|
|
4
|
+
import { useOverlayZIndex } from '../../useOverlayZIndex.js';
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* A multi-select dropdown field bound to an `Array<string | number>`
|
|
@@ -14,7 +15,12 @@ import { MultiSelect } from 'primereact/multiselect';
|
|
|
14
15
|
* display="chip" filter title="Tags" />
|
|
15
16
|
* ```
|
|
16
17
|
*/
|
|
17
|
-
const MultiSelectField = asCommandFormField((props) =>
|
|
18
|
+
const MultiSelectField = asCommandFormField((props) => {
|
|
19
|
+
// Same overlay treatment as the Dropdown wrapper: the panel must escape
|
|
20
|
+
// dialog scroll containers and stay above modal dialogs.
|
|
21
|
+
useOverlayZIndex('p-multiselect-panel');
|
|
22
|
+
return (jsx(MultiSelect, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, display: props.display, maxSelectedLabels: props.maxSelectedLabels, filter: props.filter, showClear: props.showClear, invalid: props.invalid, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
23
|
+
}, {
|
|
18
24
|
defaultValue: [],
|
|
19
25
|
extractValue: (e) => {
|
|
20
26
|
if (!Array.isArray(e)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAiDA;;;;;;;;;;;AAWG;MACU,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,KAAI;;;IAGN,gBAAgB,CAAC,qBAAqB,CAAC;AAEvC,IAAA,QACIA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAgD,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAC7F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAA8B,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC5G;AACH,CAAA;;;;"}
|
|
@@ -11,9 +11,6 @@ interface NumberFieldComponentProps extends WrappedFieldProps<number> {
|
|
|
11
11
|
ptOptions?: InputNumberProps['ptOptions'];
|
|
12
12
|
unstyled?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const NumberField:
|
|
15
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<NumberFieldComponentProps, TCommand>): React.ReactElement;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
14
|
+
export declare const NumberField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<NumberFieldComponentProps, TCommand>) => React.ReactElement;
|
|
18
15
|
export {};
|
|
19
16
|
//# sourceMappingURL=NumberField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,WAAW,6JAqBvB,CAAC"}
|
|
@@ -9,9 +9,6 @@ interface RadioButtonFieldComponentProps extends WrappedFieldProps<string | numb
|
|
|
9
9
|
ptOptions?: RadioButtonProps['ptOptions'];
|
|
10
10
|
unstyled?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const RadioButtonField:
|
|
13
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioButtonFieldComponentProps, TCommand>): React.ReactElement;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
12
|
+
export declare const RadioButtonField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioButtonFieldComponentProps, TCommand>) => React.ReactElement;
|
|
16
13
|
export {};
|
|
17
14
|
//# sourceMappingURL=RadioButtonField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE/E,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAG7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"RadioButtonField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE/E,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAG7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKAqB5B,CAAC"}
|
|
@@ -11,9 +11,6 @@ interface RadioGroupFieldComponentProps extends WrappedFieldProps<string | numbe
|
|
|
11
11
|
ptOptions?: RadioButtonProps['ptOptions'];
|
|
12
12
|
unstyled?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const RadioGroupField:
|
|
15
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioGroupFieldComponentProps, TCommand>): React.ReactElement;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
14
|
+
export declare const RadioGroupField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioGroupFieldComponentProps, TCommand>) => React.ReactElement;
|
|
18
15
|
export {};
|
|
19
16
|
//# sourceMappingURL=RadioGroupField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,6BAA8B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAkBD,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,6BAA8B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAkBD,eAAO,MAAM,eAAe,iKAmC3B,CAAC"}
|
|
@@ -10,9 +10,6 @@ interface SliderFieldComponentProps extends WrappedFieldProps<number> {
|
|
|
10
10
|
ptOptions?: SliderProps['ptOptions'];
|
|
11
11
|
unstyled?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export declare const SliderField:
|
|
14
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<SliderFieldComponentProps, TCommand>): React.ReactElement;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
13
|
+
export declare const SliderField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<SliderFieldComponentProps, TCommand>) => React.ReactElement;
|
|
17
14
|
export {};
|
|
18
15
|
//# sourceMappingURL=SliderField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAGvB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAGrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAGvB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAGrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,WAAW,6JAuBvB,CAAC"}
|
|
@@ -10,9 +10,6 @@ interface TextAreaFieldComponentProps extends WrappedFieldProps<string> {
|
|
|
10
10
|
ptOptions?: InputTextareaProps['ptOptions'];
|
|
11
11
|
unstyled?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export declare const TextAreaField:
|
|
14
|
-
<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<TextAreaFieldComponentProps, TCommand>): React.ReactElement;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
13
|
+
export declare const TextAreaField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<TextAreaFieldComponentProps, TCommand>) => React.ReactElement;
|
|
17
14
|
export {};
|
|
18
15
|
//# sourceMappingURL=TextAreaField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,eAAO,MAAM,aAAa,+JAoBzB,CAAC"}
|