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

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

@@ -89,9 +89,9 @@ var settings = [{
     name: 'star',
     title: 'Star'
   }],
-  section: 'General',
+  section: 'GENERAL',
   type: 'selectBox'
-}, _objectSpread({}, staticSettings.divider('General')), {
+}, _objectSpread({}, staticSettings.divider('GENERAL')), {
   key: 'lineType',
   label: 'Style',
   options: [{
@@ -104,7 +104,7 @@ var settings = [{
     label: 'Dotted',
     value: 'dotted'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -122,7 +122,7 @@ var settings = [{
     label: 'Thick',
     value: 'thick'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -159,7 +159,7 @@ var settings = [{
     label: 'Vertical',
     value: 'vertical'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -178,13 +178,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'
   },
@@ -192,7 +192,7 @@ var settings = [{
 }, {
   key: 'shapeFillColor',
   label: 'Fill Color',
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeFillShow: 'on'
   },
@@ -201,7 +201,7 @@ var settings = [{
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'line'
   },
@@ -210,12 +210,12 @@ var settings = [{
   key: 'opacity',
   label: 'Fill Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeFillShow: 'on'
   },
   type: 'slider'
-}, _objectSpread({}, staticSettings.divider('General')), {
+}, _objectSpread({}, staticSettings.divider('GENERAL')), {
   hideWhen: {
     shapeType: 'line'
   },
@@ -229,13 +229,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'
   },
@@ -253,16 +253,16 @@ var settings = [{
     label: 'Thick',
     value: '6px'
   }],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeBorderShow: 'on'
   },
   type: 'dropdown'
-}, _objectSpread({}, staticSettings.divider('General')), {
+}, _objectSpread({}, staticSettings.divider('GENERAL')), {
   key: 'roundedCorners',
   label: 'Rounded Corners',
   range: [0, 30],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'rectangle'
   },
@@ -274,7 +274,7 @@ var settings = [{
   },
   key: 'sizeSettings',
   label: 'Size',
-  section: 'General',
+  section: 'GENERAL',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,

package/lib/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,SADA;AAENC,IAAAA,KAAK,EAAE;AAFD,GADW;AAKnBC,EAAAA,eAAe,EAAE;AACfF,IAAAA,IAAI,EAAE,QADS;AAEfC,IAAAA,KAAK,EAAE;AAFQ,GALE;AASnBE,EAAAA,aAAa,EAAE;AACbH,IAAAA,IAAI,EAAE,QADO;AAEbC,IAAAA,KAAK,EAAE;AAFM,GATI;AAanBG,EAAAA,KAAK,EAAE;AACLJ,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE;AAFF;AAbY,CAArB;AAmBA,IAAMI,QAAQ,GAAG,CACf;AACEC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAET,YADI;AAEbU,IAAAA,IAAI,EAAE;AACJT,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADJ;AAKJC,MAAAA,eAAe,EAAE;AACfF,QAAAA,IAAI,EAAE,QADS;AAEfC,QAAAA,KAAK,EAAE;AAFQ,OALb;AASJE,MAAAA,aAAa,EAAE;AACbH,QAAAA,IAAI,EAAE,QADO;AAEbC,QAAAA,KAAK,EAAE;AAFM,OATX;AAaJG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AAbH,KAFO;AAoBbQ,IAAAA,SAAS,EAAEX,YApBE;AAqBbY,IAAAA,IAAI,EAAEZ,YArBO;AAsBba,IAAAA,QAAQ,EAAEb;AAtBG,GADjB;AAyBEc,EAAAA,GAAG,EAAE,WAzBP;AA0BEC,EAAAA,KAAK,EAAE,YA1BT;AA2BEC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,IAAI,EAAEC,SADR;AAEEC,IAAAA,IAAI,EAAE,WAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GADO,EAMP;AACEH,IAAAA,IAAI,EAAEC,OADR;AAEEC,IAAAA,IAAI,EAAE,SAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GANO,EAWP;AACEH,IAAAA,IAAI,EAAEC,IADR;AAEEC,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GAXO,EAgBP;AACEH,IAAAA,IAAI,EAAEC,QADR;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GAhBO,EAqBP;AACEH,IAAAA,IAAI,EAAEC,IADR;AAEEC,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GArBO,CA3BX;AAsDEC,EAAAA,OAAO,EAAE,SAtDX;AAuDEC,EAAAA,IAAI,EAAE;AAvDR,CADe,oBA2DVC,sBAAO,CAAC,SAAD,CA3DG,GA6Df;AACET,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GATZ;AAYEH,EAAAA,IAAI,EAAE;AAZR,CA7De,EA2Ef;AACER,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,MAAT;AAAiBZ,IAAAA,KAAK,EAAE;AAAxB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GATZ;AAYEH,EAAAA,IAAI,EAAE;AAZR,CA3Ee,EAyFf;AACEd,EAAAA,aAAa,EAAE;AACbkB,IAAAA,UAAU,EAAE;AACVzB,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADE;AAKVG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AALG,KADC;AAWbwB,IAAAA,QAAQ,EAAE;AACR1B,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADA;AAKRG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AALC;AAXG,GADjB;AAuBEW,EAAAA,GAAG,EAAE,eAvBP;AAwBEC,EAAAA,KAAK,EAAE,WAxBT;AAyBEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,YAAT;AAAuBZ,IAAAA,KAAK,EAAE;AAA9B,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,UAAT;AAAqBZ,IAAAA,KAAK,EAAE;AAA5B,GAFO,CAzBX;AA6BEkB,EAAAA,OAAO,EAAE,SA7BX;AA8BEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GA9BZ;AAiCEH,EAAAA,IAAI,EAAE;AAjCR,CAzFe,EA6Hf;AACEM,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEjB,EAAAA,aAAa,EAAE;AACbqB,IAAAA,GAAG,EAAE;AACHzB,MAAAA,eAAe,EAAE;AACfF,QAAAA,IAAI,EAAE,QADS;AAEfC,QAAAA,KAAK,EAAE;AAFQ;AADd;AADQ,GAJjB;AAYEW,EAAAA,GAAG,EAAE,eAZP;AAaEC,EAAAA,KAAK,EAAE,MAbT;AAcEM,EAAAA,OAAO,EAAE,SAdX;AAeEC,EAAAA,IAAI,EAAE,QAfR;AAgBEQ,EAAAA,YAAY,EAAE;AAhBhB,CA7He,EA+If;AACEhB,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GAJZ;AAOEH,EAAAA,IAAI,EAAE;AAPR,CA/Ie,EAwJf;AACER,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,YAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRnB,IAAAA,aAAa,EAAE;AADP,GAJZ;AAOEiB,EAAAA,IAAI,EAAE;AAPR,CAxJe,EAiKf;AACER,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GALZ;AAQEH,EAAAA,IAAI,EAAE;AARR,CAjKe,EA2Kf;AACER,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,cAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRnB,IAAAA,aAAa,EAAE;AADP,GALZ;AAQEiB,EAAAA,IAAI,EAAE;AARR,CA3Ke,oBAsLVC,sBAAO,CAAC,SAAD,CAtLG,GAwLf;AACEK,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEjB,EAAAA,aAAa,EAAE;AACbqB,IAAAA,GAAG,EAAE;AACHxB,MAAAA,aAAa,EAAE;AACbH,QAAAA,IAAI,EAAE,QADO;AAEbC,QAAAA,KAAK,EAAE;AAFM;AADZ;AADQ,GAJjB;AAYEW,EAAAA,GAAG,EAAE,iBAZP;AAaEC,EAAAA,KAAK,EAAE,QAbT;AAcEM,EAAAA,OAAO,EAAE,SAdX;AAeEC,EAAAA,IAAI,EAAE,QAfR;AAgBEQ,EAAAA,YAAY,EAAE;AAhBhB,CAxLe,EA0Mf;AACEhB,EAAAA,GAAG,EAAE,kBADP;AAEEC,EAAAA,KAAK,EAAE,cAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRpB,IAAAA,eAAe,EAAE;AADT,GAJZ;AAOEkB,EAAAA,IAAI,EAAE;AAPR,CA1Me,EAmNf;AACER,EAAAA,GAAG,EAAE,kBADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,MAAT;AAAiBZ,IAAAA,KAAK,EAAE;AAAxB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRpB,IAAAA,eAAe,EAAE;AADT,GATZ;AAYEkB,EAAAA,IAAI,EAAE;AAZR,CAnNe,oBAkOVC,sBAAO,CAAC,SAAD,CAlOG,GAoOf;AACET,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,iBAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,EAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GALZ;AAQEO,EAAAA,MAAM,EAAE,IARV;AASEV,EAAAA,IAAI,EAAE;AATR,CApOe,EA+Of;AACEM,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEX,EAAAA,GAAG,EAAE,cAJP;AAKEC,EAAAA,KAAK,EAAE,MALT;AAMEM,EAAAA,OAAO,EAAE,SANX;AAOEC,EAAAA,IAAI,EAAE,cAPR;AAQEnB,EAAAA,KAAK,EAAE,eAAC8B,CAAD;AAAA,QAAMhC,MAAN,QAAMA,MAAN;AAAA,QAAcK,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCL,MAAtC;AAAA;AART,CA/Oe,CAAjB;;AA2PA,IACEiC,MAAM,GAAG,SAATA,MAAS,CACPT,SADO,EAEPU,gBAFO,EAGP/B,eAHO,EAIPgC,gBAJO,EAKPC,cALO,EAMPhC,aANO,EAOPiC,OAPO,EAQPC,cARO,EASJ;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,IAAI,EAAEpC,aAAa,KAAK,IAAlB,IAA0BA,aAAa,KAAKqC,SAA5C,GAAwDL,cAAxD,GAAyE,MADxD;AAEvBM,IAAAA,WAAW,EAAEL,OAFU;AAGvBM,IAAAA,MAAM,EAAExC,eAAe,KAAK,IAApB,IAA4BA,eAAe,KAAKsC,SAAhD,GAA4DP,gBAA5D,GAA+E,MAHhE;AAIvBU,IAAAA,WAAW,EAAEzC,eAAe,KAAK,IAApB,GAA2BgC,gBAA3B,GAA8C;AAJpC,GAAzB,CADG;AAQH;AACA;AACA;;AACA,UAAQX,SAAR;AACE,SAAK,WAAL;AACA,SAAK,QAAL;AAAe;AACb,4BACEqB;AACE,UAAA,MAAM,EAAC,MADT;AAEE,UAAA,EAAE,YAAKP,cAAc,IAAI,CAAvB,OAFJ;AAGE,UAAA,EAAE,YAAKA,cAAc,IAAI,CAAvB,OAHJ;AAIE,UAAA,KAAK,EAAC,MAJR;AAKE,UAAA,CAAC,EAAC,GALJ;AAME,UAAA,CAAC,EAAC;AANJ,WAOMC,gBAPN,EADF;AAWD;;AACD,SAAK,SAAL;AACA,SAAK,QAAL;AAAe;AACb,4BACEM;AACE,UAAA,EAAE,EAAC,KADL;AAEE,UAAA,EAAE,EAAC,KAFL;AAGE,UAAA,EAAE,EAAC,KAHL;AAIE,UAAA,EAAE,EAAC,KAJL;AAKE,UAAA,CAAC,EAAC,GALJ;AAME,UAAA,CAAC,EAAC;AANJ,WAOMN,gBAPN,EADF;AAWD;;AACD,SAAK,MAAL;AAAa;AACX,4BACEM;AACE,UAAA,CAAC,EAAC;AADJ,WAIMN,gBAJN,EADF;AAQD;;AACD,SAAK,UAAL;AAAiB;AACf,4BACEM;AACE,UAAA,MAAM,EAAC;AADT,WAEMN,gBAFN,EADF;AAMD;;AACD;AAAS;AACP,4BACEM;AACE,UAAA,MAAM,EAAC,MADT;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,CAAC,EAAC,GAHJ;AAIE,UAAA,CAAC,EAAC;AAJJ,WAKMN,gBALN,EADF;AASD;AAzDH;AA2DD,CAhFH;;AAkFA,IAAMO,WAAW,GAAG;AAClB9C,EAAAA,MAAM,EAAE,GADU;AAElB+C,EAAAA,aAAa,EAAE,YAFG;AAGlBC,EAAAA,QAAQ,EAAE,MAHQ;AAIlBC,EAAAA,QAAQ,EAAE,OAJQ;AAKlBZ,EAAAA,OAAO,EAAE,CALS;AAMlBC,EAAAA,cAAc,EAAE,CANE;AAOlBJ,EAAAA,gBAAgB,EAAE,SAPA;AAQlB/B,EAAAA,eAAe,EAAE,KARC;AASlBgC,EAAAA,gBAAgB,EAAE,KATA;AAUlBC,EAAAA,cAAc,EAAE,SAVE;AAWlBhC,EAAAA,aAAa,EAAE,IAXG;AAYlBoB,EAAAA,SAAS,EAAE,WAZO;AAalBnB,EAAAA,KAAK,EAAE;AAbW,CAApB;IAgBa6C,YAAY,GAAG,SAAfA,YAAe,QAgBtB;AAAA,yBAfJC,IAeI;AAAA,iBAdFnD,MAcE;AAAA,UAbF+C,aAaE,cAbFA,aAaE;AAAA,MAZFC,QAYE,cAZFA,QAYE;AAAA,MAXFC,QAWE,cAXFA,QAWE;AAAA,MAVFZ,OAUE,cAVFA,OAUE;AAAA,MATFC,cASE,cATFA,cASE;AAAA,MARFJ,gBAQE,cARFA,gBAQE;AAAA,MAPF/B,eAOE,cAPFA,eAOE;AAAA,MANFgC,gBAME,cANFA,gBAME;AAAA,MALFC,cAKE,cALFA,cAKE;AAAA,MAJFhC,aAIE,cAJFA,aAIE;AAAA,MAHFoB,SAGE,cAHFA,SAGE;AAAA,iBAFFnB;;AAGF,MAAImB,SAAS,KAAK,MAAlB,EAA0B;AACxB,wBACEqB;AAAK,MAAA,SAAS,EAAC,gCAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,KAAK,EAAEE,aAAa,KAAK,YAAlB,GACH;AACAK,UAAAA,iBAAiB,EAAEH,QADnB;AAEAI,UAAAA,iBAAiB,EAAEL,QAFnB;AAGAM,UAAAA,WAAW,EAAElB,cAHb;AAIApC,UAAAA,MAAM,EAAE,GAJR;AAKAqC,UAAAA,OAAO,EAAPA,OALA;AAMAhC,UAAAA,KAAK,EAAE;AANP,SADG,GASH;AACAiD,UAAAA,WAAW,EAAElB,cADb;AAEAmB,UAAAA,gBAAgB,EAAEN,QAFlB;AAGAO,UAAAA,gBAAgB,EAAER,QAHlB;AAIAhD,UAAAA,MAAM,EAAE,MAJR;AAKAqC,UAAAA,OAAO,EAAPA,OALA;AAMAhC,UAAAA,KAAK,EAAE;AANP;AAXN;AADF,MADF;AAwBD;;AACD,sBACEwC;AACE,IAAA,SAAS,EAAE1C,eAAe,KAAK,IAApB,oBACGgC,gBADH,SACsBX,SAAS,KAAK,MAAd,GAAuB,UAAvB,GAAoC,EAD1D,IACiE,OAF9E;AAGE,IAAA,QAAQ,EAAC,SAHX;AAIE,IAAA,mBAAmB,EAAEA,SAAS,KAAK,UAAd,GAA2B,MAA3B,GAAoC,IAJ3D;AAKE,IAAA,OAAO,EAAC,KALV;AAME,IAAA,OAAO,EAAEA,SAAS,KAAK,MAAd,IAAwBA,SAAS,KAAK,UAAtC,GAAmD,aAAnD,GAAmE,IAN9E;AAOE,IAAA,KAAK,EAAC,4BAPR;AAAA,cASGS,MAAM,CACLT,SADK,EAELU,gBAFK,EAGL/B,eAHK,EAILgC,gBAJK,EAKLC,cALK,EAMLhC,aANK,EAOLiC,OAPK,EAQLC,cARK;AATT,IADF;AAwBD;AAEDY,YAAY,CAACO,SAAb,GAAyB;AACvBN,EAAAA,IAAI,EAAEO,6BAAS,CAACC,KAAV,CAAgB;AACpB3D,IAAAA,MAAM,EAAE0D,6BAAS,CAACE,MADE;AAEpBb,IAAAA,aAAa,EAAEW,6BAAS,CAACG,MAFL;AAGpBb,IAAAA,QAAQ,EAAEU,6BAAS,CAACG,MAHA;AAIpBZ,IAAAA,QAAQ,EAAES,6BAAS,CAACG,MAJA;AAKpBxB,IAAAA,OAAO,EAAEqB,6BAAS,CAACE,MALC;AAMpBtB,IAAAA,cAAc,EAAEoB,6BAAS,CAACE,MANN;AAOpB1B,IAAAA,gBAAgB,EAAEwB,6BAAS,CAACG,MAPR;AAQpB1D,IAAAA,eAAe,EAAEuD,6BAAS,CAACG,MARP;AASpB1B,IAAAA,gBAAgB,EAAEuB,6BAAS,CAACG,MATR;AAUpBzB,IAAAA,cAAc,EAAEsB,6BAAS,CAACG,MAVN;AAWpBzD,IAAAA,aAAa,EAAEsD,6BAAS,CAACG,MAXL;AAYpBrC,IAAAA,SAAS,EAAEkC,6BAAS,CAACG,MAZD;AAapBxD,IAAAA,KAAK,EAAEqD,6BAAS,CAACE;AAbG,GAAhB;AADiB,CAAzB;AAkBAV,YAAY,CAACY,YAAb,GAA4B;AAC1BX,EAAAA,IAAI,oBACCL,WADD;AADsB,CAA5B;AAMA,IAAMiB,OAAO,GAAG;AACd/D,EAAAA,MAAM,EAAE,GADM;AAEdgE,EAAAA,QAAQ,EAAElE,SAFI;AAGdO,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,aAAe;AACb4D,EAAAA,SAAS,eAAEC,UAAI,CAAChB,YAAD,CADF;AAEbJ,EAAAA,WAAW,EAAXA,WAFa;AAGbiB,EAAAA,OAAO,EAAPA,OAHa;AAIbC,EAAAA,QAAQ,EAAElE,SAJG;AAKbQ,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,SADA;AAENC,IAAAA,KAAK,EAAE;AAFD,GADW;AAKnBC,EAAAA,eAAe,EAAE;AACfF,IAAAA,IAAI,EAAE,QADS;AAEfC,IAAAA,KAAK,EAAE;AAFQ,GALE;AASnBE,EAAAA,aAAa,EAAE;AACbH,IAAAA,IAAI,EAAE,QADO;AAEbC,IAAAA,KAAK,EAAE;AAFM,GATI;AAanBG,EAAAA,KAAK,EAAE;AACLJ,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE;AAFF;AAbY,CAArB;AAmBA,IAAMI,QAAQ,GAAG,CACf;AACEC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAET,YADI;AAEbU,IAAAA,IAAI,EAAE;AACJT,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADJ;AAKJC,MAAAA,eAAe,EAAE;AACfF,QAAAA,IAAI,EAAE,QADS;AAEfC,QAAAA,KAAK,EAAE;AAFQ,OALb;AASJE,MAAAA,aAAa,EAAE;AACbH,QAAAA,IAAI,EAAE,QADO;AAEbC,QAAAA,KAAK,EAAE;AAFM,OATX;AAaJG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AAbH,KAFO;AAoBbQ,IAAAA,SAAS,EAAEX,YApBE;AAqBbY,IAAAA,IAAI,EAAEZ,YArBO;AAsBba,IAAAA,QAAQ,EAAEb;AAtBG,GADjB;AAyBEc,EAAAA,GAAG,EAAE,WAzBP;AA0BEC,EAAAA,KAAK,EAAE,YA1BT;AA2BEC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,IAAI,EAAEC,SADR;AAEEC,IAAAA,IAAI,EAAE,WAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GADO,EAMP;AACEH,IAAAA,IAAI,EAAEC,OADR;AAEEC,IAAAA,IAAI,EAAE,SAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GANO,EAWP;AACEH,IAAAA,IAAI,EAAEC,IADR;AAEEC,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GAXO,EAgBP;AACEH,IAAAA,IAAI,EAAEC,QADR;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GAhBO,EAqBP;AACEH,IAAAA,IAAI,EAAEC,IADR;AAEEC,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,KAAK,EAAE;AAHT,GArBO,CA3BX;AAsDEC,EAAAA,OAAO,EAAE,SAtDX;AAuDEC,EAAAA,IAAI,EAAE;AAvDR,CADe,oBA2DVC,sBAAO,CAAC,SAAD,CA3DG,GA6Df;AACET,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GATZ;AAYEH,EAAAA,IAAI,EAAE;AAZR,CA7De,EA2Ef;AACER,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,MAAT;AAAiBZ,IAAAA,KAAK,EAAE;AAAxB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GATZ;AAYEH,EAAAA,IAAI,EAAE;AAZR,CA3Ee,EAyFf;AACEd,EAAAA,aAAa,EAAE;AACbkB,IAAAA,UAAU,EAAE;AACVzB,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADE;AAKVG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AALG,KADC;AAWbwB,IAAAA,QAAQ,EAAE;AACR1B,MAAAA,MAAM,EAAE;AACNC,QAAAA,IAAI,EAAE,SADA;AAENC,QAAAA,KAAK,EAAE;AAFD,OADA;AAKRG,MAAAA,KAAK,EAAE;AACLJ,QAAAA,IAAI,EAAE,SADD;AAELC,QAAAA,KAAK,EAAE;AAFF;AALC;AAXG,GADjB;AAuBEW,EAAAA,GAAG,EAAE,eAvBP;AAwBEC,EAAAA,KAAK,EAAE,WAxBT;AAyBEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,YAAT;AAAuBZ,IAAAA,KAAK,EAAE;AAA9B,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,UAAT;AAAqBZ,IAAAA,KAAK,EAAE;AAA5B,GAFO,CAzBX;AA6BEkB,EAAAA,OAAO,EAAE,SA7BX;AA8BEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GA9BZ;AAiCEH,EAAAA,IAAI,EAAE;AAjCR,CAzFe,EA6Hf;AACEM,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEjB,EAAAA,aAAa,EAAE;AACbqB,IAAAA,GAAG,EAAE;AACHzB,MAAAA,eAAe,EAAE;AACfF,QAAAA,IAAI,EAAE,QADS;AAEfC,QAAAA,KAAK,EAAE;AAFQ;AADd;AADQ,GAJjB;AAYEW,EAAAA,GAAG,EAAE,eAZP;AAaEC,EAAAA,KAAK,EAAE,MAbT;AAcEM,EAAAA,OAAO,EAAE,SAdX;AAeEC,EAAAA,IAAI,EAAE,QAfR;AAgBEQ,EAAAA,YAAY,EAAE;AAhBhB,CA7He,EA+If;AACEhB,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GAJZ;AAOEH,EAAAA,IAAI,EAAE;AAPR,CA/Ie,EAwJf;AACER,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,YAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRnB,IAAAA,aAAa,EAAE;AADP,GAJZ;AAOEiB,EAAAA,IAAI,EAAE;AAPR,CAxJe,EAiKf;AACER,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GALZ;AAQEH,EAAAA,IAAI,EAAE;AARR,CAjKe,EA2Kf;AACER,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,cAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRnB,IAAAA,aAAa,EAAE;AADP,GALZ;AAQEiB,EAAAA,IAAI,EAAE;AARR,CA3Ke,oBAsLVC,sBAAO,CAAC,SAAD,CAtLG,GAwLf;AACEK,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEjB,EAAAA,aAAa,EAAE;AACbqB,IAAAA,GAAG,EAAE;AACHxB,MAAAA,aAAa,EAAE;AACbH,QAAAA,IAAI,EAAE,QADO;AAEbC,QAAAA,KAAK,EAAE;AAFM;AADZ;AADQ,GAJjB;AAYEW,EAAAA,GAAG,EAAE,iBAZP;AAaEC,EAAAA,KAAK,EAAE,QAbT;AAcEM,EAAAA,OAAO,EAAE,SAdX;AAeEC,EAAAA,IAAI,EAAE,QAfR;AAgBEQ,EAAAA,YAAY,EAAE;AAhBhB,CAxLe,EA0Mf;AACEhB,EAAAA,GAAG,EAAE,kBADP;AAEEC,EAAAA,KAAK,EAAE,cAFT;AAGEM,EAAAA,OAAO,EAAE,SAHX;AAIEG,EAAAA,QAAQ,EAAE;AACRpB,IAAAA,eAAe,EAAE;AADT,GAJZ;AAOEkB,EAAAA,IAAI,EAAE;AAPR,CA1Me,EAmNf;AACER,EAAAA,GAAG,EAAE,kBADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,MAAT;AAAiBZ,IAAAA,KAAK,EAAE;AAAxB,GADO,EAEP;AAAEY,IAAAA,KAAK,EAAE,QAAT;AAAmBZ,IAAAA,KAAK,EAAE;AAA1B,GAFO,EAGP;AAAEY,IAAAA,KAAK,EAAE,OAAT;AAAkBZ,IAAAA,KAAK,EAAE;AAAzB,GAHO,CAHX;AAQEkB,EAAAA,OAAO,EAAE,SARX;AASEG,EAAAA,QAAQ,EAAE;AACRpB,IAAAA,eAAe,EAAE;AADT,GATZ;AAYEkB,EAAAA,IAAI,EAAE;AAZR,CAnNe,oBAkOVC,sBAAO,CAAC,SAAD,CAlOG,GAoOf;AACET,EAAAA,GAAG,EAAE,gBADP;AAEEC,EAAAA,KAAK,EAAE,iBAFT;AAGEgB,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,EAAJ,CAHT;AAIEV,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAE;AADH,GALZ;AAQEO,EAAAA,MAAM,EAAE,IARV;AASEV,EAAAA,IAAI,EAAE;AATR,CApOe,EA+Of;AACEM,EAAAA,QAAQ,EAAE;AACRH,IAAAA,SAAS,EAAE;AADH,GADZ;AAIEX,EAAAA,GAAG,EAAE,cAJP;AAKEC,EAAAA,KAAK,EAAE,MALT;AAMEM,EAAAA,OAAO,EAAE,SANX;AAOEC,EAAAA,IAAI,EAAE,cAPR;AAQEnB,EAAAA,KAAK,EAAE,eAAC8B,CAAD;AAAA,QAAMhC,MAAN,QAAMA,MAAN;AAAA,QAAcK,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCL,MAAtC;AAAA;AART,CA/Oe,CAAjB;;AA2PA,IACEiC,MAAM,GAAG,SAATA,MAAS,CACPT,SADO,EAEPU,gBAFO,EAGP/B,eAHO,EAIPgC,gBAJO,EAKPC,cALO,EAMPhC,aANO,EAOPiC,OAPO,EAQPC,cARO,EASJ;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,IAAI,EAAEpC,aAAa,KAAK,IAAlB,IAA0BA,aAAa,KAAKqC,SAA5C,GAAwDL,cAAxD,GAAyE,MADxD;AAEvBM,IAAAA,WAAW,EAAEL,OAFU;AAGvBM,IAAAA,MAAM,EAAExC,eAAe,KAAK,IAApB,IAA4BA,eAAe,KAAKsC,SAAhD,GAA4DP,gBAA5D,GAA+E,MAHhE;AAIvBU,IAAAA,WAAW,EAAEzC,eAAe,KAAK,IAApB,GAA2BgC,gBAA3B,GAA8C;AAJpC,GAAzB,CADG;AAQH;AACA;AACA;;AACA,UAAQX,SAAR;AACE,SAAK,WAAL;AACA,SAAK,QAAL;AAAe;AACb,4BACEqB;AACE,UAAA,MAAM,EAAC,MADT;AAEE,UAAA,EAAE,YAAKP,cAAc,IAAI,CAAvB,OAFJ;AAGE,UAAA,EAAE,YAAKA,cAAc,IAAI,CAAvB,OAHJ;AAIE,UAAA,KAAK,EAAC,MAJR;AAKE,UAAA,CAAC,EAAC,GALJ;AAME,UAAA,CAAC,EAAC;AANJ,WAOMC,gBAPN,EADF;AAWD;;AACD,SAAK,SAAL;AACA,SAAK,QAAL;AAAe;AACb,4BACEM;AACE,UAAA,EAAE,EAAC,KADL;AAEE,UAAA,EAAE,EAAC,KAFL;AAGE,UAAA,EAAE,EAAC,KAHL;AAIE,UAAA,EAAE,EAAC,KAJL;AAKE,UAAA,CAAC,EAAC,GALJ;AAME,UAAA,CAAC,EAAC;AANJ,WAOMN,gBAPN,EADF;AAWD;;AACD,SAAK,MAAL;AAAa;AACX,4BACEM;AACE,UAAA,CAAC,EAAC;AADJ,WAIMN,gBAJN,EADF;AAQD;;AACD,SAAK,UAAL;AAAiB;AACf,4BACEM;AACE,UAAA,MAAM,EAAC;AADT,WAEMN,gBAFN,EADF;AAMD;;AACD;AAAS;AACP,4BACEM;AACE,UAAA,MAAM,EAAC,MADT;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,CAAC,EAAC,GAHJ;AAIE,UAAA,CAAC,EAAC;AAJJ,WAKMN,gBALN,EADF;AASD;AAzDH;AA2DD,CAhFH;;AAkFA,IAAMO,WAAW,GAAG;AAClB9C,EAAAA,MAAM,EAAE,GADU;AAElB+C,EAAAA,aAAa,EAAE,YAFG;AAGlBC,EAAAA,QAAQ,EAAE,MAHQ;AAIlBC,EAAAA,QAAQ,EAAE,OAJQ;AAKlBZ,EAAAA,OAAO,EAAE,CALS;AAMlBC,EAAAA,cAAc,EAAE,CANE;AAOlBJ,EAAAA,gBAAgB,EAAE,SAPA;AAQlB/B,EAAAA,eAAe,EAAE,KARC;AASlBgC,EAAAA,gBAAgB,EAAE,KATA;AAUlBC,EAAAA,cAAc,EAAE,SAVE;AAWlBhC,EAAAA,aAAa,EAAE,IAXG;AAYlBoB,EAAAA,SAAS,EAAE,WAZO;AAalBnB,EAAAA,KAAK,EAAE;AAbW,CAApB;IAgBa6C,YAAY,GAAG,SAAfA,YAAe,QAgBtB;AAAA,yBAfJC,IAeI;AAAA,iBAdFnD,MAcE;AAAA,UAbF+C,aAaE,cAbFA,aAaE;AAAA,MAZFC,QAYE,cAZFA,QAYE;AAAA,MAXFC,QAWE,cAXFA,QAWE;AAAA,MAVFZ,OAUE,cAVFA,OAUE;AAAA,MATFC,cASE,cATFA,cASE;AAAA,MARFJ,gBAQE,cARFA,gBAQE;AAAA,MAPF/B,eAOE,cAPFA,eAOE;AAAA,MANFgC,gBAME,cANFA,gBAME;AAAA,MALFC,cAKE,cALFA,cAKE;AAAA,MAJFhC,aAIE,cAJFA,aAIE;AAAA,MAHFoB,SAGE,cAHFA,SAGE;AAAA,iBAFFnB;;AAGF,MAAImB,SAAS,KAAK,MAAlB,EAA0B;AACxB,wBACEqB;AAAK,MAAA,SAAS,EAAC,gCAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,KAAK,EAAEE,aAAa,KAAK,YAAlB,GACH;AACAK,UAAAA,iBAAiB,EAAEH,QADnB;AAEAI,UAAAA,iBAAiB,EAAEL,QAFnB;AAGAM,UAAAA,WAAW,EAAElB,cAHb;AAIApC,UAAAA,MAAM,EAAE,GAJR;AAKAqC,UAAAA,OAAO,EAAPA,OALA;AAMAhC,UAAAA,KAAK,EAAE;AANP,SADG,GASH;AACAiD,UAAAA,WAAW,EAAElB,cADb;AAEAmB,UAAAA,gBAAgB,EAAEN,QAFlB;AAGAO,UAAAA,gBAAgB,EAAER,QAHlB;AAIAhD,UAAAA,MAAM,EAAE,MAJR;AAKAqC,UAAAA,OAAO,EAAPA,OALA;AAMAhC,UAAAA,KAAK,EAAE;AANP;AAXN;AADF,MADF;AAwBD;;AACD,sBACEwC;AACE,IAAA,SAAS,EAAE1C,eAAe,KAAK,IAApB,oBACGgC,gBADH,SACsBX,SAAS,KAAK,MAAd,GAAuB,UAAvB,GAAoC,EAD1D,IACiE,OAF9E;AAGE,IAAA,QAAQ,EAAC,SAHX;AAIE,IAAA,mBAAmB,EAAEA,SAAS,KAAK,UAAd,GAA2B,MAA3B,GAAoC,IAJ3D;AAKE,IAAA,OAAO,EAAC,KALV;AAME,IAAA,OAAO,EAAEA,SAAS,KAAK,MAAd,IAAwBA,SAAS,KAAK,UAAtC,GAAmD,aAAnD,GAAmE,IAN9E;AAOE,IAAA,KAAK,EAAC,4BAPR;AAAA,cASGS,MAAM,CACLT,SADK,EAELU,gBAFK,EAGL/B,eAHK,EAILgC,gBAJK,EAKLC,cALK,EAMLhC,aANK,EAOLiC,OAPK,EAQLC,cARK;AATT,IADF;AAwBD;AAEDY,YAAY,CAACO,SAAb,GAAyB;AACvBN,EAAAA,IAAI,EAAEO,6BAAS,CAACC,KAAV,CAAgB;AACpB3D,IAAAA,MAAM,EAAE0D,6BAAS,CAACE,MADE;AAEpBb,IAAAA,aAAa,EAAEW,6BAAS,CAACG,MAFL;AAGpBb,IAAAA,QAAQ,EAAEU,6BAAS,CAACG,MAHA;AAIpBZ,IAAAA,QAAQ,EAAES,6BAAS,CAACG,MAJA;AAKpBxB,IAAAA,OAAO,EAAEqB,6BAAS,CAACE,MALC;AAMpBtB,IAAAA,cAAc,EAAEoB,6BAAS,CAACE,MANN;AAOpB1B,IAAAA,gBAAgB,EAAEwB,6BAAS,CAACG,MAPR;AAQpB1D,IAAAA,eAAe,EAAEuD,6BAAS,CAACG,MARP;AASpB1B,IAAAA,gBAAgB,EAAEuB,6BAAS,CAACG,MATR;AAUpBzB,IAAAA,cAAc,EAAEsB,6BAAS,CAACG,MAVN;AAWpBzD,IAAAA,aAAa,EAAEsD,6BAAS,CAACG,MAXL;AAYpBrC,IAAAA,SAAS,EAAEkC,6BAAS,CAACG,MAZD;AAapBxD,IAAAA,KAAK,EAAEqD,6BAAS,CAACE;AAbG,GAAhB;AADiB,CAAzB;AAkBAV,YAAY,CAACY,YAAb,GAA4B;AAC1BX,EAAAA,IAAI,oBACCL,WADD;AADsB,CAA5B;AAMA,IAAMiB,OAAO,GAAG;AACd/D,EAAAA,MAAM,EAAE,GADM;AAEdgE,EAAAA,QAAQ,EAAElE,SAFI;AAGdO,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,aAAe;AACb4D,EAAAA,SAAS,eAAEC,UAAI,CAAChB,YAAD,CADF;AAEbJ,EAAAA,WAAW,EAAXA,WAFa;AAGbiB,EAAAA,OAAO,EAAPA,OAHa;AAIbC,EAAAA,QAAQ,EAAElE,SAJG;AAKbQ,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;;"}

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

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

package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect,\n  onPageSelectAll,\n  pageCount,\n  selectedPagesCount,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Page\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Page\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nPageActionsBar.defaultProps = {\n  // onAnEventTrigger: () => {},\n  // onPageDuplicate: () => {},\n  // onPageRemove: () => {},\n  // order: '',\n  onPageDeselect: () => {},\n  onPageSelectAll: () => {},\n  page: {},\n  pageCount: 0,\n  selectedPagesCount: 0,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,eAACC,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,aAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,aADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,6BAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,6BAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,6BAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,6BAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,6BAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,6BAAS,CAACM;AATL,CAA3B;AAYAjB,cAAc,CAACkB,YAAf,GAA8B;AAC5B;AACA;AACA;AACA;AACAjB,EAAAA,cAAc,EAAE,0BAAM,EALM;AAM5BC,EAAAA,eAAe,EAAE,2BAAM,EANK;AAO5BW,EAAAA,IAAI,EAAE,EAPsB;AAQ5BV,EAAAA,SAAS,EAAE,CARiB;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAA9B;AAYA,oCAAee,UAAI,CAACnB,cAAD,CAAnB;;;;"}
+{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect,\n  onPageSelectAll,\n  pageCount,\n  selectedPagesCount,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Slide\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Slide\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nPageActionsBar.defaultProps = {\n  // onAnEventTrigger: () => {},\n  // onPageDuplicate: () => {},\n  // onPageRemove: () => {},\n  // order: '',\n  onPageDeselect: () => {},\n  onPageSelectAll: () => {},\n  page: {},\n  pageCount: 0,\n  selectedPagesCount: 0,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,eAACC,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,6BAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,6BAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,6BAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,6BAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,6BAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,6BAAS,CAACM;AATL,CAA3B;AAYAjB,cAAc,CAACkB,YAAf,GAA8B;AAC5B;AACA;AACA;AACA;AACAjB,EAAAA,cAAc,EAAE,0BAAM,EALM;AAM5BC,EAAAA,eAAe,EAAE,2BAAM,EANK;AAO5BW,EAAAA,IAAI,EAAE,EAPsB;AAQ5BV,EAAAA,SAAS,EAAE,CARiB;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAA9B;AAYA,oCAAee,UAAI,CAACnB,cAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js

@@ -53,20 +53,20 @@ var PageThumbnailActions = function PageThumbnailActions(_ref) {
         }, "Duplicate Page"), /*#__PURE__*/jsxRuntime.jsx("button", {
           className: "controllerItem isDanger",
           onClick: onPageRemoveClick,
-          title: "Remove Page",
+          title: "Remove Slide",
           type: "button",
           children: /*#__PURE__*/jsxRuntime.jsx(trash, {
             className: "jfReportSVG icon-trashLine"
           })
-        }, "Remove Page"), /*#__PURE__*/jsxRuntime.jsx("button", {
+        }, "Remove Slide"), /*#__PURE__*/jsxRuntime.jsx("button", {
           className: "controllerItem",
           onClick: onPageAddClick,
-          title: "Add New Page",
+          title: "Add Slide",
           type: "button",
           children: /*#__PURE__*/jsxRuntime.jsx(plus, {
             className: "jfReportSVG icon-plus"
           })
-        }, "Add New Page")]
+        }, "Add Slide")]
       })
     })
   });

package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageThumbnailActions = ({\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n  };\n\n  return (\n    <div\n      className=\"thumbnailActions d-flex j-between f-width\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides f-width\">\n        <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            onClick={onPageDuplicateClick}\n            title=\"Duplicate Page\"\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Page\"\n            className=\"controllerItem isDanger\"\n            onClick={onPageRemoveClick}\n            title=\"Remove Page\"\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add New Page\"\n            className=\"controllerItem\"\n            onClick={onPageAddClick}\n            title=\"Add New Page\"\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","func","number","shape","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,MANJC,gBAMI,QANJA,gBAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCJ,IAAAA,eAAe,CAACG,IAAD,CAAf;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBI,KAAK,GAAG,CAA1B,CAAhB;AACD,GAHD;;AAKA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BJ,IAAAA,YAAY,CAACE,IAAI,CAACG,EAAN,CAAZ;AACAR,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,IAAI,CAACG,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGN,KAAK,GAAG,CAA7B;AACAH,IAAAA,SAAS,CAACS,YAAD,CAAT;AACAV,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBU,YAAzB,CAAhB;AACD,GAJD;;AAMA,sBACEC;AACE,IAAA,SAAS,EAAC,2CADZ;AAEE,IAAA,EAAE,2BAAoBP,KAApB,CAFJ;AAAA,2BAIEO;AAAK,MAAA,SAAS,EAAC,oDAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,+DAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEL,oBAHX;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,gBADN,CADF,eAUEF;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,UAAA,OAAO,EAAEJ,iBAHX;AAIE,UAAA,KAAK,EAAC,aAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AAPF,WACM,aADN,CAVF,eAmBEH;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEF,cAHX;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEE,eAACI,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AAPF,WACM,cADN,CAnBF;AAAA;AADF;AAJF,IADF;AAsCD,CA9DD;;AAgEAhB,oBAAoB,CAACiB,SAArB,GAAiC;AAC/BhB,EAAAA,gBAAgB,EAAEiB,6BAAS,CAACC,IADG;AAE/BjB,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,IAFU;AAG/BhB,EAAAA,eAAe,EAAEe,6BAAS,CAACC,IAHI;AAI/Bf,EAAAA,YAAY,EAAEc,6BAAS,CAACC,IAJO;AAK/Bd,EAAAA,KAAK,EAAEa,6BAAS,CAACE,MALc;AAM/Bd,EAAAA,IAAI,EAAEY,6BAAS,CAACG,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAES,6BAAS,CAACI;AADM,GAAhB;AANyB,CAAjC;AAWAtB,oBAAoB,CAACuB,YAArB,GAAoC;AAClCtB,EAAAA,gBAAgB,EAAE,4BAAM,EADU;AAElCC,EAAAA,SAAS,EAAE,qBAAM,EAFiB;AAGlCC,EAAAA,eAAe,EAAE,2BAAM,EAHW;AAIlCC,EAAAA,YAAY,EAAE,wBAAM,EAJc;AAKlCC,EAAAA,KAAK,EAAE,CAL2B;AAMlCC,EAAAA,IAAI,EAAE;AAN4B,CAApC;AASA,0CAAekB,UAAI,CAACxB,oBAAD,CAAnB;;;;"}
+{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageThumbnailActions = ({\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n  };\n\n  return (\n    <div\n      className=\"thumbnailActions d-flex j-between f-width\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides f-width\">\n        <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            onClick={onPageDuplicateClick}\n            title=\"Duplicate Page\"\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger\"\n            onClick={onPageRemoveClick}\n            title=\"Remove Slide\"\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            onClick={onPageAddClick}\n            title=\"Add Slide\"\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/LeftPanel/Elements.js

@@ -1,15 +1,20 @@
 'use strict';
 
 require('core-js/modules/es.array.map.js');
+require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var SectionWithSearch = require('../../Builder/SectionWithSearch.js');
+var Section = require('../../Builder/Section.js');
 var Element = require('../../Builder/Element.js');
 var propTypes = require('../../../constants/propTypes.js');
 var LeftPanelCloser = require('./LeftPanelCloser.js');
 var builderContext = require('../../../utils/builderContext.js');
+var Tabs = require('../../Builder/Tabs.js');
+var functions = require('../../../utils/functions.js');
+var hooks = require('../../../utils/hooks.js');
+var SearchInput = require('../../Builder/SearchInput.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,6 +27,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var Elements = function Elements(_ref) {
   var acceptedItems = _ref.acceptedItems,
       leftPanelConfig = _ref.leftPanelConfig,
@@ -29,31 +46,68 @@ var Elements = function Elements(_ref) {
       onItemAdd = _ref.onItemAdd;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
+      activeTab = _useBuilderContext.activeTab,
       setActiveElement = _useBuilderContext.setActiveElement,
       setIsRightPanelOpen = _useBuilderContext.setIsRightPanelOpen,
       zoom = _useBuilderContext.zoom;
 
+  var _useTranslatedTexts = hooks.useTranslatedTexts(),
+      ADD_ELEMENT = _useTranslatedTexts.ADD_ELEMENT,
+      NO_RESULT = _useTranslatedTexts.NO_RESULT; // Tabs
+
+
+  var tabDetails = functions.getTabsWithElements(leftPanelConfig);
+  var tabs = Object.keys(tabDetails);
+
+  var _useState = React.useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchElements = _useState2[0],
+      setSearchElements = _useState2[1];
+
+  var _useState3 = React.useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentTabInfo = _useState4[0],
+      setCurrentTabInfo = _useState4[1];
+
+  React.useEffect(function () {
+    setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);
+  }, [activeTab.left]);
+
+  var _ref2 = currentTabInfo || {},
+      _ref2$elements = _ref2.elements,
+      elements = _ref2$elements === void 0 ? {} : _ref2$elements,
+      _ref2$hasSearch = _ref2.hasSearch,
+      hasSearch = _ref2$hasSearch === void 0 ? false : _ref2$hasSearch,
+      searchKeys = _ref2.searchKeys;
+
+  var elementWillBeUsed = hasSearch ? searchElements : elements;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "toolItemWrapper f-height d-flex dir-col o-auto p-relative",
-    children: [/*#__PURE__*/jsxRuntime.jsx(LeftPanelCloser, {}), leftPanelConfig.map(function (section) {
-      return /*#__PURE__*/jsxRuntime.jsx(SectionWithSearch, {
-        elements: section.elements,
-        hasSearch: section.hasSearch,
-        searchKeys: section.searchKeys,
-        title: section.title,
-        children: function children(elements) {
-          return elements.map(function (element, index) {
-            return /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread({
-              acceptedItems: acceptedItems,
-              onAnEventTrigger: onAnEventTrigger,
-              onItemAdd: onItemAdd,
-              setActiveElement: setActiveElement,
-              setIsRightPanelOpen: setIsRightPanelOpen,
-              zoom: zoom
-            }, element), index.toString());
-          });
-        }
-      }, section.title);
+    children: [/*#__PURE__*/jsxRuntime.jsx(LeftPanelCloser, {}), /*#__PURE__*/jsxRuntime.jsxs(Section, {
+      title: ADD_ELEMENT,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tabs, {
+        panel: "left",
+        tabs: tabs
+      }), hasSearch && /*#__PURE__*/jsxRuntime.jsx(SearchInput, {
+        elements: elements,
+        searchKeys: searchKeys,
+        setElements: setSearchElements
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "toolItem-tabContent",
+        children: [searchElements === 'noResult' && hasSearch && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "no-search-result-text",
+          children: NO_RESULT
+        }), Array.isArray(elementWillBeUsed) && elementWillBeUsed.map(function (element, index) {
+          return /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread({
+            acceptedItems: acceptedItems,
+            onAnEventTrigger: onAnEventTrigger,
+            onItemAdd: onItemAdd,
+            setActiveElement: setActiveElement,
+            setIsRightPanelOpen: setIsRightPanelOpen,
+            zoom: zoom
+          }, element), index.toString());
+        })]
+      })]
     })]
   });
 };

package/lib/cjs/components/Panels/LeftPanel/Elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport SectionWithSearch from '../../Builder/SectionWithSearch';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\n\nconst Elements = ({\n  acceptedItems,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n}) => {\n  const {\n    setActiveElement,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n\n  return (\n    <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n      <LeftPanelCloser />\n      {leftPanelConfig.map(section => (\n        <SectionWithSearch\n          key={section.title}\n          elements={section.elements}\n          hasSearch={section.hasSearch}\n          searchKeys={section.searchKeys}\n          title={section.title}\n        >\n          {elements => elements.map((element, index) => (\n            <Element\n              key={index.toString()}\n              acceptedItems={acceptedItems}\n              onAnEventTrigger={onAnEventTrigger}\n              onItemAdd={onItemAdd}\n              setActiveElement={setActiveElement}\n              setIsRightPanelOpen={setIsRightPanelOpen}\n              zoom={zoom}\n              {...element}\n            />\n          ))}\n        </SectionWithSearch>\n      ))}\n    </div>\n  );\n};\n\nElements.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  leftPanelConfig: leftPanelConfigPropType,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n  acceptedItems: {},\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","setActiveElement","setIsRightPanelOpen","zoom","_jsxs","_jsx","map","section","elements","hasSearch","searchKeys","title","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,gBAEI,QAFJA,gBAEI;AAAA,MADJC,SACI,QADJA,SACI;;AAAA,2BAKAC,gCAAiB,EALjB;AAAA,MAEFC,gBAFE,sBAEFA,gBAFE;AAAA,MAGFC,mBAHE,sBAGFA,mBAHE;AAAA,MAIFC,IAJE,sBAIFA,IAJE;;AAOJ,sBACEC;AAAK,IAAA,SAAS,EAAC,2DAAf;AAAA,4BACEC,eAAC,eAAD,KADF,EAEGR,eAAe,CAACS,GAAhB,CAAoB,UAAAC,OAAO;AAAA,0BAC1BF,eAAC,iBAAD;AAEE,QAAA,QAAQ,EAAEE,OAAO,CAACC,QAFpB;AAGE,QAAA,SAAS,EAAED,OAAO,CAACE,SAHrB;AAIE,QAAA,UAAU,EAAEF,OAAO,CAACG,UAJtB;AAKE,QAAA,KAAK,EAAEH,OAAO,CAACI,KALjB;AAAA,kBAOG,kBAAAH,QAAQ;AAAA,iBAAIA,QAAQ,CAACF,GAAT,CAAa,UAACM,OAAD,EAAUC,KAAV;AAAA,gCACxBR,eAAC,OAAD;AAEE,cAAA,aAAa,EAAET,aAFjB;AAGE,cAAA,gBAAgB,EAAEE,gBAHpB;AAIE,cAAA,SAAS,EAAEC,SAJb;AAKE,cAAA,gBAAgB,EAAEE,gBALpB;AAME,cAAA,mBAAmB,EAAEC,mBANvB;AAOE,cAAA,IAAI,EAAEC;AAPR,eAQMS,OARN,GACOC,KAAK,CAACC,QAAN,EADP,CADwB;AAAA,WAAb,CAAJ;AAAA;AAPX,SACOP,OAAO,CAACI,KADf,CAD0B;AAAA,KAA3B,CAFH;AAAA,IADF;AA2BD,CAvCD;;AAyCAhB,QAAQ,CAACoB,SAAT,GAAqB;AACnBnB,EAAAA,aAAa,EAAEoB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADI;AAEnBpB,EAAAA,eAAe,EAAEqB,iCAFE;AAGnBpB,EAAAA,gBAAgB,EAAEkB,6BAAS,CAACG,IAHT;AAInBpB,EAAAA,SAAS,EAAEiB,6BAAS,CAACG;AAJF,CAArB;AAOAxB,QAAQ,CAACyB,YAAT,GAAwB;AACtBxB,EAAAA,aAAa,EAAE,EADO;AAEtBC,EAAAA,eAAe,EAAE,EAFK;AAGtBC,EAAAA,gBAAgB,EAAE,4BAAM,EAHF;AAItBC,EAAAA,SAAS,EAAE,qBAAM;AAJK,CAAxB;AAOA,8BAAesB,UAAI,CAAC1B,QAAD,CAAnB;;;;"}
+{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n  memo, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Section from '../../Builder/Section';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\n\nconst Elements = ({\n  acceptedItems,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n}) => {\n  const {\n    activeTab,\n    setActiveElement,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n  const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n  // Tabs\n  const tabDetails = getTabsWithElements(leftPanelConfig);\n  const tabs = Object.keys(tabDetails);\n\n  const [searchElements, setSearchElements] = useState([]);\n  const [currentTabInfo, setCurrentTabInfo] = useState({});\n\n  useEffect(() => {\n    setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);\n  }, [activeTab.left]);\n\n  const {\n    elements = {},\n    hasSearch = false,\n    searchKeys,\n  } = currentTabInfo || {};\n\n  const elementWillBeUsed = hasSearch ? searchElements : elements;\n  return (\n    <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n      <LeftPanelCloser />\n      <Section\n        title={ADD_ELEMENT}\n      >\n        <Tabs\n          panel=\"left\"\n          tabs={tabs}\n        />\n        {hasSearch && (\n          <SearchInput\n            elements={elements}\n            searchKeys={searchKeys}\n            setElements={setSearchElements}\n          />\n        ) }\n        <div className=\"toolItem-tabContent\">\n          { (searchElements === 'noResult' && hasSearch)\n            && <div className=\"no-search-result-text\">{NO_RESULT}</div>}\n          {Array.isArray(elementWillBeUsed) && elementWillBeUsed.map((element, index) => (\n            <Element\n              key={index.toString()}\n              acceptedItems={acceptedItems}\n              onAnEventTrigger={onAnEventTrigger}\n              onItemAdd={onItemAdd}\n              setActiveElement={setActiveElement}\n              setIsRightPanelOpen={setIsRightPanelOpen}\n              zoom={zoom}\n              {...element}\n            />\n          ))}\n        </div>\n      </Section>\n    </div>\n  );\n};\n\nElements.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  leftPanelConfig: leftPanelConfigPropType,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n  acceptedItems: {},\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","activeTab","setActiveElement","setIsRightPanelOpen","zoom","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","Object","keys","useState","searchElements","setSearchElements","currentTabInfo","setCurrentTabInfo","useEffect","left","elements","hasSearch","searchKeys","elementWillBeUsed","_jsxs","_jsx","Array","isArray","map","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/LeftPanel/LeftPanelCloser.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var builderContext = require('../../../utils/builderContext.js');
 var jsxRuntime = require('react/jsx-runtime');
-var arrow_left = require('../../../assets/svg/arrow_left.svg.js');
+var close = require('../../../assets/svg/close.svg.js');
 
 var LeftPanelToggler = function LeftPanelToggler() {
   var _useBuilderContext = builderContext.useBuilderContext(),
@@ -16,7 +16,7 @@ var LeftPanelToggler = function LeftPanelToggler() {
         setIsLeftPanelOpen(false);
       },
       type: "button",
-      children: /*#__PURE__*/jsxRuntime.jsx(arrow_left, {
+      children: /*#__PURE__*/jsxRuntime.jsx(close, {
         className: "jfReportSVG"
       })
     })

package/lib/cjs/components/Panels/LeftPanel/LeftPanelCloser.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  return (\n    <>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={() => { setIsLeftPanelOpen(false); }}\n        type=\"button\"\n      >\n        <icons.arrowLeft className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.arrowLeft","memo"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,gCAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAE7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,eAACC,UAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,UAAI,CAACL,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  return (\n    <>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={() => { setIsLeftPanelOpen(false); }}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.close","memo"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,gCAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAE7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,eAACC,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,UAAI,CAACL,gBAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js

@@ -14,16 +14,18 @@ var LeftPanelToggler = function LeftPanelToggler() {
       ADD_ELEMENT = _useTranslatedTexts.ADD_ELEMENT;
 
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx("button", {
-      className: "paneToggler",
+    children: /*#__PURE__*/jsxRuntime.jsxs("button", {
+      className: "paneToggler addElementToggle",
       onClick: function onClick() {
         setIsLeftPanelOpen(true);
       },
       title: ADD_ELEMENT,
       type: "button",
-      children: /*#__PURE__*/jsxRuntime.jsx(plus, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        children: ADD_ELEMENT
+      }), /*#__PURE__*/jsxRuntime.jsx(plus, {
         className: "jfReportSVG isWhite"
-      })
+      })]
     })
   });
 };

package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  const { ADD_ELEMENT } = useTranslatedTexts();\n  return (\n    <>\n      <button\n        className=\"paneToggler\"\n        onClick={() => { setIsLeftPanelOpen(true); }}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","useTranslatedTexts","ADD_ELEMENT","_jsx","icons.plus","memo"],"mappings":";;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,gCAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAAA,4BAELC,wBAAkB,EAFb;AAAA,MAErBC,WAFqB,uBAErBA,WAFqB;;AAG7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,aADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAEH,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AAA2B,OAF9C;AAGE,MAAA,KAAK,EAAEE,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,eAACC,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB;AANF;AADF,IADF;AAYD,CAfD;;AAiBA,mCAAeC,UAAI,CAACP,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  const { ADD_ELEMENT } = useTranslatedTexts();\n  return (\n    <>\n      <button\n        className=\"paneToggler addElementToggle\"\n        onClick={() => { setIsLeftPanelOpen(true); }}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <span>{ADD_ELEMENT}</span>\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","useTranslatedTexts","ADD_ELEMENT","_jsx","_jsxs","icons.plus","memo"],"mappings":";;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,gCAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAAA,4BAELC,wBAAkB,EAFb;AAAA,MAErBC,WAFqB,uBAErBA,WAFqB;;AAG7B,sBACEC;AAAA,2BACEC;AACE,MAAA,SAAS,EAAC,8BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAEJ,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AAA2B,OAF9C;AAGE,MAAA,KAAK,EAAEE,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,8BAMEC;AAAA,kBAAOD;AAAP,QANF,eAOEC,eAACE,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QAPF;AAAA;AADF,IADF;AAaD,CAhBD;;AAkBA,mCAAeC,UAAI,CAACR,gBAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/RightPanel/RightPanel.js

@@ -19,7 +19,7 @@ var propContext = require('../../../utils/propContext.js');
 var functions = require('../../../utils/functions.js');
 var hooks = require('../../../utils/hooks.js');
 var itemTypes = require('../../../constants/itemTypes.js');
-var SettingTabs = require('./SettingTabs.js');
+var Tabs = require('../../Builder/Tabs.js');
 var Settings = require('./Settings.js');
 var RightPanelToggler = require('./RightPanelToggler.js');
 var string = require('../../../utils/string.js');
@@ -163,11 +163,11 @@ var RightPanel = function RightPanel(_ref) {
   var tabsWithSettings = functions.getTabsWithSettings(element, selectedItem, itemAccessor);
   var tabs = Object.keys(tabsWithSettings);
   React.useEffect(function () {
-    var currentTab = tabs[activeTab];
+    var currentTab = tabs[activeTab.right];
 
     if (!tabsWithSettings[currentTab]) {
       // This is due to conditionaly hiding tabs
-      setActiveTab(0);
+      setActiveTab('right', 0);
     }
   }, [activeTab, tabs]); // Panel className
 
@@ -203,7 +203,8 @@ var RightPanel = function RightPanel(_ref) {
         className: "toolItemWrapper f-height d-flex dir-col",
         children: /*#__PURE__*/jsxRuntime.jsxs(Section, {
           title: title,
-          children: [/*#__PURE__*/jsxRuntime.jsx(SettingTabs, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Tabs, {
+            panel: "right",
             tabs: tabs
           }), /*#__PURE__*/jsxRuntime.jsx(Settings, {
             element: element,