feat(flex-ai): basic ui for flex ai

- React components prepared for design review

JIRA: F1-645
risk: low

common/config/rush/browser-approved-packages.json

@@ -158,6 +158,10 @@
       "name": "@gooddata/sdk-ui-filters",
       "allowedCategories": [ "examples", "production", "tools" ]
     },
+    {
+      "name": "@gooddata/sdk-ui-flex-ai",
+      "allowedCategories": [ "examples", "production" ]
+    },
     {
       "name": "@gooddata/sdk-ui-geo",
       "allowedCategories": [ "examples", "production", "tools" ]
@@ -382,6 +386,10 @@
       "name": "@types/react-measure",
       "allowedCategories": [ "examples", "production" ]
     },
+    {
+      "name": "@types/react-native-listener",
+      "allowedCategories": [ "production" ]
+    },
     {
       "name": "@types/react-portal",
       "allowedCategories": [ "production" ]
@@ -402,6 +410,10 @@
       "name": "@types/react-syntax-highlighter",
       "allowedCategories": [ "examples" ]
     },
+    {
+      "name": "@types/react-textarea-autosize",
+      "allowedCategories": [ "production" ]
+    },
     {
       "name": "@types/react-transition-group",
       "allowedCategories": [ "production" ]
@@ -1002,6 +1014,10 @@
       "name": "require-from-string",
       "allowedCategories": [ "production" ]
     },
+    {
+      "name": "reselect",
+      "allowedCategories": [ "production" ]
+    },
     {
       "name": "rimraf",
       "allowedCategories": [ "tools" ]

libs/sdk-ui-flex-ai/.eslintrc.js → libs/sdk-ui-flex-ai/.eslintrc.cjs

@@ -1,16 +1,18 @@
-// (C) 2020-2024 GoodData Corporation
+// (C) 2024 GoodData Corporation
 module.exports = {
     parser: "@typescript-eslint/parser",
     plugins: ["react-hooks", "prettier", "sonarjs", "eslint-plugin-tsdoc"],
     extends: [
         "@gooddata",
         "plugin:react/recommended",
-        "plugin:import/errors",
-        "plugin:import/typescript",
+        "plugin:import-esm/recommended",
         "plugin:sonarjs/recommended",
         "plugin:regexp/recommended",
         "plugin:react-hooks/recommended",
         "../../.eslintrc.react.js",
     ],
-    parserOptions: { tsconfigRootDir: __dirname },
+    rules: {
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "error",
+    },
 };

libs/sdk-ui-flex-ai/.gitignore

@@ -0,0 +1,5 @@
+styles/css
+# ignore the auxiliary file created during build to extract package version
+src/__version.ts
+# ignore the NOTICE that gets copied here on publish, the source of truth is the root of the repo
+NOTICE

libs/sdk-ui-flex-ai/.i18nrc.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+    paths: ["./src/localization/bundles"],
+    structure: true,
+    intl: true,
+    html: true,
+    insightToReport: true,
+    usage: true,
+    debug: false,
+    source: "src/**/*.{ts,js,tsx,jsx}",
+    rules: [
+        {
+            pattern: [/.+/],
+        },
+        // some messages are used from kit components so the validator does not "see" them
+        {
+            dir: /src\/localization\/bundles/,
+            pattern: /^(gs\.date\.(today|tomorrow|yesterday))$/,
+            ignore: true,
+        },
+    ],
+};