feat(AnalyticalTable): Initial Implementation (#32)

BREAKING CHANGE Deleted `ResponsivePopover`, please use the `Popover` Component

Author: MarcusNotheis

package.json

@@ -142,5 +142,8 @@
       "prettier -config ./prettier.config.js --write",
       "git add"
     ]
+  },
+  "dependencies": {
+    "react-table": "6.8.6"
   }
 }

packages/fiori3/__karma_snapshots__/ActionSheet.md

@@ -8,24 +8,22 @@
     <Jss(WithStyles(ActionSheet)) openBy={{...}} placement="Bottom">
       <WithStyles(ActionSheet) openBy={{...}} placement="Bottom" classes={{...}}>
         <ActionSheet openBy={{...}} placement="Bottom" classes={{...}}>
-          <ResponsivePopover hideHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]}>
-            <Popover hideHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
-              <div style={{...}} onClick={[Function]}>
-                <Button type="Default">
-                  <WithWebComponent theme={{...}} type="Default">
-                    <ui5-button type="Default" class="" />
-                  </WithWebComponent>
-                </Button>
-              </div>
-              <WithTheme(WithWebComponent) hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
-                <WithWebComponent theme={{...}} hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
-                  <ui5-popover hide-header={true} inner-component-ref={[Function]} placement-type="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" class="">
-                    <ul className="ActionSheet-actionSheet---" />
-                  </ui5-popover>
+          <Popover hideHeader={true} innerComponentRef={[Function]} openBy={{...}} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
+            <div style={{...}} onClick={[Function]}>
+              <Button type="Default">
+                <WithWebComponent theme={{...}} type="Default">
+                  <ui5-button type="Default" class="" />
                 </WithWebComponent>
-              </WithTheme(WithWebComponent)>
-            </Popover>
-          </ResponsivePopover>
+              </Button>
+            </div>
+            <WithTheme(WithWebComponent) hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
+              <WithWebComponent theme={{...}} hideHeader={true} innerComponentRef={[Function]} placementType="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">
+                <ui5-popover hide-header={true} inner-component-ref={[Function]} placement-type="Bottom" style={[undefined]} data-ui5-slot={[undefined]} initial-focus={{...}} header-text="" horizontal-align="Center" vertical-align="Center" class="">
+                  <ul className="ActionSheet-actionSheet---" />
+                </ui5-popover>
+              </WithWebComponent>
+            </WithTheme(WithWebComponent)>
+          </Popover>
         </ActionSheet>
       </WithStyles(ActionSheet)>
     </Jss(WithStyles(ActionSheet))>