@jotforminc/dnd-builder 2.9.10 → 2.9.12
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/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [2.9.12](https://github.com/jotform/dnd-builder/compare/v2.9.11...v2.9.12) (2025-11-13)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **colorpicker:** normalizedValue should be saved ([1be990d](https://github.com/jotform/dnd-builder/commit/1be990df5d136ec3ea2fdf08d4e8059fc78b0d5f))
|
|
11
|
+
|
|
12
|
+
### [2.9.11](https://github.com/jotform/dnd-builder/compare/v2.9.10...v2.9.11) (2025-11-13)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* **colorpicker:** setColorValue fix ([b6eb1bd](https://github.com/jotform/dnd-builder/commit/b6eb1bdd0732895e23e078117402d1e71bac9803))
|
|
18
|
+
|
|
5
19
|
### [2.9.10](https://github.com/jotform/dnd-builder/compare/v2.9.9...v2.9.10) (2025-11-13)
|
|
6
20
|
|
|
7
21
|
### [2.9.9](https://github.com/jotform/dnd-builder/compare/v2.9.8...v2.9.9) (2025-11-13)
|
|
@@ -53,11 +53,15 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
53
53
|
var pickerRef = React.useRef(null);
|
|
54
54
|
|
|
55
55
|
var handleInputChange = function handleInputChange(_item, _config) {
|
|
56
|
-
var newValue =
|
|
56
|
+
var newValue = _config[Object.keys(_config)[0]];
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
var normalizedValue = functions.normalizeHexColor(newValue);
|
|
59
|
+
|
|
60
|
+
if (functions.isValidHexColor(normalizedValue)) {
|
|
61
|
+
setColorValue(normalizedValue);
|
|
62
|
+
onItemChange(_item, _defineProperty({}, config.key, normalizedValue));
|
|
63
|
+
} else {
|
|
59
64
|
setColorValue(newValue);
|
|
60
|
-
onItemChange(_item, _config);
|
|
61
65
|
}
|
|
62
66
|
};
|
|
63
67
|
|
|
@@ -78,7 +82,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
78
82
|
var handleColorPick = function handleColorPick(_ref3) {
|
|
79
83
|
var hex = _ref3.hex;
|
|
80
84
|
|
|
81
|
-
if (hex !== value) {
|
|
85
|
+
if (hex !== value && functions.isValidHexColor(hex)) {
|
|
82
86
|
onItemChange({
|
|
83
87
|
id: item.id
|
|
84
88
|
}, _defineProperty({}, config.key, hex));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue =
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue = _config[Object.keys(_config)[0]];\n const normalizedValue = normalizeHexColor(newValue);\n if (isValidHexColor(normalizedValue)) {\n setColorValue(normalizedValue);\n onItemChange(_item, { [config.key]: normalizedValue });\n } else {\n setColorValue(newValue);\n }\n };\n\n const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n useEventListener('resize', checkPickerVisibility);\n\n const handleOnChange = ({ hex }) => {\n if (hex !== colorValue) {\n setColorValue(hex);\n }\n };\n\n const handleColorPick = ({ hex }) => {\n if (hex !== value && isValidHexColor(hex)) {\n onItemChange(\n { id: item.id },\n { [config.key]: hex },\n );\n }\n };\n\n const setPickerVisibility = visibility => event => {\n if (visibility && window.innerHeight - event.clientY < 327) {\n setTimeout(() => {\n if (\n pickerRef.current\n && pickerRef.current.firstChild\n && pickerRef.current.firstChild.firstChild\n ) {\n pickerRef.current.firstChild.firstChild.scrollIntoView({\n behavior: 'smooth',\n block: 'end',\n });\n }\n }, 0);\n }\n setIsPickerVisible(visibility);\n };\n\n return (\n <>\n <div\n className={`colorPicker-wrapper p-relative d-flex a-center${\n isPickerVisible ? ' pickerVisible' : ''\n }`}\n data-key={config.key}\n onClick={setPickerVisibility(!isPickerVisible)}\n onKeyPress={() => {}}\n >\n <Textbox\n config={config}\n item={item}\n onItemChange={handleInputChange}\n value={colorValue}\n />\n <div\n className=\"colorPicker-preview\"\n style={{ backgroundColor: colorValue }}\n />\n </div>\n {isPickerVisible\n && (\n <div\n ref={pickerRef}\n onKeyDown={e => e.stopPropagation()}\n >\n <ColorPickerWithClickOutside\n color={colorValue}\n disableAlpha={true}\n exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n onChange={handleOnChange}\n onChangeComplete={handleColorPick}\n onClickOutside={setPickerVisibility(false)}\n presetColors={COLOR_PRESETS}\n withClickOutsideWrapperClass=\"colorPicker-holder\"\n />\n </div>\n )}\n </>\n );\n};\n\nColorPicker.propTypes = {\n config: PropTypes.shape({\n defaultValue: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","normalizedValue","normalizeHexColor","isValidHexColor","key","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}
|
|
@@ -45,11 +45,15 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
45
45
|
var pickerRef = useRef(null);
|
|
46
46
|
|
|
47
47
|
var handleInputChange = function handleInputChange(_item, _config) {
|
|
48
|
-
var newValue =
|
|
48
|
+
var newValue = _config[Object.keys(_config)[0]];
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
var normalizedValue = normalizeHexColor(newValue);
|
|
51
|
+
|
|
52
|
+
if (isValidHexColor(normalizedValue)) {
|
|
53
|
+
setColorValue(normalizedValue);
|
|
54
|
+
onItemChange(_item, _defineProperty({}, config.key, normalizedValue));
|
|
55
|
+
} else {
|
|
51
56
|
setColorValue(newValue);
|
|
52
|
-
onItemChange(_item, _config);
|
|
53
57
|
}
|
|
54
58
|
};
|
|
55
59
|
|
|
@@ -70,7 +74,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
70
74
|
var handleColorPick = function handleColorPick(_ref3) {
|
|
71
75
|
var hex = _ref3.hex;
|
|
72
76
|
|
|
73
|
-
if (hex !== value) {
|
|
77
|
+
if (hex !== value && isValidHexColor(hex)) {
|
|
74
78
|
onItemChange({
|
|
75
79
|
id: item.id
|
|
76
80
|
}, _defineProperty({}, config.key, hex));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue =
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue = _config[Object.keys(_config)[0]];\n const normalizedValue = normalizeHexColor(newValue);\n if (isValidHexColor(normalizedValue)) {\n setColorValue(normalizedValue);\n onItemChange(_item, { [config.key]: normalizedValue });\n } else {\n setColorValue(newValue);\n }\n };\n\n const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n useEventListener('resize', checkPickerVisibility);\n\n const handleOnChange = ({ hex }) => {\n if (hex !== colorValue) {\n setColorValue(hex);\n }\n };\n\n const handleColorPick = ({ hex }) => {\n if (hex !== value && isValidHexColor(hex)) {\n onItemChange(\n { id: item.id },\n { [config.key]: hex },\n );\n }\n };\n\n const setPickerVisibility = visibility => event => {\n if (visibility && window.innerHeight - event.clientY < 327) {\n setTimeout(() => {\n if (\n pickerRef.current\n && pickerRef.current.firstChild\n && pickerRef.current.firstChild.firstChild\n ) {\n pickerRef.current.firstChild.firstChild.scrollIntoView({\n behavior: 'smooth',\n block: 'end',\n });\n }\n }, 0);\n }\n setIsPickerVisible(visibility);\n };\n\n return (\n <>\n <div\n className={`colorPicker-wrapper p-relative d-flex a-center${\n isPickerVisible ? ' pickerVisible' : ''\n }`}\n data-key={config.key}\n onClick={setPickerVisibility(!isPickerVisible)}\n onKeyPress={() => {}}\n >\n <Textbox\n config={config}\n item={item}\n onItemChange={handleInputChange}\n value={colorValue}\n />\n <div\n className=\"colorPicker-preview\"\n style={{ backgroundColor: colorValue }}\n />\n </div>\n {isPickerVisible\n && (\n <div\n ref={pickerRef}\n onKeyDown={e => e.stopPropagation()}\n >\n <ColorPickerWithClickOutside\n color={colorValue}\n disableAlpha={true}\n exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n onChange={handleOnChange}\n onChangeComplete={handleColorPick}\n onClickOutside={setPickerVisibility(false)}\n presetColors={COLOR_PRESETS}\n withClickOutsideWrapperClass=\"colorPicker-holder\"\n />\n </div>\n )}\n </>\n );\n};\n\nColorPicker.propTypes = {\n config: PropTypes.shape({\n defaultValue: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","normalizedValue","normalizeHexColor","isValidHexColor","key","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}
|