@instructure/ui-editable 8.34.0 → 8.34.1-snapshot-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PropValidators } from '@instructure/shared-types';
|
|
3
|
-
|
|
3
|
+
type GetContainerProps = (props?: Record<string, any>) => {
|
|
4
4
|
ref: React.RefCallback<any>;
|
|
5
5
|
onMouseOver: (event: React.MouseEvent<any>) => void;
|
|
6
6
|
onMouseOut: (event: React.MouseEvent<any>) => void;
|
|
@@ -8,17 +8,17 @@ declare type GetContainerProps = (props?: Record<string, any>) => {
|
|
|
8
8
|
onKeyUp?: (event: React.KeyboardEvent<any>) => void;
|
|
9
9
|
readOnly?: boolean;
|
|
10
10
|
} & Record<string, any>;
|
|
11
|
-
|
|
11
|
+
type GetViewerProps = (props?: Record<string, any>) => {
|
|
12
12
|
mode: 'view' | 'edit';
|
|
13
13
|
readOnly?: boolean;
|
|
14
14
|
} & Record<string, any>;
|
|
15
|
-
|
|
15
|
+
type GetEditorProps = (props?: Record<string, any>) => {
|
|
16
16
|
mode: 'view' | 'edit';
|
|
17
17
|
onBlur: () => void;
|
|
18
18
|
editorRef: (el: HTMLElement | null) => void;
|
|
19
19
|
readOnly?: boolean;
|
|
20
20
|
} & Record<string, any>;
|
|
21
|
-
|
|
21
|
+
type GetEditButtonProps = (props?: Record<string, any>) => {
|
|
22
22
|
onClick: () => void;
|
|
23
23
|
onFocus: () => void;
|
|
24
24
|
onBlur: () => void;
|
|
@@ -26,14 +26,14 @@ declare type GetEditButtonProps = (props?: Record<string, any>) => {
|
|
|
26
26
|
buttonRef: (el: Element) => void;
|
|
27
27
|
readOnly?: boolean;
|
|
28
28
|
} & Record<string, any>;
|
|
29
|
-
|
|
29
|
+
type EditableRenderProps = {
|
|
30
30
|
mode: string;
|
|
31
31
|
getContainerProps: GetContainerProps;
|
|
32
32
|
getViewerProps: GetViewerProps;
|
|
33
33
|
getEditorProps: GetEditorProps;
|
|
34
34
|
getEditButtonProps: GetEditButtonProps;
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
type EditableOwnProps = {
|
|
37
37
|
/**
|
|
38
38
|
* If `'view'`: the view component is rendered,
|
|
39
39
|
* if `'edit'`: the edit component is rendered
|
|
@@ -75,12 +75,12 @@ declare type EditableOwnProps = {
|
|
|
75
75
|
*/
|
|
76
76
|
elementRef?: (element: Element | null) => void;
|
|
77
77
|
};
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
type PropKeys = keyof EditableOwnProps;
|
|
79
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
80
|
+
type EditableProps = EditableOwnProps;
|
|
81
81
|
declare const propTypes: PropValidators<PropKeys>;
|
|
82
82
|
declare const allowedProps: AllowedPropKeys;
|
|
83
|
-
|
|
83
|
+
type EditableState = {
|
|
84
84
|
showModeToggle: boolean;
|
|
85
85
|
valueOnEdit: any;
|
|
86
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Editable/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Editable/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import type { PropValidators } from '@instructure/shared-types';
|
|
|
2
2
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
3
|
import type { EditableProps } from '../Editable/props';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
|
|
5
|
+
type ExtendedRenderEditButton = {
|
|
6
6
|
elementRef?: (el: HTMLButtonElement) => void;
|
|
7
7
|
onClick: () => void;
|
|
8
8
|
onFocus: () => void;
|
|
@@ -10,7 +10,7 @@ declare type ExtendedRenderEditButton = {
|
|
|
10
10
|
isVisible: boolean;
|
|
11
11
|
readOnly?: boolean;
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
type InPlaceEditOwnProps = {
|
|
14
14
|
/**
|
|
15
15
|
* Function to render the view mode component.
|
|
16
16
|
* It is the consumer's responsibility to provide the
|
|
@@ -94,10 +94,10 @@ declare type InPlaceEditOwnProps = {
|
|
|
94
94
|
*/
|
|
95
95
|
inline?: boolean;
|
|
96
96
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
97
|
+
type PropKeys = keyof InPlaceEditOwnProps;
|
|
98
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
99
|
+
type InPlaceEditProps = InPlaceEditOwnProps & WithStyleProps<null, InPlaceEditStyle>;
|
|
100
|
+
type InPlaceEditStyle = ComponentStyle<'inPlaceEdit'>;
|
|
101
101
|
declare const propTypes: PropValidators<PropKeys>;
|
|
102
102
|
declare const allowedProps: AllowedPropKeys;
|
|
103
103
|
export type { InPlaceEditProps, InPlaceEditStyle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB;;;;;;;OAOG;IACH,YAAY,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACnC;;;;;;;;;OASG;IACH,YAAY,EAAE,CAAC,EACb,MAAM,EACN,SAAS,EACV,EAAE;QACD,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;KAC5C,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC7E;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB;;;;OAIG;IACH,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,GAAG,CAAA;IACX;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;AAExC,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAYvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|