From 3c330465dd332e0d4471559ecc5fe51608788cdb Mon Sep 17 00:00:00 2001
From: ahmed-Bazzara <ahmed.bazzara@tretton37.com>
Date: Tue, 12 Feb 2019 12:03:05 +0100
Subject: [PATCH 1/3] Definition object is Qlik standard

---
 src/definition/index.js | 19 ++++++++++---------
 src/index.js            | 12 ++++++++++++
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/definition/index.js b/src/definition/index.js
index fd6a2a9..9352f61 100644
--- a/src/definition/index.js
+++ b/src/definition/index.js
@@ -9,15 +9,16 @@ import pijamaColorLibrary from './pijama-color-library';
 const definition = {
   component: 'accordion',
   items: {
-    dimensions: {
-      max: 2,
-      min: 1,
-      uses: 'dimensions'
-    },
-    measures: {
-      max: 9,
-      min: 1,
-      uses: 'measures'
+    data: {
+      items: {
+        dimensions: {
+          disabledRef: ''
+        },
+        measures: {
+          disabledRef: ''
+        }
+      },
+      uses: 'data'
     },
     settings: {
       items: {
diff --git a/src/index.js b/src/index.js
index 0ead03a..e173730 100644
--- a/src/index.js
+++ b/src/index.js
@@ -12,6 +12,18 @@ export default {
     '$timeout',
     function () { }
   ],
+  data: {
+    dimensions: {
+      max: 2,
+      min: 1,
+      uses: 'dimensions'
+    },
+    measures: {
+      max: 9,
+      min: 1,
+      uses: 'measures'
+    }
+  },
   definition,
   initialProperties: {
     qHyperCubeDef: {

From c47b401a1db770dc344a2278ba6ff486cd583bc2 Mon Sep 17 00:00:00 2001
From: ahmed-Bazzara <ahmed.bazzara@tretton37.com>
Date: Tue, 12 Feb 2019 12:05:01 +0100
Subject: [PATCH 2/3] typo in definiton object

---
 src/definition/header.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/definition/header.js b/src/definition/header.js
index ebf830a..fd61a63 100644
--- a/src/definition/header.js
+++ b/src/definition/header.js
@@ -27,7 +27,7 @@ const header = {
       ref: 'HeaderColorSchema',
       type: 'string',
       component: 'dropdown',
-      label: 'BackGround Header Color',
+      label: 'Background Header Color',
       options: [
         {
           value: 'Clean',

From db67b864ee84e9d91ff2d14f55ff7b244716d4a5 Mon Sep 17 00:00:00 2001
From: ahmed-Bazzara <ahmed.bazzara@tretton37.com>
Date: Thu, 14 Feb 2019 13:54:17 +0100
Subject: [PATCH 3/3] edit mode interaction prevented

---
 src/main.less | 4 +++-
 src/paint.jsx | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/main.less b/src/main.less
index 9f96728..e836cbb 100644
--- a/src/main.less
+++ b/src/main.less
@@ -1,7 +1,9 @@
 .qv-object-qlik-smart-pivot {
   @TableBorder: 1px solid #d3d3d3;
   @KpiTableWidth: 230px;
-
+  .edit-mode{
+    pointer-events: none;
+  }
   ._cell(@Width: 50px) {
   	min-width: @Width!important;
   	max-width: @Width!important;
diff --git a/src/paint.jsx b/src/paint.jsx
index f16a912..e750dfb 100644
--- a/src/paint.jsx
+++ b/src/paint.jsx
@@ -11,10 +11,10 @@ export default async function paint ($element, layout, component) {
     component,
     layout
   });
-
+  const editmodeClass = component.inAnalysisState() ? '' : 'edit-mode';
   const jsx = (
     <React.Fragment>
-      <div className="kpi-table">
+      <div className={`kpi-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}
@@ -29,7 +29,7 @@ export default async function paint ($element, layout, component) {
           styling={state.styling}
         />
       </div>
-      <div className="data-table">
+      <div className={`data-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}