@kwiz/fluentui 1.0.42 → 1.0.43
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/controls/ColorPickerDialog.d.ts +1 -0
- package/dist/controls/ColorPickerDialog.js +3 -3
- package/dist/controls/ColorPickerDialog.js.map +1 -1
- package/dist/controls/canvas/DrawPad.d.ts +1 -0
- package/dist/controls/canvas/DrawPad.js +4 -4
- package/dist/controls/canvas/DrawPad.js.map +1 -1
- package/package.json +1 -1
- package/src/controls/ColorPickerDialog.tsx +4 -3
- package/src/controls/canvas/DrawPad.tsx +5 -4
|
@@ -18,13 +18,13 @@ export const ColorPickerEx = (props) => {
|
|
|
18
18
|
return cells;
|
|
19
19
|
}, useEffectOnlyOnMount);
|
|
20
20
|
return _jsxs(_Fragment, { children: [props.buttonOnly
|
|
21
|
-
? _jsx(ButtonEX, { title: "Open color picker", icon: _jsx(ColorRegular, { color: selectedColor }), onClick: (e) => setIsOpen(true) })
|
|
22
|
-
: _jsx(Field, { label: props.label, required: props.required === true, validationMessage: props.showValidationErrors && props.required === true && isNullOrEmptyString(selectedColor) ? "You can't leave this blank." : undefined, children: _jsx(InputEx, { placeholder: props.placeholder || "Enter value here", style: isNumber(props.width) ? { width: props.width } : undefined, value: selectedColor, onChange: (e, data) => {
|
|
21
|
+
? _jsx(ButtonEX, { disabled: props.disabled, title: "Open color picker", icon: _jsx(ColorRegular, { color: selectedColor }), onClick: (e) => setIsOpen(true) })
|
|
22
|
+
: _jsx(Field, { label: props.label, required: props.required === true, validationMessage: props.showValidationErrors && props.required === true && isNullOrEmptyString(selectedColor) ? "You can't leave this blank." : undefined, children: _jsx(InputEx, { disabled: props.disabled, placeholder: props.placeholder || "Enter value here", style: isNumber(props.width) ? { width: props.width } : undefined, value: selectedColor, onChange: (e, data) => {
|
|
23
23
|
setSelectedColor(data.value);
|
|
24
24
|
if (isFunction(props.onChange)) {
|
|
25
25
|
props.onChange(data.value);
|
|
26
26
|
}
|
|
27
|
-
}, contentAfter: _jsx(ButtonEX, { title: "Open color picker", icon: _jsx(ColorRegular, { color: selectedColor }), onClick: (e) => setIsOpen(true) }) }) }), isOpen && _jsx(Prompter, { maxWidth: 332, hideOk: true, hideCancel: true, onCancel: () => {
|
|
27
|
+
}, contentAfter: _jsx(ButtonEX, { disabled: props.disabled, title: "Open color picker", icon: _jsx(ColorRegular, { color: selectedColor }), onClick: (e) => setIsOpen(true) }) }) }), isOpen && _jsx(Prompter, { maxWidth: 332, hideOk: true, hideCancel: true, onCancel: () => {
|
|
28
28
|
if (isFunction(props.onChange)) {
|
|
29
29
|
props.onChange(selectedColor);
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPickerDialog.js","sourceRoot":"","sources":["../../src/controls/ColorPickerDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,WAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPickerDialog.js","sourceRoot":"","sources":["../../src/controls/ColorPickerDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,7 +44,7 @@ export const DrawPad = (props) => {
|
|
|
44
44
|
}, [props.SignAsText, loadedFontNames]);
|
|
45
45
|
//setup manager
|
|
46
46
|
React.useEffect(() => {
|
|
47
|
-
if (!props.ReadOnly) {
|
|
47
|
+
if (!props.ReadOnly && !props.disabled) {
|
|
48
48
|
//this gets called after each render...
|
|
49
49
|
if (!manager) {
|
|
50
50
|
if (canvasArea.current) {
|
|
@@ -148,12 +148,12 @@ export const DrawPad = (props) => {
|
|
|
148
148
|
height: 16
|
|
149
149
|
}, icon: _jsx(CalligraphyPenRegular, {}), title: `Sign as ${props.SignAsText}`, onClick: () => {
|
|
150
150
|
onSignAs();
|
|
151
|
-
} })] }) }), !props.ReadOnly && !HideButtons && _jsxs(Vertical, { nogap: true, children: [props.HideColorPicker || _jsx(ColorPickerEx, { buttonOnly: true, value: props.LineColor, onChange: newColor => {
|
|
151
|
+
} })] }) }), !props.ReadOnly && !HideButtons && _jsxs(Vertical, { nogap: true, children: [props.HideColorPicker || _jsx(ColorPickerEx, { disabled: props.disabled, buttonOnly: true, value: props.LineColor, onChange: newColor => {
|
|
152
152
|
setLineColor(newColor);
|
|
153
|
-
} }), props.HideClear || _jsx(ButtonEX, { disabled: isNullOrEmptyString(props.Value), title: "Clear", icon: _jsx(DismissRegular, {}), onClick: () => {
|
|
153
|
+
} }), props.HideClear || _jsx(ButtonEX, { disabled: props.disabled || isNullOrEmptyString(props.Value), title: "Clear", icon: _jsx(DismissRegular, {}), onClick: () => {
|
|
154
154
|
//can call clear on the canvas, or can call the onchange which will cause a re-draw
|
|
155
155
|
props.OnChange("");
|
|
156
|
-
} }), props.HideUpload || _jsx(FileUpload, { title: "Load background image", icon: _jsx(ArrowUploadRegular, {}), limitFileTypes: ImageFileTypes, asBase64: base64 => {
|
|
156
|
+
} }), props.HideUpload || _jsx(FileUpload, { disabled: props.disabled, title: "Load background image", icon: _jsx(ArrowUploadRegular, {}), limitFileTypes: ImageFileTypes, asBase64: base64 => {
|
|
157
157
|
props.OnChange(base64[0].base64); //this will trigger a change and state update
|
|
158
158
|
//self.state.manager.fromDataURL(base64);//this will just set the image to the canvas but won't trigger a change
|
|
159
159
|
} })] })] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawPad.js","sourceRoot":"","sources":["../../../src/controls/canvas/DrawPad.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawPad.js","sourceRoot":"","sources":["../../../src/controls/canvas/DrawPad.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -17,6 +17,7 @@ export interface iProps {
|
|
|
17
17
|
width?: number;
|
|
18
18
|
buttonOnly?: boolean;
|
|
19
19
|
placeholder?: string;
|
|
20
|
+
disabled?: boolean;
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
|
|
@@ -31,7 +32,7 @@ export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
|
|
|
31
32
|
}, useEffectOnlyOnMount);
|
|
32
33
|
return <>
|
|
33
34
|
{props.buttonOnly
|
|
34
|
-
? <ButtonEX
|
|
35
|
+
? <ButtonEX disabled={props.disabled}
|
|
35
36
|
title="Open color picker"
|
|
36
37
|
icon={<ColorRegular
|
|
37
38
|
color={selectedColor} />
|
|
@@ -41,7 +42,7 @@ export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
|
|
|
41
42
|
required={props.required === true}
|
|
42
43
|
validationMessage={props.showValidationErrors && props.required === true && isNullOrEmptyString(selectedColor) ? "You can't leave this blank." : undefined}
|
|
43
44
|
>
|
|
44
|
-
<InputEx
|
|
45
|
+
<InputEx disabled={props.disabled}
|
|
45
46
|
placeholder={props.placeholder || "Enter value here"}
|
|
46
47
|
style={isNumber(props.width) ? { width: props.width } : undefined}
|
|
47
48
|
value={selectedColor}
|
|
@@ -51,7 +52,7 @@ export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
|
|
|
51
52
|
props.onChange(data.value);
|
|
52
53
|
}
|
|
53
54
|
}}
|
|
54
|
-
contentAfter={<ButtonEX
|
|
55
|
+
contentAfter={<ButtonEX disabled={props.disabled}
|
|
55
56
|
title="Open color picker"
|
|
56
57
|
icon={<ColorRegular
|
|
57
58
|
color={selectedColor} />
|
|
@@ -23,6 +23,7 @@ interface iProps {
|
|
|
23
23
|
HideUpload?: boolean;
|
|
24
24
|
HideClear?: boolean;
|
|
25
25
|
HideColorPicker?: boolean;
|
|
26
|
+
disabled?: boolean;
|
|
26
27
|
}
|
|
27
28
|
export const DrawPad: React.FunctionComponent<iProps> = (props) => {
|
|
28
29
|
const [LineColor, setLineColor] = useStateEX<string>(props.LineColor || tokens.colorBrandForeground1);
|
|
@@ -57,7 +58,7 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
|
|
|
57
58
|
|
|
58
59
|
//setup manager
|
|
59
60
|
React.useEffect(() => {
|
|
60
|
-
if (!props.ReadOnly) {
|
|
61
|
+
if (!props.ReadOnly && !props.disabled) {
|
|
61
62
|
//this gets called after each render...
|
|
62
63
|
if (!manager) {
|
|
63
64
|
if (canvasArea.current) {
|
|
@@ -190,14 +191,14 @@ export const DrawPad: React.FunctionComponent<iProps> = (props) => {
|
|
|
190
191
|
}
|
|
191
192
|
</div>
|
|
192
193
|
{!props.ReadOnly && !HideButtons && <Vertical nogap>
|
|
193
|
-
{props.HideColorPicker || <ColorPickerEx buttonOnly value={props.LineColor} onChange={newColor => {
|
|
194
|
+
{props.HideColorPicker || <ColorPickerEx disabled={props.disabled} buttonOnly value={props.LineColor} onChange={newColor => {
|
|
194
195
|
setLineColor(newColor);
|
|
195
196
|
}} />}
|
|
196
|
-
{props.HideClear || <ButtonEX disabled={isNullOrEmptyString(props.Value)} title="Clear" icon={<DismissRegular />} onClick={() => {
|
|
197
|
+
{props.HideClear || <ButtonEX disabled={props.disabled || isNullOrEmptyString(props.Value)} title="Clear" icon={<DismissRegular />} onClick={() => {
|
|
197
198
|
//can call clear on the canvas, or can call the onchange which will cause a re-draw
|
|
198
199
|
props.OnChange("");
|
|
199
200
|
}} />}
|
|
200
|
-
{props.HideUpload || <FileUpload title="Load background image" icon={<ArrowUploadRegular />} limitFileTypes={ImageFileTypes} asBase64={base64 => {
|
|
201
|
+
{props.HideUpload || <FileUpload disabled={props.disabled} title="Load background image" icon={<ArrowUploadRegular />} limitFileTypes={ImageFileTypes} asBase64={base64 => {
|
|
201
202
|
props.OnChange(base64[0].base64);//this will trigger a change and state update
|
|
202
203
|
//self.state.manager.fromDataURL(base64);//this will just set the image to the canvas but won't trigger a change
|
|
203
204
|
}} />}
|