react-science 19.10.1 → 19.10.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/lib/components/color-picker/color-picker-dropdown/ColorPickerDropdown.d.ts +1 -1
- package/lib/components/color-picker/color-picker-dropdown/ColorPickerDropdown.d.ts.map +1 -1
- package/lib/components/color-picker/color-picker-dropdown/ColorPickerDropdown.js.map +1 -1
- package/lib/components/color-picker/react-color/ColorPicker.d.ts +2 -1
- package/lib/components/color-picker/react-color/ColorPicker.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/ColorPicker.js +2 -2
- package/lib/components/color-picker/react-color/ColorPicker.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Alpha.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Alpha.js +1 -1
- package/lib/components/color-picker/react-color/common/Alpha.js.map +1 -1
- package/lib/components/color-picker/react-color/common/EditableInput.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/EditableInput.js +4 -2
- package/lib/components/color-picker/react-color/common/EditableInput.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Hue.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Hue.js +1 -1
- package/lib/components/color-picker/react-color/common/Hue.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Saturation.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Saturation.js +2 -2
- package/lib/components/color-picker/react-color/common/Saturation.js.map +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.d.ts +3 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.js +2 -2
- package/lib/components/color-picker/react-color/sketch/SketchFields.js.map +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.d.ts.map +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.js +1 -0
- package/lib/components/form/components/field_groups/svg_text_style.js.map +1 -1
- package/lib/components/form/components/input/checkbox.js +1 -1
- package/lib/components/form/components/input/checkbox.js.map +1 -1
- package/lib/components/form/components/input/color_picker.d.ts.map +1 -1
- package/lib/components/form/components/input/color_picker.js +2 -2
- package/lib/components/form/components/input/color_picker.js.map +1 -1
- package/lib/components/form/components/input/numeric_input.d.ts.map +1 -1
- package/lib/components/form/components/input/numeric_input.js +1 -1
- package/lib/components/form/components/input/numeric_input.js.map +1 -1
- package/lib/components/form/components/input/switch.d.ts.map +1 -1
- package/lib/components/form/components/input/switch.js +1 -1
- package/lib/components/form/components/input/switch.js.map +1 -1
- package/lib/components/form/components/input_groups/form_group.d.ts.map +1 -1
- package/lib/components/form/components/input_groups/form_group.js +1 -2
- package/lib/components/form/components/input_groups/form_group.js.map +1 -1
- package/package.json +1 -1
- package/src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx +6 -1
- package/src/components/color-picker/react-color/ColorPicker.tsx +17 -3
- package/src/components/color-picker/react-color/common/Alpha.tsx +1 -0
- package/src/components/color-picker/react-color/common/EditableInput.tsx +10 -5
- package/src/components/color-picker/react-color/common/Hue.tsx +1 -0
- package/src/components/color-picker/react-color/common/Saturation.tsx +2 -1
- package/src/components/color-picker/react-color/sketch/SketchFields.tsx +8 -1
- package/src/components/form/components/field_groups/svg_text_style.tsx +1 -0
- package/src/components/form/components/input/checkbox.tsx +1 -1
- package/src/components/form/components/input/color_picker.tsx +2 -1
- package/src/components/form/components/input/numeric_input.tsx +1 -0
- package/src/components/form/components/input/switch.tsx +1 -0
- package/src/components/form/components/input_groups/form_group.tsx +1 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PopoverProps } from '@blueprintjs/core';
|
|
2
2
|
import type { ColorPickerProps } from '../react-color/ColorPicker.js';
|
|
3
|
-
export interface ColorPickerDropdownProps extends Pick<ColorPickerProps, 'color' | 'presetColors' | 'disableAlpha' | 'onChange' | 'onChangeComplete'> {
|
|
3
|
+
export interface ColorPickerDropdownProps extends Pick<ColorPickerProps, 'color' | 'presetColors' | 'disableAlpha' | 'onChange' | 'onChangeComplete' | 'onBlur'> {
|
|
4
4
|
popoverProps?: Omit<PopoverProps, 'content'>;
|
|
5
5
|
/**
|
|
6
6
|
* To link with label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPickerDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ColorPickerDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,cAAc,GACd,UAAU,GACV,kBAAkB,GAClB,QAAQ,CACX;IACC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE7C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAiBD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAmBlE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPickerDropdown.js","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPickerDropdown.js","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAmB/D,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;CAOpC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,KAAC,OAAO,IACN,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACzC,OAAO,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,KAAM,UAAU,GAAI,EACtD,OAAO,WACH,YAAY,YAEhB,KAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,YACnC,KAAC,kBAAkB,cACjB,KAAC,iBAAiB,IAAC,KAAK,EAAE,GAAG,GAAI,GACd,GACL,GACV,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
1
|
+
import type { CSSProperties, FocusEvent } from 'react';
|
|
2
2
|
export interface RGB {
|
|
3
3
|
r: number;
|
|
4
4
|
g: number;
|
|
@@ -35,6 +35,7 @@ export interface ColorPickerProps {
|
|
|
35
35
|
disableAlpha?: boolean;
|
|
36
36
|
onChange?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
37
37
|
onChangeComplete?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
38
|
+
onBlur?: (event: FocusEvent<HTMLElement>) => void;
|
|
38
39
|
onSwatchHover?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
39
40
|
style?: CSSProperties;
|
|
40
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAWvD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EACF;QACE,GAAG,EAAE,MAAM,CAAC;KACb,GACD,GAAG,GACH,GAAG,GACH,GAAG,CAAC;IACR,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACpE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAsFD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA8GlD"}
|
|
@@ -74,7 +74,7 @@ const styles = {
|
|
|
74
74
|
},
|
|
75
75
|
};
|
|
76
76
|
export function ColorPicker(props) {
|
|
77
|
-
const { width = 200, onChange, onSwatchHover, disableAlpha = false, presetColors = defaultColorPalette, className = '', color = defaultColor, onChangeComplete, style = {}, } = props;
|
|
77
|
+
const { width = 200, onChange, onSwatchHover, disableAlpha = false, presetColors = defaultColorPalette, className = '', color = defaultColor, onChangeComplete, onBlur, style = {}, } = props;
|
|
78
78
|
const debounceRef = useRef(debounce((fn, data, event) => {
|
|
79
79
|
fn(data, event);
|
|
80
80
|
}, 100));
|
|
@@ -107,6 +107,6 @@ export function ColorPicker(props) {
|
|
|
107
107
|
}
|
|
108
108
|
}, [onSwatchHover, state.oldHue]);
|
|
109
109
|
const { rgb, hex, hsv, hsl } = state;
|
|
110
|
-
return (_jsxs("div", { style: { ...styles.picker(width), ...style }, className: className, children: [_jsx("div", { style: styles.saturationContainer, children: _jsx(Saturation, { hsl: hsl, hsv: hsv, onChange: handleChange }) }), _jsxs("div", { style: styles.controls, children: [_jsxs("div", { style: styles.sliders, children: [_jsx("div", { style: styles.hueContainer, children: _jsx(Hue, { style: styles.hueElement, hsl: hsl, onChange: handleChange }) }), _jsx("div", { style: styles.alphaContainer(disableAlpha), children: _jsx(Alpha, { style: styles.alphaElement, rgb: rgb, hsl: hsl, onChange: handleChange }) })] }), _jsxs("div", { style: styles.color(disableAlpha), children: [_jsx(CheckBoard, {}), _jsx("div", { style: styles.activeColor(rgb) })] })] }), _jsx(SketchFields, { hsl: hsl, hex: hex, rgb: rgb, onChange: handleChange, disableAlpha: disableAlpha }), _jsx(SketchPresetColors, { colors: presetColors, onClick: (data, e) => handleChange?.(data, e), onSwatchHover: handleSwatchHover })] }));
|
|
110
|
+
return (_jsxs("div", { style: { ...styles.picker(width), ...style }, className: className, children: [_jsx("div", { style: styles.saturationContainer, children: _jsx(Saturation, { hsl: hsl, hsv: hsv, onChange: handleChange, onBlur: onBlur }) }), _jsxs("div", { style: styles.controls, children: [_jsxs("div", { style: styles.sliders, children: [_jsx("div", { style: styles.hueContainer, children: _jsx(Hue, { style: styles.hueElement, hsl: hsl, onChange: handleChange, onBlur: onBlur }) }), _jsx("div", { style: styles.alphaContainer(disableAlpha), children: _jsx(Alpha, { style: styles.alphaElement, rgb: rgb, hsl: hsl, onChange: handleChange, onBlur: onBlur }) })] }), _jsxs("div", { style: styles.color(disableAlpha), children: [_jsx(CheckBoard, {}), _jsx("div", { style: styles.activeColor(rgb) })] })] }), _jsx(SketchFields, { hsl: hsl, hex: hex, rgb: rgb, onChange: handleChange, onBlur: onBlur, disableAlpha: disableAlpha }), _jsx(SketchPresetColors, { colors: presetColors, onClick: (data, e) => handleChange?.(data, e), onSwatchHover: handleSwatchHover })] }));
|
|
111
111
|
}
|
|
112
112
|
//# sourceMappingURL=ColorPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAiDhE,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,GAaN;IACJ,MAAM,EAAE,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;QACnC,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI;QACvD,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,uDAAuD;KACnE,CAAC;IACF,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,GAAG;KACV;IACD,KAAK,EAAE,CAAC,YAAqB,EAAE,EAAE,CAAC,CAAC;QACjC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACtC,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,WAAW,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG;QACvD,SAAS,EAAE,gEAAgE;KAC5E,CAAC;IAEF,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;IAED,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KACnB;IACD,UAAU,EAAE;QACV,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,gEAAgE;KAC5E;IACD,cAAc,EAAE,CAAC,YAAqB,EAAE,EAAE,CAAC,CAAC;QAC1C,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,QAAQ;QAClB,GAAG,CAAC,YAAY,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;KACzC,CAAC;IACF,YAAY,EAAE;QACZ,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,gEAAgE;KAC5E;CACF,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,mBAAmB,EAClC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,gBAAgB,EAChB,MAAM,EACN,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,MAAM,CACxB,QAAQ,CAAC,CAAC,EAAO,EAAE,IAAyB,EAAE,KAAY,EAAE,EAAE;QAC5D,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,GAAG,CAAC,CACR,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAExE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;QAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAS,EAAE,KAAU,EAAE,EAAE;QACxB,MAAM,YAAY,GAAG,WAAW,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAChE,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;YACjE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjB,IAAI,gBAAgB,EAAE,CAAC;gBACrB,WAAW,CAAC,OAAO,CAAC,gBAAgB,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACvD,CAAC;YACD,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CACxD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAS,EAAE,KAAU,EAAE,EAAE;QACxB,MAAM,YAAY,GAAG,WAAW,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAChE,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;YACjE,IAAI,aAAa,EAAE,CAAC;gBAClB,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAC9B,CAAC;IACF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,aACrE,cAAK,KAAK,EAAE,MAAM,CAAC,mBAAmB,YACpC,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACd,GACE,EACN,eAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,aACzB,eAAK,KAAK,EAAE,MAAM,CAAC,OAAO,aACxB,cAAK,KAAK,EAAE,MAAM,CAAC,YAAY,YAC7B,KAAC,GAAG,IACF,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACd,GACE,EACN,cAAK,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,YAC7C,KAAC,KAAK,IACJ,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACd,GACE,IACF,EACN,eAAK,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,aACpC,KAAC,UAAU,KAAG,EACd,cAAK,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAI,IACnC,IACF,EAEN,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B,EACF,KAAC,kBAAkB,IACjB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,IAA2B,EAAE,CAAC,CAAC,EACpE,aAAa,EAAE,iBAAiB,GAChC,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alpha.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"AA6EA,QAAA,MAAM,KAAK,GAAI,UAAK,
|
|
1
|
+
{"version":3,"file":"Alpha.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"AA6EA,QAAA,MAAM,KAAK,GAAI,UAAK,4CA4CnB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -79,7 +79,7 @@ const Alpha = (props) => {
|
|
|
79
79
|
const mouseDownHandler = useOnChange(handleChange);
|
|
80
80
|
const rgb = props.rgb;
|
|
81
81
|
const { borderRadius, boxShadow, direction } = props.style;
|
|
82
|
-
return (_jsxs("div", { style: styles.alpha(borderRadius), children: [_jsx("div", { style: styles.checkerboard(borderRadius), children: _jsx(CheckBoard, { renderers: props.renderers }) }), _jsx("div", { style: styles.gradient(direction, boxShadow, borderRadius, rgb) }), _jsx("div", { style: styles.container, ref: containerRef, onMouseDown: mouseDownHandler, onTouchMove: handleChange, onTouchStart: handleChange, children: _jsx("div", { style: styles.pointer(direction, rgb), children: props.pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) })] }));
|
|
82
|
+
return (_jsxs("div", { style: styles.alpha(borderRadius), children: [_jsx("div", { style: styles.checkerboard(borderRadius), children: _jsx(CheckBoard, { renderers: props.renderers }) }), _jsx("div", { style: styles.gradient(direction, boxShadow, borderRadius, rgb) }), _jsx("div", { style: styles.container, ref: containerRef, onMouseDown: mouseDownHandler, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: props.onBlur, children: _jsx("div", { style: styles.pointer(direction, rgb), children: props.pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) })] }));
|
|
83
83
|
};
|
|
84
84
|
export default Alpha;
|
|
85
85
|
//# sourceMappingURL=Alpha.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alpha.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAC;AAE7C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QACxB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY;KACb,CAAC;IACF,YAAY,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC/B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;QAClB,YAAY;KACb,CAAC;IACF,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE;QACpD,IAAI,iBAAiB,GAAG,OAAO,CAAC;QAEhC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,iBAAiB,GAAG,QAAQ,CAAC;QAC/B,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,SAAS;YACT,YAAY;YACZ,UAAU,EAAE,sBAAsB,iBAAiB,UAAU,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;aAC7E,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,YAAY;SAC3C,CAAC;IACJ,CAAC;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,OAAO;KAChB;IACD,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE;QAC1B,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,OAAO;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;aACvB,CAAC;QACJ,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;SACxB,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,2BAA2B;QACtC,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IACtB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAClC,CAAC,EACD,KAAK,CAAC,GAAG,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,CAAC,EACP,YAAY,CAAC,OAAO,CACrB,CAAC;QACF,IAAI,MAAM,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnD,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACtB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3D,OAAO,CACL,eAAK,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,aACpC,cAAK,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,YAC3C,KAAC,UAAU,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,GACtC,EACN,cAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,CAAC,GAAI,EACxE,cACE,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,gBAAgB,EAC7B,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Alpha.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":"AAqBA,QAAA,MAAM,aAAa,GAAI,UAAK,
|
|
1
|
+
{"version":3,"file":"EditableInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":"AAqBA,QAAA,MAAM,aAAa,GAAI,UAAK,4CAgJ3B,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -39,11 +39,13 @@ const EditableInput = (props) => {
|
|
|
39
39
|
[props.label]: value,
|
|
40
40
|
};
|
|
41
41
|
}, [props.label]);
|
|
42
|
-
const
|
|
42
|
+
const onBlur = props.onBlur;
|
|
43
|
+
const handleBlur = useCallback((event) => {
|
|
43
44
|
if (state.blurValue) {
|
|
44
45
|
setState({ value: state.blurValue, blurValue: null });
|
|
45
46
|
}
|
|
46
|
-
|
|
47
|
+
onBlur?.(event);
|
|
48
|
+
}, [state.blurValue, onBlur]);
|
|
47
49
|
const setUpdatedValue = useCallback((value, e) => {
|
|
48
50
|
const onChangeValue = props.label
|
|
49
51
|
? getValueObjectWithLabel(value)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAE/B,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9D,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACjE,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAE5E,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;QACxC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;KAC7C,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,MAAM,CAAS,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,SAAS,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAChD,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;gBACxC,SAAS,EAAE,CAAC,SAAS,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;aACrE,CAAC,CAAC,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,KAAK,EAAE,EAAE;QACR,OAAO;YACL,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK;SACrB,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAE/B,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9D,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACjE,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAE5E,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;QACxC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;KAC7C,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,MAAM,CAAS,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,SAAS,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAChD,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;gBACxC,SAAS,EAAE,CAAC,SAAS,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;aACrE,CAAC,CAAC,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,KAAK,EAAE,EAAE;QACR,OAAO;YACL,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK;SACrB,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAmC,EAAE,EAAE;QACtC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACX,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK;YAC/B,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC;YAChC,CAAC,CAAC,KAAK,CAAC;QACV,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACnC,CAAC;QAED,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,uBAAuB,EAAE,KAAK,CAAC,CACjC,CAAC;IACF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAC,EAAE,EAAE;QACJ,oEAAoE;QACpE,2CAA2C;QAC3C,yDAAyD;QACzD,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAW,KAAK,CAAC,WAAW,IAAI,oBAAoB,CAAC;QACjE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;YACtD,MAAM,YAAY,GAChB,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;YAE9D,eAAe,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC,CACrC,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAa,EAAE,EAAE;QAChB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;YAC5D,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC/C,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAE5B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACnB,KAAK,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,uBAAuB,CAAC,CACjC,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAC,EAAE,EAAE;QACJ,SAAS,OAAO;YACd,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACpD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACjD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAC9B,CAAC;IAEF,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAEhE,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,aACrC,gBACE,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAC,OAAO,GAClB,EACD,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjC,gBACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;oBACL,GAAG,KAAK;oBACR,GAAG,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI;wBAChC,MAAM,EAAE,WAAW;wBACnB,UAAU,EAAE,MAAM;qBACnB,CAAC;iBACH,EACD,WAAW,EAAE,eAAe,YAE3B,KAAK,CAAC,KAAK,GACN,CACT,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hue.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"AA4DA,QAAA,MAAM,GAAG,GAAI,UAAK,
|
|
1
|
+
{"version":3,"file":"Hue.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"AA4DA,QAAA,MAAM,GAAG,GAAI,UAAK,4CA2CjB,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -62,7 +62,7 @@ const Hue = (props) => {
|
|
|
62
62
|
const handleMouseDown = useOnChange(handleChange);
|
|
63
63
|
const { direction = 'horizontal', hsl, style, pointer } = props;
|
|
64
64
|
const { borderRadius, boxShadow } = style;
|
|
65
|
-
return (_jsx("div", { style: styles.hue(borderRadius, boxShadow), children: _jsx("div", { style: styles.container(direction, borderRadius), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, children: _jsx("div", { style: styles.pointer(direction, hsl), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) }) }));
|
|
65
|
+
return (_jsx("div", { style: styles.hue(borderRadius, boxShadow), children: _jsx("div", { style: styles.container(direction, borderRadius), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: props.onBlur, children: _jsx("div", { style: styles.pointer(direction, hsl), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) }) }));
|
|
66
66
|
};
|
|
67
67
|
export default Hue;
|
|
68
68
|
//# sourceMappingURL=Hue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":"AAsDA,QAAA,MAAM,UAAU,GAAI,UAAK,
|
|
1
|
+
{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":"AAsDA,QAAA,MAAM,UAAU,GAAI,UAAK,4CA+CxB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -49,7 +49,7 @@ const styles = {
|
|
|
49
49
|
},
|
|
50
50
|
};
|
|
51
51
|
const Saturation = (props) => {
|
|
52
|
-
const {
|
|
52
|
+
const { hsl, hsv, pointer, onChange, onBlur } = props;
|
|
53
53
|
const throttleRef = useRef(throttle((fn, data, e) => {
|
|
54
54
|
fn(data, e);
|
|
55
55
|
}, 50));
|
|
@@ -60,7 +60,7 @@ const Saturation = (props) => {
|
|
|
60
60
|
}
|
|
61
61
|
}, [hsl, onChange, throttleRef]);
|
|
62
62
|
const handleMouseDown = useOnChange(handleChange);
|
|
63
|
-
return (_jsx("div", { style: styles.color(hsl), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, children: _jsxs("div", { style: styles.white(), children: [_jsx("div", { style: styles.black() }), _jsx("div", { style: styles.pointer(hsv), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.circle })) })] }) }));
|
|
63
|
+
return (_jsx("div", { style: styles.color(hsl), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: onBlur, children: _jsxs("div", { style: styles.white(), children: [_jsx("div", { style: styles.black() }), _jsx("div", { style: styles.pointer(hsv), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.circle })) })] }) }));
|
|
64
64
|
};
|
|
65
65
|
export default Saturation;
|
|
66
66
|
//# sourceMappingURL=Saturation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Saturation.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACf,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,OAAO,GAAG,CAAC,CAAC,aAAa;QACrC,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;KACnB,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,sDAAsD;KACnE,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,8CAA8C;KAC3D,CAAC;IACF,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;QAC/B,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;QACvB,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE;qCACsB;QACjC,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Saturation.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACf,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,OAAO,GAAG,CAAC,CAAC,aAAa;QACrC,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;KACnB,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,sDAAsD;KACnE,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,8CAA8C;KAC3D,CAAC;IACF,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;QAC/B,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;QACvB,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE;qCACsB;QACjC,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,WAAW,GAAG,MAAM,CACxB,QAAQ,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QACvB,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YAC/C,WAAW,CAAC,OAAO,CACjB,QAAQ,EACR,UAAU,CAAC,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,EACxD,CAAC,CACF,CAAC;QACJ,CAAC;IACH,CAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC7B,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAElD,OAAO,CACL,cACE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EACxB,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,eAAe,EAC5B,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,YAEd,eAAK,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aACxB,cAAK,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,EAC9B,cAAK,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,YAC5B,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,CAAC,OAAO,OAAK,KAAK,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CAC9B,GACG,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { FocusEvent } from 'react';
|
|
1
2
|
import type { HSL, RGB } from '../ColorPicker.js';
|
|
2
3
|
interface SketchFieldsProps {
|
|
3
4
|
onChange: (data: (RGB | HSL | {
|
|
@@ -5,11 +6,12 @@ interface SketchFieldsProps {
|
|
|
5
6
|
}) & {
|
|
6
7
|
source: string;
|
|
7
8
|
}, e: Event) => void;
|
|
9
|
+
onBlur?: (event: FocusEvent<HTMLElement>) => void;
|
|
8
10
|
hsl: HSL;
|
|
9
11
|
hex: string;
|
|
10
12
|
rgb: RGB;
|
|
11
13
|
disableAlpha: boolean;
|
|
12
14
|
}
|
|
13
|
-
declare const SketchFields: ({ onChange, rgb, hsl, hex, disableAlpha, }: SketchFieldsProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare const SketchFields: ({ onChange, onBlur, rgb, hsl, hex, disableAlpha, }: SketchFieldsProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export default SketchFields;
|
|
15
17
|
//# sourceMappingURL=SketchFields.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SketchFields.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/sketch/SketchFields.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SketchFields.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/sketch/SketchFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIlD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CACR,IAAI,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,EACxD,CAAC,EAAE,KAAK,KACL,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC;IACT,YAAY,EAAE,OAAO,CAAC;CACvB;AAyCD,QAAA,MAAM,YAAY,GAAI,oDAOnB,iBAAiB,4CAwGnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -36,7 +36,7 @@ const styles = {
|
|
|
36
36
|
textTransform: 'capitalize',
|
|
37
37
|
},
|
|
38
38
|
};
|
|
39
|
-
const SketchFields = ({ onChange, rgb, hsl, hex, disableAlpha, }) => {
|
|
39
|
+
const SketchFields = ({ onChange, onBlur, rgb, hsl, hex, disableAlpha, }) => {
|
|
40
40
|
const handleChange = useCallback((data, e) => {
|
|
41
41
|
if (data.hex) {
|
|
42
42
|
if (color.isValidHex(data.hex)) {
|
|
@@ -72,7 +72,7 @@ const SketchFields = ({ onChange, rgb, hsl, hex, disableAlpha, }) => {
|
|
|
72
72
|
}, e);
|
|
73
73
|
}
|
|
74
74
|
}, [hsl.h, hsl.l, hsl.s, onChange, rgb.a, rgb.b, rgb.g, rgb.r]);
|
|
75
|
-
return (_jsxs("div", { style: styles.fields, children: [_jsx("div", { style: styles.double, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "hex", value: hex.replace('#', ''), onChange: handleChange }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "r", value: rgb.r, onChange: handleChange, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "g", value: rgb.g, onChange: handleChange, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "b", value: rgb.b, onChange: handleChange, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.alpha(disableAlpha), children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "a", value: Math.round(rgb.a * 100), onChange: handleChange, dragLabel: "true", dragMax: "100" }) })] }));
|
|
75
|
+
return (_jsxs("div", { style: styles.fields, children: [_jsx("div", { style: styles.double, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "hex", value: hex.replace('#', ''), onChange: handleChange, onBlur: onBlur }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "r", value: rgb.r, onChange: handleChange, onBlur: onBlur, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "g", value: rgb.g, onChange: handleChange, onBlur: onBlur, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.single, children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "b", value: rgb.b, onChange: handleChange, onBlur: onBlur, dragLabel: "true", dragMax: "255" }) }), _jsx("div", { style: styles.alpha(disableAlpha), children: _jsx(EditableInput, { style: { input: styles.input, label: styles.label }, label: "a", value: Math.round(rgb.a * 100), onChange: handleChange, onBlur: onBlur, dragLabel: "true", dragMax: "100" }) })] }));
|
|
76
76
|
};
|
|
77
77
|
export default SketchFields;
|
|
78
78
|
//# sourceMappingURL=SketchFields.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SketchFields.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/sketch/SketchFields.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"SketchFields.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/sketch/SketchFields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4DvC,CAAC"}
|
|
@@ -10,6 +10,7 @@ const TextStyleSwitchContainer = styled.div `
|
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: row;
|
|
12
12
|
gap: 1rem;
|
|
13
|
+
height: 30px;
|
|
13
14
|
`;
|
|
14
15
|
// https://tanstack.com/form/latest/docs/framework/react/guides/form-composition#reusing-groups-of-fields-in-multiple-forms
|
|
15
16
|
// Default values are not used at runtime (same for props).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg_text_style.js","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"svg_text_style.js","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,6 @@ export function Checkbox(props) {
|
|
|
21
21
|
const checked = event.target.checked;
|
|
22
22
|
return field.handleChange(checked);
|
|
23
23
|
}
|
|
24
|
-
return (_jsx(FormGroup, { name: field.name, intent: intent, error: error, fullWidth: true, helpText: helpText, children: _jsx(StyledCheckbox, { ...otherProps, label: label, name: field.name, value: String(field.state.value), onChange: onChange, onBlur: field.handleBlur
|
|
24
|
+
return (_jsx(FormGroup, { name: field.name, intent: intent, error: error, fullWidth: true, helpText: helpText, children: _jsx(StyledCheckbox, { ...otherProps, label: label, name: field.name, value: String(field.state.value), checked: field.state.value, onChange: onChange, onBlur: field.handleBlur }) }));
|
|
25
25
|
}
|
|
26
26
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAM1D,4FAA4F;AAC5F,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAe;;;CAGvD,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,KAAoC;QACpD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACrC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,QACT,QAAQ,EAAE,QAAQ,YAElB,KAAC,cAAc,OACT,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAM1D,4FAA4F;AAC5F,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAe;;;CAGvD,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,KAAoC;QACpD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACrC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,QACT,QAAQ,EAAE,QAAQ,YAElB,KAAC,cAAc,OACT,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color_picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAI/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,KAAK,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,GAC9D,IAAI,CACF,wBAAwB,EACxB,cAAc,GAAG,cAAc,GAAG,cAAc,CACjD,CAAC;AAEJ,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"color_picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAI/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,KAAK,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,GAC9D,IAAI,CACF,wBAAwB,EACxB,cAAc,GAAG,cAAc,GAAG,cAAc,CACjD,CAAC;AAEJ,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoClD"}
|
|
@@ -11,8 +11,8 @@ export function ColorPicker(props) {
|
|
|
11
11
|
.errors.map((e) => e.message)
|
|
12
12
|
.at(0);
|
|
13
13
|
function onChange(color) {
|
|
14
|
-
field.
|
|
14
|
+
field.handleChange(color.hex);
|
|
15
15
|
}
|
|
16
|
-
return (_jsx(FormGroup, { name: field.name, label: label, helpText: helpText, error: error, layout: layout, fullWidth: fullWidth, required: required, intent: error ? 'danger' : 'none', children: _jsx(ColorPickerDropdown, { id: field.name, color: { hex: field.state.value }, onChange: onChange, presetColors: presetColors, disableAlpha: disableAlpha, popoverProps: popoverProps }) }));
|
|
16
|
+
return (_jsx(FormGroup, { name: field.name, label: label, helpText: helpText, error: error, layout: layout, fullWidth: fullWidth, required: required, intent: error ? 'danger' : 'none', children: _jsx(ColorPickerDropdown, { id: field.name, color: { hex: field.state.value }, onChange: onChange, onBlur: field.handleBlur, presetColors: presetColors, disableAlpha: disableAlpha, popoverProps: popoverProps }) }));
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=color_picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/color_picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAQ1D,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAmC;QACnD,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/color_picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAQ1D,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAmC;QACnD,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAEjC,KAAC,mBAAmB,IAClB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric_input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAKlF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,UAAU,iBAAkB,SAAQ,mBAAmB,EAAE,mBAAmB;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"numeric_input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAKlF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,UAAU,iBAAkB,SAAQ,mBAAmB,EAAE,mBAAmB;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAqDpD"}
|
|
@@ -14,6 +14,6 @@ export function NumericInput(props) {
|
|
|
14
14
|
function onChange(_, valueAsString) {
|
|
15
15
|
return field.handleChange(valueAsString);
|
|
16
16
|
}
|
|
17
|
-
return (_jsx(FormGroup, { name: field.name, label: label, intent: intent, required: required, helpText: helpText, layout: layout, error: error, fullWidth: fullWidth, children: _jsx(BPNumericInput, { ...otherProps, id: field.name, name: field.name, stepSize: step, min: min, max: max, value: field.state.value ?? '', onValueChange: onChange, intent: intent, placeholder: placeholder, required: required }) }));
|
|
17
|
+
return (_jsx(FormGroup, { name: field.name, label: label, intent: intent, required: required, helpText: helpText, layout: layout, error: error, fullWidth: fullWidth, children: _jsx(BPNumericInput, { ...otherProps, id: field.name, name: field.name, stepSize: step, min: min, max: max, value: field.state.value ?? '', onValueChange: onChange, onBlur: field.handleBlur, intent: intent, placeholder: placeholder, required: required }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=numeric_input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric_input.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAQ1D,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,GAAG,EACH,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,CAAS,EAAE,aAAqB;QAChD,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,YAEpB,KAAC,cAAc,OACT,UAAU,EACd,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"numeric_input.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAQ1D,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,GAAG,EACH,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,CAAS,EAAE,aAAqB;QAChD,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,YAEpB,KAAC,cAAc,OACT,UAAU,EACd,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG9D,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG9D,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAiCxC"}
|
|
@@ -19,6 +19,6 @@ export function Switch(props) {
|
|
|
19
19
|
function onChange(event) {
|
|
20
20
|
return field.handleChange(event.target.checked);
|
|
21
21
|
}
|
|
22
|
-
return (_jsx(FormGroup, { name: field.name, error: error, intent: error ? 'danger' : undefined, label: label, layout: layout, helpText: helpText, fullWidth: fullWidth, children: _jsx(StyledSwitch, { name: field.name, id: field.name, checked: field.state.value, onChange: onChange, onBlur: field.handleBlur }) }));
|
|
22
|
+
return (_jsx(FormGroup, { name: field.name, error: error, intent: error ? 'danger' : undefined, label: label, layout: layout, helpText: helpText, fullWidth: fullWidth, children: _jsx(StyledSwitch, { name: field.name, id: field.name, value: String(field.state.value), checked: field.state.value, onChange: onChange, onBlur: field.handleBlur }) }));
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAS1D,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAoC;QACpD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEpB,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAS1D,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAoC;QACpD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEpB,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form_group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/form_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"form_group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/form_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AA+DhD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAkD9C"}
|
|
@@ -9,7 +9,7 @@ const FormContainer = styled.div `
|
|
|
9
9
|
display: grid;
|
|
10
10
|
margin: 0;
|
|
11
11
|
grid-template-columns: ${(props) => props.layout === 'inline' ? '[label] 30% [input] 70%' : '1fr'};
|
|
12
|
-
|
|
12
|
+
gap: 5px 20px;
|
|
13
13
|
grid-template-rows: ${(props) => props.layout === 'inline' ? 'auto auto' : 'auto'};
|
|
14
14
|
`;
|
|
15
15
|
const RequiredSpan = styled.span `
|
|
@@ -32,7 +32,6 @@ const Label = styled.label `
|
|
|
32
32
|
${INPUT_HEIGHT}px - ${(props) => (props.layout === 'inline' ? 26 : 20)}px
|
|
33
33
|
);
|
|
34
34
|
grid-column: ${(props) => (props.layout === 'inline' ? 'label' : '1 / -1')};
|
|
35
|
-
height: 30px;
|
|
36
35
|
`;
|
|
37
36
|
const ErrorAndHelpText = styled.div `
|
|
38
37
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form_group.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/form_group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAE9B;gBACc,YAAY;;;;2BAID,CAAC,KAAK,EAAE,EAAE,CACjC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK;;wBAEzC,CAAC,KAAK,EAAE,EAAE,CAC9B,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;CACnD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE/B,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAIjC;;iBAEe,CAAC,KAAK,EAAE,EAAE,CACvB,KAAK,CAAC,SAAS;IACb,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ;QACzB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,QAAQ;YACN,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI;;;CAG/D,CAAC;AAEF,0DAA0D;AAC1D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAoB;;MAExC,YAAY,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;;iBAEzD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC
|
|
1
|
+
{"version":3,"file":"form_group.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/form_group.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -9,7 +9,12 @@ import * as colorHelper from '../react-color/helpers/color.js';
|
|
|
9
9
|
|
|
10
10
|
export interface ColorPickerDropdownProps extends Pick<
|
|
11
11
|
ColorPickerProps,
|
|
12
|
-
|
|
12
|
+
| 'color'
|
|
13
|
+
| 'presetColors'
|
|
14
|
+
| 'disableAlpha'
|
|
15
|
+
| 'onChange'
|
|
16
|
+
| 'onChangeComplete'
|
|
17
|
+
| 'onBlur'
|
|
13
18
|
> {
|
|
14
19
|
popoverProps?: Omit<PopoverProps, 'content'>;
|
|
15
20
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
1
|
+
import type { CSSProperties, FocusEvent } from 'react';
|
|
2
2
|
import { useCallback, useRef, useState } from 'react';
|
|
3
3
|
|
|
4
4
|
import { debounce } from '../../utils/index.js';
|
|
@@ -51,6 +51,7 @@ export interface ColorPickerProps {
|
|
|
51
51
|
disableAlpha?: boolean;
|
|
52
52
|
onChange?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
53
53
|
onChangeComplete?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
54
|
+
onBlur?: (event: FocusEvent<HTMLElement>) => void;
|
|
54
55
|
onSwatchHover?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
55
56
|
style?: CSSProperties;
|
|
56
57
|
}
|
|
@@ -149,6 +150,7 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
149
150
|
className = '',
|
|
150
151
|
color = defaultColor,
|
|
151
152
|
onChangeComplete,
|
|
153
|
+
onBlur,
|
|
152
154
|
style = {},
|
|
153
155
|
} = props;
|
|
154
156
|
|
|
@@ -200,12 +202,22 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
200
202
|
return (
|
|
201
203
|
<div style={{ ...styles.picker(width), ...style }} className={className}>
|
|
202
204
|
<div style={styles.saturationContainer}>
|
|
203
|
-
<Saturation
|
|
205
|
+
<Saturation
|
|
206
|
+
hsl={hsl}
|
|
207
|
+
hsv={hsv}
|
|
208
|
+
onChange={handleChange}
|
|
209
|
+
onBlur={onBlur}
|
|
210
|
+
/>
|
|
204
211
|
</div>
|
|
205
212
|
<div style={styles.controls}>
|
|
206
213
|
<div style={styles.sliders}>
|
|
207
214
|
<div style={styles.hueContainer}>
|
|
208
|
-
<Hue
|
|
215
|
+
<Hue
|
|
216
|
+
style={styles.hueElement}
|
|
217
|
+
hsl={hsl}
|
|
218
|
+
onChange={handleChange}
|
|
219
|
+
onBlur={onBlur}
|
|
220
|
+
/>
|
|
209
221
|
</div>
|
|
210
222
|
<div style={styles.alphaContainer(disableAlpha)}>
|
|
211
223
|
<Alpha
|
|
@@ -213,6 +225,7 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
213
225
|
rgb={rgb}
|
|
214
226
|
hsl={hsl}
|
|
215
227
|
onChange={handleChange}
|
|
228
|
+
onBlur={onBlur}
|
|
216
229
|
/>
|
|
217
230
|
</div>
|
|
218
231
|
</div>
|
|
@@ -227,6 +240,7 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
227
240
|
hex={hex}
|
|
228
241
|
rgb={rgb}
|
|
229
242
|
onChange={handleChange}
|
|
243
|
+
onBlur={onBlur}
|
|
230
244
|
disableAlpha={disableAlpha}
|
|
231
245
|
/>
|
|
232
246
|
<SketchPresetColors
|
|
@@ -50,11 +50,16 @@ const EditableInput = (props) => {
|
|
|
50
50
|
[props.label],
|
|
51
51
|
);
|
|
52
52
|
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
53
|
+
const onBlur = props.onBlur;
|
|
54
|
+
const handleBlur = useCallback(
|
|
55
|
+
(event: FocusEvent<HTMLInputElement>) => {
|
|
56
|
+
if (state.blurValue) {
|
|
57
|
+
setState({ value: state.blurValue, blurValue: null });
|
|
58
|
+
}
|
|
59
|
+
onBlur?.(event);
|
|
60
|
+
},
|
|
61
|
+
[state.blurValue, onBlur],
|
|
62
|
+
);
|
|
58
63
|
|
|
59
64
|
const setUpdatedValue = useCallback(
|
|
60
65
|
(value, e) => {
|
|
@@ -53,7 +53,7 @@ const styles = {
|
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
const Saturation = (props) => {
|
|
56
|
-
const {
|
|
56
|
+
const { hsl, hsv, pointer, onChange, onBlur } = props;
|
|
57
57
|
|
|
58
58
|
const throttleRef = useRef(
|
|
59
59
|
throttle((fn, data, e) => {
|
|
@@ -85,6 +85,7 @@ const Saturation = (props) => {
|
|
|
85
85
|
onMouseDown={handleMouseDown}
|
|
86
86
|
onTouchMove={handleChange}
|
|
87
87
|
onTouchStart={handleChange}
|
|
88
|
+
onBlur={onBlur}
|
|
88
89
|
>
|
|
89
90
|
<div style={styles.white()}>
|
|
90
91
|
<div style={styles.black()} />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
1
|
+
import type { CSSProperties, FocusEvent } from 'react';
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
3
|
|
|
4
4
|
import type { HSL, RGB } from '../ColorPicker.js';
|
|
@@ -10,6 +10,7 @@ interface SketchFieldsProps {
|
|
|
10
10
|
data: (RGB | HSL | { hex: string }) & { source: string },
|
|
11
11
|
e: Event,
|
|
12
12
|
) => void;
|
|
13
|
+
onBlur?: (event: FocusEvent<HTMLElement>) => void;
|
|
13
14
|
hsl: HSL;
|
|
14
15
|
hex: string;
|
|
15
16
|
rgb: RGB;
|
|
@@ -57,6 +58,7 @@ const styles: Record<
|
|
|
57
58
|
|
|
58
59
|
const SketchFields = ({
|
|
59
60
|
onChange,
|
|
61
|
+
onBlur,
|
|
60
62
|
rgb,
|
|
61
63
|
hsl,
|
|
62
64
|
hex,
|
|
@@ -116,6 +118,7 @@ const SketchFields = ({
|
|
|
116
118
|
label="hex"
|
|
117
119
|
value={hex.replace('#', '')}
|
|
118
120
|
onChange={handleChange}
|
|
121
|
+
onBlur={onBlur}
|
|
119
122
|
/>
|
|
120
123
|
</div>
|
|
121
124
|
<div style={styles.single}>
|
|
@@ -124,6 +127,7 @@ const SketchFields = ({
|
|
|
124
127
|
label="r"
|
|
125
128
|
value={rgb.r}
|
|
126
129
|
onChange={handleChange}
|
|
130
|
+
onBlur={onBlur}
|
|
127
131
|
dragLabel="true"
|
|
128
132
|
dragMax="255"
|
|
129
133
|
/>
|
|
@@ -134,6 +138,7 @@ const SketchFields = ({
|
|
|
134
138
|
label="g"
|
|
135
139
|
value={rgb.g}
|
|
136
140
|
onChange={handleChange}
|
|
141
|
+
onBlur={onBlur}
|
|
137
142
|
dragLabel="true"
|
|
138
143
|
dragMax="255"
|
|
139
144
|
/>
|
|
@@ -144,6 +149,7 @@ const SketchFields = ({
|
|
|
144
149
|
label="b"
|
|
145
150
|
value={rgb.b}
|
|
146
151
|
onChange={handleChange}
|
|
152
|
+
onBlur={onBlur}
|
|
147
153
|
dragLabel="true"
|
|
148
154
|
dragMax="255"
|
|
149
155
|
/>
|
|
@@ -154,6 +160,7 @@ const SketchFields = ({
|
|
|
154
160
|
label="a"
|
|
155
161
|
value={Math.round(rgb.a * 100)}
|
|
156
162
|
onChange={handleChange}
|
|
163
|
+
onBlur={onBlur}
|
|
157
164
|
dragLabel="true"
|
|
158
165
|
dragMax="100"
|
|
159
166
|
/>
|
|
@@ -45,9 +45,9 @@ export function Checkbox(props: CheckboxProps) {
|
|
|
45
45
|
label={label}
|
|
46
46
|
name={field.name}
|
|
47
47
|
value={String(field.state.value)}
|
|
48
|
+
checked={field.state.value}
|
|
48
49
|
onChange={onChange}
|
|
49
50
|
onBlur={field.handleBlur}
|
|
50
|
-
defaultChecked={field.state.value}
|
|
51
51
|
/>
|
|
52
52
|
</FormGroup>
|
|
53
53
|
);
|
|
@@ -22,7 +22,7 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
22
22
|
.at(0);
|
|
23
23
|
|
|
24
24
|
function onChange(color: ChangeCallbackComponentProps) {
|
|
25
|
-
field.
|
|
25
|
+
field.handleChange(color.hex);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
return (
|
|
@@ -40,6 +40,7 @@ export function ColorPicker(props: ColorPickerProps) {
|
|
|
40
40
|
id={field.name}
|
|
41
41
|
color={{ hex: field.state.value }}
|
|
42
42
|
onChange={onChange}
|
|
43
|
+
onBlur={field.handleBlur}
|
|
43
44
|
presetColors={presetColors}
|
|
44
45
|
disableAlpha={disableAlpha}
|
|
45
46
|
popoverProps={popoverProps}
|
|
@@ -17,7 +17,7 @@ const FormContainer = styled.div<{
|
|
|
17
17
|
margin: 0;
|
|
18
18
|
grid-template-columns: ${(props) =>
|
|
19
19
|
props.layout === 'inline' ? '[label] 30% [input] 70%' : '1fr'};
|
|
20
|
-
|
|
20
|
+
gap: 5px 20px;
|
|
21
21
|
grid-template-rows: ${(props) =>
|
|
22
22
|
props.layout === 'inline' ? 'auto auto' : 'auto'};
|
|
23
23
|
`;
|
|
@@ -50,7 +50,6 @@ const Label = styled.label<{ layout: Layout }>`
|
|
|
50
50
|
${INPUT_HEIGHT}px - ${(props) => (props.layout === 'inline' ? 26 : 20)}px
|
|
51
51
|
);
|
|
52
52
|
grid-column: ${(props) => (props.layout === 'inline' ? 'label' : '1 / -1')};
|
|
53
|
-
height: 30px;
|
|
54
53
|
`;
|
|
55
54
|
|
|
56
55
|
const ErrorAndHelpText = styled.div`
|