@axinom/mosaic-ui 0.35.0 → 0.36.0-rc.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/components/DynamicDataList/DynamicDataList.d.ts +3 -1
- package/dist/components/DynamicDataList/DynamicDataList.d.ts.map +1 -1
- package/dist/components/DynamicDataList/DynamicDataList.model.d.ts +6 -1
- package/dist/components/DynamicDataList/DynamicDataList.model.d.ts.map +1 -1
- package/dist/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.d.ts +7 -3
- package/dist/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.d.ts.map +1 -1
- package/dist/components/DynamicDataList/DynamicListRow/DynamicListRow.d.ts +4 -1
- package/dist/components/DynamicDataList/DynamicListRow/DynamicListRow.d.ts.map +1 -1
- package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.d.ts.map +1 -1
- package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.d.ts +7 -1
- package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.d.ts.map +1 -1
- package/dist/components/DynamicDataList/helpers/useDataHandler.d.ts +1 -0
- package/dist/components/DynamicDataList/helpers/useDataHandler.d.ts.map +1 -1
- package/dist/components/DynamicDataList/helpers/useRowEditing.d.ts +8 -0
- package/dist/components/DynamicDataList/helpers/useRowEditing.d.ts.map +1 -0
- package/dist/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/DynamicDataList/DynamicDataList.model.ts +7 -2
- package/src/components/DynamicDataList/DynamicDataList.spec.tsx +5 -0
- package/src/components/DynamicDataList/DynamicDataList.stories.tsx +37 -0
- package/src/components/DynamicDataList/DynamicDataList.tsx +58 -28
- package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.scss +0 -1
- package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.spec.tsx +2 -44
- package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.tsx +37 -28
- package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.scss +12 -0
- package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.tsx +23 -12
- package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.spec.ts +26 -1
- package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.ts +8 -0
- package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.ts +8 -0
- package/src/components/DynamicDataList/helpers/useDataHandler.ts +11 -1
- package/src/components/DynamicDataList/helpers/useRowEditing.ts +30 -0
- package/src/styles/variables.scss +1 -1
|
@@ -43,6 +43,8 @@ export interface DynamicDataListProps<T extends Data> {
|
|
|
43
43
|
allowRowDragging?: boolean;
|
|
44
44
|
/** Whether or not new data can be added (default: false) */
|
|
45
45
|
allowNewData?: boolean;
|
|
46
|
+
/** Whether or not existing data can be edited (default: false) */
|
|
47
|
+
allowEditing?: boolean;
|
|
46
48
|
/** Custom DynamicListDataEntry component which will be rendered instead of the default component */
|
|
47
49
|
customDataEntry?: React.FC<DynamicListDataEntryProps<T>>;
|
|
48
50
|
/** Optional Yup validation object for validating new data */
|
|
@@ -77,5 +79,5 @@ export interface DynamicDataListProps<T extends Data> {
|
|
|
77
79
|
* onChange={list => console.log(list)}
|
|
78
80
|
* />
|
|
79
81
|
*/
|
|
80
|
-
export declare const DynamicDataList: <T extends Data>({ columns, value, showHeader, minimumWidth, columnGap, rowGap, headerRowHeight, listRowHeight, listRowActionSize, horizontalTextAlign, verticalTextAlign, positionPropertyName, positionLabel, allowReordering, allowRowDragging, allowNewData, customDataEntry: CustomDataEntry, maxItemLimit, rowValidationSchema, defaultValuesForNewData, stickyHeader, disabled, className, onChange, onAddTransformData, rowClassNameProvider, inlineMenuActions, }: React.PropsWithChildren<DynamicDataListProps<T>>) => JSX.Element;
|
|
82
|
+
export declare const DynamicDataList: <T extends Data>({ columns, value, showHeader, minimumWidth, columnGap, rowGap, headerRowHeight, listRowHeight, listRowActionSize, horizontalTextAlign, verticalTextAlign, positionPropertyName, positionLabel, allowReordering, allowRowDragging, allowNewData, allowEditing, customDataEntry: CustomDataEntry, maxItemLimit, rowValidationSchema, defaultValuesForNewData, stickyHeader, disabled, className, onChange, onAddTransformData, rowClassNameProvider, inlineMenuActions, }: React.PropsWithChildren<DynamicDataListProps<T>>) => JSX.Element;
|
|
81
83
|
//# sourceMappingURL=DynamicDataList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicDataList.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicDataList/DynamicDataList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,
|
|
1
|
+
{"version":3,"file":"DynamicDataList.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicDataList/DynamicDataList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAGL,yBAAyB,EAC1B,MAAM,6CAA6C,CAAC;AASrD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,IAAI;IAClD;;;OAGG;IACH,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC,CAAC;IAC/B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oGAAoG;IACpG,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7C,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,EAAE,CAAC;CAC/C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,ihBA6BoB,WAgN/C,CAAC"}
|
|
@@ -24,10 +24,15 @@ export interface DynamicListColumn<T extends Data> {
|
|
|
24
24
|
* Setting fieldType to either 'input' or 'select' will generate an element appropriate to that type.
|
|
25
25
|
*/
|
|
26
26
|
dataEntryRender?: DynamicListDataEntryRenderer;
|
|
27
|
+
/**
|
|
28
|
+
* Set if data editing is allowed
|
|
29
|
+
* Setting fieldType to either 'input' or 'select' will generate an element appropriate to that type.
|
|
30
|
+
* If not set, will use the dataEntryRender value.
|
|
31
|
+
*/
|
|
32
|
+
dataEditRender?: DynamicListDataEntryRenderer;
|
|
27
33
|
/** Performs a transformation on the value before being added to the list */
|
|
28
34
|
onAddTransformer?: (value: unknown, data: T) => unknown;
|
|
29
35
|
}
|
|
30
|
-
export type DynamicListElevationOptions = 'above' | 'below';
|
|
31
36
|
export type DynamicListDataEntryRenderer = (
|
|
32
37
|
/** Value to render. */
|
|
33
38
|
currentValue: unknown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicDataList.model.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicDataList/DynamicDataList.model.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,IAAI;IAC/C,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC,CAAC;IACtB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAE/C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACzD;AAED,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"DynamicDataList.model.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicDataList/DynamicDataList.model.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,IAAI;IAC/C,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC,CAAC;IACtB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAE/C;;;;OAIG;IACH,cAAc,CAAC,EAAE,4BAA4B,CAAC;IAE9C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACzD;AAED,MAAM,MAAM,4BAA4B,GAAG;AACzC,uBAAuB;AACvB,YAAY,EAAE,OAAO;AACrB,sGAAsG;AACtG,KAAK,EAAE,MAAM,GAAG,SAAS;AACzB,6EAA6E;AAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;AACvC,qCAAqC;AACrC,QAAQ,CAAC,EAAE,OAAO,KACf,KAAK,CAAC,SAAS,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { Data } from '../../../types/data';
|
|
|
4
4
|
import { ButtonContext } from '../../Buttons';
|
|
5
5
|
import { ObjectSchemaDefinition } from '../../FormStation';
|
|
6
6
|
import { DynamicListColumn } from '../DynamicDataList.model';
|
|
7
|
+
export declare enum DynamicListDataEntryMode {
|
|
8
|
+
Add = 0,
|
|
9
|
+
Edit = 1
|
|
10
|
+
}
|
|
7
11
|
export interface DynamicListDataEntryProps<T extends Data> {
|
|
8
12
|
/** The column definition */
|
|
9
13
|
columns: DynamicListColumn<T>[];
|
|
@@ -21,8 +25,6 @@ export interface DynamicListDataEntryProps<T extends Data> {
|
|
|
21
25
|
verticalTextAlign?: 'start' | 'center' | 'end';
|
|
22
26
|
/** Property name that is used to determine data position (default: undefined) */
|
|
23
27
|
positionKey?: keyof T;
|
|
24
|
-
/** If set to true, the add action button will be rendered (default: undefined) */
|
|
25
|
-
allowAdd?: boolean;
|
|
26
28
|
/** Whether add new item button should be disabled */
|
|
27
29
|
disabled?: boolean;
|
|
28
30
|
/** If set to true, rows can be be repositioned using the input field (default: undefined) */
|
|
@@ -45,10 +47,12 @@ export interface DynamicListDataEntryProps<T extends Data> {
|
|
|
45
47
|
showHeader?: boolean;
|
|
46
48
|
/** If set to true, the position column will be shown (default: false) */
|
|
47
49
|
showPositionColumn?: boolean;
|
|
50
|
+
/** Determines if the component is in Add or Edit mode (default: Add) */
|
|
51
|
+
mode?: DynamicListDataEntryMode;
|
|
48
52
|
/** Emits when the action button is clicked. Data is supplied as a parameter */
|
|
49
53
|
onActionClicked?: (data: T) => void;
|
|
50
54
|
/** override default add button (+) */
|
|
51
55
|
customAddButton?: (onAddItem: () => Promise<void>) => ReactElement;
|
|
52
56
|
}
|
|
53
|
-
export declare const DynamicListDataEntry: <T extends Data>({ columns, columnSizes, columnGap, rowHeight, actionSize, horizontalTextAlign, verticalTextAlign, positionKey,
|
|
57
|
+
export declare const DynamicListDataEntry: <T extends Data>({ columns, columnSizes, columnGap, rowHeight, actionSize, horizontalTextAlign, verticalTextAlign, positionKey, disabled, allowReordering, allowDragging, newDataPosition, rowValidationSchema, defaultValuesForNewData, actionButtonContext, className, sticky, showHeader, showPositionColumn, mode, onActionClicked, customAddButton, }: React.PropsWithChildren<DynamicListDataEntryProps<T>>) => JSX.Element;
|
|
54
58
|
//# sourceMappingURL=DynamicListDataEntry.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicListDataEntry.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EACjB,YAAY,EAGb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"DynamicListDataEntry.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EACjB,YAAY,EAGb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,oBAAY,wBAAwB;IAClC,GAAG,IAAA;IACH,IAAI,IAAA;CACL;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,IAAI;IACvD,4BAA4B;IAC5B,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACrC,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wEAAwE;IACxE,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,YAAY,CAAC;CACpE;AAED,eAAO,MAAM,oBAAoB,wZAuBoB,WAkKpD,CAAC"}
|
|
@@ -22,6 +22,8 @@ export interface DynamicListRowProps<T extends Data> {
|
|
|
22
22
|
verticalTextAlign?: 'start' | 'center' | 'end';
|
|
23
23
|
/** If set to true, the remove action button will be rendered (default: undefined) */
|
|
24
24
|
allowRemove?: boolean;
|
|
25
|
+
/** If set to true, editable fields will be highlighted and row click events will be fired (default: false) */
|
|
26
|
+
allowEditing?: boolean;
|
|
25
27
|
/** Property name that is used to determine data position (default: undefined) */
|
|
26
28
|
positionKey?: keyof T;
|
|
27
29
|
/** If set to true, this component can be dragged (default: undefined) */
|
|
@@ -36,6 +38,7 @@ export interface DynamicListRowProps<T extends Data> {
|
|
|
36
38
|
showActionColumn?: boolean;
|
|
37
39
|
/** Emits when the position input has changed. Row data and the new position is supplied */
|
|
38
40
|
onPositionInputChanged?: (currenPosition: number, newPosition: number) => void;
|
|
41
|
+
onRowClicked?: (data: T) => void;
|
|
39
42
|
/** Emits when the action button is clicked. Data is supplied as a parameter */
|
|
40
43
|
onActionClicked?: (data: T) => void;
|
|
41
44
|
/** CSS Class name for additional styles */
|
|
@@ -46,5 +49,5 @@ export interface DynamicListRowProps<T extends Data> {
|
|
|
46
49
|
inlineMenuActions?: (data: T) => ActionData[];
|
|
47
50
|
provided?: DraggableProvided;
|
|
48
51
|
}
|
|
49
|
-
export declare const DynamicListRow: <T extends Data>({ columns, data, columnSizes, columnGap, rowHeight, actionSize, horizontalTextAlign, verticalTextAlign, allowRemove, positionKey, allowDragging, disabled, provided, onPositionInputChanged, onActionClicked, className, rowClassNameProvider, inlineMenuActions, dragging, showPositionColumn, showActionColumn, }: React.PropsWithChildren<DynamicListRowProps<T>>) => JSX.Element;
|
|
52
|
+
export declare const DynamicListRow: <T extends Data>({ columns, data, columnSizes, columnGap, rowHeight, actionSize, horizontalTextAlign, verticalTextAlign, allowRemove, positionKey, allowDragging, disabled, provided, onPositionInputChanged, onRowClicked, onActionClicked, className, rowClassNameProvider, inlineMenuActions, dragging, showPositionColumn, showActionColumn, allowEditing, }: React.PropsWithChildren<DynamicListRowProps<T>>) => JSX.Element;
|
|
50
53
|
//# sourceMappingURL=DynamicListRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/DynamicListRow/DynamicListRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"DynamicListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/DynamicListRow/DynamicListRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,IAAI;IACjD,4BAA4B;IAC5B,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,gBAAgB;IAChB,IAAI,EAAE,CAAC,CAAC;IACR,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;IACtB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2FAA2F;IAC3F,sBAAsB,CAAC,EAAE,CACvB,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3C,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,wZAwBoB,WA2I9C,CAAC"}
|
package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicListReducer.d.ts","sourceRoot":"","sources":["../../../../../src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EACL,wBAAwB,EAExB,uBAAuB,EACxB,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DynamicListReducer.d.ts","sourceRoot":"","sources":["../../../../../src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EACL,wBAAwB,EAExB,uBAAuB,EACxB,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,kBAAkB,wHAwC9B,CAAC"}
|
package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.d.ts
CHANGED
|
@@ -8,9 +8,10 @@ export interface DynamicListReducerInitArgs<T extends Data> {
|
|
|
8
8
|
export declare enum DynamicListReducerActionType {
|
|
9
9
|
Add = "add",
|
|
10
10
|
Remove = "remove",
|
|
11
|
+
Update = "update",
|
|
11
12
|
Reset = "reset"
|
|
12
13
|
}
|
|
13
|
-
export type DynamicListReducerAction<T extends Data> = DynamicListReducerAddAction<T> | DynamicListReducerRemoveAction<T> | DynamicListReducerResetAction<T>;
|
|
14
|
+
export type DynamicListReducerAction<T extends Data> = DynamicListReducerAddAction<T> | DynamicListReducerRemoveAction<T> | DynamicListReducerUpdateAction<T> | DynamicListReducerResetAction<T>;
|
|
14
15
|
interface DynamicListReducerAddAction<T extends Data> {
|
|
15
16
|
type: DynamicListReducerActionType.Add;
|
|
16
17
|
item: T;
|
|
@@ -19,6 +20,11 @@ interface DynamicListReducerRemoveAction<T extends Data> {
|
|
|
19
20
|
type: DynamicListReducerActionType.Remove;
|
|
20
21
|
item: T;
|
|
21
22
|
}
|
|
23
|
+
interface DynamicListReducerUpdateAction<T extends Data> {
|
|
24
|
+
type: DynamicListReducerActionType.Update;
|
|
25
|
+
currentItem: T;
|
|
26
|
+
newItem: T;
|
|
27
|
+
}
|
|
22
28
|
interface DynamicListReducerResetAction<T extends Data> {
|
|
23
29
|
type: DynamicListReducerActionType.Reset;
|
|
24
30
|
items: T[];
|
package/dist/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicListReducer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,IAAI;IACxD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,IAAI,IAC/C,2BAA2B,CAAC,CAAC,CAAC,GAC9B,8BAA8B,CAAC,CAAC,CAAC,GACjC,6BAA6B,CAAC,CAAC,CAAC,CAAC;AAErC,UAAU,2BAA2B,CAAC,CAAC,SAAS,IAAI;IAClD,IAAI,EAAE,4BAA4B,CAAC,GAAG,CAAC;IACvC,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,8BAA8B,CAAC,CAAC,SAAS,IAAI;IACrD,IAAI,EAAE,4BAA4B,CAAC,MAAM,CAAC;IAC1C,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,6BAA6B,CAAC,CAAC,SAAS,IAAI;IACpD,IAAI,EAAE,4BAA4B,CAAC,KAAK,CAAC;IACzC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,IAAI;IACrD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB"}
|
|
1
|
+
{"version":3,"file":"DynamicListReducer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,IAAI;IACxD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,IAAI,IAC/C,2BAA2B,CAAC,CAAC,CAAC,GAC9B,8BAA8B,CAAC,CAAC,CAAC,GACjC,8BAA8B,CAAC,CAAC,CAAC,GACjC,6BAA6B,CAAC,CAAC,CAAC,CAAC;AAErC,UAAU,2BAA2B,CAAC,CAAC,SAAS,IAAI;IAClD,IAAI,EAAE,4BAA4B,CAAC,GAAG,CAAC;IACvC,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,8BAA8B,CAAC,CAAC,SAAS,IAAI;IACrD,IAAI,EAAE,4BAA4B,CAAC,MAAM,CAAC;IAC1C,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,8BAA8B,CAAC,CAAC,SAAS,IAAI;IACrD,IAAI,EAAE,4BAA4B,CAAC,MAAM,CAAC;IAC1C,WAAW,EAAE,CAAC,CAAC;IACf,OAAO,EAAE,CAAC,CAAC;CACZ;AAED,UAAU,6BAA6B,CAAC,CAAC,SAAS,IAAI;IACpD,IAAI,EAAE,4BAA4B,CAAC,KAAK,CAAC;IACzC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,IAAI;IACrD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -5,5 +5,6 @@ export declare const useDataHandler: <T extends Data>(initialValue: T[], positio
|
|
|
5
5
|
readonly canAddItems: boolean;
|
|
6
6
|
readonly addItem: (item: T) => void;
|
|
7
7
|
readonly removeItem: (item: T) => void;
|
|
8
|
+
readonly updateItem: (currentItem: T, newItem: T) => void;
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=useDataHandler.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/helpers/useDataHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAUtC,eAAO,MAAM,cAAc,+FAGX,MAAM,GAAG,SAAS,gBAClB,OAAO,4BACK,IAAI;;2BAIP,MAAM;0BACP,OAAO;mCACE,IAAI;sCACD,IAAI;
|
|
1
|
+
{"version":3,"file":"useDataHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/helpers/useDataHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAUtC,eAAO,MAAM,cAAc,+FAGX,MAAM,GAAG,SAAS,gBAClB,OAAO,4BACK,IAAI;;2BAIP,MAAM;0BACP,OAAO;mCACE,IAAI;sCACD,IAAI;yDACe,IAAI;CA8D1D,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Data } from '../../../types';
|
|
2
|
+
export declare const useRowEditing: <T extends Data>(allowEditing: boolean, updateItem: (currentItem: T, newItem: T) => void) => {
|
|
3
|
+
readonly editingRow: T | undefined;
|
|
4
|
+
readonly isEditing: boolean;
|
|
5
|
+
readonly startEditing: (item: T) => void;
|
|
6
|
+
readonly finishEditing: (item: T) => void;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=useRowEditing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRowEditing.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicDataList/helpers/useRowEditing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,eAAO,MAAM,aAAa,iCACV,OAAO,8CACuB,IAAI;;wBAG5B,OAAO;wCACS,IAAI;yCACH,IAAI;CAmB1C,CAAC"}
|