Release/1.0.0

.babelrc.json

@@ -10,7 +10,7 @@
       }
     ],
     "@babel/preset-typescript",
-    "@babel/preset-react"
+    ["@babel/preset-react", {"runtime":"automatic"}]
   ],
   "plugins": []
 }

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: cimg/node:16.16.0
+      - image: cimg/node:20.12.0
     working_directory: ~/repo
     steps:
       - checkout

.eslintrc.json

@@ -1,45 +1,57 @@
 {
-    "extends": [
-      "react-app"
+  "extends": [
+    "react-app"
+  ],
+  "rules": {
+    "import/no-anonymous-default-export": 0,
+    "no-console": "error",
+    "no-debugger": "error",
+    "array-bracket-newline": "error",
+    "array-bracket-spacing": "error",
+    "array-callback-return": "error",
+    "arrow-body-style": "error",
+    "arrow-spacing": "error",
+    "block-scoped-var": "error",
+    "block-spacing": "error",
+    "brace-style": "error",
+    "callback-return": "error",
+    "camelcase": "error",
+    "no-dupe-else-if": "error",
+    "no-dupe-keys": "error",
+    "no-duplicate-case": "error",
+    "no-duplicate-imports": "error",
+    "no-unneeded-ternary": "error",
+    "no-unreachable": "error",
+    "no-unsafe-finally": "error",
+    "no-unsafe-negation": "error",
+    "no-unused-expressions": "error",
+    "no-unused-labels": "error",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-debugger": "error",
-      "array-bracket-newline": "error",
-      "array-bracket-spacing": "error",
-      "array-callback-return": "error",
-      "arrow-body-style": "error",
-      "arrow-spacing": "error",
-      "block-scoped-var": "error",
-      "block-spacing": "error",
-      "brace-style": "error",
-      "callback-return": "error",
-      "camelcase": "error",
-      "no-dupe-else-if": "error",
-      "no-dupe-keys": "error",
-      "no-duplicate-case": "error",
-      "no-duplicate-imports": "error",
-      "no-unneeded-ternary": "error",
-      "no-unreachable": "error",
-      "no-unsafe-finally": "error",
-      "no-unsafe-negation": "error",
-      "no-unused-expressions": "error",
-      "no-unused-labels": "error",
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": ["error"],
-      "no-use-before-define": "off",
-      "no-useless-call": "error",
-      "no-useless-catch": "error",
-      "no-useless-computed-key": "error",
-      "no-useless-concat": "error",
-      "no-useless-constructor": "error",
-      "no-useless-escape": "error",
-      "no-useless-rename": "error",
-      "no-useless-return": "error",
-      "no-var": "error",
-      "quotes": [2, "single", { "avoidEscape": true }],
-      "semi": [2, "always"],
-      // turning off the following
-      "react-hooks/exhaustive-deps": "off"
-    }
-  }
+    "no-use-before-define": "off",
+    "no-useless-call": "error",
+    "no-useless-catch": "error",
+    "no-useless-computed-key": "error",
+    "no-useless-concat": "error",
+    "no-useless-constructor": "error",
+    "no-useless-escape": "error",
+    "no-useless-rename": "error",
+    "no-useless-return": "error",
+    "no-var": "error",
+    "quotes": [
+      2,
+      "single",
+      {
+        "avoidEscape": true
+      }
+    ],
+    "semi": [
+      2,
+      "always"
+    ],
+    // turning off the following
+    "react-hooks/exhaustive-deps": "off"
+  }
+}

.gitignore

@@ -8,4 +8,5 @@ coverage
 .parcel-cache
 example/.parcel-cache/*
 example/build
-storybook-static
+storybook-static
+package-lock.json

.storybook/main.js

@@ -1,12 +1,14 @@
 process.env.DESIGN_TOKEN_GLOB = "**/tokens.css";
 const config = {
   stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-docs',
     '@storybook/addon-controls',
     'storybook-css-modules-preset',
+    '@storybook/preview-api',
     '@storybook/addon-a11y',
     {
         name: "storybook-design-token",
@@ -17,12 +19,23 @@ const config = {
         autodocs: "tag",
       },
     },
-    '@storybook/addon-mdx-gfm'
+    '@storybook/addon-mdx-gfm',
+    '@storybook/addon-webpack5-compiler-babel',
+    'storybook-addon-mdx-embed'
   ],
+
   framework: {
     name: '@storybook/react-webpack5',
     options: {}
   },
+
+  docs: {},
+
+  staticDirs: ["../static"],
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 };
 
 export default config;

.storybook/manager-head.html

@@ -2,6 +2,7 @@
   href="https://www.capgemini.com/wp-content/themes/capgemini-komposite/assets/images/favicon.ico">
 <link rel="icon" type="image/png" href="/storybook.png" sizes="192x192">
 <!-- TODO-DS: we'll remove this one when we'll decide to release the design tokens-->
+<meta name="description" content="react agnostic library" key="desc" />
 <script defer>
   if (location.hostname !== 'localhost') {
     const $hideDesignSystemFromSidebar = document.createElement('style');

.storybook/manager.js

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import camTheme from './capgeminiTheme';
 
 addons.setConfig({

.storybook/preview.js

@@ -18,12 +18,18 @@ export const parameters = {
         [
           'Introduction',
           'Utils',
+          [
+            'CopyToClipboard',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+          ],
           'Form',
           [
             'Autocomplete',
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'Button',
             ['Documentation', 'Live', 'Without style', 'Class based'],
+            'ButtonGroup',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
             'CharacterCount',
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'Checkbox',
@@ -67,16 +73,21 @@ export const parameters = {
             'Tooltip',
             ['Documentation', 'Live', 'Class based'],
           ],
-          'Breadcrumb',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'CopyToClipboard',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Details',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Tabs',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Table',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
+          'Layout',
+          [
+            'Accordion',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Breadcrumb',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Details',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Tabs',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Table',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Card',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+          ],
           'Typography',
           [
             'Abbreviate',
@@ -103,6 +114,10 @@ export const parameters = {
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'List',
             ['Documentation', 'Live', 'Without style', 'Class based'],
+            'DescriptionList',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'PreformattedText',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
           ],
           'Changelog',
         ],
@@ -146,3 +161,4 @@ export const decorators = [
     return storyFn();
   },
 ];
+export const tags = ['autodocs'];

.vscode/settings.json

@@ -11,4 +11,4 @@
   "files.associations": {
     "*.css": "postcss"
   }
-}
+}