@jotforminc/dnd-builder 1.0.2 → 2.0.0-beta.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Builder/Tabs.js"],"sourcesContent":["import { Fragment, memo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\n\nconst Tabs = ({ panel, tabs }) => {\n  const {\n    activeTab,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    setActiveTab,\n  } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n  } = usePropContext();\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(panel, index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger, panel]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className={`toolTabs d-flex p-relative ${panel}`}\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => {\n          const checked = activeTab[panel] === index\n            && ((panel === 'left' && isLeftPanelOpen) || (panel === 'right' && isRightPanelOpen));\n          return (\n            <Fragment key={tab}>\n              <input\n                checked={checked}\n                className=\"toolTabs-tab\"\n                id={tab}\n                name=\"tabs\"\n                onChange={() => setCurrentTab(index, tab)}\n                tab-count={index}\n                type=\"radio\"\n              />\n              <label\n                className=\"t-normal js-tabLabel\"\n                htmlFor={tab}\n              >\n                <span>\n                  {tab}\n                </span>\n              </label>\n            </Fragment>\n          );\n        })}\n        <div\n          className=\"toolTabs-indicator p-absolute\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nTabs.propTypes = {\n  panel: PropTypes.string.isRequired,\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nTabs.defaultProps = {\n  tabs: [],\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","panel","tabs","useBuilderContext","activeTab","isLeftPanelOpen","isRightPanelOpen","setActiveTab","usePropContext","onAnEventTrigger","setCurrentTab","useCallback","index","tab","length","_jsxs","map","checked","_jsx","propTypes","PropTypes","string","isRequired","arrayOf","defaultProps","memo"],"mappings":";;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAqB;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAAA,2BAM5BC,iBAAiB,EANW;AAAA,MAE9BC,SAF8B,sBAE9BA,SAF8B;AAAA,MAG9BC,eAH8B,sBAG9BA,eAH8B;AAAA,MAI9BC,gBAJ8B,sBAI9BA,gBAJ8B;AAAA,MAK9BC,YAL8B,sBAK9BA,YAL8B;;AAAA,wBAS5BC,cAAc,EATc;AAAA,MAQ9BC,gBAR8B,mBAQ9BA,gBAR8B;;AAWhC,MAAMC,aAAa,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACN,KAAD,EAAQW,KAAR,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBI,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeE,gBAAf,EAAiCR,KAAjC,CAH8B,CAAjC;AAKA,SACEC,IAAI,CAACY,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,uCAAgCd,KAAhC,CADX;AAEE,gBAAUC,IAAI,CAACY,MAFjB;AAAA,eAIIZ,IAAI,CAACc,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN,EAAgB;AACzB,UAAMK,OAAO,GAAGb,SAAS,CAACH,KAAD,CAAT,KAAqBW,KAArB,KACTX,KAAK,KAAK,MAAV,IAAoBI,eAArB,IAA0CJ,KAAK,KAAK,OAAV,IAAqBK,gBADrD,CAAhB;AAEA,0BACES,KAAC,QAAD;AAAA,gCACEG;AACE,UAAA,OAAO,EAAED,OADX;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEJ,GAHN;AAIE,UAAA,IAAI,EAAC,MAJP;AAKE,UAAA,QAAQ,EAAE;AAAA,mBAAMH,aAAa,CAACE,KAAD,EAAQC,GAAR,CAAnB;AAAA,WALZ;AAME,uBAAWD,KANb;AAOE,UAAA,IAAI,EAAC;AAPP,UADF,eAUEM;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEL,GAFX;AAAA,iCAIEK;AAAA,sBACGL;AADH;AAJF,UAVF;AAAA,SAAeA,GAAf,CADF;AAqBD,KAxBC,CAJJ,eA6BEK;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,kBAAUhB,IAAI,CAACY;AAFjB,MA7BF;AAAA,IAFJ;AAsCD,CAtDD;;AAwDAd,IAAI,CAACmB,SAAL,GAAiB;AACflB,EAAAA,KAAK,EAAEmB,SAAS,CAACC,MAAV,CAAiBC,UADT;AAEfpB,EAAAA,IAAI,EAAEkB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACC,MAA5B;AAFS,CAAjB;AAKArB,IAAI,CAACwB,YAAL,GAAoB;AAClBtB,EAAAA,IAAI,EAAE;AADY,CAApB;AAIA,0BAAeuB,IAAI,CAACzB,IAAD,CAAnB;;;;"}

package/lib/esm/components/Elements/Chart.js

@@ -86,7 +86,7 @@ var settings = [{
     name: 'column',
     title: 'Column Chart'
   }],
-  section: 'General',
+  section: 'GENERAL',
   type: 'selectBox'
 }];
 var details = {

package/lib/esm/components/Elements/Chart.js.map

@@ -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","_jsxs","ChartPie","map","entry","index","length","toString","Chart","chartType","item","propTypes","PropTypes","shape","string","defaultProps","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}
+{"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","_jsxs","ChartPie","map","entry","index","length","toString","Chart","chartType","item","propTypes","PropTypes","shape","string","defaultProps","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}

package/lib/esm/components/Elements/Icon.js

@@ -18,23 +18,23 @@ var iconStyle = {
 var settings = [{
   key: 'iconType',
   label: 'Icon Type',
-  section: 'General',
+  section: 'GENERAL',
   type: 'iconSelectBox'
-}, _objectSpread({}, fieldSet('Details', 'Icon Style')), {
+}, _objectSpread({}, fieldSet('DETAILS', 'Icon Style')), {
   key: 'iconFillColor',
   label: 'Color',
-  section: 'Details',
+  section: 'DETAILS',
   type: 'colorPicker'
 }, {
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'Details',
+  section: 'DETAILS',
   type: 'slider'
 }, {
   key: 'sizeSettings',
   label: 'Size',
-  section: 'Details',
+  section: 'DETAILS',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,

package/lib/esm/components/Elements/Icon.js.map

@@ -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,QAAQ,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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,SAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,SAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,SAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,SAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,SAAS,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,IAAI,CAACnB,WAAD,CADF;AAEbgB,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE9B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
+{"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,QAAQ,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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,SAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,SAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,SAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,SAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,SAAS,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,IAAI,CAACnB,WAAD,CADF;AAEbgB,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE9B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}

package/lib/esm/components/Elements/Image.js

@@ -1,6 +1,6 @@
 import 'core-js/modules/es.array.concat.js';
 import { memo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import { shape, string, oneOfType, number, func } from 'prop-types';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -21,7 +21,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ITEM_TYPE = 'image';
-var defaultURL = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';
+var DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';
 var imageWrapperStyle = {
   height: 'inherit',
   width: 'inherit'
@@ -47,8 +47,7 @@ var settings = [{
     }
   },
   key: 'url',
-  label: 'Image Upload',
-  section: 'General',
+  section: 'GENERAL',
   type: 'imageThumbnailWithDelete'
 }, {
   hideWhen: {
@@ -56,7 +55,7 @@ var settings = [{
   },
   key: 'sizeSettings',
   label: 'Size',
-  section: 'General',
+  section: 'GENERAL',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,
@@ -70,7 +69,7 @@ var settings = [{
   key: 'roundedCorners',
   label: 'Rounded Corners',
   range: [0, 30],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'rectangle'
   },
@@ -83,12 +82,12 @@ var settings = [{
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   type: 'slider'
 }, {
   key: 'url',
-  label: 'Enter URL',
-  section: 'Enter URL',
+  label: 'Enter Url',
+  section: 'ENTER URL',
   showWhen: {
     url: ''
   },
@@ -96,10 +95,8 @@ var settings = [{
   useImageSizeUpdate: true
 }];
 var ImageElement = function ImageElement(_ref2) {
-  var _ref2$item = _ref2.item,
-      opacity = _ref2$item.opacity,
-      roundedCorners = _ref2$item.roundedCorners,
-      url = _ref2$item.url;
+  var item = _ref2.item,
+      itemAccessor = _ref2.itemAccessor;
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -111,6 +108,11 @@ var ImageElement = function ImageElement(_ref2) {
       isErrored = _useState4[0],
       setIsErrored = _useState4[1];
 
+  var opacity = item.opacity,
+      roundedCorners = item.roundedCorners,
+      url = item.url;
+  var additionalProps = itemAccessor(item);
+  var defaultURL = (additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.defaultURL) || DEFAULT_LOGO_SRC;
   useEffect(function () {
     setIsLoading(true);
     setIsErrored(false);
@@ -148,19 +150,22 @@ var ImageElement = function ImageElement(_ref2) {
   });
 };
 ImageElement.propTypes = {
-  item: PropTypes.shape({
-    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    id: PropTypes.string,
-    opacity: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    roundedCorners: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    url: PropTypes.string,
-    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  })
+  item: shape({
+    defaultURL: string,
+    height: oneOfType([number, string]),
+    id: string,
+    opacity: oneOfType([number, string]),
+    roundedCorners: oneOfType([number, string]),
+    url: string,
+    width: oneOfType([number, string])
+  }),
+  itemAccessor: func
 };
 ImageElement.defaultProps = {
   item: {
     opacity: 1
-  }
+  },
+  itemAccessor: function itemAccessor() {}
 };
 var details = {
   height: 400,

package/lib/esm/components/Elements/Image.js.map

@@ -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 PropTypes from 'prop-types';\n\nconst ITEM_TYPE = 'image';\nconst defaultURL = 'https://www.jotform.com/resources/assets/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    label: 'Image Upload',\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: {\n    opacity,\n    roundedCorners,\n    url,\n  },\n}) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isErrored, setIsErrored] = useState(false);\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [url, 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={url || 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: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    opacity: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    roundedCorners: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    url: PropTypes.string,\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nImageElement.defaultProps = {\n  item: {\n    opacity: 1,\n  },\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","defaultURL","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","label","section","type","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","opacity","roundedCorners","useState","isLoading","setIsLoading","isErrored","setIsErrored","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","PropTypes","shape","oneOfType","number","string","id","defaultProps","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,SAAS,GAAG,OAAlB;AACA,IAAMC,UAAU,GAAG,wFAAnB;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,KAAK,EAAE,cAjBT;AAkBEC,EAAAA,OAAO,EAAE,SAlBX;AAmBEC,EAAAA,IAAI,EAAE;AAnBR,CADe,EAsBf;AACER,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,cAJP;AAKEC,EAAAA,KAAK,EAAE,MALT;AAMEC,EAAAA,OAAO,EAAE,SANX;AAOEC,EAAAA,IAAI,EAAE,cAPR;AAQEJ,EAAAA,KAAK,EAAE,eAACK,CAAD;AAAA,QAAMb,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AART,CAtBe,EAgCf;AACEI,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,gBAJP;AAKEC,EAAAA,KAAK,EAAE,iBALT;AAMEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,EAAJ,CANT;AAOEH,EAAAA,OAAO,EAAE,SAPX;AAQEI,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GARZ;AAWEC,EAAAA,MAAM,EAAE,IAXV;AAYEL,EAAAA,IAAI,EAAE;AAZR,CAhCe,EA8Cf;AACER,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE;AADG,GADZ;AAIEI,EAAAA,GAAG,EAAE,SAJP;AAKEC,EAAAA,KAAK,EAAE,SALT;AAMEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CANT;AAOEH,EAAAA,OAAO,EAAE,SAPX;AAQEC,EAAAA,IAAI,EAAE;AARR,CA9Ce,EAwDf;AACEH,EAAAA,GAAG,EAAE,KADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,WAHX;AAIEI,EAAAA,QAAQ,EAAE;AAAEV,IAAAA,GAAG,EAAE;AAAP,GAJZ;AAKEO,EAAAA,IAAI,EAAE,eALR;AAMEM,EAAAA,kBAAkB,EAAE;AANtB,CAxDe,CAAjB;IAkEaC,YAAY,GAAG,SAAfA,YAAe,QAMtB;AAAA,yBALJC,IAKI;AAAA,MAJFC,OAIE,cAJFA,OAIE;AAAA,MAHFC,cAGE,cAHFA,cAGE;AAAA,MAFFjB,GAEE,cAFFA,GAEE;;AAAA,kBAC8BkB,QAAQ,CAAC,IAAD,CADtC;AAAA;AAAA,MACGC,SADH;AAAA,MACcC,YADd;;AAAA,mBAE8BF,QAAQ,CAAC,KAAD,CAFtC;AAAA;AAAA,MAEGG,SAFH;AAAA,MAEcC,YAFd;;AAIJC,EAAAA,SAAS,CAAC,YAAM;AACdH,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACAE,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,GAHQ,EAGN,CAACtB,GAAD,EAAMoB,YAAN,EAAoBE,YAApB,CAHM,CAAT,CAJI;;AAWJ,sBACEE;AAAA,4BACEC;AACE,MAAA,KAAK,kCACA/B,iBADA;AAEHgC,QAAAA,OAAO,EAAEP,SAAS,IAAIE,SAAb,GAAyB,MAAzB,GAAkC;AAFxC,QADP;AAAA,6BAMEI;AACE,QAAA,GAAG,EAAC,aADN;AAEE,QAAA,OAAO,EAAE,mBAAM;AACbL,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,EAAEpB,GAAG,IAAIP,UAPd;AAQE,QAAA,KAAK,kCACAI,UADA;AAEH8B,UAAAA,YAAY,YAAKV,cAAL,OAFT;AAGHS,UAAAA,OAAO,EAAEL,SAAS,GAAG,MAAH,GAAY,EAH3B;AAIHL,UAAAA,OAAO,EAAEY,UAAU,CAACZ,OAAD;AAJhB;AARP;AANF,MADF,EAuBGK,SAAS,iBACRI;AACE,MAAA,KAAK,kCACA/B,iBADA;AAEHmC,QAAAA,UAAU,EAAE,SAFT;AAGHC,QAAAA,UAAU,EAAE,KAHT;AAIHC,QAAAA,SAAS,EAAE;AAJR,QADP;AAAA;AAAA,MAxBJ;AAAA,IADF;AAsCD;AAEDjB,YAAY,CAACkB,SAAb,GAAyB;AACvBjB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB;AACpBvC,IAAAA,MAAM,EAAEsC,SAAS,CAACE,SAAV,CAAoB,CAC1BF,SAAS,CAACG,MADgB,EAE1BH,SAAS,CAACI,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEL,SAAS,CAACI,MALM;AAMpBrB,IAAAA,OAAO,EAAEiB,SAAS,CAACE,SAAV,CAAoB,CAC3BF,SAAS,CAACG,MADiB,EAE3BH,SAAS,CAACI,MAFiB,CAApB,CANW;AAUpBpB,IAAAA,cAAc,EAAEgB,SAAS,CAACE,SAAV,CAAoB,CAClCF,SAAS,CAACG,MADwB,EAElCH,SAAS,CAACI,MAFwB,CAApB,CAVI;AAcpBrC,IAAAA,GAAG,EAAEiC,SAAS,CAACI,MAdK;AAepBzC,IAAAA,KAAK,EAAEqC,SAAS,CAACE,SAAV,CAAoB,CACzBF,SAAS,CAACG,MADe,EAEzBH,SAAS,CAACI,MAFe,CAApB;AAfa,GAAhB;AADiB,CAAzB;AAuBAvB,YAAY,CAACyB,YAAb,GAA4B;AAC1BxB,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE;AADL;AADoB,CAA5B;AAMA,IAAMwB,OAAO,GAAG;AACd7C,EAAAA,MAAM,EAAE,GADM;AAEd8C,EAAAA,QAAQ,EAAEjD,SAFI;AAGdwB,EAAAA,OAAO,EAAE,CAHK;AAIdC,EAAAA,cAAc,EAAE,CAJF;AAKdjB,EAAAA,GAAG,EAAE,EALS;AAMdJ,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,YAAe;AACb8C,EAAAA,SAAS,eAAEC,IAAI,CAAC7B,YAAD,CADF;AAEb0B,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAEjD,SAHG;AAIbM,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
+{"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://www.jotform.com/resources/assets/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\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [url, 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={url || 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","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}

package/lib/esm/components/Elements/RichText.js

@@ -3,20 +3,26 @@ import PropTypes from 'prop-types';
 import TextEditor from '../TextEditor/TextEditor.js';
 import { fontTypes } from '../../constants/fonts.js';
 import { useBuilderContext } from '../../utils/builderContext.js';
+import { divider } from '../../utils/staticSettings.js';
 import { jsx } from 'react/jsx-runtime';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var ITEM_TYPE = 'text';
 var settings = [{
   key: 'fontFamily',
   label: 'Font Family',
   options: fontTypes.fonts,
-  section: 'General',
+  section: 'GENERAL',
   type: 'dropdown'
-}, {
+}, _objectSpread({}, divider('GENERAL')), {
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   type: 'slider'
 }];
 var defaultItem = {

package/lib/esm/components/Elements/RichText.js.map

@@ -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';\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    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'General',\n    type: 'slider',\n  },\n];\n\nconst defaultItem = {\n  fontFamily: 'Circular Std',\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\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","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","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":"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"}
+{"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';\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 Std',\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\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","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":"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"}

package/lib/esm/components/Elements/Shapes.js

@@ -81,9 +81,9 @@ var settings = [{
     name: 'star',
     title: 'Star'
   }],
-  section: 'General',
+  section: 'GENERAL',
   type: 'selectBox'
-}, _objectSpread({}, divider('General')), {
+}, _objectSpread({}, divider('GENERAL')), {
   key: 'lineType',
   label: 'Style',
   options: [{
@@ -96,7 +96,7 @@ var settings = [{
     label: 'Dotted',
     value: 'dotted'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -114,7 +114,7 @@ var settings = [{
     label: 'Thick',
     value: 'thick'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -151,7 +151,7 @@ var settings = [{
     label: 'Vertical',
     value: 'vertical'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -170,13 +170,13 @@ var settings = [{
   },
   key: 'shapeFillShow',
   label: 'Fill',
-  section: 'General',
+  section: 'GENERAL',
   type: 'toggle',
   wrapperClass: 'isOneLine'
 }, {
   key: 'shapeFillColor',
   label: 'Color',
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -184,7 +184,7 @@ var settings = [{
 }, {
   key: 'shapeFillColor',
   label: 'Fill Color',
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeFillShow: 'on'
   },
@@ -193,7 +193,7 @@ var settings = [{
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -202,12 +202,12 @@ var settings = [{
   key: 'opacity',
   label: 'Fill Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeFillShow: 'on'
   },
   type: 'slider'
-}, _objectSpread({}, divider('General')), {
+}, _objectSpread({}, divider('GENERAL')), {
   hideWhen: {
     shapeType: 'line'
   },
@@ -221,13 +221,13 @@ var settings = [{
   },
   key: 'shapeBorderShow',
   label: 'Border',
-  section: 'General',
+  section: 'GENERAL',
   type: 'toggle',
   wrapperClass: 'isOneLine'
 }, {
   key: 'shapeBorderColor',
   label: 'Border Color',
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeBorderShow: 'on'
   },
@@ -245,16 +245,16 @@ var settings = [{
     label: 'Thick',
     value: '6px'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeBorderShow: 'on'
   },
   type: 'dropdown'
-}, _objectSpread({}, divider('General')), {
+}, _objectSpread({}, divider('GENERAL')), {
   key: 'roundedCorners',
   label: 'Rounded Corners',
   range: [0, 30],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'rectangle'
   },
@@ -266,7 +266,7 @@ var settings = [{
   },
   key: 'sizeSettings',
   label: 'Size',
-  section: 'General',
+  section: 'GENERAL',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,

package/lib/esm/components/Elements/Shapes.js.map

@@ -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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"}
+{"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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"}

package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js

@@ -65,14 +65,14 @@ var PageActionsBar = function PageActionsBar(_ref) {
         }, "Duplicate Page"), /*#__PURE__*/jsxs("button", {
           className: "jfReportButton isDanger" // onClick={onPageRemoveClick}
           ,
-          title: "Remove Page",
+          title: "Remove Slide",
           type: "button",
           children: [/*#__PURE__*/jsx(SvgTrash, {
             className: "jfReportSVG icon-trashLine"
           }), /*#__PURE__*/jsx("span", {
             children: "Delete"
           })]
-        }, "Remove Page")]
+        }, "Remove Slide")]
       })]
     })]
   });