Merge pull request #30 from Appsilon/add-reactable-extras

chore: Add reactable.extras

app/scripts/contributors.js

@@ -91,6 +91,13 @@ export const addContributors = () => {
       {'img': '83692505', 'profile': 'github.com/rszymanski', 'credit': 'Author & Maintainer'},
       {'img': '110383037', 'profile': 'github.com/vibalre', 'credit': 'Author'},
       {'img': '24652240', 'profile': 'appsilon.github.io/shiny.emptystate/authors.html', 'credit': 'More Contributors'}
+    ],
+    'reactable.extras': [
+      {'img': '110383037', 'profile': 'github.com/vibalre', 'credit': 'Author & Maintainer'},
+      {'img': '26137289', 'profile': 'github.com/vanhry', 'credit': 'Author'},
+      {'img': '51521150', 'profile': 'github.com/andyquinterom', 'credit': 'Author'},
+      {'img': '44022548', 'profile': 'github.com/pedrocoutinhosilva', 'credit': 'Author'},
+      {'img': '24652240', 'profile': 'appsilon.github.io/reactable.extras/authors.html', 'credit': 'More Contributors'}
     ]
   };
 

app/scripts/hexData.js

@@ -83,11 +83,16 @@ const _G = {
   library: 'shiny-telemetry',
   title: 'shiny.telemetry'
 };
-// shiny.telemetry
+// shiny.emptystate
 const _J = {
   library: 'shiny-emptystate',
   title: 'shiny.emptystate'
 };
+// reactable.extras
+const _M = {
+  library: 'reactable-extras',
+  title: 'reactable.extras'
+};
 // Text cell
 const _X = {
   text: 'Welcome to the world of ...'
@@ -108,7 +113,7 @@ const _T = {
 export const hexXl = [
   [     [4,_A], [3,__], [2,__], [1,__], [0,__], [0,__], [0,__], [0,__], [0,__]     ],
   [ [2,__], [2,__], [1,__], [1,__], [0,_L], [1,_H], [1,_B], [0,__], [1,_J], [0,__] ],
-  [     [0,__], [1,__], [0,__], [0,__], [1,_S], [2,_C], [2,_F], [2,_E], [2,__]     ],
+  [     [0,__], [1,__], [0,__], [0,__], [1,_S], [2,_C], [2,_F], [2,_E], [2,_M]     ],
   [ [0,__], [0,__], [0,__], [0,__], [0,__], [2,_W], [2,_R], [3,_V], [4,_G], [4,__] ],
   [     [0,__], [0,__], [0,__], [0,__], [0,__], [2,_D], [3,_I], [4,_N], [4,__]     ],
   [ [0,__], [0,__], [0,__], [0,__], [0,__], [1,__], [1,__], [3,__], [4,__], [4,__] ],
@@ -124,7 +129,7 @@ export const hexLg = [
   [     [1,__], [0,__], [0,__], [1,_S], [2,_C], [2,_F], [2,_E]     ],
   [ [0,__], [0,__], [0,__], [0,__], [2,_W], [2,_R], [3,_V], [4,__] ],
   [     [0,__], [0,__], [0,__], [0,__], [2,_D], [3,_I], [4,_N]     ],
-  [ [0,__], [0,__], [0,__], [0,__], [1,__], [2,_G], [3,_J], [4,__] ],
+  [ [0,__], [0,__], [0,__], [0,__], [1,_M], [2,_G], [3,_J], [4,__] ],
   [     [0,__], [0,__], [0,__], [0,__], [0,__], [1,__], [2,__]     ],
   [ [0,__], [0,__], [0,__], [0,__], [0,__], [0,__], [0,__], [0,__] ]
 ];
@@ -138,7 +143,7 @@ export const hexMd = [
   [     [0,__], [0,__], [0,__], [1,_V], [2,_D], [3,_I]     ],
   [ [0,__], [0,__], [0,__], [0,__], [1,_E], [2,_N], [3,__] ],
   [     [0,__], [0,__], [0,__], [0,__], [1,_G], [1,_J]     ],
-  [ [0,__], [0,__], [0,__], [0,__], [0,__], [0,__], [0,__] ]
+  [ [0,__], [0,__], [0,__], [0,__], [0,__], [1,_M], [0,__] ]
 ];
 
 // Layout for small tablet / big mobile screens
@@ -153,7 +158,7 @@ export const hexSm = [
   [ [2,__], [2,_W], [2,_R], [3,_V], [4,__] ],
   [     [2,__], [2,_D], [3,_I], [4,__]     ],
   [ [2,__], [2,_E], [2,_N], [3,_B], [4,__] ],
-  [     [2,__], [2,_G], [3,_J], [4,__]     ],
+  [     [2,_M], [2,_G], [3,_J], [4,__]     ],
   [ [3,__], [3,__], [4,__], [4,__], [4,__] ]
 ];
 
@@ -172,5 +177,5 @@ export const hexXs = [
   [     [3,__], [3,_N], [4,__]     ],
   [ [4,__], [4,_B], [4,_E], [4,__] ],
   [     [4,__], [4,_G], [4,__]     ],
-  [ [4,__], [4,_J], [4,__], [4,__] ]
+  [ [4,__], [4,_J], [4,_M], [4,__] ]
 ];

app/scripts/libraries.js

@@ -163,5 +163,16 @@ export const libraries = [
     'repoLink': 'https://github.com/Appsilon/shiny.emptystate/',
     'demoLink': 'https://connect.appsilon.com/shiny-emptystate-demo/',
     'docsLink': 'https://appsilon.github.io/shiny.emptystate/'
+  },
+  {
+    'id': 'reactable-extras',
+    'heading': 'reactable.extras',
+    'paragraphs': [
+      'Extra features for reactable package.',
+      'Enhances the functionality of the reactable package in Shiny applications. Reactable tables are interactive customizable, and reactable.extras extend their capabilities, allowing you to create dynamic and interactive data tables with ease.'
+    ],
+    'repoLink': 'https://github.com/Appsilon/reactable.extras/',
+    'demoLink': '',
+    'docsLink': 'https://appsilon.github.io/reactable.extras/'
   }
 ]

app/styles/modules/_config.scss

@@ -28,6 +28,7 @@ $color-shiny-benchmark: #B30928;
 $color-shiny-blueprint: #4673B6;
 $color-shiny-telemetry: #205238;
 $color-shiny-emptystate: #4E700A;
+$color-reactable-extras: #373C6E;
 
 $menu-transition: 0.3s;
 $hover-transition: 0.15s;

app/styles/partials/_grid.scss

@@ -12,7 +12,8 @@ $packages: (
   'shiny-benchmark': $color-shiny-benchmark,
   'shiny-blueprint': $color-shiny-blueprint,
   'shiny-telemetry': $color-shiny-telemetry,
-  'shiny-emptystate': $color-shiny-emptystate
+  'shiny-emptystate': $color-shiny-emptystate,
+  'reactable-extras': $color-reactable-extras
 );
 
 .hex-grid {

app/styles/partials/_info.scss

@@ -12,7 +12,8 @@ $packages: (
   'shiny-benchmark': $color-shiny-benchmark,
   'shiny-blueprint': $color-shiny-blueprint,
   'shiny-telemetry': $color-shiny-telemetry,
-  'shiny-emptystate': $color-shiny-emptystate
+  'shiny-emptystate': $color-shiny-emptystate,
+  'reactable-extras': $color-reactable-extras
 );
 
 .contributors img {
@@ -95,6 +96,7 @@ $packages: (
     &--shiny-blueprint { background-color: $color-shiny-blueprint; }
     &--shiny-telemetry { background-color: $color-shiny-telemetry; }
     &--shiny-emptystate { background-color: $color-shiny-emptystate; }
+    &--reactable-extras { background-color: $color-reactable-extras; }
 
     @media only screen and (min-width: $media-md) {
       background: none;