@jotforminc/dnd-builder 2.9.9 → 2.9.11

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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.
 
+### [2.9.11](https://github.com/jotform/dnd-builder/compare/v2.9.10...v2.9.11) (2025-11-13)
+
+
+### Bug Fixes
+
+* **colorpicker:** setColorValue fix ([b6eb1bd](https://github.com/jotform/dnd-builder/commit/b6eb1bdd0732895e23e078117402d1e71bac9803))
+
+### [2.9.10](https://github.com/jotform/dnd-builder/compare/v2.9.9...v2.9.10) (2025-11-13)
+
 ### [2.9.9](https://github.com/jotform/dnd-builder/compare/v2.9.8...v2.9.9) (2025-11-13)
 
 

package/lib/cjs/components/Builder/Builder.js

@@ -13,7 +13,6 @@ var LeftPanel = require('../Panels/LeftPanel/LeftPanel.js');
 var SlidesPanel = require('../Panels/SlidesPanel/SlidesPanel.js');
 var AllSlidesPanel = require('../Panels/AllSlidesPanel/AllSlidesPanel.js');
 var propTypes = require('../../constants/propTypes.js');
-require('intersection-observer');
 require('../../styles/jfReportsBundle.scss');
 var jsxRuntime = require('react/jsx-runtime');
 

package/lib/cjs/components/Builder/Builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onRightPanelsToggled,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider onRightPanelsToggled={onRightPanelsToggled}>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => { },\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => { },\n  onItemChange: () => { },\n  onItemMove: () => { },\n  onItemRemove: () => { },\n  onItemResize: () => { },\n  onItemsMove: () => { },\n  onPageAdd: () => { },\n  onPageChange: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  onRightPanelsToggled: () => { },\n  onSettingChange: () => { },\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","StrictMode","BuilderProvider","PropProvider","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onRightPanelsToggled,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider onRightPanelsToggled={onRightPanelsToggled}>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => { },\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => { },\n  onItemChange: () => { },\n  onItemMove: () => { },\n  onItemRemove: () => { },\n  onItemResize: () => { },\n  onItemsMove: () => { },\n  onPageAdd: () => { },\n  onPageChange: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  onRightPanelsToggled: () => { },\n  onSettingChange: () => { },\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","StrictMode","BuilderProvider","PropProvider","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}

package/lib/cjs/components/Settings/ColorPicker.js

@@ -53,11 +53,15 @@ var ColorPicker = function ColorPicker(_ref) {
   var pickerRef = React.useRef(null);
 
   var handleInputChange = function handleInputChange(_item, _config) {
-    var newValue = functions.normalizeHexColor(_config[Object.keys(_config)[0]]);
+    var newValue = _config[Object.keys(_config)[0]];
 
-    if (functions.isValidHexColor(newValue)) {
-      setColorValue(newValue);
+    var normalizedValue = functions.normalizeHexColor(newValue);
+
+    if (functions.isValidHexColor(normalizedValue)) {
+      setColorValue(normalizedValue);
       onItemChange(_item, _config);
+    } else {
+      setColorValue(newValue);
     }
   };
 
@@ -78,7 +82,7 @@ var ColorPicker = function ColorPicker(_ref) {
   var handleColorPick = function handleColorPick(_ref3) {
     var hex = _ref3.hex;
 
-    if (hex !== value) {
+    if (hex !== value && functions.isValidHexColor(hex)) {
       onItemChange({
         id: item.id
       }, _defineProperty({}, config.key, hex));

package/lib/cjs/components/Settings/ColorPicker.js.map

@@ -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 = normalizeHexColor(_config[Object.keys(_config)[0]]);\n    if (isValidHexColor(newValue)) {\n      setColorValue(newValue);\n      onItemChange(_item, _config);\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) {\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","normalizeHexColor","Object","keys","isValidHexColor","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","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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"}
+{"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);\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","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","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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"}

package/lib/esm/components/Builder/Builder.js

@@ -11,7 +11,6 @@ import LeftPanel from '../Panels/LeftPanel/LeftPanel.js';
 import SlidesPanel from '../Panels/SlidesPanel/SlidesPanel.js';
 import AllSlidesPanel from '../Panels/AllSlidesPanel/AllSlidesPanel.js';
 import { leftPanelConfigPropType } from '../../constants/propTypes.js';
-import 'intersection-observer';
 import '../../styles/jfReportsBundle.scss';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/lib/esm/components/Builder/Builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onRightPanelsToggled,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider onRightPanelsToggled={onRightPanelsToggled}>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => { },\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => { },\n  onItemChange: () => { },\n  onItemMove: () => { },\n  onItemRemove: () => { },\n  onItemResize: () => { },\n  onItemsMove: () => { },\n  onPageAdd: () => { },\n  onPageChange: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  onRightPanelsToggled: () => { },\n  onSettingChange: () => { },\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onRightPanelsToggled,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider onRightPanelsToggled={onRightPanelsToggled}>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => { },\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => { },\n  onItemChange: () => { },\n  onItemMove: () => { },\n  onItemRemove: () => { },\n  onItemResize: () => { },\n  onItemsMove: () => { },\n  onPageAdd: () => { },\n  onPageChange: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  onRightPanelsToggled: () => { },\n  onSettingChange: () => { },\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}

package/lib/esm/components/Settings/ColorPicker.js

@@ -45,11 +45,15 @@ var ColorPicker = function ColorPicker(_ref) {
   var pickerRef = useRef(null);
 
   var handleInputChange = function handleInputChange(_item, _config) {
-    var newValue = normalizeHexColor(_config[Object.keys(_config)[0]]);
+    var newValue = _config[Object.keys(_config)[0]];
 
-    if (isValidHexColor(newValue)) {
-      setColorValue(newValue);
+    var normalizedValue = normalizeHexColor(newValue);
+
+    if (isValidHexColor(normalizedValue)) {
+      setColorValue(normalizedValue);
       onItemChange(_item, _config);
+    } else {
+      setColorValue(newValue);
     }
   };
 
@@ -70,7 +74,7 @@ var ColorPicker = function ColorPicker(_ref) {
   var handleColorPick = function handleColorPick(_ref3) {
     var hex = _ref3.hex;
 
-    if (hex !== value) {
+    if (hex !== value && isValidHexColor(hex)) {
       onItemChange({
         id: item.id
       }, _defineProperty({}, config.key, hex));

package/lib/esm/components/Settings/ColorPicker.js.map

@@ -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 = normalizeHexColor(_config[Object.keys(_config)[0]]);\n    if (isValidHexColor(newValue)) {\n      setColorValue(newValue);\n      onItemChange(_item, _config);\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) {\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","normalizeHexColor","Object","keys","isValidHexColor","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","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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"}
+{"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);\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","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.9.9",
+  "version": "2.9.11",
   "files": [
     "lib"
   ],
@@ -13,7 +13,6 @@
     "core-js": "3.9.0",
     "dompurify": "3.2.3",
     "fuse.js": "5.2.3",
-    "intersection-observer": "0.12.0",
     "lodash.isequal": "4.5.0",
     "memoize-one": "5.1.1",
     "nanoid": "3.1.31",