npm - @jotforminc/dnd-builder - Versions diffs - 2.9.18 → 2.9.19 - Mend

@jotforminc/dnd-builder 2.9.18 → 2.9.19

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.

Files changed (360) hide show

package/lib/cjs/components/DraggableItem/DraggableItemLayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n left: x,\n pointerEvents: 'none',\n position: 'fixed',\n top: y,\n zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n ...defaultItem,\n ...details,\n ...item,\n id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n if (activeElems === null \|\| activeElems.length === 1) return [];\n const index = activeElems.findIndex(aE => aE === __itemId);\n const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n const items = act.map(_i => {\n const _item = _pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === _i);\n }, undefined);\n const defItem = (_acceptedItems[_item.itemType]\n && _acceptedItems[_item.itemType].defaultItem);\n return { ...defItem, ..._item };\n });\n return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n if (ref.current) {\n const dropTargetPosition = ref.current.getBoundingClientRect();\n const { x: finalX, y: finalY } = currentOffset;\n const { x: initialX, y: initialY } = initialOffset;\n const newYposition = finalY > initialY\n ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n const newXposition = finalX > initialX\n ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n const newItem = {\n ...item,\n left: newXposition / zoom,\n top: newYposition / zoom,\n };\n const _guides = {\n ...pageGuides,\n [item.id]: {\n ...pageGuides[item.id],\n x: calculateGuidePositions(newItem, 'x', zoom),\n y: calculateGuidePositions(newItem, 'y', zoom),\n },\n };\n\n const match = proximityListener(item.id, _guides);\n let newActiveBoxLeft = newXposition;\n let newActiveBoxTop = newYposition;\n const haveMatch = Object.keys(match).length > 0;\n const haveXMatch = haveMatch && match.x;\n const haveYMatch = haveMatch && match.y;\n Object.keys(match).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = match[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = newItem.left - proximity.value;\n } else {\n newActiveBoxLeft = newItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = newItem.top - proximity.value;\n } else {\n newActiveBoxTop = newItem.top + proximity.value;\n }\n });\n return {\n x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n };\n }\n}\n\nconst DraggableItemLayer = ({\n guides, itemAccessor, pageRefs, pages,\n}) => {\n const {\n currentOffset,\n initialOffset,\n isDragging,\n item,\n } = useDragLayer(monitor => ({\n currentOffset: monitor.getSourceClientOffset(),\n initialOffset: monitor.getInitialSourceClientOffset(),\n isDragging: monitor.isDragging(),\n item: monitor.getItem(),\n itemType: monitor.getItemType(),\n }));\n\n const { acceptedItems } = usePropContext();\n const { activeElement, zoom } = useBuilderContext();\n\n if (!currentOffset \|\| !isDragging) {\n return null;\n }\n let draggedItem = pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === item.id);\n }, undefined);\n\n let pageID;\n if (draggedItem) {\n pageID = draggedItem.pageID;\n } else {\n draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n }\n const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n pageID = element.closest('.jfReport-page').getAttribute('data-id');\n if (!draggedItem.pageID) {\n draggedItem.pageID = pageID;\n }\n }\n\n const ref = pageRefs[pageID];\n let itemStyle = {};\n // No page\n if (!ref \|\| !ref.current) {\n itemStyle = {\n x: currentOffset.x,\n y: currentOffset.y,\n };\n } else { // In the page\n const pageGuides = guides[pageID];\n itemStyle = getItemStyles(\n initialOffset,\n currentOffset,\n pageRefs[pageID],\n pageGuides,\n draggedItem,\n zoom,\n );\n }\n\n const additionalitems = getAdditionalItems(\n activeElement,\n draggedItem.id,\n pages,\n acceptedItems,\n );\n\n const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n return (\n <>\n <ItemPositioner\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(itemStyle),\n height: draggedItem.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: draggedItem.width,\n }}\n >\n <ReportItemRenderer item={draggedItem}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={mergedItem}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n {additionalitems.map(ii => {\n const __itemStyle = {\n x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n };\n return (\n <ItemPositioner\n key={ii.id}\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(__itemStyle),\n height: ii.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: ii.width,\n }}\n >\n <ReportItemRenderer item={ii}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={ii}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n );\n })}\n </>\n );\n};\n\nDraggableItemLayer.propTypes = {\n guides: PropTypes.shape({}),\n itemAccessor: PropTypes.func,\n pageRefs: PropTypes.shape({}),\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nDraggableItemLayer.defaultProps = {\n guides: {},\n itemAccessor: () => {},\n pageRefs: {},\n pages: [],\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n left: x,\n pointerEvents: 'none',\n position: 'fixed',\n top: y,\n zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n ...defaultItem,\n ...details,\n ...item,\n id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n if (activeElems === null \|\| activeElems.length === 1) return [];\n const index = activeElems.findIndex(aE => aE === __itemId);\n const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n const items = act.map(_i => {\n const _item = _pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === _i);\n }, undefined);\n const defItem = (_acceptedItems[_item.itemType]\n && _acceptedItems[_item.itemType].defaultItem);\n return { ...defItem, ..._item };\n });\n return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n if (ref.current) {\n const dropTargetPosition = ref.current.getBoundingClientRect();\n const { x: finalX, y: finalY } = currentOffset;\n const { x: initialX, y: initialY } = initialOffset;\n const newYposition = finalY > initialY\n ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n const newXposition = finalX > initialX\n ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n const newItem = {\n ...item,\n left: newXposition / zoom,\n top: newYposition / zoom,\n };\n const _guides = {\n ...pageGuides,\n [item.id]: {\n ...pageGuides[item.id],\n x: calculateGuidePositions(newItem, 'x', zoom),\n y: calculateGuidePositions(newItem, 'y', zoom),\n },\n };\n\n const match = proximityListener(item.id, _guides);\n let newActiveBoxLeft = newXposition;\n let newActiveBoxTop = newYposition;\n const haveMatch = Object.keys(match).length > 0;\n const haveXMatch = haveMatch && match.x;\n const haveYMatch = haveMatch && match.y;\n Object.keys(match).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = match[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = newItem.left - proximity.value;\n } else {\n newActiveBoxLeft = newItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = newItem.top - proximity.value;\n } else {\n newActiveBoxTop = newItem.top + proximity.value;\n }\n });\n return {\n x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n };\n }\n}\n\nconst DraggableItemLayer = ({\n guides = {},\n itemAccessor = () => {},\n pageRefs = {},\n pages = [],\n}) => {\n const {\n currentOffset,\n initialOffset,\n isDragging,\n item,\n } = useDragLayer(monitor => ({\n currentOffset: monitor.getSourceClientOffset(),\n initialOffset: monitor.getInitialSourceClientOffset(),\n isDragging: monitor.isDragging(),\n item: monitor.getItem(),\n itemType: monitor.getItemType(),\n }));\n\n const { acceptedItems } = usePropContext();\n const { activeElement, zoom } = useBuilderContext();\n\n if (!currentOffset \|\| !isDragging) {\n return null;\n }\n let draggedItem = pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === item.id);\n }, undefined);\n\n let pageID;\n if (draggedItem) {\n pageID = draggedItem.pageID;\n } else {\n draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n }\n const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n pageID = element.closest('.jfReport-page').getAttribute('data-id');\n if (!draggedItem.pageID) {\n draggedItem.pageID = pageID;\n }\n }\n\n const ref = pageRefs[pageID];\n let itemStyle = {};\n // No page\n if (!ref \|\| !ref.current) {\n itemStyle = {\n x: currentOffset.x,\n y: currentOffset.y,\n };\n } else { // In the page\n const pageGuides = guides[pageID];\n itemStyle = getItemStyles(\n initialOffset,\n currentOffset,\n pageRefs[pageID],\n pageGuides,\n draggedItem,\n zoom,\n );\n }\n\n const additionalitems = getAdditionalItems(\n activeElement,\n draggedItem.id,\n pages,\n acceptedItems,\n );\n\n const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n return (\n <>\n <ItemPositioner\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(itemStyle),\n cursor: isDragging ? 'grabbing' : 'pointer',\n height: draggedItem.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: draggedItem.width,\n }}\n >\n <ReportItemRenderer item={draggedItem}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={mergedItem}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n {additionalitems.map(ii => {\n const __itemStyle = {\n x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n };\n return (\n <ItemPositioner\n key={ii.id}\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(__itemStyle),\n cursor: isDragging ? 'grabbing' : 'pointer',\n height: ii.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: ii.width,\n }}\n >\n <ReportItemRenderer item={ii}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={ii}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n );\n })}\n </>\n );\n};\n\nDraggableItemLayer.propTypes = {\n guides: PropTypes.shape({}),\n itemAccessor: PropTypes.func,\n pageRefs: PropTypes.shape({}),\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","cursor","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/Chart.js CHANGED Viewed

@@ -70,7 +70,9 @@ var ChartPie = function ChartPie() {
 };
 var Chart = function Chart(_ref) {
-  var chartType = _ref.item.chartType;
+  var _ref$item = _ref.item;
+  _ref$item = _ref$item === void 0 ? {} : _ref$item;
+  var chartType = _ref$item.chartType;
   return chartType === 'column' ? /*#__PURE__*/jsxRuntime.jsx(ChartColumn, {}) : /*#__PURE__*/jsxRuntime.jsx(ChartPie, {});
 };
@@ -79,9 +81,6 @@ Chart.propTypes = {
     chartType: PropTypes__default['default'].string
   })
 };
-Chart.defaultProps = {
-  item: {}
-};
 var settings = [{
   key: 'chartType',
   label: 'Chart Type',

package/lib/cjs/components/Elements/Chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n { name: 'Page A', value: 2400 },\n { name: 'Page B', value: 1398 },\n { name: 'Page C', value: 9800 },\n { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n <ResponsiveContainer>\n <BarChart\n data={data}\n height={300}\n width={400}\n >\n <XAxis dataKey=\"name\" />\n <YAxis />\n <Bar\n dataKey=\"value\"\n fill=\"#8884d8\"\n isAnimationActive={false}\n />\n </BarChart>\n </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n <ResponsiveContainer>\n <PieChart\n height={300}\n width={400}\n >\n <Pie\n data={data}\n dataKey=\"value\"\n isAnimationActive={false}\n >\n {data.map((entry, index) => (\n <Cell\n key={`cell-${index.toString()}`}\n fill={COLORS[index % COLORS.length]}\n />\n ))}\n </Pie>\n <Legend height={36} />\n </PieChart>\n </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } }) => (\n chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n item: PropTypes.shape({\n chartType: PropTypes.string,\n }),\n};\n\~~nChart.defaultProps = {\n item: {},\n};\n\~~nconst settings = [\n {\n key: 'chartType',\n label: 'Chart Type',\n options: [\n {\n icon: icons.pie,\n name: 'pie',\n title: 'Pie Chart',\n },\n {\n icon: icons.column,\n name: 'column',\n title: 'Column Chart',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n];\n\nexport const details = {\n chartType: 'pie',\n height: 300,\n itemType: 'graphic',\n width: 420,\n};\n\nexport default {\n Component: memo(Chart),\n details,\n itemType: 'graphic',\n settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","ResponsiveContainer","_jsxs","BarChart","XAxis","YAxis","Bar","ChartPie","PieChart","Pie","map","entry","index","Cell","length","toString","Legend","Chart","~~chartType~~","~~item~~","propTypes","PropTypes","shape","string","~~defaultProps","~~settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,MAAM,GAAG,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,CAAf;AAEA,IAAMC,IAAI,GAAG,CACX;AAAEC,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CADW,EAEX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAFW,EAGX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAHW,EAIX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAJW,CAAb;;AAOA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,sBAClBC,eAACC,4BAAD;AAAA,2BACEC,gBAACC,iBAAD;AACE,MAAA,IAAI,EAAEP,IADR;AAEE,MAAA,MAAM,EAAE,GAFV;AAGE,MAAA,KAAK,EAAE,GAHT;AAAA,8BAKEI,eAACI,cAAD;AAAO,QAAA,OAAO,EAAC;AAAf,QALF,eAMEJ,eAACK,cAAD,KANF,eAOEL,eAACM,YAAD;AACE,QAAA,OAAO,EAAC,OADV;AAEE,QAAA,IAAI,EAAC,SAFP;AAGE,QAAA,iBAAiB,EAAE;AAHrB,QAPF;AAAA;AADF,IADkB;AAAA,CAApB;;AAkBA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,sBACfP,eAACC,4BAAD;AAAA,2BACEC,gBAACM,iBAAD;AACE,MAAA,MAAM,EAAE,GADV;AAEE,MAAA,KAAK,EAAE,GAFT;AAAA,8BAIER,eAACS,YAAD;AACE,QAAA,IAAI,EAAEb,IADR;AAEE,QAAA,OAAO,EAAC,OAFV;AAGE,QAAA,iBAAiB,EAAE,KAHrB;AAAA,kBAKGA,IAAI,CAACc,GAAL,CAAS,UAACC,KAAD,EAAQC,KAAR;AAAA,8BACRZ,eAACa,aAAD;AAEE,YAAA,IAAI,EAAElB,MAAM,CAACiB,KAAK,GAAGjB,MAAM,CAACmB,MAAhB;AAFd,4BACeF,KAAK,CAACG,QAAN,EADf,EADQ;AAAA,SAAT;AALH,QAJF,eAgBEf,eAACgB,eAAD;AAAQ,QAAA,MAAM,EAAE;AAAhB,QAhBF;AAAA;AADF,IADe;AAAA,CAAjB;;AAuBA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,~~MAAWC~~,~~SAAX~~,~~QAAGC~~,~~IAAH~~,~~CAAWD~~,SAAX;AAAA,SACZA,SAAS,KAAK,QAAd,~~gBAAyBlB~~,eAAC,WAAD,KAAzB,gBAA2CA,eAAC,QAAD,KAD/B;AAAA,CAAd;;AAIAiB,KAAK,CAACG,SAAN,GAAkB;~~AAChBD~~,EAAAA,IAAI,~~EAAEE~~,6BAAS,CAACC,KAAV,CAAgB;~~AACpBJ~~,IAAAA,SAAS,~~EAAEG~~,6BAAS,CAACE;AADD,GAAhB;AADU,CAAlB;~~AAMAN~~,~~KAAK~~,~~CAACO,YAAN,GAAqB;AACnBL,EAAAA,IAAI,EAAE;AADa,CAArB;AAIA,IAAMM,~~QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,WADP;AAEEC,EAAAA,KAAK,EAAE,YAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,IAAI,EAAEC,SADR;~~AAEEjC~~,IAAAA,IAAI,EAAE,KAFR;~~AAGEkC~~,IAAAA,KAAK,EAAE;AAHT,GADO,EAMP;AACEF,IAAAA,IAAI,EAAEC,YADR;~~AAEEjC~~,IAAAA,IAAI,EAAE,QAFR;~~AAGEkC~~,IAAAA,KAAK,EAAE;AAHT,GANO,CAHX;AAeEC,EAAAA,OAAO,EAAE,SAfX;AAgBEC,EAAAA,IAAI,EAAE;AAhBR,CADe,CAAjB;IAqBaC,OAAO,GAAG;~~AACrBhB~~,EAAAA,SAAS,EAAE,KADU;~~AAErBiB~~,EAAAA,MAAM,EAAE,GAFa;AAGrBC,EAAAA,QAAQ,EAAE,SAHW;AAIrBC,EAAAA,KAAK,EAAE;AAJc;AAOvB,cAAe;AACbC,EAAAA,SAAS,eAAEC,UAAI,~~CAACtB~~,KAAD,CADF;~~AAEbiB~~,EAAAA,OAAO,EAAPA,OAFa;AAGbE,EAAAA,QAAQ,EAAE,SAHG;AAIbX,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
1	+ {"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n { name: 'Page A', value: 2400 },\n { name: 'Page B', value: 1398 },\n { name: 'Page C', value: 9800 },\n { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n <ResponsiveContainer>\n <BarChart\n data={data}\n height={300}\n width={400}\n >\n <XAxis dataKey=\"name\" />\n <YAxis />\n <Bar\n dataKey=\"value\"\n fill=\"#8884d8\"\n isAnimationActive={false}\n />\n </BarChart>\n </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n <ResponsiveContainer>\n <PieChart\n height={300}\n width={400}\n >\n <Pie\n data={data}\n dataKey=\"value\"\n isAnimationActive={false}\n >\n {data.map((entry, index) => (\n <Cell\n key={`cell-${index.toString()}`}\n fill={COLORS[index % COLORS.length]}\n />\n ))}\n </Pie>\n <Legend height={36} />\n </PieChart>\n </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } = {} }) => (\n chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n item: PropTypes.shape({\n chartType: PropTypes.string,\n }),\n};\n\nconst settings = [\n {\n key: 'chartType',\n label: 'Chart Type',\n options: [\n {\n icon: icons.pie,\n name: 'pie',\n title: 'Pie Chart',\n },\n {\n icon: icons.column,\n name: 'column',\n title: 'Column Chart',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n];\n\nexport const details = {\n chartType: 'pie',\n height: 300,\n itemType: 'graphic',\n width: 420,\n};\n\nexport default {\n Component: memo(Chart),\n details,\n itemType: 'graphic',\n settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","ResponsiveContainer","_jsxs","BarChart","XAxis","YAxis","Bar","ChartPie","PieChart","Pie","map","entry","index","Cell","length","toString","Legend","Chart","item","chartType","propTypes","PropTypes","shape","string","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/Icon.js CHANGED Viewed

@@ -51,8 +51,9 @@ var settings = [{
   }
 }];
 var IconElement = function IconElement(_ref2) {
-  var _ref2$item = _ref2.item,
-      iconFillColor = _ref2$item.iconFillColor,
+  var _ref2$item = _ref2.item;
+  _ref2$item = _ref2$item === void 0 ? {} : _ref2$item;
+  var iconFillColor = _ref2$item.iconFillColor,
       iconType = _ref2$item.iconType,
       opacity = _ref2$item.opacity;
   var Icon = iconSelector[iconType];
@@ -72,9 +73,6 @@ IconElement.propTypes = {
     width: PropTypes__default['default'].number
   })
 };
-IconElement.defaultProps = {
-  item: {}
-};
 var details = {
   height: 200,
   iconFillColor: '#000000',

package/lib/cjs/components/Elements/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n key: 'iconType',\n label: 'Icon Type',\n section: 'GENERAL',\n type: 'iconSelectBox',\n },\n {\n ...fieldSet('DETAILS', 'Icon Style'),\n },\n {\n key: 'iconFillColor',\n label: 'Color',\n section: 'DETAILS',\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'DETAILS',\n type: 'slider',\n },\n {\n key: 'sizeSettings',\n label: 'Size',\n section: 'DETAILS',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nexport const IconElement = ({\n item: {\n iconFillColor,\n iconType,\n opacity,\n },\n}) => {\n const Icon = icons[iconType];\n return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n iconFillColor: PropTypes.string,\n iconType: PropTypes.string,\n opacity: PropTypes.number,\n width: PropTypes.number,\n }),\n};\n\~~nIconElement.defaultProps = {\n item: {},\n};\n\~~nconst details = {\n height: 200,\n iconFillColor: '#000000',\n iconType: 'heart',\n itemType: ITEM_TYPE,\n opacity: 1,\n width: 200,\n};\n\nexport default {\n Component: memo(IconElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","~~defaultProps","~~details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,uBAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,eAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,6BAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,6BAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,6BAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,6BAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,6BAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;~~AAUAb~~,~~WAAW~~,~~CAACe,YAAZ,GAA2B;AACzBd,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,IAAMe,~~OAAO,GAAG;~~AACd3B~~,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;~~AAIdc~~,EAAAA,QAAQ,~~EAAE9B~~,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;~~AACb4B~~,EAAAA,SAAS,eAAEC,UAAI,~~CAACnB~~,WAAD,CADF;~~AAEbgB~~,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,~~EAAE9B~~,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n key: 'iconType',\n label: 'Icon Type',\n section: 'GENERAL',\n type: 'iconSelectBox',\n },\n {\n ...fieldSet('DETAILS', 'Icon Style'),\n },\n {\n key: 'iconFillColor',\n label: 'Color',\n section: 'DETAILS',\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'DETAILS',\n type: 'slider',\n },\n {\n key: 'sizeSettings',\n label: 'Size',\n section: 'DETAILS',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nexport const IconElement = ({\n item: {\n iconFillColor,\n iconType,\n opacity,\n } = {},\n}) => {\n const Icon = icons[iconType];\n return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n iconFillColor: PropTypes.string,\n iconType: PropTypes.string,\n opacity: PropTypes.number,\n width: PropTypes.number,\n }),\n};\n\nconst details = {\n height: 200,\n iconFillColor: '#000000',\n iconType: 'heart',\n itemType: ITEM_TYPE,\n opacity: 1,\n width: 200,\n};\n\nexport default {\n Component: memo(IconElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,uBAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,uCADA,EACA;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,eAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,6BAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,6BAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,6BAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,6BAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,6BAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;AAUA,IAAME,OAAO,GAAG;AACd1B,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;AAIda,EAAAA,QAAQ,EAAE7B,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;AACb2B,EAAAA,SAAS,eAAEC,UAAI,CAAClB,WAAD,CADF;AAEbe,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE7B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}

package/lib/cjs/components/Elements/Image.js CHANGED Viewed

@@ -99,8 +99,12 @@ var settings = [{
   useImageSizeUpdate: true
 }];
 var ImageElement = function ImageElement(_ref2) {
-  var item = _ref2.item,
-      itemAccessor = _ref2.itemAccessor;
+  var _ref2$item = _ref2.item,
+      item = _ref2$item === void 0 ? {
+    opacity: 1
+  } : _ref2$item,
+      _ref2$itemAccessor = _ref2.itemAccessor,
+      itemAccessor = _ref2$itemAccessor === void 0 ? function () {} : _ref2$itemAccessor;
   var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -166,12 +170,6 @@ ImageElement.propTypes = {
   }),
   itemAccessor: PropTypes.func
 };
-ImageElement.defaultProps = {
-  item: {
-    opacity: 1
-  },
-  itemAccessor: function itemAccessor() {}
-};
 var details = {
   height: 400,
   itemType: ITEM_TYPE,

package/lib/cjs/components/Elements/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n func,\n number,\n oneOfType,\n shape,\n string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://cdn.jotfor.ms/assets/resources/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n height: 'inherit',\n width: 'inherit',\n};\n\nconst imageStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n hideWhen: {\n url: '',\n },\n ifValueEquals: {\n '': {\n height: {\n cast: 'integer',\n value: 400,\n },\n width: {\n cast: 'integer',\n value: 400,\n },\n },\n },\n key: 'url',\n section: 'GENERAL',\n type: 'imageThumbnailWithDelete',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n {\n key: 'url',\n label: 'Enter URL',\n section: 'ENTER URL',\n showWhen: { url: '' },\n type: 'enterImageURL',\n useImageSizeUpdate: true,\n },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n const [isLoading, setIsLoading] = useState(true);\n const [isErrored, setIsErrored] = useState(false);\n\n const {\n opacity,\n roundedCorners,\n url,\n } = item;\n\n const additionalProps = itemAccessor(item);\n const defaultURL = additionalProps?.defaultURL \|\| DEFAULT_LOGO_SRC;\n const imageUrl = additionalProps?.url \|\| url;\n\n useEffect(() => {\n setIsLoading(true);\n setIsErrored(false);\n }, [imageUrl, setIsLoading, setIsErrored]);\n\n // TODO :: do we want to show a loading placeholder?\n\n return (\n <>\n <div\n style={{\n ...imageWrapperStyle,\n display: isLoading \|\| isErrored ? 'none' : 'block',\n }}\n >\n <img\n alt=\"reportImage\"\n onError={() => {\n setIsLoading(false);\n setIsErrored(true);\n }}\n onLoad={() => setIsLoading(false)}\n src={imageUrl \|\| defaultURL}\n style={{\n ...imageStyle,\n borderRadius: `${roundedCorners}px`,\n display: isErrored ? 'none' : '',\n opacity: parseFloat(opacity),\n }}\n />\n </div>\n {isErrored && (\n <div\n style={{\n ...imageWrapperStyle,\n background: '#fafafa',\n paddingTop: '40%',\n textAlign: 'center',\n }}\n >\n Image was not loaded!\n </div>\n )}\n </>\n );\n};\n\nImageElement.propTypes = {\n item: shape({\n defaultURL: string,\n height: oneOfType([\n number,\n string,\n ]),\n id: string,\n opacity: oneOfType([\n number,\n string,\n ]),\n roundedCorners: oneOfType([\n number,\n string,\n ]),\n url: string,\n width: oneOfType([\n number,\n string,\n ]),\n }),\n itemAccessor: func,\n};\n\~~nImageElement.defaultProps = {\n item: {\n opacity: 1,\n },\n itemAccessor: () => {},\n};\n\~~nconst details = {\n height: 400,\n itemType: ITEM_TYPE,\n opacity: 1,\n roundedCorners: 0,\n url: '',\n width: 400,\n};\n\nexport default {\n Component: memo(ImageElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","~~opacity","~~roundedCorners","additionalProps","defaultURL","imageUrl","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","~~defaultProps","~~details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,OAAlB;AAEA,IAAMC,gBAAgB,GAAG,sFAAzB;AAEA,IAAMC,iBAAiB,GAAG;AACxBC,EAAAA,MAAM,EAAE,SADgB;AAExBC,EAAAA,KAAK,EAAE;AAFiB,CAA1B;AAKA,IAAMC,UAAU,GAAG;AACjBF,EAAAA,MAAM,EAAE,MADS;AAEjBC,EAAAA,KAAK,EAAE;AAFU,CAAnB;AAKA,IAAME,QAAQ,GAAG,CACf;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEC,EAAAA,aAAa,EAAE;AACb,QAAI;AACFN,MAAAA,MAAM,EAAE;AACNO,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADN;AAKFP,MAAAA,KAAK,EAAE;AACLM,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AALL;AADS,GAJjB;AAgBEC,EAAAA,GAAG,EAAE,KAhBP;AAiBEC,EAAAA,OAAO,EAAE,SAjBX;AAkBEC,EAAAA,IAAI,EAAE;AAlBR,CADe,EAqBf;AACEP,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,cAJP;AAKEG,EAAAA,KAAK,EAAE,MALT;AAMEF,EAAAA,OAAO,EAAE,SANX;AAOEC,EAAAA,IAAI,EAAE,cAPR;AAQEH,EAAAA,KAAK,EAAE,eAACK,CAAD;AAAA,QAAMb,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AART,CArBe,EA+Bf;AACEI,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,gBAJP;AAKEG,EAAAA,KAAK,EAAE,iBALT;AAMEE,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,EAAJ,CANT;AAOEJ,EAAAA,OAAO,EAAE,SAPX;AAQEK,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GARZ;AAWEC,EAAAA,MAAM,EAAE,IAXV;AAYEN,EAAAA,IAAI,EAAE;AAZR,CA/Be,EA6Cf;AACEP,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,SAJP;AAKEG,EAAAA,KAAK,EAAE,SALT;AAMEE,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CANT;AAOEJ,EAAAA,OAAO,EAAE,SAPX;AAQEC,EAAAA,IAAI,EAAE;AARR,CA7Ce,EAuDf;AACEF,EAAAA,GAAG,EAAE,KADP;AAEEG,EAAAA,KAAK,EAAE,WAFT;AAGEF,EAAAA,OAAO,EAAE,WAHX;AAIEK,EAAAA,QAAQ,EAAE;AAAEV,IAAAA,GAAG,EAAE;AAAP,GAJZ;AAKEM,EAAAA,IAAI,EAAE,eALR;AAMEO,EAAAA,kBAAkB,EAAE;AANtB,CAvDe,CAAjB;IAiEaC,YAAY,GAAG,SAAfA,YAAe,~~QAA4B~~;AAAA,~~MAAzBC~~,~~IAAyB~~,~~SAAzBA~~,~~IAAyB~~;AAAA,~~MAAnBC~~,~~YAAmB~~,~~SAAnBA~~,~~YAAmB~~;;~~AACtD~~,kBAAkCC,cAAQ,CAAC,IAAD,CAA1C;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAkCF,cAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,~~MACEC~~,OADF,~~GAIIP~~,IAJJ,~~CACEO~~,OADF;AAAA,~~MAEEC~~,cAFF,GAIIR,IAJJ,CAEEQ,cAFF;AAAA,MAGEvB,GAHF,GAIIe,IAJJ,CAGEf,GAHF;AAMA,MAAMwB,eAAe,~~GAAGR~~,YAAY,~~CAACD~~,IAAD,CAApC;AACA,MAAMU,UAAU,GAAG,CAAAD,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAEC,UAAjB,KAA+BhC,gBAAlD;AACA,MAAMiC,QAAQ,GAAG,CAAAF,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAExB,GAAjB,KAAwBA,GAAzC;AAEA2B,EAAAA,eAAS,CAAC,YAAM;~~AACdR~~,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACAE,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,GAHQ,EAGN,~~CAACK~~,QAAD,~~EAAWP~~,YAAX,EAAyBE,YAAzB,CAHM,CAAT,~~CAdsD~~;;~~AAqBtD~~,~~sBACEO~~;AAAA,4BACEC;AACE,MAAA,KAAK,kCACAnC,iBADA;AAEHoC,QAAAA,OAAO,~~EAAEZ~~,SAAS,IAAIE,SAAb,GAAyB,MAAzB,GAAkC;AAFxC,QADP;AAAA,~~6BAMES~~;AACE,QAAA,GAAG,EAAC,aADN;AAEE,QAAA,OAAO,EAAE,mBAAM;~~AACbV~~,UAAAA,YAAY,CAAC,KAAD,CAAZ;AACAE,UAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,SALH;AAME,QAAA,MAAM,EAAE;AAAA,iBAAMF,YAAY,CAAC,KAAD,CAAlB;AAAA,SANV;AAOE,QAAA,GAAG,~~EAAEO~~,QAAQ,IAAID,UAPnB;AAQE,QAAA,KAAK,kCACA5B,UADA;AAEHkC,UAAAA,YAAY,YAAKR,cAAL,OAFT;AAGHO,UAAAA,OAAO,~~EAAEV~~,SAAS,GAAG,MAAH,GAAY,EAH3B;~~AAIHE~~,UAAAA,OAAO,~~EAAEU~~,UAAU,~~CAACV~~,OAAD;AAJhB;AARP;AANF,MADF,~~EAuBGF~~,SAAS,~~iBACRS~~;AACE,MAAA,KAAK,kCACAnC,iBADA;AAEHuC,QAAAA,UAAU,EAAE,SAFT;AAGHC,QAAAA,UAAU,EAAE,KAHT;AAIHC,QAAAA,SAAS,EAAE;AAJR,QADP;AAAA;AAAA,MAxBJ;AAAA,IADF;AAsCD;AAEDrB,YAAY,CAACsB,SAAb,GAAyB;AACvBrB,EAAAA,IAAI,EAAEsB,eAAK,CAAC;AACVZ,IAAAA,UAAU,EAAEa,gBADF;AAEV3C,IAAAA,MAAM,EAAE4C,mBAAS,CAAC,CAChBC,gBADgB,EAEhBF,gBAFgB,CAAD,CAFP;AAMVG,IAAAA,EAAE,EAAEH,gBANM;~~AAOVhB~~,IAAAA,OAAO,~~EAAEiB~~,mBAAS,CAAC,CACjBC,gBADiB,EAEjBF,gBAFiB,CAAD,CAPR;AAWVf,IAAAA,cAAc,EAAEgB,mBAAS,CAAC,CACxBC,gBADwB,EAExBF,gBAFwB,CAAD,CAXf;AAeVtC,IAAAA,GAAG,EAAEsC,gBAfK;AAgBV1C,IAAAA,KAAK,EAAE2C,mBAAS,CAAC,CACfC,gBADe,EAEfF,gBAFe,CAAD;AAhBN,GAAD,CADY;~~AAsBvBtB~~,EAAAA,YAAY,~~EAAE0B~~;AAtBS,CAAzB;~~AAyBA5B~~,~~YAAY~~,~~CAAC6B,YAAb,GAA4B;AAC1B5B,EAAAA,IAAI,EAAE;AACJO,IAAAA,~~OAAO,~~EAAE;AADL,GADoB;AAI1BN,EAAAA,YAAY,EAAE,wBAAM;AAJM,CAA5B;AAOA,IAAM4B,OAAO,~~GAAG;~~AACdjD~~,EAAAA,MAAM,EAAE,GADM;~~AAEdkD~~,EAAAA,QAAQ,~~EAAErD~~,SAFI;~~AAGd8B~~,EAAAA,OAAO,EAAE,CAHK;~~AAIdC~~,EAAAA,cAAc,EAAE,CAJF;AAKdvB,EAAAA,GAAG,EAAE,EALS;AAMdJ,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,YAAe;~~AACbkD~~,EAAAA,SAAS,eAAEC,UAAI,~~CAACjC~~,YAAD,CADF;~~AAEb8B~~,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,~~EAAErD~~,SAHG;AAIbM,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
1	+ {"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n func,\n number,\n oneOfType,\n shape,\n string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://cdn.jotfor.ms/assets/resources/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n height: 'inherit',\n width: 'inherit',\n};\n\nconst imageStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n hideWhen: {\n url: '',\n },\n ifValueEquals: {\n '': {\n height: {\n cast: 'integer',\n value: 400,\n },\n width: {\n cast: 'integer',\n value: 400,\n },\n },\n },\n key: 'url',\n section: 'GENERAL',\n type: 'imageThumbnailWithDelete',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n {\n key: 'url',\n label: 'Enter URL',\n section: 'ENTER URL',\n showWhen: { url: '' },\n type: 'enterImageURL',\n useImageSizeUpdate: true,\n },\n];\n\nexport const ImageElement = ({\n item = { opacity: 1 },\n itemAccessor = () => {},\n}) => {\n const [isLoading, setIsLoading] = useState(true);\n const [isErrored, setIsErrored] = useState(false);\n\n const {\n opacity,\n roundedCorners,\n url,\n } = item;\n\n const additionalProps = itemAccessor(item);\n const defaultURL = additionalProps?.defaultURL \|\| DEFAULT_LOGO_SRC;\n const imageUrl = additionalProps?.url \|\| url;\n\n useEffect(() => {\n setIsLoading(true);\n setIsErrored(false);\n }, [imageUrl, setIsLoading, setIsErrored]);\n\n // TODO :: do we want to show a loading placeholder?\n\n return (\n <>\n <div\n style={{\n ...imageWrapperStyle,\n display: isLoading \|\| isErrored ? 'none' : 'block',\n }}\n >\n <img\n alt=\"reportImage\"\n onError={() => {\n setIsLoading(false);\n setIsErrored(true);\n }}\n onLoad={() => setIsLoading(false)}\n src={imageUrl \|\| defaultURL}\n style={{\n ...imageStyle,\n borderRadius: `${roundedCorners}px`,\n display: isErrored ? 'none' : '',\n opacity: parseFloat(opacity),\n }}\n />\n </div>\n {isErrored && (\n <div\n style={{\n ...imageWrapperStyle,\n background: '#fafafa',\n paddingTop: '40%',\n textAlign: 'center',\n }}\n >\n Image was not loaded!\n </div>\n )}\n </>\n );\n};\n\nImageElement.propTypes = {\n item: shape({\n defaultURL: string,\n height: oneOfType([\n number,\n string,\n ]),\n id: string,\n opacity: oneOfType([\n number,\n string,\n ]),\n roundedCorners: oneOfType([\n number,\n string,\n ]),\n url: string,\n width: oneOfType([\n number,\n string,\n ]),\n }),\n itemAccessor: func,\n};\n\nconst details = {\n height: 400,\n itemType: ITEM_TYPE,\n opacity: 1,\n roundedCorners: 0,\n url: '',\n width: 400,\n};\n\nexport default {\n Component: memo(ImageElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","opacity","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","roundedCorners","additionalProps","defaultURL","imageUrl","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","details","itemType","Component","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/RichText.js CHANGED Viewed

@@ -40,14 +40,17 @@ var defaultItem = {
   value: ''
 };
 var RichTextElement = function RichTextElement(_ref) {
-  var isSelected = _ref.isSelected,
-      _ref$item = _ref.item,
-      fontFamily = _ref$item.fontFamily,
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$item = _ref.item;
+  _ref$item = _ref$item === void 0 ? defaultItem : _ref$item;
+  var fontFamily = _ref$item.fontFamily,
       id = _ref$item.id,
       isLocked = _ref$item.isLocked,
       opacity = _ref$item.opacity,
       value = _ref$item.value,
-      onItemChange = _ref.onItemChange;
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange;
   var reportItem = React.useRef({});
   var _useBuilderContext = builderContext.useBuilderContext(),
@@ -102,11 +105,6 @@ RichTextElement.propTypes = {
   }),
   onItemChange: PropTypes__default['default'].func
 };
-RichTextElement.defaultProps = {
-  isSelected: false,
-  item: {},
-  onItemChange: function onItemChange() {}
-};
 var details = {
   height: 65,
   itemType: ITEM_TYPE,

package/lib/cjs/components/Elements/RichText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n];\n\nconst defaultItem = {\n fontFamily: 'Circular',\n opacity: 1,\n value: '',\n};\n\nexport const RichTextElement = ({\n isSelected,\n item: {\n fontFamily,\n id,\n isLocked,\n opacity,\n value,\n },\n onItemChange,\n}) => {\n const reportItem = useRef({});\n const { isTextEditorOpen } = useBuilderContext();\n const { CLICK_TO_EDIT_TEXT } = useTranslatedTexts();\n\n const textStyle = {\n fontFamily,\n opacity,\n };\n\n const handleSave = useCallback(newValue => {\n onItemChange(\n { id },\n { value: newValue },\n );\n }, [id]);\n\n const onFocus = e => {\n e.currentTarget.parentElement.setAttribute('draggable', false);\n };\n\n useEffect(() => {\n if (!isTextEditorOpen) {\n reportItem.current.parentElement.setAttribute('draggable', true);\n }\n }, [isTextEditorOpen]);\n\n return (\n <div\n ref={reportItem}\n className=\"reportItemInner f-height\"\n onFocus={onFocus}\n style={textStyle}\n >\n <TextEditor\n content={value}\n handleSave={handleSave}\n isLocked={isLocked}\n isSelected={isSelected}\n placeholder={CLICK_TO_EDIT_TEXT}\n />\n </div>\n );\n};\n\nRichTextElement.propTypes = {\n isSelected: PropTypes.bool,\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\~~nRichTextElement.defaultProps = {\n isSelected: false,\n item: {},\n onItemChange: () => { },\n};\n\~~nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nexport default {\n Component: memo(RichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","useTranslatedTexts","CLICK_TO_EDIT_TEXT","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","~~defaultProps","~~details","height","itemType","width","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,MAAlB;AAEA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,YADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAEC,eAAS,CAACC,KAHrB;AAIEC,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CADe,oBASVC,sBAAO,CAAC,SAAD,CATG,GAWf;AACEP,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEO,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAXe,CAAjB;AAoBA,IAAMG,WAAW,GAAG;AAClBC,EAAAA,UAAU,EAAE,UADM;AAElBC,EAAAA,OAAO,EAAE,CAFS;AAGlBC,EAAAA,KAAK,EAAE;AAHW,CAApB;IAMaC,eAAe,GAAG,SAAlBA,eAAkB,OAUzB;AAAA,~~MATJC~~,UASI,~~QATJA~~,UASI;AAAA,uBARJC,IAQI;AAAA,~~MAPFL~~,UAOE,aAPFA,UAOE;AAAA,MANFM,EAME,aANFA,EAME;AAAA,MALFC,QAKE,aALFA,QAKE;AAAA,MAJFN,OAIE,aAJFA,OAIE;AAAA,MAHFC,KAGE,aAHFA,KAGE;AAAA,~~MADJM~~,YACI,~~QADJA~~,~~YACI~~;AACJ,MAAMC,UAAU,GAAGC,YAAM,CAAC,EAAD,CAAzB;;AACA,2BAA6BC,gCAAiB,EAA9C;AAAA,MAAQC,gBAAR,sBAAQA,gBAAR;;AACA,4BAA+BC,wBAAkB,EAAjD;AAAA,MAAQC,kBAAR,uBAAQA,kBAAR;;AAEA,MAAMC,SAAS,GAAG;AAChBf,IAAAA,UAAU,EAAVA,UADgB;AAEhBC,IAAAA,OAAO,EAAPA;AAFgB,GAAlB;AAKA,MAAMe,UAAU,GAAGC,iBAAW,CAAC,UAAAC,QAAQ,EAAI;AACzCV,IAAAA,YAAY,CACV;AAAEF,MAAAA,EAAE,EAAFA;AAAF,KADU,EAEV;AAAEJ,MAAAA,KAAK,EAAEgB;AAAT,KAFU,CAAZ;AAID,GAL6B,EAK3B,CAACZ,EAAD,CAL2B,CAA9B;;AAOA,MAAMa,OAAO,GAAG,SAAVA,OAAU,CAAAC,CAAC,EAAI;AACnBA,IAAAA,CAAC,CAACC,aAAF,CAAgBC,aAAhB,CAA8BC,YAA9B,CAA2C,WAA3C,EAAwD,KAAxD;AACD,GAFD;;AAIAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAI,CAACZ,gBAAL,EAAuB;AACrBH,MAAAA,UAAU,CAACgB,OAAX,CAAmBH,aAAnB,CAAiCC,YAAjC,CAA8C,WAA9C,EAA2D,IAA3D;AACD;AACF,GAJQ,EAIN,CAACX,gBAAD,CAJM,CAAT;AAMA,sBACEc;AACE,IAAA,GAAG,EAAEjB,UADP;AAEE,IAAA,SAAS,EAAC,0BAFZ;AAGE,IAAA,OAAO,EAAEU,OAHX;AAIE,IAAA,KAAK,EAAEJ,SAJT;AAAA,2BAMEW,eAAC,UAAD;AACE,MAAA,OAAO,EAAExB,KADX;AAEE,MAAA,UAAU,EAAEc,UAFd;AAGE,MAAA,QAAQ,EAAET,QAHZ;AAIE,MAAA,UAAU,EAAEH,UAJd;AAKE,MAAA,WAAW,EAAEU;AALf;AANF,IADF;AAgBD;AAEDX,eAAe,CAACwB,SAAhB,GAA4B;AAC1BvB,EAAAA,UAAU,EAAEwB,6BAAS,CAACC,IADI;AAE1BxB,EAAAA,IAAI,EAAEuB,6BAAS,CAACE,KAAV,CAAgB;AACpB9B,IAAAA,UAAU,EAAE4B,6BAAS,CAACG,MADF;AAEpBzB,IAAAA,EAAE,EAAEsB,6BAAS,CAACG,MAFM;AAGpBxB,IAAAA,QAAQ,EAAEqB,6BAAS,CAACC,IAHA;AAIpB5B,IAAAA,OAAO,EAAE2B,6BAAS,CAACI,MAJC;AAKpB9B,IAAAA,KAAK,EAAE0B,6BAAS,CAACG;AALG,GAAhB,CAFoB;AAS1BvB,EAAAA,YAAY,EAAEoB,6BAAS,CAACK;AATE,CAA5B;~~AAYA9B~~,~~eAAe~~,~~CAAC+B,YAAhB,GAA+B;AAC7B9B,EAAAA,UAAU,EAAE,KADiB;AAE7BC,EAAAA,IAAI,EAAE,EAFuB;AAG7BG,EAAAA,YAAY,EAAE,wBAAM;AAHS,CAA/B;AAMA,IAAM2B,~~OAAO,GAAG;AACdC,EAAAA,MAAM,EAAE,EADM;AAEdC,EAAAA,QAAQ,~~EAAEjD~~,SAFI;~~AAGdkD~~,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,eAAe;AACbC,EAAAA,SAAS,eAAEC,UAAI,~~CAACrC~~,eAAD,CADF;AAEbJ,EAAAA,WAAW,EAAXA,WAFa;~~AAGboC~~,EAAAA,OAAO,EAAPA,OAHa;AAIbE,EAAAA,QAAQ,~~EAAEjD~~,SAJG;AAKbC,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;;"}
1	+ {"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n];\n\nconst defaultItem = {\n fontFamily: 'Circular',\n opacity: 1,\n value: '',\n};\n\nexport const RichTextElement = ({\n isSelected = false,\n item: {\n fontFamily,\n id,\n isLocked,\n opacity,\n value,\n } = defaultItem,\n onItemChange = () => {},\n}) => {\n const reportItem = useRef({});\n const { isTextEditorOpen } = useBuilderContext();\n const { CLICK_TO_EDIT_TEXT } = useTranslatedTexts();\n\n const textStyle = {\n fontFamily,\n opacity,\n };\n\n const handleSave = useCallback(newValue => {\n onItemChange(\n { id },\n { value: newValue },\n );\n }, [id]);\n\n const onFocus = e => {\n e.currentTarget.parentElement.setAttribute('draggable', false);\n };\n\n useEffect(() => {\n if (!isTextEditorOpen) {\n reportItem.current.parentElement.setAttribute('draggable', true);\n }\n }, [isTextEditorOpen]);\n\n return (\n <div\n ref={reportItem}\n className=\"reportItemInner f-height\"\n onFocus={onFocus}\n style={textStyle}\n >\n <TextEditor\n content={value}\n handleSave={handleSave}\n isLocked={isLocked}\n isSelected={isSelected}\n placeholder={CLICK_TO_EDIT_TEXT}\n />\n </div>\n );\n};\n\nRichTextElement.propTypes = {\n isSelected: PropTypes.bool,\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nexport default {\n Component: memo(RichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","useTranslatedTexts","CLICK_TO_EDIT_TEXT","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","details","height","itemType","width","Component","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/Shapes.js CHANGED Viewed

@@ -364,7 +364,8 @@ var defaultItem = {
 };
 var ShapeElement = function ShapeElement(_ref2) {
   var _ref2$item = _ref2.item;
-      _ref2$item.height;
+  _ref2$item = _ref2$item === void 0 ? defaultItem : _ref2$item;
+  _ref2$item.height;
       var lineDirection = _ref2$item.lineDirection,
       lineSize = _ref2$item.lineSize,
       lineType = _ref2$item.lineType,
@@ -429,9 +430,6 @@ ShapeElement.propTypes = {
     width: PropTypes__default['default'].number
   })
 };
-ShapeElement.defaultProps = {
-  item: _objectSpread({}, defaultItem)
-};
 var details = {
   height: 200,
   itemType: ITEM_TYPE,

package/lib/cjs/components/Elements/Shapes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shapes.js","sources":["../../../../src/components/Elements/Shapes.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'shapes';\n\nconst defaultSizes = {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n};\n\nconst settings = [\n {\n ifValueEquals: {\n ellipse: defaultSizes,\n line: {\n height: {\n cast: 'integer',\n value: 30,\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'off',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'off',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n },\n rectangle: defaultSizes,\n star: defaultSizes,\n triangle: defaultSizes,\n },\n key: 'shapeType',\n label: 'Shape Type',\n options: [\n {\n icon: icons.rectangleIcon,\n name: 'rectangle',\n title: 'Rectangle',\n },\n {\n icon: icons.ellipseIcon,\n name: 'ellipse',\n title: 'Ellipse',\n },\n {\n icon: icons.lineIcon,\n name: 'line',\n title: 'Line',\n },\n {\n icon: icons.triangleIcon,\n name: 'triangle',\n title: 'Triangle',\n },\n {\n icon: icons.starIcon,\n name: 'star',\n title: 'Star',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'lineType',\n label: 'Style',\n options: [\n { label: 'Solid', value: 'solid' },\n { label: 'Dashed', value: 'dashed' },\n { label: 'Dotted', value: 'dotted' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n key: 'lineSize',\n label: 'Size',\n options: [\n { label: 'Thin', value: 'thin' },\n { label: 'Medium', value: 'medium' },\n { label: 'Thick', value: 'thick' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n ifValueEquals: {\n horizontal: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n vertical: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n },\n key: 'lineDirection',\n label: 'Direction',\n options: [\n { label: 'Horizontal', value: 'horizontal' },\n { label: 'Vertical', value: 'vertical' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeFillShow',\n label: 'Fill',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeFillColor',\n label: 'Color',\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeFillColor',\n label: 'Fill Color',\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'slider',\n },\n {\n key: 'opacity',\n label: 'Fill Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'slider',\n },\n {\n ...divider('GENERAL'),\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeBorderShow',\n label: 'Border',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeBorderColor',\n label: 'Border Color',\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeBorderWidth',\n label: 'Border Size',\n options: [\n { label: 'Thin', value: '2px' },\n { label: 'Medium', value: '4px' },\n { label: 'Thick', value: '6px' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nconst\n getSVG = (\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n ) => {\n const commonShapeProps = {\n fill: shapeFillShow === 'on' \|\| shapeFillShow === undefined ? shapeFillColor : 'none',\n fillOpacity: opacity,\n stroke: shapeBorderShow === 'on' \|\| shapeBorderShow === undefined ? shapeBorderColor : 'none',\n strokeWidth: shapeBorderShow === 'on' ? shapeBorderWidth : '0',\n };\n // const commonShapeStyles = {\n // outline: `${shapeBorderWidth} ${shapeBorderStyle} ${shapeBorderColor}`,\n // outlineOffset: `-${shapeBorderWidth}`,\n // };\n switch (shapeType) {\n case 'rectangle':\n case 'square': {\n return (\n <rect\n height=\"100%\"\n rx={`${roundedCorners \|\| 0}px`}\n ry={`${roundedCorners \|\| 0}px`}\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'ellipse':\n case 'circle': {\n return (\n <ellipse\n cx=\"50%\"\n cy=\"50%\"\n rx=\"50%\"\n ry=\"50%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'star': {\n return (\n <path\n d=\"M100.145,0.74 L131.042518,66.5812528 L200.145,77.1420881\n L150.151365,128.380209 L161.952766,200.74 L100.145,166.581253 L38.3372342,200.74\n L50.1386346,128.380209 L0.145,77.1420881 L69.2474825,66.5678678 L100.145,0.74 Z\"\n {...commonShapeProps}\n />\n );\n }\n case 'triangle': {\n return (\n <polygon\n points=\"100,0 0,200 200,200\"\n {...commonShapeProps}\n />\n );\n }\n default: {\n return (\n <rect\n height=\"100%\"\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n }\n };\n\nconst defaultItem = {\n height: 200,\n lineDirection: 'horizontal',\n lineSize: 'thin',\n lineType: 'solid',\n opacity: 1,\n roundedCorners: 0,\n shapeBorderColor: '#999999',\n shapeBorderShow: 'off',\n shapeBorderWidth: '2px',\n shapeFillColor: '#000000',\n shapeFillShow: 'on',\n shapeType: 'rectangle',\n width: 200,\n};\n\nexport const ShapeElement = ({\n item: {\n height,\n lineDirection,\n lineSize,\n lineType,\n opacity,\n roundedCorners,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n shapeType,\n width,\n },\n}) => {\n if (shapeType === 'line') {\n return (\n <div className=\"d-flex j-center a-center f-all\">\n <div\n className=\"reportItem-line\"\n style={lineDirection === 'horizontal'\n ? {\n borderBottomStyle: lineType,\n borderBottomWidth: lineSize,\n borderColor: shapeFillColor,\n height: '0',\n opacity,\n width: '100%',\n }\n : {\n borderColor: shapeFillColor,\n borderRightStyle: lineType,\n borderRightWidth: lineSize,\n height: '100%',\n opacity,\n width: '0',\n }}\n />\n </div>\n );\n }\n return (\n <svg\n className={shapeBorderShow === 'on'\n ? `fitFor-${shapeBorderWidth}${shapeType === 'star' ? ' forStar' : ''}` : 'f-all'}\n overflow=\"visible\"\n preserveAspectRatio={shapeType === 'triangle' ? 'none' : null}\n version=\"1.1\"\n viewBox={shapeType === 'star' \|\| shapeType === 'triangle' ? '0 0 200 200' : null}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {getSVG(\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n height,\n width,\n )}\n </svg>\n );\n};\n\nShapeElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n lineDirection: PropTypes.string,\n lineSize: PropTypes.string,\n lineType: PropTypes.string,\n opacity: PropTypes.number,\n roundedCorners: PropTypes.number,\n shapeBorderColor: PropTypes.string,\n shapeBorderShow: PropTypes.string,\n shapeBorderWidth: PropTypes.string,\n shapeFillColor: PropTypes.string,\n shapeFillShow: PropTypes.string,\n shapeType: PropTypes.string,\n width: PropTypes.number,\n }),\n};\n\nShapeElement.defaultProps = {\n item: {\n ...defaultItem,\n },\n};\n\nconst details = {\n height: 200,\n itemType: ITEM_TYPE,\n width: 200,\n};\n\nexport default {\n Component: memo(ShapeElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","defaultSizes","height","cast","value","shapeBorderShow","shapeFillShow","width","settings","ifValueEquals","ellipse","line","rectangle","star","triangle","key","label","options","icon","icons","name","title","section","type","divider","showWhen","shapeType","horizontal","vertical","hideWhen","off","wrapperClass","range","simple","_","getSVG","shapeBorderColor","shapeBorderWidth","shapeFillColor","opacity","roundedCorners","commonShapeProps","fill","undefined","fillOpacity","stroke","strokeWidth","_jsx","defaultItem","lineDirection","lineSize","lineType","ShapeElement","item","borderBottomStyle","borderBottomWidth","borderColor","borderRightStyle","borderRightWidth","propTypes","PropTypes","shape","number","string","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Shapes.js","sources":["../../../../src/components/Elements/Shapes.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'shapes';\n\nconst defaultSizes = {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n};\n\nconst settings = [\n {\n ifValueEquals: {\n ellipse: defaultSizes,\n line: {\n height: {\n cast: 'integer',\n value: 30,\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'off',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'off',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n },\n rectangle: defaultSizes,\n star: defaultSizes,\n triangle: defaultSizes,\n },\n key: 'shapeType',\n label: 'Shape Type',\n options: [\n {\n icon: icons.rectangleIcon,\n name: 'rectangle',\n title: 'Rectangle',\n },\n {\n icon: icons.ellipseIcon,\n name: 'ellipse',\n title: 'Ellipse',\n },\n {\n icon: icons.lineIcon,\n name: 'line',\n title: 'Line',\n },\n {\n icon: icons.triangleIcon,\n name: 'triangle',\n title: 'Triangle',\n },\n {\n icon: icons.starIcon,\n name: 'star',\n title: 'Star',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'lineType',\n label: 'Style',\n options: [\n { label: 'Solid', value: 'solid' },\n { label: 'Dashed', value: 'dashed' },\n { label: 'Dotted', value: 'dotted' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n key: 'lineSize',\n label: 'Size',\n options: [\n { label: 'Thin', value: 'thin' },\n { label: 'Medium', value: 'medium' },\n { label: 'Thick', value: 'thick' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n ifValueEquals: {\n horizontal: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n vertical: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n },\n key: 'lineDirection',\n label: 'Direction',\n options: [\n { label: 'Horizontal', value: 'horizontal' },\n { label: 'Vertical', value: 'vertical' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeFillShow',\n label: 'Fill',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeFillColor',\n label: 'Color',\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeFillColor',\n label: 'Fill Color',\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'slider',\n },\n {\n key: 'opacity',\n label: 'Fill Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'slider',\n },\n {\n ...divider('GENERAL'),\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeBorderShow',\n label: 'Border',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeBorderColor',\n label: 'Border Color',\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeBorderWidth',\n label: 'Border Size',\n options: [\n { label: 'Thin', value: '2px' },\n { label: 'Medium', value: '4px' },\n { label: 'Thick', value: '6px' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nconst\n getSVG = (\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n ) => {\n const commonShapeProps = {\n fill: shapeFillShow === 'on' \|\| shapeFillShow === undefined ? shapeFillColor : 'none',\n fillOpacity: opacity,\n stroke: shapeBorderShow === 'on' \|\| shapeBorderShow === undefined ? shapeBorderColor : 'none',\n strokeWidth: shapeBorderShow === 'on' ? shapeBorderWidth : '0',\n };\n // const commonShapeStyles = {\n // outline: `${shapeBorderWidth} ${shapeBorderStyle} ${shapeBorderColor}`,\n // outlineOffset: `-${shapeBorderWidth}`,\n // };\n switch (shapeType) {\n case 'rectangle':\n case 'square': {\n return (\n <rect\n height=\"100%\"\n rx={`${roundedCorners \|\| 0}px`}\n ry={`${roundedCorners \|\| 0}px`}\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'ellipse':\n case 'circle': {\n return (\n <ellipse\n cx=\"50%\"\n cy=\"50%\"\n rx=\"50%\"\n ry=\"50%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'star': {\n return (\n <path\n d=\"M100.145,0.74 L131.042518,66.5812528 L200.145,77.1420881\n L150.151365,128.380209 L161.952766,200.74 L100.145,166.581253 L38.3372342,200.74\n L50.1386346,128.380209 L0.145,77.1420881 L69.2474825,66.5678678 L100.145,0.74 Z\"\n {...commonShapeProps}\n />\n );\n }\n case 'triangle': {\n return (\n <polygon\n points=\"100,0 0,200 200,200\"\n {...commonShapeProps}\n />\n );\n }\n default: {\n return (\n <rect\n height=\"100%\"\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n }\n };\n\nconst defaultItem = {\n height: 200,\n lineDirection: 'horizontal',\n lineSize: 'thin',\n lineType: 'solid',\n opacity: 1,\n roundedCorners: 0,\n shapeBorderColor: '#999999',\n shapeBorderShow: 'off',\n shapeBorderWidth: '2px',\n shapeFillColor: '#000000',\n shapeFillShow: 'on',\n shapeType: 'rectangle',\n width: 200,\n};\n\nexport const ShapeElement = ({\n item: {\n height,\n lineDirection,\n lineSize,\n lineType,\n opacity,\n roundedCorners,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n shapeType,\n width,\n } = defaultItem,\n}) => {\n if (shapeType === 'line') {\n return (\n <div className=\"d-flex j-center a-center f-all\">\n <div\n className=\"reportItem-line\"\n style={lineDirection === 'horizontal'\n ? {\n borderBottomStyle: lineType,\n borderBottomWidth: lineSize,\n borderColor: shapeFillColor,\n height: '0',\n opacity,\n width: '100%',\n }\n : {\n borderColor: shapeFillColor,\n borderRightStyle: lineType,\n borderRightWidth: lineSize,\n height: '100%',\n opacity,\n width: '0',\n }}\n />\n </div>\n );\n }\n return (\n <svg\n className={shapeBorderShow === 'on'\n ? `fitFor-${shapeBorderWidth}${shapeType === 'star' ? ' forStar' : ''}` : 'f-all'}\n overflow=\"visible\"\n preserveAspectRatio={shapeType === 'triangle' ? 'none' : null}\n version=\"1.1\"\n viewBox={shapeType === 'star' \|\| shapeType === 'triangle' ? '0 0 200 200' : null}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {getSVG(\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n height,\n width,\n )}\n </svg>\n );\n};\n\nShapeElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n lineDirection: PropTypes.string,\n lineSize: PropTypes.string,\n lineType: PropTypes.string,\n opacity: PropTypes.number,\n roundedCorners: PropTypes.number,\n shapeBorderColor: PropTypes.string,\n shapeBorderShow: PropTypes.string,\n shapeBorderWidth: PropTypes.string,\n shapeFillColor: PropTypes.string,\n shapeFillShow: PropTypes.string,\n shapeType: PropTypes.string,\n width: PropTypes.number,\n }),\n};\n\nconst details = {\n height: 200,\n itemType: ITEM_TYPE,\n width: 200,\n};\n\nexport default {\n Component: memo(ShapeElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","defaultSizes","height","cast","value","shapeBorderShow","shapeFillShow","width","settings","ifValueEquals","ellipse","line","rectangle","star","triangle","key","label","options","icon","icons","name","title","section","type","divider","showWhen","shapeType","horizontal","vertical","hideWhen","off","wrapperClass","range","simple","_","getSVG","shapeBorderColor","shapeBorderWidth","shapeFillColor","opacity","roundedCorners","commonShapeProps","fill","undefined","fillOpacity","stroke","strokeWidth","_jsx","defaultItem","lineDirection","lineSize","lineType","ShapeElement","item","borderBottomStyle","borderBottomWidth","borderColor","borderRightStyle","borderRightWidth","propTypes","PropTypes","shape","number","string","details","itemType","Component","memo"],"mappings":"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"}

package/lib/cjs/components/ItemPositioner.js CHANGED Viewed

@@ -9,9 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ItemPositioner = function ItemPositioner(_ref) {
-  var children = _ref.children,
-      classNames = _ref.classNames,
-      style = _ref.style;
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$classNames = _ref.classNames,
+      classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: classNames,
     style: style,
@@ -24,11 +27,6 @@ ItemPositioner.propTypes = {
   classNames: PropTypes__default['default'].string,
   style: PropTypes__default['default'].shape({})
 };
-ItemPositioner.defaultProps = {
-  children: null,
-  classNames: '',
-  style: {}
-};
 var ItemPositioner$1 = /*#__PURE__*/React.memo(ItemPositioner);
 module.exports = ItemPositioner$1;

package/lib/cjs/components/ItemPositioner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemPositioner.js","sources":["../../../src/components/ItemPositioner.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ItemPositioner = ({\n children,\n classNames,\n style,\n}) => {\n return (\n <div\n className={classNames}\n style={style}\n >\n {children}\n </div>\n );\n};\n\nItemPositioner.propTypes = {\n children: PropTypes.any,\n classNames: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\~~nItemPositioner.defaultProps = {\n children: null,\n classNames: '',\n style: {},\n};\n\~~nexport default memo(ItemPositioner);\n"],"names":["ItemPositioner","children","classNames","style","_jsx","propTypes","PropTypes","any","string","shape","~~defaultProps","~~memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAIjB;AAAA,~~MAHJC~~,QAGI,~~QAHJA~~,QAGI;AAAA,~~MAFJC~~,UAEI,~~QAFJA~~,UAEI;AAAA,~~MADJC~~,KACI,~~QADJA~~,KACI;AACJ,sBACEC;AACE,IAAA,SAAS,EAAEF,UADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAAA,cAIGF;AAJH,IADF;AAQD,CAbD;;AAeAD,cAAc,CAACK,SAAf,GAA2B;AACzBJ,EAAAA,QAAQ,EAAEK,6BAAS,CAACC,GADK;AAEzBL,EAAAA,UAAU,EAAEI,6BAAS,CAACE,MAFG;AAGzBL,EAAAA,KAAK,EAAEG,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHkB,CAA3B;~~AAMAT,cAAc,CAACU,YAAf,GAA8B;AAC5BT,EAAAA,QAAQ,EAAE,IADkB;AAE5BC,EAAAA,UAAU,EAAE,EAFgB;AAG5BC,EAAAA,KAAK,EAAE;AAHqB,CAA9B;~~AAMA,~~oCAAeQ~~,UAAI,~~CAACX~~,cAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"ItemPositioner.js","sources":["../../../src/components/ItemPositioner.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ItemPositioner = ({\n children = null,\n classNames = '',\n style = {},\n}) => {\n return (\n <div\n className={classNames}\n style={style}\n >\n {children}\n </div>\n );\n};\n\nItemPositioner.propTypes = {\n children: PropTypes.any,\n classNames: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\nexport default memo(ItemPositioner);\n"],"names":["ItemPositioner","children","classNames","style","_jsx","propTypes","PropTypes","any","string","shape","memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAIjB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,EAET;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,sBACEC;AACE,IAAA,SAAS,EAAEF,UADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAAA,cAIGF;AAJH,IADF;AAQD,CAbD;;AAeAD,cAAc,CAACK,SAAf,GAA2B;AACzBJ,EAAAA,QAAQ,EAAEK,6BAAS,CAACC,GADK;AAEzBL,EAAAA,UAAU,EAAEI,6BAAS,CAACE,MAFG;AAGzBL,EAAAA,KAAK,EAAEG,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHkB,CAA3B;AAMA,oCAAeC,UAAI,CAACV,cAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js CHANGED Viewed

@@ -41,14 +41,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AllSlidesPanel = function AllSlidesPanel(_ref) {
-  var additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      pages = _ref.pages;
+  var _ref$additionalPageIt = _ref.additionalPageItems,
+      additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+      _ref$hashCode = _ref.hashCode,
+      hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageOrdersChan = _ref.onPageOrdersChange,
+      onPageOrdersChange = _ref$onPageOrdersChan === void 0 ? function () {} : _ref$onPageOrdersChan,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages;
   var _useBuilderContext = builderContext.useBuilderContext(),
       isAllSlidesPanelOpen = _useBuilderContext.isAllSlidesPanelOpen,
@@ -135,9 +143,7 @@ var AllSlidesPanel = function AllSlidesPanel(_ref) {
           acceptedItems: acceptedItems,
           additionalPageItems: additionalPageItems,
           axis: "xy",
-          distance: 50,
           hashCode: hashCode,
-          helperClass: "pageThumbnailHelper forAllSlides",
           itemAccessor: itemAccessor,
           layoutSettings: layoutSettings,
           onAnEventTrigger: onAnEventTrigger,
@@ -169,16 +175,6 @@ AllSlidesPanel.propTypes = {
   onPageRemove: PropTypes__default['default'].func,
   pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
 };
-AllSlidesPanel.defaultProps = {
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  pages: []
-};
 var AllSlidesPanel$1 = /*#__PURE__*/React.memo(AllSlidesPanel);
 module.exports = AllSlidesPanel$1;