@jsonforms/material-renderers 2.5.2 → 3.0.0-alpha.3
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/README.md +1 -1
- package/docs/assets/js/search.json +1 -1
- package/docs/classes/combinatorproperties.html +2 -5
- package/docs/classes/materialanyofstringorenumcontrol.html +6 -9
- package/docs/classes/materialtablecontrol.html +4 -7
- package/docs/globals.html +1040 -328
- package/docs/index.html +84 -51
- package/docs/interfaces/ajvprops.html +1 -4
- package/docs/interfaces/arraylayouttoolbarprops.html +5 -8
- package/docs/interfaces/categorizationstate.html +1 -4
- package/docs/interfaces/categorizationstepperstate.html +0 -3
- package/docs/interfaces/combinatorpropertiesprops.html +0 -3
- package/docs/interfaces/deletedialogprops.html +0 -3
- package/docs/interfaces/dispatchpropsofexpandpanel.html +3 -6
- package/docs/interfaces/emptytableprops.html +0 -3
- package/docs/interfaces/expandpanelprops.html +19 -22
- package/docs/interfaces/jsonformstheme.html +39 -49
- package/docs/interfaces/materialcategorizationlayoutrendererprops.html +11 -14
- package/docs/interfaces/materialcategorizationstepperlayoutrendererprops.html +7 -10
- package/docs/interfaces/materiallayoutrendererprops.html +0 -3
- package/docs/interfaces/materialtabletoolbarprops.html +10 -13
- package/docs/interfaces/muitextinputprops.html +2 -5
- package/docs/interfaces/nonemptycellcomponentprops.html +266 -0
- package/docs/interfaces/nonemptycellprops.html +0 -3
- package/docs/interfaces/nonemptyrowprops.html +80 -27
- package/docs/interfaces/ownoneofprops.html +0 -3
- package/docs/interfaces/ownpropsofexpandpanel.html +14 -17
- package/docs/interfaces/ownpropsofnonemptycell.html +0 -3
- package/docs/interfaces/statepropsofexpandpanel.html +16 -19
- package/docs/interfaces/tableheadercellprops.html +0 -3
- package/docs/interfaces/tablerowsprop.html +9 -12
- package/docs/interfaces/validationprops.html +2 -5
- package/docs/interfaces/withdeletedialogsupport.html +0 -3
- package/docs/interfaces/withinput.html +1 -4
- package/docs/interfaces/withoptionlabel.html +7 -7
- package/example/index.ts +5 -20
- package/lib/additional/ListWithDetailMasterItem.d.ts +1 -1
- package/lib/additional/ListWithDetailMasterItem.js +8 -8
- package/lib/additional/ListWithDetailMasterItem.js.map +1 -1
- package/lib/additional/MaterialLabelRenderer.d.ts +1 -1
- package/lib/additional/MaterialLabelRenderer.js +6 -4
- package/lib/additional/MaterialLabelRenderer.js.map +1 -1
- package/lib/additional/MaterialListWithDetailRenderer.d.ts +1 -1
- package/lib/additional/MaterialListWithDetailRenderer.js +10 -8
- package/lib/additional/MaterialListWithDetailRenderer.js.map +1 -1
- package/lib/additional/index.js +3 -2
- package/lib/additional/index.js.map +1 -1
- package/lib/cells/CustomizableCells.d.ts +1 -0
- package/lib/cells/CustomizableCells.js +11 -8
- package/lib/cells/CustomizableCells.js.map +1 -1
- package/lib/cells/MaterialBooleanCell.d.ts +1 -1
- package/lib/cells/MaterialBooleanCell.js +3 -1
- package/lib/cells/MaterialBooleanCell.js.map +1 -1
- package/lib/cells/MaterialBooleanToggleCell.d.ts +1 -1
- package/lib/cells/MaterialBooleanToggleCell.js +3 -1
- package/lib/cells/MaterialBooleanToggleCell.js.map +1 -1
- package/lib/cells/MaterialDateCell.d.ts +1 -1
- package/lib/cells/MaterialDateCell.js +4 -2
- package/lib/cells/MaterialDateCell.js.map +1 -1
- package/lib/cells/MaterialEnumCell.d.ts +1 -1
- package/lib/cells/MaterialEnumCell.js +3 -1
- package/lib/cells/MaterialEnumCell.js.map +1 -1
- package/lib/cells/MaterialIntegerCell.d.ts +1 -1
- package/lib/cells/MaterialIntegerCell.js +3 -1
- package/lib/cells/MaterialIntegerCell.js.map +1 -1
- package/lib/cells/MaterialNumberCell.d.ts +1 -1
- package/lib/cells/MaterialNumberCell.js +3 -1
- package/lib/cells/MaterialNumberCell.js.map +1 -1
- package/lib/cells/MaterialNumberFormatCell.d.ts +1 -1
- package/lib/cells/MaterialNumberFormatCell.js +3 -1
- package/lib/cells/MaterialNumberFormatCell.js.map +1 -1
- package/lib/cells/MaterialOneOfEnumCell.d.ts +10 -0
- package/lib/cells/MaterialOneOfEnumCell.js +41 -0
- package/lib/cells/MaterialOneOfEnumCell.js.map +1 -0
- package/lib/cells/MaterialTextCell.d.ts +1 -1
- package/lib/cells/MaterialTextCell.js +3 -1
- package/lib/cells/MaterialTextCell.js.map +1 -1
- package/lib/cells/MaterialTimeCell.d.ts +1 -1
- package/lib/cells/MaterialTimeCell.js +3 -1
- package/lib/cells/MaterialTimeCell.js.map +1 -1
- package/lib/cells/index.d.ts +2 -1
- package/lib/cells/index.js +13 -9
- package/lib/cells/index.js.map +1 -1
- package/lib/complex/CombinatorProperties.js +4 -2
- package/lib/complex/CombinatorProperties.js.map +1 -1
- package/lib/complex/DeleteDialog.js +9 -9
- package/lib/complex/DeleteDialog.js.map +1 -1
- package/lib/complex/MaterialAllOfRenderer.d.ts +3 -2
- package/lib/complex/MaterialAllOfRenderer.js +12 -10
- package/lib/complex/MaterialAllOfRenderer.js.map +1 -1
- package/lib/complex/MaterialAnyOfRenderer.d.ts +3 -2
- package/lib/complex/MaterialAnyOfRenderer.js +7 -5
- package/lib/complex/MaterialAnyOfRenderer.js.map +1 -1
- package/lib/complex/MaterialArrayControlRenderer.d.ts +1 -1
- package/lib/complex/MaterialArrayControlRenderer.js +5 -3
- package/lib/complex/MaterialArrayControlRenderer.js.map +1 -1
- package/lib/complex/MaterialEnumArrayRenderer.d.ts +2 -2
- package/lib/complex/MaterialEnumArrayRenderer.js +12 -9
- package/lib/complex/MaterialEnumArrayRenderer.js.map +1 -1
- package/lib/complex/MaterialObjectRenderer.d.ts +3 -2
- package/lib/complex/MaterialObjectRenderer.js +7 -5
- package/lib/complex/MaterialObjectRenderer.js.map +1 -1
- package/lib/complex/MaterialOneOfRenderer.d.ts +2 -1
- package/lib/complex/MaterialOneOfRenderer.js +16 -15
- package/lib/complex/MaterialOneOfRenderer.js.map +1 -1
- package/lib/complex/MaterialTableControl.d.ts +16 -1
- package/lib/complex/MaterialTableControl.js +42 -35
- package/lib/complex/MaterialTableControl.js.map +1 -1
- package/lib/complex/NoBorderTableCell.d.ts +2 -2
- package/lib/complex/NoBorderTableCell.js +8 -10
- package/lib/complex/NoBorderTableCell.js.map +1 -1
- package/lib/complex/TableToolbar.d.ts +2 -2
- package/lib/complex/TableToolbar.js +12 -14
- package/lib/complex/TableToolbar.js.map +1 -1
- package/lib/complex/ValidationIcon.d.ts +2 -6
- package/lib/complex/ValidationIcon.js +9 -13
- package/lib/complex/ValidationIcon.js.map +1 -1
- package/lib/complex/index.js +6 -5
- package/lib/complex/index.js.map +1 -1
- package/lib/controls/MaterialAnyOfStringOrEnumControl.d.ts +1 -1
- package/lib/controls/MaterialAnyOfStringOrEnumControl.js +18 -13
- package/lib/controls/MaterialAnyOfStringOrEnumControl.js.map +1 -1
- package/lib/controls/MaterialBooleanControl.d.ts +1 -1
- package/lib/controls/MaterialBooleanControl.js +6 -4
- package/lib/controls/MaterialBooleanControl.js.map +1 -1
- package/lib/controls/MaterialBooleanToggleControl.d.ts +1 -1
- package/lib/controls/MaterialBooleanToggleControl.js +6 -4
- package/lib/controls/MaterialBooleanToggleControl.js.map +1 -1
- package/lib/controls/MaterialDateControl.d.ts +3 -15
- package/lib/controls/MaterialDateControl.js +29 -50
- package/lib/controls/MaterialDateControl.js.map +1 -1
- package/lib/controls/MaterialDateTimeControl.d.ts +3 -6
- package/lib/controls/MaterialDateTimeControl.js +29 -31
- package/lib/controls/MaterialDateTimeControl.js.map +1 -1
- package/lib/controls/MaterialEnumControl.d.ts +1 -1
- package/lib/controls/MaterialEnumControl.js +3 -1
- package/lib/controls/MaterialEnumControl.js.map +1 -1
- package/lib/controls/MaterialInputControl.d.ts +2 -5
- package/lib/controls/MaterialInputControl.js +25 -30
- package/lib/controls/MaterialInputControl.js.map +1 -1
- package/lib/controls/MaterialIntegerControl.d.ts +1 -1
- package/lib/controls/MaterialIntegerControl.js +3 -1
- package/lib/controls/MaterialIntegerControl.js.map +1 -1
- package/lib/controls/MaterialNativeControl.d.ts +3 -6
- package/lib/controls/MaterialNativeControl.js +16 -20
- package/lib/controls/MaterialNativeControl.js.map +1 -1
- package/lib/controls/MaterialNumberControl.d.ts +1 -1
- package/lib/controls/MaterialNumberControl.js +3 -1
- package/lib/controls/MaterialNumberControl.js.map +1 -1
- package/lib/controls/MaterialOneOfEnumControl.d.ts +1 -1
- package/lib/controls/MaterialOneOfEnumControl.js +3 -1
- package/lib/controls/MaterialOneOfEnumControl.js.map +1 -1
- package/lib/controls/MaterialOneOfRadioGroupControl.d.ts +1 -1
- package/lib/controls/MaterialOneOfRadioGroupControl.js +3 -1
- package/lib/controls/MaterialOneOfRadioGroupControl.js.map +1 -1
- package/lib/controls/MaterialRadioGroup.d.ts +2 -5
- package/lib/controls/MaterialRadioGroup.js +16 -23
- package/lib/controls/MaterialRadioGroup.js.map +1 -1
- package/lib/controls/MaterialRadioGroupControl.d.ts +1 -1
- package/lib/controls/MaterialRadioGroupControl.js +3 -1
- package/lib/controls/MaterialRadioGroupControl.js.map +1 -1
- package/lib/controls/MaterialSliderControl.d.ts +3 -6
- package/lib/controls/MaterialSliderControl.js +36 -40
- package/lib/controls/MaterialSliderControl.js.map +1 -1
- package/lib/controls/MaterialTextControl.d.ts +1 -1
- package/lib/controls/MaterialTextControl.js +3 -1
- package/lib/controls/MaterialTextControl.js.map +1 -1
- package/lib/controls/MaterialTimeControl.d.ts +6 -0
- package/lib/controls/MaterialTimeControl.js +62 -0
- package/lib/controls/MaterialTimeControl.js.map +1 -0
- package/lib/controls/index.d.ts +11 -9
- package/lib/controls/index.js +19 -14
- package/lib/controls/index.js.map +1 -1
- package/lib/extended/MaterialAutocompleteEnumControl.d.ts +1 -1
- package/lib/extended/MaterialAutocompleteEnumControl.js +3 -1
- package/lib/extended/MaterialAutocompleteEnumControl.js.map +1 -1
- package/lib/extended/MaterialAutocompleteOneOfEnumControl.d.ts +1 -1
- package/lib/extended/MaterialAutocompleteOneOfEnumControl.js +3 -1
- package/lib/extended/MaterialAutocompleteOneOfEnumControl.js.map +1 -1
- package/lib/extended/MuiAutocomplete.d.ts +3 -4
- package/lib/extended/MuiAutocomplete.js +7 -7
- package/lib/extended/MuiAutocomplete.js.map +1 -1
- package/lib/extended/index.d.ts +3 -3
- package/lib/extended/index.js +3 -2
- package/lib/extended/index.js.map +1 -1
- package/lib/index.js +3 -0
- package/lib/index.js.map +1 -1
- package/lib/jsonforms-material.js +248 -315
- package/lib/jsonforms-material.js.map +1 -1
- package/lib/layouts/ArrayToolbar.js +14 -16
- package/lib/layouts/ArrayToolbar.js.map +1 -1
- package/lib/layouts/ExpandPanelRenderer.d.ts +2 -3
- package/lib/layouts/ExpandPanelRenderer.js +47 -45
- package/lib/layouts/ExpandPanelRenderer.js.map +1 -1
- package/lib/layouts/MaterialArrayLayout.d.ts +1 -11
- package/lib/layouts/MaterialArrayLayout.js +19 -31
- package/lib/layouts/MaterialArrayLayout.js.map +1 -1
- package/lib/layouts/MaterialArrayLayoutRenderer.d.ts +1 -1
- package/lib/layouts/MaterialArrayLayoutRenderer.js +5 -3
- package/lib/layouts/MaterialArrayLayoutRenderer.js.map +1 -1
- package/lib/layouts/MaterialCategorizationLayout.d.ts +2 -10
- package/lib/layouts/MaterialCategorizationLayout.js +35 -52
- package/lib/layouts/MaterialCategorizationLayout.js.map +1 -1
- package/lib/layouts/MaterialCategorizationStepperLayout.d.ts +2 -9
- package/lib/layouts/MaterialCategorizationStepperLayout.js +45 -56
- package/lib/layouts/MaterialCategorizationStepperLayout.js.map +1 -1
- package/lib/layouts/MaterialGroupLayout.d.ts +1 -1
- package/lib/layouts/MaterialGroupLayout.js +11 -9
- package/lib/layouts/MaterialGroupLayout.js.map +1 -1
- package/lib/layouts/MaterialHorizontalLayout.d.ts +1 -1
- package/lib/layouts/MaterialHorizontalLayout.js +3 -1
- package/lib/layouts/MaterialHorizontalLayout.js.map +1 -1
- package/lib/layouts/MaterialVerticalLayout.d.ts +1 -1
- package/lib/layouts/MaterialVerticalLayout.js +3 -1
- package/lib/layouts/MaterialVerticalLayout.js.map +1 -1
- package/lib/layouts/index.js +6 -5
- package/lib/layouts/index.js.map +1 -1
- package/lib/mui-controls/MuiCheckbox.js +4 -4
- package/lib/mui-controls/MuiCheckbox.js.map +1 -1
- package/lib/mui-controls/MuiInputInteger.js +10 -7
- package/lib/mui-controls/MuiInputInteger.js.map +1 -1
- package/lib/mui-controls/MuiInputNumber.js +10 -7
- package/lib/mui-controls/MuiInputNumber.js.map +1 -1
- package/lib/mui-controls/MuiInputNumberFormat.js +8 -9
- package/lib/mui-controls/MuiInputNumberFormat.js.map +1 -1
- package/lib/mui-controls/MuiInputText.d.ts +1 -1
- package/lib/mui-controls/MuiInputText.js +17 -13
- package/lib/mui-controls/MuiInputText.js.map +1 -1
- package/lib/mui-controls/MuiInputTime.js +6 -4
- package/lib/mui-controls/MuiInputTime.js.map +1 -1
- package/lib/mui-controls/MuiSelect.js +4 -5
- package/lib/mui-controls/MuiSelect.js.map +1 -1
- package/lib/mui-controls/MuiToggle.js +4 -4
- package/lib/mui-controls/MuiToggle.js.map +1 -1
- package/lib/util/datejs.d.ts +3 -0
- package/lib/util/datejs.js +29 -0
- package/lib/util/datejs.js.map +1 -0
- package/lib/util/debounce.d.ts +1 -0
- package/lib/util/debounce.js +48 -0
- package/lib/util/debounce.js.map +1 -0
- package/lib/util/focus.d.ts +1 -0
- package/lib/util/focus.js +36 -0
- package/lib/util/focus.js.map +1 -0
- package/lib/util/index.d.ts +3 -0
- package/lib/util/index.js +4 -0
- package/lib/util/index.js.map +1 -1
- package/lib/util/layout.d.ts +2 -1
- package/lib/util/layout.js +13 -9
- package/lib/util/layout.js.map +1 -1
- package/lib/util/theme.d.ts +1 -1
- package/package.json +22 -26
- package/src/additional/ListWithDetailMasterItem.tsx +3 -6
- package/src/additional/MaterialLabelRenderer.tsx +1 -1
- package/src/additional/MaterialListWithDetailRenderer.tsx +4 -5
- package/src/cells/CustomizableCells.ts +1 -0
- package/src/cells/MaterialDateCell.tsx +1 -1
- package/src/cells/MaterialOneOfEnumCell.tsx +46 -0
- package/src/cells/MaterialTimeCell.tsx +1 -0
- package/src/cells/index.ts +5 -0
- package/src/complex/CombinatorProperties.tsx +2 -2
- package/src/complex/DeleteDialog.tsx +2 -2
- package/src/complex/MaterialAllOfRenderer.tsx +6 -5
- package/src/complex/MaterialAnyOfRenderer.tsx +5 -4
- package/src/complex/MaterialArrayControlRenderer.tsx +1 -1
- package/src/complex/MaterialEnumArrayRenderer.tsx +2 -1
- package/src/complex/MaterialObjectRenderer.tsx +6 -6
- package/src/complex/MaterialOneOfRenderer.tsx +9 -9
- package/src/complex/MaterialTableControl.tsx +45 -37
- package/src/complex/NoBorderTableCell.tsx +10 -12
- package/src/complex/TableToolbar.tsx +10 -9
- package/src/complex/ValidationIcon.tsx +12 -19
- package/src/controls/MaterialAnyOfStringOrEnumControl.tsx +17 -14
- package/src/controls/MaterialBooleanControl.tsx +1 -1
- package/src/controls/MaterialBooleanToggleControl.tsx +1 -1
- package/src/controls/MaterialDateControl.tsx +87 -119
- package/src/controls/MaterialDateTimeControl.tsx +91 -78
- package/src/controls/MaterialEnumControl.tsx +1 -1
- package/src/controls/MaterialInputControl.tsx +65 -72
- package/src/controls/MaterialNativeControl.tsx +55 -60
- package/src/controls/MaterialOneOfEnumControl.tsx +1 -1
- package/src/controls/MaterialOneOfRadioGroupControl.tsx +4 -4
- package/src/controls/MaterialRadioGroup.tsx +73 -74
- package/src/controls/MaterialRadioGroupControl.tsx +1 -1
- package/src/controls/MaterialSliderControl.tsx +93 -89
- package/src/controls/MaterialTimeControl.tsx +133 -0
- package/src/controls/index.ts +7 -0
- package/src/extended/MuiAutocomplete.tsx +11 -9
- package/src/extended/index.ts +1 -1
- package/src/index.ts +6 -0
- package/src/layouts/ArrayToolbar.tsx +11 -7
- package/src/layouts/ExpandPanelRenderer.tsx +46 -44
- package/src/layouts/MaterialArrayLayout.tsx +73 -83
- package/src/layouts/MaterialArrayLayoutRenderer.tsx +1 -1
- package/src/layouts/MaterialCategorizationLayout.tsx +50 -67
- package/src/layouts/MaterialCategorizationStepperLayout.tsx +80 -88
- package/src/layouts/MaterialGroupLayout.tsx +1 -1
- package/src/mui-controls/MuiCheckbox.tsx +2 -3
- package/src/mui-controls/MuiInputInteger.tsx +13 -10
- package/src/mui-controls/MuiInputNumber.tsx +10 -7
- package/src/mui-controls/MuiInputNumberFormat.tsx +9 -12
- package/src/mui-controls/MuiInputText.tsx +30 -21
- package/src/mui-controls/MuiInputTime.tsx +7 -5
- package/src/mui-controls/MuiSelect.tsx +4 -5
- package/src/mui-controls/MuiToggle.tsx +2 -3
- package/src/util/datejs.ts +32 -0
- package/src/util/debounce.ts +43 -0
- package/src/util/focus.ts +32 -0
- package/src/util/index.ts +3 -0
- package/src/util/layout.tsx +7 -8
- package/src/util/theme.ts +1 -1
- package/test/renderers/MaterialAllOfRenderer.test.tsx +1 -1
- package/test/renderers/MaterialAnyOfRenderer.test.tsx +15 -9
- package/test/renderers/MaterialAnyOfStringOrEnumControl.test.tsx +1 -1
- package/test/renderers/MaterialArrayControl.test.tsx +1 -1
- package/test/renderers/MaterialArrayLayout.test.tsx +9 -9
- package/test/renderers/MaterialBooleanCell.test.tsx +1 -1
- package/test/renderers/MaterialBooleanToggleCell.test.tsx +3 -2
- package/test/renderers/MaterialBooleanToggleControl.test.tsx +3 -3
- package/test/renderers/MaterialCategorizationLayout.test.tsx +75 -2
- package/test/renderers/MaterialCategorizationStepperLayout.test.tsx +75 -2
- package/test/renderers/MaterialDateCell.test.tsx +1 -1
- package/test/renderers/MaterialDateControl.test.tsx +46 -2
- package/test/renderers/MaterialDateTimeControl.test.tsx +57 -12
- package/test/renderers/MaterialEnumArrayRenderer.test.tsx +1 -1
- package/test/renderers/MaterialEnumCell.test.tsx +1 -1
- package/test/renderers/MaterialGroupLayout.test.tsx +1 -1
- package/test/renderers/MaterialInputControl.test.tsx +4 -4
- package/test/renderers/MaterialIntegerCell.test.tsx +42 -21
- package/test/renderers/MaterialLabelRenderer.test.tsx +1 -1
- package/test/renderers/MaterialLayouts.test.tsx +1 -1
- package/test/renderers/MaterialListWithDetailRenderer.test.tsx +2 -2
- package/test/renderers/MaterialNativeControl.test.tsx +2 -2
- package/test/renderers/MaterialNumberCell.test.tsx +46 -25
- package/test/renderers/MaterialObjectControl.test.tsx +1 -1
- package/test/renderers/MaterialOneOfEnumCell.test.tsx +93 -0
- package/test/renderers/MaterialOneOfRadioGroupControl.test.tsx +1 -1
- package/test/renderers/MaterialOneOfRenderer.test.tsx +20 -14
- package/test/renderers/MaterialRadioGroupControl.test.tsx +1 -1
- package/test/renderers/MaterialSliderControl.test.tsx +2 -2
- package/test/renderers/MaterialTextCell.test.tsx +47 -33
- package/test/renderers/MaterialTextControl.test.tsx +8 -4
- package/test/renderers/MaterialTimeCell.test.tsx +42 -21
- package/test/renderers/MaterialTimeControl.test.tsx +380 -0
- package/webpack/webpack.build.js +3 -3
- package/docs/classes/materialarraylayout.html +0 -777
- package/docs/classes/materialcategorizationlayoutrenderer.html +0 -786
- package/docs/classes/materialcategorizationstepperlayoutrenderer.html +0 -762
- package/docs/classes/materialdatecontrol.html +0 -825
- package/docs/classes/materialdatetimecontrol.html +0 -825
- package/docs/classes/materialinputcontrol.html +0 -825
- package/docs/classes/materialnativecontrol.html +0 -825
- package/docs/classes/materialradiogroup.html +0 -825
- package/docs/classes/materialslidercontrol.html +0 -825
- package/docs/interfaces/datecontrol.html +0 -157
- package/docs/interfaces/materialarraylayoutstate.html +0 -157
- package/docs/interfaces/statepropsofdatecontrol.html +0 -468
- package/example/CustomAutocomplete.tsx +0 -54
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ArrayLayoutToolbar = void 0;
|
|
3
4
|
var tslib_1 = require("tslib");
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var Toolbar_1 = tslib_1.__importDefault(require("@material-ui/core/Toolbar"));
|
|
7
|
-
var Typography_1 = tslib_1.__importDefault(require("@material-ui/core/Typography"));
|
|
8
|
-
var Add_1 = tslib_1.__importDefault(require("@material-ui/icons/Add"));
|
|
5
|
+
var material_1 = require("@mui/material");
|
|
6
|
+
var Add_1 = tslib_1.__importDefault(require("@mui/icons-material/Add"));
|
|
9
7
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
10
8
|
var ValidationIcon_1 = tslib_1.__importDefault(require("../complex/ValidationIcon"));
|
|
11
9
|
exports.ArrayLayoutToolbar = react_1.default.memo(function (_a) {
|
|
12
10
|
var label = _a.label, errors = _a.errors, addItem = _a.addItem, path = _a.path, createDefault = _a.createDefault;
|
|
13
|
-
return (react_1.default.createElement(
|
|
14
|
-
react_1.default.createElement(
|
|
15
|
-
react_1.default.createElement(
|
|
16
|
-
react_1.default.createElement(
|
|
17
|
-
react_1.default.createElement(
|
|
18
|
-
react_1.default.createElement(
|
|
11
|
+
return (react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
|
|
12
|
+
react_1.default.createElement(material_1.Grid, { container: true, alignItems: 'center', justifyContent: 'space-between' },
|
|
13
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
14
|
+
react_1.default.createElement(material_1.Typography, { variant: 'h6' }, label)),
|
|
15
|
+
react_1.default.createElement(material_1.Hidden, { smUp: errors.length === 0 },
|
|
16
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
19
17
|
react_1.default.createElement(ValidationIcon_1.default, { id: 'tooltip-validation', errorMessages: errors }))),
|
|
20
|
-
react_1.default.createElement(
|
|
21
|
-
react_1.default.createElement(
|
|
22
|
-
react_1.default.createElement(
|
|
23
|
-
react_1.default.createElement(
|
|
24
|
-
react_1.default.createElement(
|
|
18
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
19
|
+
react_1.default.createElement(material_1.Grid, { container: true },
|
|
20
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
21
|
+
react_1.default.createElement(material_1.Tooltip, { id: 'tooltip-add', title: "Add to " + label, placement: 'bottom' },
|
|
22
|
+
react_1.default.createElement(material_1.IconButton, { "aria-label": "Add to " + label, onClick: addItem(path, createDefault()), size: 'large' },
|
|
25
23
|
react_1.default.createElement(Add_1.default, null)))))))));
|
|
26
24
|
});
|
|
27
25
|
//# sourceMappingURL=ArrayToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrayToolbar.js","sourceRoot":"","sources":["../../src/layouts/ArrayToolbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ArrayToolbar.js","sourceRoot":"","sources":["../../src/layouts/ArrayToolbar.tsx"],"names":[],"mappings":";;;;AAAA,0CAOuB;AACvB,wEAA8C;AAC9C,wDAA0B;AAC1B,qFAAuD;AAQ1C,QAAA,kBAAkB,GAAG,eAAK,CAAC,IAAI,CAC1C,UAAC,EAMyB;QALxB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,OAAO,CACL,8BAAC,kBAAO,IAAC,cAAc,EAAE,IAAI;QAC3B,8BAAC,eAAI,IAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe;YAChE,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,qBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAc,CAC1C;YACP,8BAAC,iBAAM,IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC;gBAC/B,8BAAC,eAAI,IAAC,IAAI;oBACR,8BAAC,wBAAc,IAAC,EAAE,EAAC,oBAAoB,EAAC,aAAa,EAAE,MAAM,GAAI,CAC5D,CACA;YACT,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,eAAI,IAAC,SAAS;oBACb,8BAAC,eAAI,IAAC,IAAI;wBACR,8BAAC,kBAAO,IACN,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,YAAU,KAAO,EACxB,SAAS,EAAC,QAAQ;4BAElB,8BAAC,qBAAU,kBACG,YAAU,KAAO,EAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,EACvC,IAAI,EAAC,OAAO;gCACZ,8BAAC,aAAO,OAAG,CACA,CACL,CACL,CACF,CACF,CACF,CACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { Dispatch, ReducerAction } from 'react';
|
|
2
|
-
import { ComponentType } from 'enzyme';
|
|
1
|
+
import React, { ComponentType, Dispatch, ReducerAction } from 'react';
|
|
3
2
|
import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
|
|
4
3
|
interface OwnPropsOfExpandPanel {
|
|
5
4
|
index: number;
|
|
@@ -48,5 +47,5 @@ export declare const ctxDispatchToExpandPanelProps: (dispatch: Dispatch<ReducerA
|
|
|
48
47
|
*/
|
|
49
48
|
export declare const withContextToExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
|
|
50
49
|
export declare const withJsonFormsExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
|
|
51
|
-
declare const _default: ComponentType<OwnPropsOfExpandPanel>;
|
|
50
|
+
declare const _default: React.ComponentType<OwnPropsOfExpandPanel>;
|
|
52
51
|
export default _default;
|
|
@@ -1,64 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.withJsonFormsExpandPanelProps = exports.withContextToExpandPanelProps = exports.ctxDispatchToExpandPanelProps = void 0;
|
|
3
4
|
var tslib_1 = require("tslib");
|
|
4
5
|
var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
|
|
5
6
|
var get_1 = tslib_1.__importDefault(require("lodash/get"));
|
|
6
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
var react_2 = require("@jsonforms/react");
|
|
8
9
|
var core_1 = require("@jsonforms/core");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
|
|
15
|
-
var Avatar_1 = tslib_1.__importDefault(require("@material-ui/core/Avatar"));
|
|
16
|
-
var Delete_1 = tslib_1.__importDefault(require("@material-ui/icons/Delete"));
|
|
17
|
-
var ArrowUpward_1 = tslib_1.__importDefault(require("@material-ui/icons/ArrowUpward"));
|
|
18
|
-
var ArrowDownward_1 = tslib_1.__importDefault(require("@material-ui/icons/ArrowDownward"));
|
|
19
|
-
var v1_1 = tslib_1.__importDefault(require("uuid/v1"));
|
|
10
|
+
var material_1 = require("@mui/material");
|
|
11
|
+
var ExpandMore_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMore"));
|
|
12
|
+
var Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
|
|
13
|
+
var ArrowUpward_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowUpward"));
|
|
14
|
+
var ArrowDownward_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowDownward"));
|
|
20
15
|
var iconStyle = { float: 'right' };
|
|
21
|
-
var
|
|
22
|
-
var labelHtmlId = react_1.useState(
|
|
16
|
+
var ExpandPanelRendererComponent = function (props) {
|
|
17
|
+
var labelHtmlId = react_1.useState(core_1.createId('expand-panel'))[0];
|
|
18
|
+
react_1.useEffect(function () {
|
|
19
|
+
return function () {
|
|
20
|
+
core_1.removeId(labelHtmlId);
|
|
21
|
+
};
|
|
22
|
+
}, [labelHtmlId]);
|
|
23
23
|
var childLabel = props.childLabel, childPath = props.childPath, index = props.index, expanded = props.expanded, moveDown = props.moveDown, moveUp = props.moveUp, enableMoveDown = props.enableMoveDown, enableMoveUp = props.enableMoveUp, handleExpansion = props.handleExpansion, removeItems = props.removeItems, path = props.path, rootSchema = props.rootSchema, schema = props.schema, uischema = props.uischema, uischemas = props.uischemas, renderers = props.renderers, cells = props.cells, config = props.config;
|
|
24
24
|
var foundUISchema = react_1.useMemo(function () {
|
|
25
25
|
return core_1.findUISchema(uischemas, schema, uischema.scope, path, undefined, uischema, rootSchema);
|
|
26
26
|
}, [uischemas, schema, uischema.scope, path, uischema, rootSchema]);
|
|
27
27
|
var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
|
|
28
|
-
return (react_1.default.createElement(
|
|
29
|
-
react_1.default.createElement(
|
|
30
|
-
react_1.default.createElement(
|
|
31
|
-
react_1.default.createElement(
|
|
32
|
-
react_1.default.createElement(
|
|
33
|
-
react_1.default.createElement(
|
|
34
|
-
react_1.default.createElement(
|
|
35
|
-
react_1.default.createElement(
|
|
28
|
+
return (react_1.default.createElement(material_1.Accordion, { "aria-labelledby": labelHtmlId, expanded: expanded, onChange: handleExpansion(childPath) },
|
|
29
|
+
react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null) },
|
|
30
|
+
react_1.default.createElement(material_1.Grid, { container: true, alignItems: 'center' },
|
|
31
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 7, md: 9 },
|
|
32
|
+
react_1.default.createElement(material_1.Grid, { container: true, alignItems: 'center' },
|
|
33
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 2, md: 1 },
|
|
34
|
+
react_1.default.createElement(material_1.Avatar, { "aria-label": 'Index' }, index + 1)),
|
|
35
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 10, md: 11 },
|
|
36
36
|
react_1.default.createElement("span", { id: labelHtmlId }, childLabel)))),
|
|
37
|
-
react_1.default.createElement(
|
|
38
|
-
react_1.default.createElement(
|
|
39
|
-
react_1.default.createElement(
|
|
40
|
-
react_1.default.createElement(
|
|
37
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 5, md: 3 },
|
|
38
|
+
react_1.default.createElement(material_1.Grid, { container: true, justifyContent: 'flex-end' },
|
|
39
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
40
|
+
react_1.default.createElement(material_1.Grid, { container: true, direction: 'row', justifyContent: 'center', alignItems: 'center' },
|
|
41
41
|
appliedUiSchemaOptions.showSortButtons ? (react_1.default.createElement(react_1.Fragment, null,
|
|
42
|
-
react_1.default.createElement(
|
|
43
|
-
react_1.default.createElement(
|
|
42
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
43
|
+
react_1.default.createElement(material_1.IconButton, { onClick: moveUp(path, index), style: iconStyle, disabled: !enableMoveUp, "aria-label": "Move up", size: 'large' },
|
|
44
44
|
react_1.default.createElement(ArrowUpward_1.default, null))),
|
|
45
|
-
react_1.default.createElement(
|
|
46
|
-
react_1.default.createElement(
|
|
45
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
46
|
+
react_1.default.createElement(material_1.IconButton, { onClick: moveDown(path, index), style: iconStyle, disabled: !enableMoveDown, "aria-label": "Move down", size: 'large' },
|
|
47
47
|
react_1.default.createElement(ArrowDownward_1.default, null))))) : (''),
|
|
48
|
-
react_1.default.createElement(
|
|
49
|
-
react_1.default.createElement(
|
|
48
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
49
|
+
react_1.default.createElement(material_1.IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": "Delete", size: 'large' },
|
|
50
50
|
react_1.default.createElement(Delete_1.default, null))))))))),
|
|
51
|
-
react_1.default.createElement(
|
|
52
|
-
react_1.default.createElement(react_2.
|
|
51
|
+
react_1.default.createElement(material_1.AccordionDetails, null,
|
|
52
|
+
react_1.default.createElement(react_2.JsonFormsDispatch, { schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
|
|
53
53
|
};
|
|
54
|
+
var ExpandPanelRenderer = react_1.default.memo(ExpandPanelRendererComponent);
|
|
54
55
|
/**
|
|
55
56
|
* Maps state to dispatch properties of an expand pandel control.
|
|
56
57
|
*
|
|
57
58
|
* @param dispatch the store's dispatch method
|
|
58
59
|
* @returns {DispatchPropsOfArrayControl} dispatch props of an expand panel control
|
|
59
60
|
*/
|
|
60
|
-
|
|
61
|
-
removeItems: function (path, toDelete) { return function (event) {
|
|
61
|
+
var ctxDispatchToExpandPanelProps = function (dispatch) { return ({
|
|
62
|
+
removeItems: react_1.useCallback(function (path, toDelete) { return function (event) {
|
|
62
63
|
event.stopPropagation();
|
|
63
64
|
dispatch(core_1.update(path, function (array) {
|
|
64
65
|
toDelete
|
|
@@ -67,29 +68,30 @@ exports.ctxDispatchToExpandPanelProps = function (dispatch) { return ({
|
|
|
67
68
|
.forEach(function (s) { return array.splice(s, 1); });
|
|
68
69
|
return array;
|
|
69
70
|
}));
|
|
70
|
-
}; },
|
|
71
|
-
moveUp: function (path, toMove) { return function (event) {
|
|
71
|
+
}; }, [dispatch]),
|
|
72
|
+
moveUp: react_1.useCallback(function (path, toMove) { return function (event) {
|
|
72
73
|
event.stopPropagation();
|
|
73
74
|
dispatch(core_1.update(path, function (array) {
|
|
74
75
|
core_1.moveUp(array, toMove);
|
|
75
76
|
return array;
|
|
76
77
|
}));
|
|
77
|
-
}; },
|
|
78
|
-
moveDown: function (path, toMove) { return function (event) {
|
|
78
|
+
}; }, [dispatch]),
|
|
79
|
+
moveDown: react_1.useCallback(function (path, toMove) { return function (event) {
|
|
79
80
|
event.stopPropagation();
|
|
80
81
|
dispatch(core_1.update(path, function (array) {
|
|
81
82
|
core_1.moveDown(array, toMove);
|
|
82
83
|
return array;
|
|
83
84
|
}));
|
|
84
|
-
}; }
|
|
85
|
+
}; }, [dispatch])
|
|
85
86
|
}); };
|
|
87
|
+
exports.ctxDispatchToExpandPanelProps = ctxDispatchToExpandPanelProps;
|
|
86
88
|
/**
|
|
87
89
|
* Map state to control props.
|
|
88
90
|
* @param state the JSON Forms state
|
|
89
91
|
* @param ownProps any own props
|
|
90
92
|
* @returns {StatePropsOfControl} state props for a control
|
|
91
93
|
*/
|
|
92
|
-
|
|
94
|
+
var withContextToExpandPanelProps = function (Component) { return function (_a) {
|
|
93
95
|
var ctx = _a.ctx, props = _a.props;
|
|
94
96
|
var dispatchProps = exports.ctxDispatchToExpandPanelProps(ctx.dispatch);
|
|
95
97
|
var childLabelProp = props.childLabelProp, schema = props.schema, path = props.path, index = props.index, uischemas = props.uischemas;
|
|
@@ -100,10 +102,10 @@ exports.withContextToExpandPanelProps = function (Component) { return function (
|
|
|
100
102
|
: get_1.default(childData, core_1.getFirstPrimitiveProp(schema), '');
|
|
101
103
|
return (react_1.default.createElement(Component, tslib_1.__assign({}, props, dispatchProps, { childLabel: childLabel, childPath: childPath, uischemas: uischemas })));
|
|
102
104
|
}; };
|
|
103
|
-
exports.
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
})));
|
|
105
|
+
exports.withContextToExpandPanelProps = withContextToExpandPanelProps;
|
|
106
|
+
var withJsonFormsExpandPanelProps = function (Component) {
|
|
107
|
+
return react_2.withJsonFormsContext(exports.withContextToExpandPanelProps(Component));
|
|
107
108
|
};
|
|
109
|
+
exports.withJsonFormsExpandPanelProps = withJsonFormsExpandPanelProps;
|
|
108
110
|
exports.default = exports.withJsonFormsExpandPanelProps(ExpandPanelRenderer);
|
|
109
111
|
//# sourceMappingURL=ExpandPanelRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandPanelRenderer.js","sourceRoot":"","sources":["../../src/layouts/ExpandPanelRenderer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExpandPanelRenderer.js","sourceRoot":"","sources":["../../src/layouts/ExpandPanelRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ArrayLayoutProps } from '@jsonforms/core';
|
|
3
|
-
|
|
4
|
-
expanded: string | boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare class MaterialArrayLayout extends React.PureComponent<ArrayLayoutProps, MaterialArrayLayoutState> {
|
|
7
|
-
state: MaterialArrayLayoutState;
|
|
8
|
-
innerCreateDefaultValue: () => {};
|
|
9
|
-
handleChange: (panel: string) => (_event: any, expanded: boolean) => void;
|
|
10
|
-
isExpanded: (index: number) => boolean;
|
|
11
|
-
render(): JSX.Element;
|
|
12
|
-
}
|
|
13
|
-
export {};
|
|
3
|
+
export declare const MaterialArrayLayout: React.MemoExoticComponent<(props: ArrayLayoutProps) => JSX.Element>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MaterialArrayLayout = void 0;
|
|
3
4
|
var tslib_1 = require("tslib");
|
|
4
5
|
/*
|
|
5
6
|
The MIT License
|
|
@@ -26,41 +27,28 @@ var tslib_1 = require("tslib");
|
|
|
26
27
|
THE SOFTWARE.
|
|
27
28
|
*/
|
|
28
29
|
var range_1 = tslib_1.__importDefault(require("lodash/range"));
|
|
29
|
-
var react_1 = tslib_1.
|
|
30
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
30
31
|
var core_1 = require("@jsonforms/core");
|
|
31
32
|
var map_1 = tslib_1.__importDefault(require("lodash/map"));
|
|
32
33
|
var ArrayToolbar_1 = require("./ArrayToolbar");
|
|
33
34
|
var ExpandPanelRenderer_1 = tslib_1.__importDefault(require("./ExpandPanelRenderer"));
|
|
34
35
|
var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
_this.handleChange = function (panel) { return function (_event, expanded) {
|
|
44
|
-
_this.setState({
|
|
45
|
-
expanded: expanded ? panel : false
|
|
46
|
-
});
|
|
47
|
-
}; };
|
|
48
|
-
_this.isExpanded = function (index) {
|
|
49
|
-
return _this.state.expanded === core_1.composePaths(_this.props.path, "" + index);
|
|
50
|
-
};
|
|
51
|
-
return _this;
|
|
52
|
-
}
|
|
53
|
-
MaterialArrayLayout.prototype.render = function () {
|
|
54
|
-
var _this = this;
|
|
55
|
-
var _a = this.props, data = _a.data, path = _a.path, schema = _a.schema, uischema = _a.uischema, errors = _a.errors, addItem = _a.addItem, renderers = _a.renderers, cells = _a.cells, label = _a.label, required = _a.required, rootSchema = _a.rootSchema, config = _a.config, uischemas = _a.uischemas;
|
|
56
|
-
var appliedUiSchemaOptions = merge_1.default({}, config, this.props.uischema.options);
|
|
57
|
-
return (react_1.default.createElement("div", null,
|
|
58
|
-
react_1.default.createElement(ArrayToolbar_1.ArrayLayoutToolbar, { label: core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: this.innerCreateDefaultValue }),
|
|
59
|
-
react_1.default.createElement("div", null, data > 0 ? (map_1.default(range_1.default(data), function (index) {
|
|
60
|
-
return (react_1.default.createElement(ExpandPanelRenderer_1.default, { index: index, expanded: _this.isExpanded(index), schema: schema, path: path, handleExpansion: _this.handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas }));
|
|
61
|
-
})) : (react_1.default.createElement("p", null, "No data")))));
|
|
36
|
+
var MaterialArrayLayoutComponent = function (props) {
|
|
37
|
+
var _a = react_1.useState(false), expanded = _a[0], setExpanded = _a[1];
|
|
38
|
+
var innerCreateDefaultValue = react_1.useCallback(function () { return core_1.createDefaultValue(props.schema); }, [props.schema]);
|
|
39
|
+
var handleChange = react_1.useCallback(function (panel) { return function (_event, expandedPanel) {
|
|
40
|
+
setExpanded(expandedPanel ? panel : false);
|
|
41
|
+
}; }, []);
|
|
42
|
+
var isExpanded = function (index) {
|
|
43
|
+
return expanded === core_1.composePaths(props.path, "" + index);
|
|
62
44
|
};
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
45
|
+
var data = props.data, path = props.path, schema = props.schema, uischema = props.uischema, errors = props.errors, addItem = props.addItem, renderers = props.renderers, cells = props.cells, label = props.label, required = props.required, rootSchema = props.rootSchema, config = props.config, uischemas = props.uischemas;
|
|
46
|
+
var appliedUiSchemaOptions = merge_1.default({}, config, props.uischema.options);
|
|
47
|
+
return (react_1.default.createElement("div", null,
|
|
48
|
+
react_1.default.createElement(ArrayToolbar_1.ArrayLayoutToolbar, { label: core_1.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
|
|
49
|
+
react_1.default.createElement("div", null, data > 0 ? (map_1.default(range_1.default(data), function (index) {
|
|
50
|
+
return (react_1.default.createElement(ExpandPanelRenderer_1.default, { index: index, expanded: isExpanded(index), schema: schema, path: path, handleExpansion: handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas }));
|
|
51
|
+
})) : (react_1.default.createElement("p", null, "No data")))));
|
|
52
|
+
};
|
|
53
|
+
exports.MaterialArrayLayout = react_1.default.memo(MaterialArrayLayoutComponent);
|
|
66
54
|
//# sourceMappingURL=MaterialArrayLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialArrayLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MaterialArrayLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+DAAiC;AACjC,qDAAmD;AACnD,wCAKyB;AACzB,2DAA6B;AAC7B,+CAAoD;AACpD,sFAAwD;AACxD,+DAAiC;AAEjC,IAAM,4BAA4B,GAAG,UAAC,KAAuB;IACrD,IAAA,KAA0B,gBAAQ,CAAiB,KAAK,CAAC,EAAxD,QAAQ,QAAA,EAAE,WAAW,QAAmC,CAAC;IAChE,IAAM,uBAAuB,GAAG,mBAAW,CAAC,cAAM,OAAA,yBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAhC,CAAgC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACpG,IAAM,YAAY,GAAG,mBAAW,CAAC,UAAC,KAAa,IAAK,OAAA,UAAC,MAAW,EAAE,aAAsB;QACtF,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAC5C,CAAC,EAFmD,CAEnD,EAAE,EAAE,CAAC,CAAC;IACP,IAAM,UAAU,GAAG,UAAC,KAAa;QAC/B,OAAA,QAAQ,KAAK,mBAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAG,KAAO,CAAC;IAAjD,CAAiD,CAAC;IAGlD,IAAA,IAAI,GAaF,KAAK,KAbH,EACJ,IAAI,GAYF,KAAK,KAZH,EACJ,MAAM,GAWJ,KAAK,OAXD,EACN,QAAQ,GAUN,KAAK,SAVC,EACR,MAAM,GASJ,KAAK,OATD,EACN,OAAO,GAQL,KAAK,QARA,EACP,SAAS,GAOP,KAAK,UAPE,EACT,KAAK,GAMH,KAAK,MANF,EACL,KAAK,GAKH,KAAK,MALF,EACL,QAAQ,GAIN,KAAK,SAJC,EACR,UAAU,GAGR,KAAK,WAHG,EACV,MAAM,GAEJ,KAAK,OAFD,EACN,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,sBAAsB,GAAG,eAAK,CAClC,EAAE,EACF,MAAM,EACN,KAAK,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,iCAAkB,IACjB,KAAK,EAAE,mBAAY,CACjB,KAAK,EACL,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,uBAAuB,GACtC;QACF,2CACG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,aAAG,CAAC,eAAK,CAAC,IAAI,CAAC,EAAE,UAAA,KAAK;YACpB,OAAO,CACL,8BAAC,6BAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,YAAY,EAC7B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,KAAK,IAAI,CAAC,EACxB,cAAc,EAAE,KAAK,GAAG,IAAI,GAAG,CAAC,EAChC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,sBAAsB,CAAC,gBAAgB,EACvD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,mDAAc,CACf,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,eAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC"}
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
|
|
3
3
|
export declare const MaterialArrayLayoutRenderer: ({ visible, enabled, id, uischema, schema, label, rootSchema, renderers, cells, data, path, errors, uischemas, addItem }: ArrayLayoutProps) => JSX.Element;
|
|
4
4
|
export declare const materialArrayLayoutTester: RankedTester;
|
|
5
|
-
declare const _default: React.ComponentType<import("
|
|
5
|
+
declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
|
|
6
6
|
export default _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.materialArrayLayoutTester = exports.MaterialArrayLayoutRenderer = void 0;
|
|
3
4
|
var tslib_1 = require("tslib");
|
|
4
5
|
/*
|
|
5
6
|
The MIT License
|
|
@@ -27,17 +28,18 @@ var tslib_1 = require("tslib");
|
|
|
27
28
|
*/
|
|
28
29
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
29
30
|
var core_1 = require("@jsonforms/core");
|
|
30
|
-
var
|
|
31
|
+
var material_1 = require("@mui/material");
|
|
31
32
|
var MaterialArrayLayout_1 = require("./MaterialArrayLayout");
|
|
32
33
|
var react_2 = require("@jsonforms/react");
|
|
33
|
-
|
|
34
|
+
var MaterialArrayLayoutRenderer = function (_a) {
|
|
34
35
|
var visible = _a.visible, enabled = _a.enabled, id = _a.id, uischema = _a.uischema, schema = _a.schema, label = _a.label, rootSchema = _a.rootSchema, renderers = _a.renderers, cells = _a.cells, data = _a.data, path = _a.path, errors = _a.errors, uischemas = _a.uischemas, addItem = _a.addItem;
|
|
35
36
|
var addItemCb = react_1.useCallback(function (p, value) { return addItem(p, value); }, [
|
|
36
37
|
addItem
|
|
37
38
|
]);
|
|
38
|
-
return (react_1.default.createElement(
|
|
39
|
+
return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
|
|
39
40
|
react_1.default.createElement(MaterialArrayLayout_1.MaterialArrayLayout, { label: label, uischema: uischema, schema: schema, id: id, rootSchema: rootSchema, errors: errors, enabled: enabled, visible: visible, data: data, path: path, addItem: addItemCb, renderers: renderers, cells: cells, uischemas: uischemas })));
|
|
40
41
|
};
|
|
42
|
+
exports.MaterialArrayLayoutRenderer = MaterialArrayLayoutRenderer;
|
|
41
43
|
exports.materialArrayLayoutTester = core_1.rankWith(4, core_1.isObjectArrayWithNesting);
|
|
42
44
|
exports.default = react_2.withJsonFormsArrayLayoutProps(exports.MaterialArrayLayoutRenderer);
|
|
43
45
|
//# sourceMappingURL=MaterialArrayLayoutRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialArrayLayoutRenderer.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayoutRenderer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MaterialArrayLayoutRenderer.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayoutRenderer.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAA2C;AAE3C,wCAKyB;AACzB,0CAAuC;AACvC,6DAA4D;AAC5D,0CAAiE;AAE1D,IAAM,2BAA2B,GAAG,UAAC,EAezB;QAdjB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,mBAAW,CAAC,UAAC,CAAS,EAAE,KAAU,IAAK,OAAA,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAjB,CAAiB,EAAE;QAC1E,OAAO;KACR,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,yCAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,2BAA2B,+BAuCtC;AAEW,QAAA,yBAAyB,GAAiB,eAAQ,CAC7D,CAAC,EACD,+BAAwB,CACzB,CAAC;AACF,kBAAe,qCAA6B,CAAC,mCAA2B,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RankedTester, StatePropsOfLayout, Tester } from '@jsonforms/core';
|
|
3
|
-
import { RendererComponent } from '@jsonforms/react';
|
|
4
3
|
import { AjvProps } from '../util/layout';
|
|
5
4
|
export declare const isSingleLevelCategorization: Tester;
|
|
6
5
|
export declare const materialCategorizationTester: RankedTester;
|
|
@@ -13,13 +12,6 @@ export interface MaterialCategorizationLayoutRendererProps extends StatePropsOfL
|
|
|
13
12
|
data?: any;
|
|
14
13
|
onChange?(selected: number, prevSelected: number): void;
|
|
15
14
|
}
|
|
16
|
-
export declare
|
|
17
|
-
|
|
18
|
-
activeCategory: number;
|
|
19
|
-
};
|
|
20
|
-
render(): JSX.Element;
|
|
21
|
-
hasOwnState: () => boolean;
|
|
22
|
-
private handleChange;
|
|
23
|
-
}
|
|
24
|
-
declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
|
|
15
|
+
export declare const MaterialCategorizationLayoutRenderer: (props: MaterialCategorizationLayoutRendererProps) => JSX.Element;
|
|
16
|
+
declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
|
|
25
17
|
export default _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MaterialCategorizationLayoutRenderer = exports.materialCategorizationTester = exports.isSingleLevelCategorization = void 0;
|
|
3
4
|
var tslib_1 = require("tslib");
|
|
4
5
|
/*
|
|
5
6
|
The MIT License
|
|
@@ -25,64 +26,46 @@ var tslib_1 = require("tslib");
|
|
|
25
26
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
26
27
|
THE SOFTWARE.
|
|
27
28
|
*/
|
|
28
|
-
var react_1 = tslib_1.
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var core_2 = require("@jsonforms/core");
|
|
29
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
30
|
+
var material_1 = require("@mui/material");
|
|
31
|
+
var core_1 = require("@jsonforms/core");
|
|
32
32
|
var react_2 = require("@jsonforms/react");
|
|
33
33
|
var layout_1 = require("../util/layout");
|
|
34
|
-
exports.isSingleLevelCategorization =
|
|
34
|
+
exports.isSingleLevelCategorization = core_1.and(core_1.uiTypeIs('Categorization'), function (uischema) {
|
|
35
35
|
var categorization = uischema;
|
|
36
36
|
return (categorization.elements &&
|
|
37
37
|
categorization.elements.reduce(function (acc, e) { return acc && e.type === 'Category'; }, true));
|
|
38
38
|
});
|
|
39
|
-
exports.materialCategorizationTester =
|
|
40
|
-
var MaterialCategorizationLayoutRenderer =
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
var _a = this.props, data = _a.data, path = _a.path, renderers = _a.renderers, cells = _a.cells, schema = _a.schema, uischema = _a.uischema, visible = _a.visible, enabled = _a.enabled, selected = _a.selected, ajv = _a.ajv;
|
|
63
|
-
var categorization = uischema;
|
|
64
|
-
var value = this.hasOwnState() ? this.state.activeCategory : selected;
|
|
65
|
-
var childProps = {
|
|
66
|
-
elements: categorization.elements[value].elements,
|
|
67
|
-
schema: schema,
|
|
68
|
-
path: path,
|
|
69
|
-
direction: 'column',
|
|
70
|
-
enabled: enabled,
|
|
71
|
-
visible: visible,
|
|
72
|
-
renderers: renderers,
|
|
73
|
-
cells: cells
|
|
74
|
-
};
|
|
75
|
-
var categories = categorization.elements.filter(function (category) {
|
|
76
|
-
return core_2.isVisible(category, data, undefined, ajv);
|
|
77
|
-
});
|
|
78
|
-
return (react_1.default.createElement(core_1.Hidden, { xsUp: !visible },
|
|
79
|
-
react_1.default.createElement(AppBar_1.default, { position: 'static' },
|
|
80
|
-
react_1.default.createElement(core_1.Tabs, { value: value, onChange: this.handleChange, variant: 'scrollable' }, categories.map(function (e, idx) { return (react_1.default.createElement(core_1.Tab, { key: idx, label: e.label })); }))),
|
|
81
|
-
react_1.default.createElement("div", { style: { marginTop: '0.5em' } },
|
|
82
|
-
react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps)))));
|
|
39
|
+
exports.materialCategorizationTester = core_1.rankWith(1, exports.isSingleLevelCategorization);
|
|
40
|
+
var MaterialCategorizationLayoutRenderer = function (props) {
|
|
41
|
+
var data = props.data, path = props.path, renderers = props.renderers, cells = props.cells, schema = props.schema, uischema = props.uischema, visible = props.visible, enabled = props.enabled, selected = props.selected, onChange = props.onChange, ajv = props.ajv;
|
|
42
|
+
var categorization = uischema;
|
|
43
|
+
var _a = react_1.useState(selected !== null && selected !== void 0 ? selected : 0), activeCategory = _a[0], setActiveCategory = _a[1];
|
|
44
|
+
var categories = categorization.elements.filter(function (category) {
|
|
45
|
+
return core_1.isVisible(category, data, undefined, ajv);
|
|
46
|
+
});
|
|
47
|
+
var childProps = {
|
|
48
|
+
elements: categories[activeCategory].elements,
|
|
49
|
+
schema: schema,
|
|
50
|
+
path: path,
|
|
51
|
+
direction: 'column',
|
|
52
|
+
enabled: enabled,
|
|
53
|
+
visible: visible,
|
|
54
|
+
renderers: renderers,
|
|
55
|
+
cells: cells
|
|
56
|
+
};
|
|
57
|
+
var onTabChange = function (_event, value) {
|
|
58
|
+
if (onChange) {
|
|
59
|
+
onChange(value, activeCategory);
|
|
60
|
+
}
|
|
61
|
+
setActiveCategory(value);
|
|
83
62
|
};
|
|
84
|
-
return
|
|
85
|
-
|
|
63
|
+
return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
|
|
64
|
+
react_1.default.createElement(material_1.AppBar, { position: 'static' },
|
|
65
|
+
react_1.default.createElement(material_1.Tabs, { value: activeCategory, onChange: onTabChange, textColor: 'inherit', indicatorColor: 'secondary', variant: 'scrollable' }, categories.map(function (e, idx) { return (react_1.default.createElement(material_1.Tab, { key: idx, label: e.label })); }))),
|
|
66
|
+
react_1.default.createElement("div", { style: { marginTop: '0.5em' } },
|
|
67
|
+
react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps)))));
|
|
68
|
+
};
|
|
86
69
|
exports.MaterialCategorizationLayoutRenderer = MaterialCategorizationLayoutRenderer;
|
|
87
|
-
exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(MaterialCategorizationLayoutRenderer));
|
|
70
|
+
exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(exports.MaterialCategorizationLayoutRenderer));
|
|
88
71
|
//# sourceMappingURL=MaterialCategorizationLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialCategorizationLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MaterialCategorizationLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationLayout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAAsC;AACtC,0CAA0D;AAC1D,wCAWyB;AACzB,0CAA4D;AAC5D,yCAKwB;AAEX,QAAA,2BAA2B,GAAW,UAAG,CACpD,eAAQ,CAAC,gBAAgB,CAAC,EAC1B,UAAC,QAAyB;IACxB,IAAM,cAAc,GAAG,QAA0B,CAAC;IAElD,OAAO,CACL,cAAc,CAAC,QAAQ;QACvB,cAAc,CAAC,QAAQ,CAAC,MAAM,CAC5B,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAA5B,CAA4B,EACxC,IAAI,CACL,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,4BAA4B,GAAiB,eAAQ,CAChE,CAAC,EACD,mCAA2B,CAC5B,CAAC;AAaK,IAAM,oCAAoC,GAAG,UAAC,KAAgD;IAEjG,IAAA,IAAI,GAWF,KAAK,KAXH,EACJ,IAAI,GAUF,KAAK,KAVH,EACJ,SAAS,GASP,KAAK,UATE,EACT,KAAK,GAQH,KAAK,MARF,EACL,MAAM,GAOJ,KAAK,OAPD,EACN,QAAQ,GAMN,KAAK,SANC,EACR,OAAO,GAKL,KAAK,QALA,EACP,OAAO,GAIL,KAAK,QAJA,EACP,QAAQ,GAGN,KAAK,SAHC,EACR,QAAQ,GAEN,KAAK,SAFC,EACR,GAAG,GACD,KAAK,IADJ,CACK;IACV,IAAM,cAAc,GAAG,QAA0B,CAAC;IAC5C,IAAA,KAAqC,gBAAQ,CAAmB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAE,CAAC,CAAC,EAA3E,cAAc,QAAA,EAAE,iBAAiB,QAA0C,CAAC;IACnF,IAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAC,QAAkB;QACnE,OAAA,gBAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC;IAAzC,CAAyC,CAC1C,CAAC;IACF,IAAM,UAAU,GAAgC;QAC9C,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ;QAC7C,MAAM,QAAA;QACN,IAAI,MAAA;QACJ,SAAS,EAAE,QAAQ;QACnB,OAAO,SAAA;QACP,OAAO,SAAA;QACP,SAAS,WAAA;QACT,KAAK,OAAA;KACN,CAAC;IACF,IAAM,WAAW,GAAG,UAAC,MAAW,EAAE,KAAU;QAC1C,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;SACjC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,iBAAM,IAAC,QAAQ,EAAC,QAAQ;YACvB,8BAAC,eAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,OAAO,EAAC,YAAY,IACpH,UAAU,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,GAAW,IAAK,OAAA,CAC5C,8BAAC,cAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,CAClC,EAF6C,CAE7C,CAAC,CACG,CACA;QACT,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YAChC,8BAAC,+BAAsB,uBAAK,UAAU,EAAI,CACtC,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,oCAAoC,wCAiD/C;AAEF,kBAAe,gCAAwB,CAAC,qBAAY,CAAC,4CAAoC,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RankedTester, StatePropsOfLayout } from '@jsonforms/core';
|
|
3
|
-
import { RendererComponent } from '@jsonforms/react';
|
|
4
3
|
import { AjvProps } from '../util/layout';
|
|
5
4
|
export declare const materialCategorizationStepperTester: RankedTester;
|
|
6
5
|
export interface CategorizationStepperState {
|
|
@@ -9,12 +8,6 @@ export interface CategorizationStepperState {
|
|
|
9
8
|
export interface MaterialCategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps {
|
|
10
9
|
data: any;
|
|
11
10
|
}
|
|
12
|
-
export declare
|
|
13
|
-
|
|
14
|
-
activeCategory: number;
|
|
15
|
-
};
|
|
16
|
-
handleStep: (step: number) => void;
|
|
17
|
-
render(): JSX.Element;
|
|
18
|
-
}
|
|
19
|
-
declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
|
|
11
|
+
export declare const MaterialCategorizationStepperLayoutRenderer: (props: MaterialCategorizationStepperLayoutRendererProps) => JSX.Element;
|
|
12
|
+
declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
|
|
20
13
|
export default _default;
|