chore: fix imports/tests, correct eslint offenses

- These are functionally the same

chore: update imports for ModalContainerProvider

chore: add garden shadow package and update imports

- Garden shadow will be removed in a follow up, this first phase is just
a lift and shift to ensure everything is imported correctly

feat: add package for new-requests-list

chore: remove the dist folder

chore: add locales folder

chore: continue fixing imports

chore: add mocks folder for svgs to pass tests

chore: satisfy dependency

chore: remove ErrorBoundary duplicate

chore: use settings instead of themesettings dup

chore: fix test ts error by adding default fallback

chore: add default fallback colors to fix ts test error

chore: make ts happy ensuring return is never undefined with fallback value

fix: replace linkColor with primaryEmphasis

- linkColor was specific to themeSettings and only used here as far as I could see,
garden contains primaryEmphasis which is the color used for links,
so have replaced linkColor with this.

fix: add fallbacks&correct further eslint offenses

- Fallback to "pending" status color and label if status is undefined

fix: organizations map return value branch missing

- the else statement of of the subscriptions map function was missing
resulting in a test / TS error. Have replaced the if statement with a slice
to make sure we are only working with the first elements up to amountShowing.

fix: typescript potential undefined errors

Address 3 ts errors in file
1. allowing for data to be returned as any due to potential undefined
2. adding undefined to return type of getDefaultOrganization
3. handleTabSelect not invoking id if default org is undefined

fix: ts undefined in FieldTags and DateFilter

- Add fallback to empty string in datefilter
- FilterValues in fieldTags had multiple ts warning errors for potential
undefined values, these were addressed by restructuring conditionals and adding
extra undefined checks

chore: correct eslint offenses

- Allow the same any types that we did in new request list
- Remove unused React imports
- Make shadow root container kebab case

fix: yarn build circular dependency

fix: fix ts undefined calendar errors

fix: add default en translation to jest setup

fix: data-test-id not being found and clearAllMocks

- Replaced `getByTestId` with `getByRole` to correctly target checkboxes
by their accessible names
- Added `jest.clearAllMocks()` in the afterEach hook to reset mock states
because otherwise the mock calls were accumulating across the test suite

fix: filter modal tests not finding data-test-ids

Replaced the data test id finders with clicks on Start textbox
to get the datepicker to show up,
then traversed the DOM to find the calendar items.

fix: organization data test id not being found

fix: find by role instead of data test id

fix: ensure tests always run in UTC zone

chore: remove uneeded types from HCData.ts

- These types can be derived from settings, so when initialising the
newrequest list app we only need:
<div class="container">
  <header class="my-activities-header">
    <h1>{{t "requests"}}</h1>
  </header>

  <div id="main-content">
  </div>
</div>

<script type="module">
  const requestListSettings = {{json settings}};
  const themeProps = { settings: requestListSettings };
  const userProps = { locale:{{json help_center.base_locale}}, }
  const dataProps = { user: userProps, theme: themeProps, };

  import { renderRequestList } from "request-list";
  const container = document.getElementById("main-content");

  renderRequestList(container,dataProps);

</script>

fix: translations folder location

chore: address review

- Removed unused
- Use files from shared
- Locales fixed, had accidentally rebased and dropped the correct commit
- Use same rendering method as the remaining apps
- Use strings lookup in STATUS_MAPPING to avoid extra eslint fixes
- Rebase with master and update yarn.lock

app can by tested by modifying the requests_page.hbs i.e:

<div class="container">
  <header class="my-activities-header">
    <h1>{{t "requests"}}</h1>
  </header>

  <div id="main-content">
  </div>
</div>

<script type="module">
  const requestListSettings = {{json settings}};
  const themeProps = { settings: requestListSettings };
  const userProps = { locale:{{json help_center.base_locale}}, }
  const dataProps = { user: userProps, theme: themeProps, };

  import { renderNewRequestList } from "new-request-list";
  const container = document.getElementById("main-content");

  renderNewRequestList(container,dataProps);

</script>

chore: rename new request list to request list

chore: address review part 2

Author: melzreal

__mocks__/svg.mock.js

@@ -0,0 +1 @@
+module.exports = () => null;

assets/request-list-bundle.js

@@ -7,6 +7,9 @@ const config = {
   },
   transformIgnorePatterns: ["node_modules/(?!(react-merge-refs)/)"],
   setupFilesAfterEnv: ["@testing-library/jest-dom", "<rootDir>/jest.setup.js"],
+  moduleNameMapper: {
+    "\\.svg$": "<rootDir>/__mocks__/svg.mock.js",
+  },
 };
 
 export default config;

assets/request-list-translations-bundle.js

@@ -1,5 +1,20 @@
 import { jest } from "@jest/globals";
 
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+
+i18n.use(initReactI18next).init({
+  resources: {
+    en: {},
+  },
+  lng: "en",
+  interpolation: {
+    escapeValue: false,
+  },
+  keySeparator: false,
+  pluralSeparator: ".",
+});
+
 Object.defineProperty(window, "matchMedia", {
   writable: true,
   value: jest.fn().mockImplementation((query) => ({

jest.config.mjs

@@ -9,7 +9,7 @@
     "eslint": "eslint src",
     "prepare": "husky install",
     "download-locales": "node ./bin/update-translations",
-    "test": "jest",
+    "test": "TZ=UTC jest",
     "test-a11y": "node bin/lighthouse/index.js",
     "i18n:extract": "node bin/extract-strings.mjs",
     "i18n:update-translations": "node bin/update-modules-translations.mjs",
@@ -25,13 +25,15 @@
     "@zendeskgarden/react-buttons": "9.12.0",
     "@zendeskgarden/react-datepickers": "9.12.0",
     "@zendeskgarden/react-dropdowns": "9.12.0",
+    "@zendeskgarden/react-dropdowns.legacy": "9.12.0",
     "@zendeskgarden/react-forms": "9.12.0",
     "@zendeskgarden/react-grid": "9.12.0",
     "@zendeskgarden/react-loaders": "9.12.0",
     "@zendeskgarden/react-modals": "9.12.0",
     "@zendeskgarden/react-notifications": "9.12.0",
     "@zendeskgarden/react-pagination": "9.12.0",
     "@zendeskgarden/react-tables": "9.12.0",
+    "@zendeskgarden/react-tabs": "9.12.0",
     "@zendeskgarden/react-tags": "9.12.0",
     "@zendeskgarden/react-theming": "9.12.0",
     "@zendeskgarden/react-tooltips": "9.12.0",

jest.setup.js

@@ -34,6 +34,7 @@ export default defineConfig([
     context: "this",
     input: {
       "new-request-form": "src/modules/new-request-form/index.tsx",
+      "request-list": "src/modules/request-list/index.tsx",
       "flash-notifications": "src/modules/flash-notifications/index.ts",
       "service-catalog": "src/modules/service-catalog/index.tsx",
       "approval-requests": "src/modules/approval-requests/index.tsx",