@oracle/oraclejet-preact 18.1.5 → 18.1.7

package/es/testData-e1df8616.js

@@ -0,0 +1,256 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { render, waitFor } from '@testing-library/preact';
+import { expect } from 'chai';
+import { g as getClientHints } from './clientHints-f850225e.js';
+import { m as matchTranslationBundle } from './matchTranslationBundle-d9e64706.js';
+import './LayerHost-8b98d97d.js';
+import { R as RootEnvironmentProvider } from './EnvironmentProvider-713d0dec.js';
+
+function __variableDynamicImportRuntime0__(path) {
+  switch (path) {
+    case '../../resources/nls/ar/bundle.ts': return import('./resources/nls/ar/bundle.js');
+    case '../../resources/nls/ar-XB/bundle.ts': return import('./resources/nls/ar-XB/bundle.js');
+    case '../../resources/nls/bg/bundle.ts': return import('./resources/nls/bg/bundle.js');
+    case '../../resources/nls/bs/bundle.ts': return import('./resources/nls/bs/bundle.js');
+    case '../../resources/nls/bs-Cyrl/bundle.ts': return import('./resources/nls/bs-Cyrl/bundle.js');
+    case '../../resources/nls/cs/bundle.ts': return import('./resources/nls/cs/bundle.js');
+    case '../../resources/nls/da/bundle.ts': return import('./resources/nls/da/bundle.js');
+    case '../../resources/nls/de/bundle.ts': return import('./resources/nls/de/bundle.js');
+    case '../../resources/nls/el/bundle.ts': return import('./resources/nls/el/bundle.js');
+    case '../../resources/nls/en/bundle.ts': return import('./resources/nls/en/bundle.js');
+    case '../../resources/nls/en-XA/bundle.ts': return import('./resources/nls/en-XA/bundle.js');
+    case '../../resources/nls/en-XC/bundle.ts': return import('./resources/nls/en-XC/bundle.js');
+    case '../../resources/nls/es/bundle.ts': return import('./resources/nls/es/bundle.js');
+    case '../../resources/nls/et/bundle.ts': return import('./resources/nls/et/bundle.js');
+    case '../../resources/nls/fi/bundle.ts': return import('./resources/nls/fi/bundle.js');
+    case '../../resources/nls/fr/bundle.ts': return import('./resources/nls/fr/bundle.js');
+    case '../../resources/nls/fr-CA/bundle.ts': return import('./resources/nls/fr-CA/bundle.js');
+    case '../../resources/nls/he/bundle.ts': return import('./resources/nls/he/bundle.js');
+    case '../../resources/nls/hr/bundle.ts': return import('./resources/nls/hr/bundle.js');
+    case '../../resources/nls/hu/bundle.ts': return import('./resources/nls/hu/bundle.js');
+    case '../../resources/nls/is/bundle.ts': return import('./resources/nls/is/bundle.js');
+    case '../../resources/nls/it/bundle.ts': return import('./resources/nls/it/bundle.js');
+    case '../../resources/nls/ja/bundle.ts': return import('./resources/nls/ja/bundle.js');
+    case '../../resources/nls/ko/bundle.ts': return import('./resources/nls/ko/bundle.js');
+    case '../../resources/nls/lt/bundle.ts': return import('./resources/nls/lt/bundle.js');
+    case '../../resources/nls/lv/bundle.ts': return import('./resources/nls/lv/bundle.js');
+    case '../../resources/nls/ms/bundle.ts': return import('./resources/nls/ms/bundle.js');
+    case '../../resources/nls/nl/bundle.ts': return import('./resources/nls/nl/bundle.js');
+    case '../../resources/nls/no/bundle.ts': return import('./resources/nls/no/bundle.js');
+    case '../../resources/nls/pl/bundle.ts': return import('./resources/nls/pl/bundle.js');
+    case '../../resources/nls/pt/bundle.ts': return import('./resources/nls/pt/bundle.js');
+    case '../../resources/nls/pt-PT/bundle.ts': return import('./resources/nls/pt-PT/bundle.js');
+    case '../../resources/nls/ro/bundle.ts': return import('./resources/nls/ro/bundle.js');
+    case '../../resources/nls/ru/bundle.ts': return import('./resources/nls/ru/bundle.js');
+    case '../../resources/nls/sk/bundle.ts': return import('./resources/nls/sk/bundle.js');
+    case '../../resources/nls/sl/bundle.ts': return import('./resources/nls/sl/bundle.js');
+    case '../../resources/nls/sr/bundle.ts': return import('./resources/nls/sr/bundle.js');
+    case '../../resources/nls/sr-Latn/bundle.ts': return import('./resources/nls/sr-Latn/bundle.js');
+    case '../../resources/nls/sv/bundle.ts': return import('./resources/nls/sv/bundle.js');
+    case '../../resources/nls/th/bundle.ts': return import('./resources/nls/th/bundle.js');
+    case '../../resources/nls/tr/bundle.ts': return import('./resources/nls/tr/bundle.js');
+    case '../../resources/nls/uk/bundle.ts': return import('./resources/nls/uk/bundle.js');
+    case '../../resources/nls/vi/bundle.ts': return import('./resources/nls/vi/bundle.js');
+    case '../../resources/nls/zh-Hans/bundle.ts': return import('./resources/nls/zh-Hans/bundle.js');
+    case '../../resources/nls/zh-Hant/bundle.ts': return import('./resources/nls/zh-Hant/bundle.js');
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+/**
+ * Constant for timeout for longer running TableView tests
+ */
+const TABLEVIEW_LONG_TIMEOUT = 10000;
+/**
+ * Helper method to render a TableView test component with the proper environment setup
+ */
+const setupTableView = async (TestComponent) => {
+    const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));
+    const { default: translations } = await __variableDynamicImportRuntime0__(`../../resources/nls/${locale}/bundle.ts`);
+    const env = {
+        translations: { '@oracle/oraclejet-preact': translations }
+    };
+    return render(jsx(RootEnvironmentProvider, { environment: env, children: TestComponent }));
+};
+/**
+ * Helper function to get all 'grid' role elements within the given rendered component.
+ */
+const getInnerGrids = async (tableView) => {
+    return tableView.findAllByRole('grid');
+};
+/**
+ * Helper function to get all 'columnheader' role elements within the given rendered component.
+ */
+const getColumnHeaders = async (tableView) => {
+    return tableView.findAllByRole('columnheader');
+};
+/**
+ * Helper function to get all 'row' role elements within the given rendered component.
+ */
+const getRows = async (tableView) => {
+    return tableView.findAllByRole('row');
+};
+/**
+ * Helper function to get all data cell elements within the given data row.
+ */
+const getDataCells = async (dataRow) => {
+    return dataRow.children;
+};
+/**
+ * Helper function to get all footer elements within the given rendered component.
+ */
+const getColumnFooters = async (tableView) => {
+    const rows = await getRows(tableView);
+    if (rows.length > 2) {
+        return rows[rows.length - 1].children;
+    }
+    return [];
+};
+/**
+ * Helper method to find the containing cell element of a given element.
+ */
+const findContainingCell = (rootElement, contentElement) => {
+    if (contentElement.dataset['ojCellType'] != null) {
+        return contentElement;
+    }
+    const parentElement = contentElement.parentElement;
+    if (parentElement === rootElement || parentElement == null) {
+        return null;
+    }
+    return findContainingCell(rootElement, parentElement);
+};
+/**
+ * Helper function to determine if the current environment is a Mac.
+ */
+const isMac = () => {
+    return getClientHints().platform === 'mac';
+};
+/**
+ * Helper function to get the 'rowKey' test element.
+ */
+const getRowKey = () => {
+    return document.getElementById('rowKey');
+};
+/**
+ * Helper function to get the 'columnKey' test element.
+ */
+const getColumnKey = () => {
+    return document.getElementById('columnKey');
+};
+/**
+ * Helper function to get the 'cellType' test element.
+ */
+const getCellType = () => {
+    return document.getElementById('cellType');
+};
+/**
+ * Helper function to verify the values of the Table's internal currentCell.
+ */
+const verifyCurrentCellValue = async (value) => {
+    const expectedRowKey = value?.rowKey != null ? value.rowKey.toString() : '';
+    const expectedColumnKey = value?.columnKey != null ? value.columnKey.toString() : '';
+    const expectedCellType = value?.type != null ? value.type : '';
+    await waitFor(() => {
+        expect(getRowKey()?.textContent).to.equal(expectedRowKey);
+    });
+    await waitFor(() => {
+        expect(getColumnKey()?.textContent).to.equal(expectedColumnKey);
+    });
+    await waitFor(() => {
+        expect(getCellType()?.textContent).to.equal(expectedCellType);
+    });
+};
+/**
+ * Helper function to verify the values of aria-selected attributes on specific elements.
+ */
+const verifyAriaSelected = async (selectedElements, unselectedElements) => {
+    for (let i = 0; i < selectedElements.length; i++) {
+        await waitFor(() => {
+            expect(selectedElements[i].getAttribute('aria-selected')).to.equal('true');
+        });
+    }
+    for (let i = 0; i < unselectedElements.length; i++) {
+        await waitFor(() => {
+            expect(unselectedElements[i].getAttribute('aria-selected')).to.not.equal('true');
+        });
+    }
+};
+/**
+ * Helper function to verify the width of a Table element.
+ */
+const verifyElementWidth = async (element, width) => {
+    await waitFor(() => {
+        expect(element.offsetWidth).to.equal(width);
+    });
+};
+/**
+ * Helper function to verify the width of a Table element.
+ */
+const determineBrowserScrollbarWidth = async (tableView) => {
+    const grids = await getInnerGrids(tableView);
+    const innerTable = grids[0].children[0].children[0].children[0];
+    return grids[0].offsetWidth - innerTable.offsetWidth;
+};
+/**
+ * Helper function to apply a longer timeout for tests
+ */
+const enableLongTimeout = () => {
+    if (typeof jest === 'undefined') {
+        mocha.timeout(TABLEVIEW_LONG_TIMEOUT);
+    }
+    else {
+        jest.setTimeout(TABLEVIEW_LONG_TIMEOUT);
+    }
+};
+
+const employeeData = [
+    {
+        id: '3',
+        name: 'Chris Benalamore',
+        title: 'Area Business Operations Director EMEA & JAPAC',
+        initial: 'CB'
+    },
+    {
+        id: '1',
+        name: 'Chris Black',
+        title: 'Oracle Cloud Infrastructure GTM Channel Director EMEA',
+        initial: 'CB'
+    },
+    {
+        id: '2',
+        name: 'Christine Cooper',
+        title: 'Senior Principal Escalation Manager',
+        initial: 'CC'
+    },
+    {
+        id: '4',
+        name: 'Christopher Johnson',
+        title: 'Vice-President HCM Application Development',
+        initial: 'CJ'
+    },
+    {
+        id: '6',
+        name: 'Kurt Marchris',
+        title: 'Customer Service Analyst',
+        initial: 'KM'
+    },
+    {
+        id: '5',
+        name: 'Samire Christian',
+        title: 'Consulting Project Technical Manager',
+        initial: 'SC'
+    },
+    {
+        id: '7',
+        name: 'Zelda Christian Cooperman',
+        title: 'Senior Principal Escalation Manager 2',
+        initial: 'ZC'
+    }
+];
+
+export { getColumnHeaders as a, getRows as b, getColumnFooters as c, employeeData as d, enableLongTimeout as e, getDataCells as f, getInnerGrids as g, verifyElementWidth as h, isMac as i, determineBrowserScrollbarWidth as j, findContainingCell as k, verifyAriaSelected as l, setupTableView as s, verifyCurrentCellValue as v };
+//# sourceMappingURL=testData-e1df8616.js.map

package/es/testData-e1df8616.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData-e1df8616.js","sources":["../../src/UNSAFE_TableView/__tests__/testHelpers.tsx","../../src/UNSAFE_TableView/__tests__/resources/testData.ts"],"sourcesContent":["/**\n * TableView test Adapters to abstract common unit test actions away from the implementation details.\n */\nimport { render, RenderResult, waitFor } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { VNode } from 'preact';\nimport { Cell } from '..';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport { RootEnvironment, RootEnvironmentProvider } from '../../UNSAFE_Environment';\n\n/**\n * Constant for timeout for longer running TableView tests\n */\nconst TABLEVIEW_LONG_TIMEOUT = 10000;\n\n/**\n * Helper method to render a TableView test component with the proper environment setup\n */\nexport const setupTableView = async (TestComponent: VNode) => {\n  const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n  const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n  const env: Partial<RootEnvironment> = {\n    translations: { '@oracle/oraclejet-preact': translations }\n  };\n  return render(\n    <RootEnvironmentProvider environment={env}>{TestComponent}</RootEnvironmentProvider>\n  );\n};\n\n/**\n * Helper function to get all 'grid' role elements within the given rendered component.\n */\nexport const getInnerGrids = async (tableView: RenderResult) => {\n  return tableView.findAllByRole('grid');\n};\n\n/**\n * Helper function to get all 'columnheader' role elements within the given rendered component.\n */\nexport const getColumnHeaders = async (tableView: RenderResult) => {\n  return tableView.findAllByRole('columnheader');\n};\n\n/**\n * Helper function to get all 'row' role elements within the given rendered component.\n */\nexport const getRows = async (tableView: RenderResult) => {\n  return tableView.findAllByRole('row');\n};\n\n/**\n * Helper function to get all data cell elements within the given data row.\n */\nexport const getDataCells = async (dataRow: Element) => {\n  return dataRow.children;\n};\n\n/**\n * Helper function to get all footer elements within the given rendered component.\n */\nexport const getColumnFooters = async (tableView: RenderResult) => {\n  const rows = await getRows(tableView);\n  if (rows.length > 2) {\n    return rows[rows.length - 1].children;\n  }\n  return [];\n};\n\n/**\n * Helper method to find the containing cell element of a given element.\n */\nexport const findContainingCell = (\n  rootElement: HTMLElement,\n  contentElement: HTMLElement\n): HTMLElement | null => {\n  if (contentElement.dataset['ojCellType'] != null) {\n    return contentElement;\n  }\n  const parentElement = contentElement.parentElement;\n  if (parentElement === rootElement || parentElement == null) {\n    return null;\n  }\n  return findContainingCell(rootElement, parentElement);\n};\n\n/**\n * Helper function to determine if the current environment is a Mac.\n */\nexport const isMac = () => {\n  return getClientHints().platform === 'mac';\n};\n\n/**\n * Helper function to get the 'rowKey' test element.\n */\nexport const getRowKey = () => {\n  return document.getElementById('rowKey');\n};\n\n/**\n * Helper function to get the 'columnKey' test element.\n */\nexport const getColumnKey = () => {\n  return document.getElementById('columnKey');\n};\n\n/**\n * Helper function to get the 'cellType' test element.\n */\nexport const getCellType = () => {\n  return document.getElementById('cellType');\n};\n\n/**\n * Helper function to verify the values of the Table's internal currentCell.\n */\nexport const verifyCurrentCellValue = async (value: Cell<string | number, string> | undefined) => {\n  const expectedRowKey = value?.rowKey != null ? value.rowKey.toString() : '';\n  const expectedColumnKey = value?.columnKey != null ? value.columnKey.toString() : '';\n  const expectedCellType = value?.type != null ? value.type : '';\n  await waitFor(() => {\n    expect(getRowKey()?.textContent).to.equal(expectedRowKey);\n  });\n  await waitFor(() => {\n    expect(getColumnKey()?.textContent).to.equal(expectedColumnKey);\n  });\n  await waitFor(() => {\n    expect(getCellType()?.textContent).to.equal(expectedCellType);\n  });\n};\n\n/**\n * Helper function to verify the values of aria-selected attributes on specific elements.\n */\nexport const verifyAriaSelected = async (\n  selectedElements: Element[],\n  unselectedElements: Element[]\n) => {\n  for (let i = 0; i < selectedElements.length; i++) {\n    await waitFor(() => {\n      expect(selectedElements[i].getAttribute('aria-selected')).to.equal('true');\n    });\n  }\n  for (let i = 0; i < unselectedElements.length; i++) {\n    await waitFor(() => {\n      expect(unselectedElements[i].getAttribute('aria-selected')).to.not.equal('true');\n    });\n  }\n};\n\n/**\n * Helper function to verify the width of a Table element.\n */\nexport const verifyElementWidth = async (element: HTMLElement, width: number) => {\n  await waitFor(() => {\n    expect(element.offsetWidth).to.equal(width);\n  });\n};\n\n/**\n * Helper function to verify the width of a Table element.\n */\nexport const determineBrowserScrollbarWidth = async (tableView: RenderResult) => {\n  const grids = await getInnerGrids(tableView);\n\n  const innerTable = grids[0].children[0].children[0].children[0] as HTMLElement;\n  return grids[0].offsetWidth - innerTable.offsetWidth;\n};\n\n/**\n * Helper function to apply a longer timeout for tests\n */\nexport const enableLongTimeout = () => {\n  if (typeof jest === 'undefined') {\n    mocha.timeout(TABLEVIEW_LONG_TIMEOUT);\n  } else {\n    jest.setTimeout(TABLEVIEW_LONG_TIMEOUT);\n  }\n};\n","export type Department = {\n  departmentId: number;\n  departmentName: string;\n  locationId: number;\n  managerId: number;\n  startDate: string;\n  employeeCount: number;\n  type: string;\n  currency: string;\n  primary: string[];\n  rating: number;\n  targetComplete: number;\n};\n\nexport const departmentData = [\n  {\n    departmentId: 10,\n    departmentName: 'Finance 9',\n    locationId: 300,\n    managerId: 7001,\n    startDate: '2014-06-13',\n    employeeCount: 335,\n    type: 'Sales',\n    currency: 'EUR',\n    primary: [],\n    rating: 3,\n    targetComplete: 90\n  },\n  {\n    departmentId: 20,\n    departmentName: 'Control And Credit 9',\n    locationId: 300,\n    managerId: 7001,\n    startDate: '2019-09-10',\n    employeeCount: 206,\n    type: 'HR',\n    currency: 'USD',\n    primary: [],\n    rating: 1,\n    targetComplete: 90\n  },\n  {\n    departmentId: 30,\n    departmentName: 'Purchasing 28',\n    locationId: 400,\n    managerId: 6001,\n    startDate: '2021-01-03',\n    employeeCount: 473,\n    type: 'HR',\n    currency: 'JPY',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 50\n  },\n  {\n    departmentId: 40,\n    departmentName: 'Purchasing 27',\n    locationId: 400,\n    managerId: 1001,\n    startDate: '2016-02-01',\n    employeeCount: 369,\n    type: 'Finance',\n    currency: 'JPY',\n    primary: [],\n    rating: 5,\n    targetComplete: 80\n  },\n  {\n    departmentId: 50,\n    departmentName: 'Shipping 4',\n    locationId: 300,\n    managerId: 2001,\n    startDate: '2014-07-31',\n    employeeCount: 476,\n    type: 'HR',\n    currency: 'EUR',\n    primary: [],\n    rating: 2,\n    targetComplete: 90\n  },\n  {\n    departmentId: 60,\n    departmentName: 'Finance 10',\n    locationId: 400,\n    managerId: 5001,\n    startDate: '2017-01-17',\n    employeeCount: 304,\n    type: 'Sales',\n    currency: 'JPY',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 80\n  },\n  {\n    departmentId: 70,\n    departmentName: 'Operations 9',\n    locationId: 400,\n    managerId: 6001,\n    startDate: '2015-05-24',\n    employeeCount: 334,\n    type: 'Sales',\n    currency: 'EUR',\n    primary: [],\n    rating: 2,\n    targetComplete: 60\n  },\n  {\n    departmentId: 80,\n    departmentName: 'Sales and Marketing 18',\n    locationId: 500,\n    managerId: 4001,\n    startDate: '2017-03-25',\n    employeeCount: 211,\n    type: 'Finance',\n    currency: 'JPY',\n    primary: [],\n    rating: 1,\n    targetComplete: 70\n  },\n  {\n    departmentId: 90,\n    departmentName: 'Inventory 6',\n    locationId: 400,\n    managerId: 5001,\n    startDate: '2017-12-18',\n    employeeCount: 429,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 1,\n    targetComplete: 70\n  },\n  {\n    departmentId: 100,\n    departmentName: 'Billing 22',\n    locationId: 400,\n    managerId: 6001,\n    startDate: '2014-06-26',\n    employeeCount: 219,\n    type: 'Sales',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 80\n  },\n  {\n    departmentId: 110,\n    departmentName: 'Finance 1',\n    locationId: 100,\n    managerId: 3001,\n    startDate: '2020-02-12',\n    employeeCount: 412,\n    type: 'Finance',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 70\n  },\n  {\n    departmentId: 120,\n    departmentName: 'Sales and Marketing 28',\n    locationId: 300,\n    managerId: 2001,\n    startDate: '2014-07-11',\n    employeeCount: 373,\n    type: 'HR',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 60\n  },\n  {\n    departmentId: 130,\n    departmentName: 'Operations 22',\n    locationId: 300,\n    managerId: 1001,\n    startDate: '2015-05-26',\n    employeeCount: 245,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: [],\n    rating: 2,\n    targetComplete: 80\n  },\n  {\n    departmentId: 140,\n    departmentName: 'Human Resources 22',\n    locationId: 200,\n    managerId: 1001,\n    startDate: '2015-09-08',\n    employeeCount: 217,\n    type: 'Finance',\n    currency: 'USD',\n    primary: [],\n    rating: 5,\n    targetComplete: 70\n  },\n  {\n    departmentId: 150,\n    departmentName: 'Shipping 17',\n    locationId: 300,\n    managerId: 6001,\n    startDate: '2017-10-04',\n    employeeCount: 441,\n    type: 'HR',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 60\n  },\n  {\n    departmentId: 160,\n    departmentName: 'Administration 8',\n    locationId: 400,\n    managerId: 2001,\n    startDate: '2014-12-21',\n    employeeCount: 332,\n    type: 'HR',\n    currency: 'USD',\n    primary: [],\n    rating: 2,\n    targetComplete: 60\n  },\n  {\n    departmentId: 170,\n    departmentName: 'Purchasing 14',\n    locationId: 400,\n    managerId: 4001,\n    startDate: '2019-01-25',\n    employeeCount: 282,\n    type: 'Marketing',\n    currency: 'EUR',\n    primary: [],\n    rating: 2,\n    targetComplete: 70\n  },\n  {\n    departmentId: 180,\n    departmentName: 'Operations 13',\n    locationId: 400,\n    managerId: 2001,\n    startDate: '2016-01-18',\n    employeeCount: 336,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 4,\n    targetComplete: 90\n  },\n  {\n    departmentId: 190,\n    departmentName: 'Control And Credit 18',\n    locationId: 100,\n    managerId: 1001,\n    startDate: '2014-03-11',\n    employeeCount: 391,\n    type: 'Sales',\n    currency: 'JPY',\n    primary: [],\n    rating: 4,\n    targetComplete: 50\n  },\n  {\n    departmentId: 200,\n    departmentName: 'Purchasing 10',\n    locationId: 200,\n    managerId: 7001,\n    startDate: '2014-02-06',\n    employeeCount: 211,\n    type: 'Sales',\n    currency: 'JPY',\n    primary: [],\n    rating: 4,\n    targetComplete: 80\n  },\n  {\n    departmentId: 210,\n    departmentName: 'Finance 2',\n    locationId: 100,\n    managerId: 5001,\n    startDate: '2014-01-29',\n    employeeCount: 239,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 1,\n    targetComplete: 50\n  },\n  {\n    departmentId: 220,\n    departmentName: 'Administration 4',\n    locationId: 300,\n    managerId: 6001,\n    startDate: '2014-08-15',\n    employeeCount: 355,\n    type: 'Marketing',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 4,\n    targetComplete: 50\n  },\n  {\n    departmentId: 230,\n    departmentName: 'Human Resources 6',\n    locationId: 300,\n    managerId: 6001,\n    startDate: '2020-03-14',\n    employeeCount: 385,\n    type: 'Marketing',\n    currency: 'EUR',\n    primary: [],\n    rating: 1,\n    targetComplete: 60\n  },\n  {\n    departmentId: 240,\n    departmentName: 'Control And Credit 24',\n    locationId: 200,\n    managerId: 7001,\n    startDate: '2015-04-25',\n    employeeCount: 355,\n    type: 'HR',\n    currency: 'USD',\n    primary: [],\n    rating: 3,\n    targetComplete: 90\n  },\n  {\n    departmentId: 250,\n    departmentName: 'Control And Credit 8',\n    locationId: 200,\n    managerId: 6001,\n    startDate: '2020-11-17',\n    employeeCount: 361,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 1,\n    targetComplete: 80\n  },\n  {\n    departmentId: 260,\n    departmentName: 'Billing 21',\n    locationId: 200,\n    managerId: 5001,\n    startDate: '2018-05-18',\n    employeeCount: 467,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: [],\n    rating: 4,\n    targetComplete: 90\n  },\n  {\n    departmentId: 270,\n    departmentName: 'Administration 5',\n    locationId: 400,\n    managerId: 3001,\n    startDate: '2016-07-09',\n    employeeCount: 495,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: [],\n    rating: 1,\n    targetComplete: 80\n  },\n  {\n    departmentId: 280,\n    departmentName: 'Purchasing 27',\n    locationId: 100,\n    managerId: 1001,\n    startDate: '2017-01-20',\n    employeeCount: 364,\n    type: 'Finance',\n    currency: 'JPY',\n    primary: [],\n    rating: 1,\n    targetComplete: 60\n  },\n  {\n    departmentId: 290,\n    departmentName: 'Human Resources 24',\n    locationId: 200,\n    managerId: 6001,\n    startDate: '2020-03-03',\n    employeeCount: 242,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 90\n  },\n  {\n    departmentId: 300,\n    departmentName: 'Finance 23',\n    locationId: 300,\n    managerId: 1001,\n    startDate: '2020-09-20',\n    employeeCount: 327,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: [],\n    rating: 3,\n    targetComplete: 60\n  },\n  {\n    departmentId: 310,\n    departmentName: 'Inventory 24',\n    locationId: 500,\n    managerId: 3001,\n    startDate: '2015-07-18',\n    employeeCount: 420,\n    type: 'Finance',\n    currency: 'JPY',\n    primary: [],\n    rating: 5,\n    targetComplete: 70\n  },\n  {\n    departmentId: 320,\n    departmentName: 'Shipping 26',\n    locationId: 400,\n    managerId: 1001,\n    startDate: '2015-09-16',\n    employeeCount: 219,\n    type: 'Sales',\n    currency: 'EUR',\n    primary: [],\n    rating: 3,\n    targetComplete: 60\n  },\n  {\n    departmentId: 330,\n    departmentName: 'Inventory 22',\n    locationId: 200,\n    managerId: 5001,\n    startDate: '2014-11-22',\n    employeeCount: 356,\n    type: 'HR',\n    currency: 'EUR',\n    primary: [],\n    rating: 2,\n    targetComplete: 90\n  },\n  {\n    departmentId: 340,\n    departmentName: 'Purchasing 4',\n    locationId: 300,\n    managerId: 6001,\n    startDate: '2014-03-02',\n    employeeCount: 202,\n    type: 'HR',\n    currency: 'USD',\n    primary: [],\n    rating: 3,\n    targetComplete: 50\n  },\n  {\n    departmentId: 350,\n    departmentName: 'Purchasing 9',\n    locationId: 400,\n    managerId: 7001,\n    startDate: '2020-06-09',\n    employeeCount: 415,\n    type: 'Finance',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 2,\n    targetComplete: 70\n  },\n  {\n    departmentId: 360,\n    departmentName: 'Purchasing 14',\n    locationId: 300,\n    managerId: 1001,\n    startDate: '2020-07-20',\n    employeeCount: 323,\n    type: 'HR',\n    currency: 'JPY',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 70\n  },\n  {\n    departmentId: 370,\n    departmentName: 'Operations 4',\n    locationId: 500,\n    managerId: 6001,\n    startDate: '2015-08-23',\n    employeeCount: 473,\n    type: 'HR',\n    currency: 'USD',\n    primary: [],\n    rating: 5,\n    targetComplete: 80\n  },\n  {\n    departmentId: 380,\n    departmentName: 'Sales and Marketing 26',\n    locationId: 500,\n    managerId: 1001,\n    startDate: '2017-08-02',\n    employeeCount: 380,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: [],\n    rating: 3,\n    targetComplete: 60\n  },\n  {\n    departmentId: 390,\n    departmentName: 'Control And Credit 12',\n    locationId: 200,\n    managerId: 1001,\n    startDate: '2017-10-08',\n    employeeCount: 328,\n    type: 'Sales',\n    currency: 'USD',\n    primary: [],\n    rating: 2,\n    targetComplete: 60\n  },\n  {\n    departmentId: 400,\n    departmentName: 'Sales and Marketing 6',\n    locationId: 300,\n    managerId: 7001,\n    startDate: '2019-02-06',\n    employeeCount: 301,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: [],\n    rating: 2,\n    targetComplete: 50\n  },\n  {\n    departmentId: 410,\n    departmentName: 'Administration 3',\n    locationId: 400,\n    managerId: 3001,\n    startDate: '2020-07-09',\n    employeeCount: 250,\n    type: 'Finance',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 2,\n    targetComplete: 50\n  },\n  {\n    departmentId: 420,\n    departmentName: 'Finance 18',\n    locationId: 400,\n    managerId: 6001,\n    startDate: '2017-08-07',\n    employeeCount: 409,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: [],\n    rating: 1,\n    targetComplete: 90\n  },\n  {\n    departmentId: 430,\n    departmentName: 'Operations 11',\n    locationId: 400,\n    managerId: 3001,\n    startDate: '2015-09-24',\n    employeeCount: 296,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 80\n  },\n  {\n    departmentId: 440,\n    departmentName: 'Inventory 6',\n    locationId: 300,\n    managerId: 4001,\n    startDate: '2016-05-27',\n    employeeCount: 467,\n    type: 'HR',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 70\n  },\n  {\n    departmentId: 450,\n    departmentName: 'Inventory 27',\n    locationId: 300,\n    managerId: 4001,\n    startDate: '2019-05-29',\n    employeeCount: 244,\n    type: 'HR',\n    currency: 'JPY',\n    primary: ['checked'],\n    rating: 1,\n    targetComplete: 90\n  },\n  {\n    departmentId: 460,\n    departmentName: 'Transportation 8',\n    locationId: 400,\n    managerId: 6001,\n    startDate: '2018-08-23',\n    employeeCount: 443,\n    type: 'Finance',\n    currency: 'EUR',\n    primary: [],\n    rating: 2,\n    targetComplete: 80\n  },\n  {\n    departmentId: 470,\n    departmentName: 'Inventory 21',\n    locationId: 300,\n    managerId: 5001,\n    startDate: '2015-01-20',\n    employeeCount: 250,\n    type: 'Sales',\n    currency: 'JPY',\n    primary: [],\n    rating: 1,\n    targetComplete: 50\n  },\n  {\n    departmentId: 480,\n    departmentName: 'Finance 14',\n    locationId: 300,\n    managerId: 7001,\n    startDate: '2014-09-24',\n    employeeCount: 319,\n    type: 'Marketing',\n    currency: 'USD',\n    primary: ['checked'],\n    rating: 5,\n    targetComplete: 50\n  },\n  {\n    departmentId: 490,\n    departmentName: 'Human Resources 12',\n    locationId: 300,\n    managerId: 5001,\n    startDate: '2019-06-29',\n    employeeCount: 448,\n    type: 'HR',\n    currency: 'JPY',\n    primary: [],\n    rating: 2,\n    targetComplete: 70\n  },\n  {\n    departmentId: 500,\n    departmentName: 'Transportation 29',\n    locationId: 300,\n    managerId: 5001,\n    startDate: '2014-01-07',\n    employeeCount: 453,\n    type: 'HR',\n    currency: 'EUR',\n    primary: ['checked'],\n    rating: 3,\n    targetComplete: 80\n  }\n];\n\nexport type Employee = {\n  id: string;\n  name: string;\n  title: string;\n  initial: string;\n};\n\nexport const employeeData: Employee[] = [\n  {\n    id: '3',\n    name: 'Chris Benalamore',\n    title: 'Area Business Operations Director EMEA & JAPAC',\n    initial: 'CB'\n  },\n  {\n    id: '1',\n    name: 'Chris Black',\n    title: 'Oracle Cloud Infrastructure GTM Channel Director EMEA',\n    initial: 'CB'\n  },\n  {\n    id: '2',\n    name: 'Christine Cooper',\n    title: 'Senior Principal Escalation Manager',\n    initial: 'CC'\n  },\n  {\n    id: '4',\n    name: 'Christopher Johnson',\n    title: 'Vice-President HCM Application Development',\n    initial: 'CJ'\n  },\n  {\n    id: '6',\n    name: 'Kurt Marchris',\n    title: 'Customer Service Analyst',\n    initial: 'KM'\n  },\n  {\n    id: '5',\n    name: 'Samire Christian',\n    title: 'Consulting Project Technical Manager',\n    initial: 'SC'\n  },\n  {\n    id: '7',\n    name: 'Zelda Christian Cooperman',\n    title: 'Senior Principal Escalation Manager 2',\n    initial: 'ZC'\n  }\n];\n\nexport type EmployeeStatus = {\n  employeeId: number;\n  firstName: string;\n  lastName: string;\n  revenue: number;\n  targetComplete: number;\n  targetIncomplete: number;\n  rating: number;\n  status: string;\n  salary: number;\n  bonus: number;\n  departmentId: number;\n};\n\nexport const employeeStatusData = [\n  {\n    employeeId: 10,\n    firstName: 'Frank',\n    lastName: 'Stout',\n    revenue: 33200,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 5,\n    status: 'Pending',\n    salary: 159000,\n    bonus: 47900,\n    departmentId: 320\n  },\n  {\n    employeeId: 20,\n    firstName: 'Mara',\n    lastName: 'Rivers',\n    revenue: 17200,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 3,\n    status: 'Pending',\n    salary: 200000,\n    bonus: 45300,\n    departmentId: 40\n  },\n  {\n    employeeId: 30,\n    firstName: 'Karina',\n    lastName: 'Cameron',\n    revenue: 30100,\n    targetComplete: 30,\n    targetIncomplete: 70,\n    rating: 4,\n    status: 'Approved',\n    salary: 279000,\n    bonus: 79700,\n    departmentId: 370\n  },\n  {\n    employeeId: 40,\n    firstName: 'Marilyn',\n    lastName: 'Short',\n    revenue: 48800,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 3,\n    status: 'Approved',\n    salary: 106000,\n    bonus: 77500,\n    departmentId: 310\n  },\n  {\n    employeeId: 50,\n    firstName: 'Audra',\n    lastName: 'Long',\n    revenue: 40700,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 4,\n    status: 'Pending',\n    salary: 123000,\n    bonus: 39900,\n    departmentId: 490\n  },\n  {\n    employeeId: 60,\n    firstName: 'Woods',\n    lastName: 'Jefferson',\n    revenue: 29000,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 3,\n    status: 'Pending',\n    salary: 145000,\n    bonus: 49600,\n    departmentId: 160\n  },\n  {\n    employeeId: 70,\n    firstName: 'Spears',\n    lastName: 'Howe',\n    revenue: 32900,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 5,\n    status: 'Approved',\n    salary: 120000,\n    bonus: 30300,\n    departmentId: 460\n  },\n  {\n    employeeId: 80,\n    firstName: 'Kelsey',\n    lastName: 'Gomez',\n    revenue: 34200,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 1,\n    status: 'Pending',\n    salary: 147000,\n    bonus: 79800,\n    departmentId: 330\n  },\n  {\n    employeeId: 90,\n    firstName: 'Miriam',\n    lastName: 'Branch',\n    revenue: 42800,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 3,\n    status: 'Pending',\n    salary: 117000,\n    bonus: 43000,\n    departmentId: 50\n  },\n  {\n    employeeId: 100,\n    firstName: 'Tisha',\n    lastName: 'Parks',\n    revenue: 17800,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 1,\n    status: 'Pending',\n    salary: 136000,\n    bonus: 33800,\n    departmentId: 200\n  },\n  {\n    employeeId: 110,\n    firstName: 'Dollie',\n    lastName: 'Pittman',\n    revenue: 15700,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 3,\n    status: 'Approved',\n    salary: 121000,\n    bonus: 60600,\n    departmentId: 500\n  },\n  {\n    employeeId: 120,\n    firstName: 'Leticia',\n    lastName: 'Goodman',\n    revenue: 16200,\n    targetComplete: 80,\n    targetIncomplete: 20,\n    rating: 5,\n    status: 'Pending',\n    salary: 295000,\n    bonus: 74900,\n    departmentId: 300\n  },\n  {\n    employeeId: 130,\n    firstName: 'Harrison',\n    lastName: 'Jarvis',\n    revenue: 32500,\n    targetComplete: 30,\n    targetIncomplete: 70,\n    rating: 1,\n    status: 'Pending',\n    salary: 125000,\n    bonus: 59600,\n    departmentId: 80\n  },\n  {\n    employeeId: 140,\n    firstName: 'Salinas',\n    lastName: 'Richardson',\n    revenue: 49600,\n    targetComplete: 80,\n    targetIncomplete: 20,\n    rating: 5,\n    status: 'Pending',\n    salary: 228000,\n    bonus: 50500,\n    departmentId: 50\n  },\n  {\n    employeeId: 150,\n    firstName: 'Barry',\n    lastName: 'Maxwell',\n    revenue: 42800,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 5,\n    status: 'Pending',\n    salary: 269000,\n    bonus: 52200,\n    departmentId: 400\n  },\n  {\n    employeeId: 160,\n    firstName: 'Diaz',\n    lastName: 'Velazquez',\n    revenue: 24100,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 4,\n    status: 'Approved',\n    salary: 242000,\n    bonus: 45000,\n    departmentId: 370\n  },\n  {\n    employeeId: 170,\n    firstName: 'Minnie',\n    lastName: 'Riley',\n    revenue: 12000,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 2,\n    status: 'Approved',\n    salary: 107000,\n    bonus: 67500,\n    departmentId: 250\n  },\n  {\n    employeeId: 180,\n    firstName: 'Fulton',\n    lastName: 'Bernard',\n    revenue: 29400,\n    targetComplete: 80,\n    targetIncomplete: 20,\n    rating: 4,\n    status: 'Approved',\n    salary: 259000,\n    bonus: 37400,\n    departmentId: 170\n  },\n  {\n    employeeId: 190,\n    firstName: 'Chandler',\n    lastName: 'Mccarty',\n    revenue: 30100,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 1,\n    status: 'Approved',\n    salary: 185000,\n    bonus: 74000,\n    departmentId: 250\n  },\n  {\n    employeeId: 200,\n    firstName: 'Flowers',\n    lastName: 'Hernandez',\n    revenue: 20700,\n    targetComplete: 70,\n    targetIncomplete: 30,\n    rating: 4,\n    status: 'Approved',\n    salary: 135000,\n    bonus: 39300,\n    departmentId: 260\n  },\n  {\n    employeeId: 210,\n    firstName: 'Donaldson',\n    lastName: 'Sharp',\n    revenue: 42300,\n    targetComplete: 70,\n    targetIncomplete: 30,\n    rating: 3,\n    status: 'Pending',\n    salary: 176000,\n    bonus: 67600,\n    departmentId: 250\n  },\n  {\n    employeeId: 220,\n    firstName: 'Melanie',\n    lastName: 'Gamble',\n    revenue: 30100,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 3,\n    status: 'Approved',\n    salary: 219000,\n    bonus: 52400,\n    departmentId: 230\n  },\n  {\n    employeeId: 230,\n    firstName: 'Leona',\n    lastName: 'Erickson',\n    revenue: 11400,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 1,\n    status: 'Pending',\n    salary: 185000,\n    bonus: 57300,\n    departmentId: 160\n  },\n  {\n    employeeId: 240,\n    firstName: 'Dionne',\n    lastName: 'Howell',\n    revenue: 44200,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 1,\n    status: 'Approved',\n    salary: 211000,\n    bonus: 65800,\n    departmentId: 130\n  },\n  {\n    employeeId: 250,\n    firstName: 'June',\n    lastName: 'Warren',\n    revenue: 39500,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 3,\n    status: 'Approved',\n    salary: 222000,\n    bonus: 65200,\n    departmentId: 260\n  },\n  {\n    employeeId: 260,\n    firstName: 'Carey',\n    lastName: 'Johns',\n    revenue: 36000,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 4,\n    status: 'Approved',\n    salary: 233000,\n    bonus: 69500,\n    departmentId: 190\n  },\n  {\n    employeeId: 270,\n    firstName: 'Estelle',\n    lastName: 'Bowers',\n    revenue: 27600,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 2,\n    status: 'Approved',\n    salary: 212000,\n    bonus: 37700,\n    departmentId: 120\n  },\n  {\n    employeeId: 280,\n    firstName: 'Rena',\n    lastName: 'Blanchard',\n    revenue: 16000,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 4,\n    status: 'Approved',\n    salary: 135000,\n    bonus: 51000,\n    departmentId: 380\n  },\n  {\n    employeeId: 290,\n    firstName: 'Hinton',\n    lastName: 'Tillman',\n    revenue: 42400,\n    targetComplete: 80,\n    targetIncomplete: 20,\n    rating: 4,\n    status: 'Pending',\n    salary: 134000,\n    bonus: 49600,\n    departmentId: 40\n  },\n  {\n    employeeId: 300,\n    firstName: 'Gloria',\n    lastName: 'Everett',\n    revenue: 42100,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 3,\n    status: 'Approved',\n    salary: 278000,\n    bonus: 38400,\n    departmentId: 180\n  },\n  {\n    employeeId: 310,\n    firstName: 'Ware',\n    lastName: 'Simon',\n    revenue: 49500,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 3,\n    status: 'Approved',\n    salary: 142000,\n    bonus: 43900,\n    departmentId: 190\n  },\n  {\n    employeeId: 320,\n    firstName: 'Carolina',\n    lastName: 'Holmes',\n    revenue: 22700,\n    targetComplete: 80,\n    targetIncomplete: 20,\n    rating: 4,\n    status: 'Pending',\n    salary: 181000,\n    bonus: 52000,\n    departmentId: 320\n  },\n  {\n    employeeId: 330,\n    firstName: 'Day',\n    lastName: 'Newman',\n    revenue: 46000,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 5,\n    status: 'Approved',\n    salary: 117000,\n    bonus: 66700,\n    departmentId: 290\n  },\n  {\n    employeeId: 340,\n    firstName: 'Nielsen',\n    lastName: 'Harrell',\n    revenue: 13800,\n    targetComplete: 30,\n    targetIncomplete: 70,\n    rating: 5,\n    status: 'Pending',\n    salary: 212000,\n    bonus: 39600,\n    departmentId: 70\n  },\n  {\n    employeeId: 350,\n    firstName: 'Barbara',\n    lastName: 'Moore',\n    revenue: 37600,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 4,\n    status: 'Pending',\n    salary: 185000,\n    bonus: 61800,\n    departmentId: 340\n  },\n  {\n    employeeId: 360,\n    firstName: 'Reese',\n    lastName: 'Green',\n    revenue: 27500,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 4,\n    status: 'Approved',\n    salary: 168000,\n    bonus: 72500,\n    departmentId: 30\n  },\n  {\n    employeeId: 370,\n    firstName: 'Paige',\n    lastName: 'Gregory',\n    revenue: 22300,\n    targetComplete: 70,\n    targetIncomplete: 30,\n    rating: 3,\n    status: 'Pending',\n    salary: 270000,\n    bonus: 33500,\n    departmentId: 360\n  },\n  {\n    employeeId: 380,\n    firstName: 'Jaclyn',\n    lastName: 'Mann',\n    revenue: 29700,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 1,\n    status: 'Approved',\n    salary: 224000,\n    bonus: 76400,\n    departmentId: 120\n  },\n  {\n    employeeId: 390,\n    firstName: 'Lula',\n    lastName: 'Fowler',\n    revenue: 40700,\n    targetComplete: 60,\n    targetIncomplete: 40,\n    rating: 3,\n    status: 'Approved',\n    salary: 211000,\n    bonus: 57000,\n    departmentId: 320\n  },\n  {\n    employeeId: 400,\n    firstName: 'Regina',\n    lastName: 'Watson',\n    revenue: 10600,\n    targetComplete: 50,\n    targetIncomplete: 50,\n    rating: 3,\n    status: 'Pending',\n    salary: 211000,\n    bonus: 31600,\n    departmentId: 470\n  },\n  {\n    employeeId: 410,\n    firstName: 'Candice',\n    lastName: 'Hardin',\n    revenue: 48200,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 4,\n    status: 'Pending',\n    salary: 191000,\n    bonus: 73400,\n    departmentId: 110\n  },\n  {\n    employeeId: 420,\n    firstName: 'Pate',\n    lastName: 'Haney',\n    revenue: 12600,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 2,\n    status: 'Approved',\n    salary: 247000,\n    bonus: 71600,\n    departmentId: 200\n  },\n  {\n    employeeId: 430,\n    firstName: 'Snider',\n    lastName: 'Shepard',\n    revenue: 30900,\n    targetComplete: 30,\n    targetIncomplete: 70,\n    rating: 4,\n    status: 'Pending',\n    salary: 230000,\n    bonus: 59200,\n    departmentId: 20\n  },\n  {\n    employeeId: 440,\n    firstName: 'Fleming',\n    lastName: 'Torres',\n    revenue: 13500,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 5,\n    status: 'Approved',\n    salary: 111000,\n    bonus: 69800,\n    departmentId: 120\n  },\n  {\n    employeeId: 450,\n    firstName: 'Terrie',\n    lastName: 'Grimes',\n    revenue: 47200,\n    targetComplete: 40,\n    targetIncomplete: 60,\n    rating: 4,\n    status: 'Pending',\n    salary: 118000,\n    bonus: 42900,\n    departmentId: 460\n  },\n  {\n    employeeId: 460,\n    firstName: 'Hallie',\n    lastName: 'Frye',\n    revenue: 20900,\n    targetComplete: 60,\n    targetIncomplete: 40,\n    rating: 4,\n    status: 'Approved',\n    salary: 218000,\n    bonus: 50000,\n    departmentId: 340\n  },\n  {\n    employeeId: 470,\n    firstName: 'Jerry',\n    lastName: 'Salazar',\n    revenue: 43300,\n    targetComplete: 90,\n    targetIncomplete: 10,\n    rating: 5,\n    status: 'Approved',\n    salary: 103000,\n    bonus: 49800,\n    departmentId: 440\n  },\n  {\n    employeeId: 480,\n    firstName: 'Sally',\n    lastName: 'Barnett',\n    revenue: 39500,\n    targetComplete: 30,\n    targetIncomplete: 70,\n    rating: 3,\n    status: 'Pending',\n    salary: 132000,\n    bonus: 80000,\n    departmentId: 160\n  },\n  {\n    employeeId: 490,\n    firstName: 'Goldie',\n    lastName: 'Kelly',\n    revenue: 32600,\n    targetComplete: 20,\n    targetIncomplete: 80,\n    rating: 5,\n    status: 'Approved',\n    salary: 102000,\n    bonus: 39000,\n    departmentId: 10\n  },\n  {\n    employeeId: 500,\n    firstName: 'Brianna',\n    lastName: 'Compton',\n    revenue: 30400,\n    targetComplete: 60,\n    targetIncomplete: 40,\n    rating: 4,\n    status: 'Pending',\n    salary: 114000,\n    bonus: 78200,\n    departmentId: 280\n  }\n];\n"],"names":["_jsx"],"mappings":"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"}

package/es/tooltipUtils-35655bd6.js

@@ -0,0 +1,93 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import './LayerHost-8b98d97d.js';
+import { E as EnvironmentProvider } from './EnvironmentProvider-713d0dec.js';
+import { F as Floating } from './Floating-5191a9e6.js';
+import { L as Layer } from './Layer-1eb18747.js';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const FocusTriggerKeys = ['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
+/**
+ * A global tooltip manager that
+ * - ensures that only one tooltip is shown at a time
+ * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard
+ */
+class TooltipManager {
+    constructor() {
+        this.keyDownHandler = (event) => {
+            if (FocusTriggerKeys.includes(event.key)) {
+                this.triggerKeyActive = true;
+                setTimeout(() => {
+                    this.triggerKeyActive = false;
+                }, 100);
+            }
+        };
+        /**
+         * notifies the previously registered active tooltip callback and registers a new one
+         */
+        this.register = (callback) => {
+            if (this.activeCallback && this.activeCallback !== callback) {
+                this.activeCallback();
+            }
+            this.activeCallback = callback;
+        };
+        /**
+         * resets the registered active callback
+         */
+        this.unregister = (callback) => {
+            if (this.activeCallback === callback) {
+                this.activeCallback = null;
+            }
+        };
+        /**
+         * returns the active Tab key status ('active' means a Tab key press within the last 100ms)
+         */
+        this.isTabKeyActive = () => {
+            return this.triggerKeyActive;
+        };
+        this.activeCallback = null;
+        this.triggerKeyActive = false;
+        window.addEventListener('keydown', this.keyDownHandler, true);
+    }
+}
+
+// Global TooltipManager singleton instance
+const globalTooltipManager = new TooltipManager();
+/**
+ * The delays (in ms) for Redwood tooltips.
+ */
+const SHOW_TOOLTIP_DELAY = 1000;
+const HIDE_TOOLTIP_DELAY = 150;
+/**
+ * Returns a global TooltipManager singleton instance
+ */
+const getGlobalTooltipManager = () => {
+    return globalTooltipManager;
+};
+/**
+ * Wraps the tooltip content provided in the appropriate layering and returns the result for display.
+ */
+const getWrappedTooltipContent = (tooltipContent, variant, colorScheme, anchorRef, placement, offset) => {
+    const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels
+    const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };
+    const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';
+    const renderTooltipOrDatatip = () => {
+        if (variant === 'tooltip') {
+            return (jsx(EnvironmentProvider, { environment: { colorScheme: newColorScheme }, children: tooltipContent }));
+        }
+        else {
+            return jsx(Fragment, { children: tooltipContent });
+        }
+    };
+    return (jsx(Layer, { priority: "tooltip", children: jsx(Floating, { anchorRef: anchorRef, placement: placement, offsetValue: newOffset, children: renderTooltipOrDatatip() }) }));
+};
+
+export { HIDE_TOOLTIP_DELAY as H, SHOW_TOOLTIP_DELAY as S, getGlobalTooltipManager as a, getWrappedTooltipContent as g };
+//# sourceMappingURL=tooltipUtils-35655bd6.js.map

package/es/tooltipUtils-35655bd6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipUtils-35655bd6.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipManager.ts","../../src/utils/PRIVATE_tooltipUtils/tooltipUtils.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport type TooltipManagerCallback = () => void;\n\nconst FocusTriggerKeys = ['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n\n/**\n * A global tooltip manager that\n * - ensures that only one tooltip is shown at a time\n * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard\n */\nexport class TooltipManager {\n  private activeCallback: TooltipManagerCallback | null;\n\n  private triggerKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (FocusTriggerKeys.includes(event.key)) {\n      this.triggerKeyActive = true;\n      setTimeout(() => {\n        this.triggerKeyActive = false;\n      }, 100);\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.triggerKeyActive = false;\n    window.addEventListener('keydown', this.keyDownHandler, true);\n  }\n\n  /**\n   * notifies the previously registered active tooltip callback and registers a new one\n   */\n  public register = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback && this.activeCallback !== callback) {\n      this.activeCallback();\n    }\n    this.activeCallback = callback;\n  };\n\n  /**\n   * resets the registered active callback\n   */\n  public unregister = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback === callback) {\n      this.activeCallback = null;\n    }\n  };\n\n  /**\n   * returns the active Tab key status ('active' means a Tab key press within the last 100ms)\n   */\n  public isTabKeyActive = () => {\n    return this.triggerKeyActive;\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { JSXInternal } from 'preact/src/jsx';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Coords, Floating, Placement } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { ColorScheme } from '../../UNSAFE_Theme';\nimport { TooltipManager } from '../../hooks/UNSAFE_useTooltip/TooltipManager';\n\n// Global TooltipManager singleton instance\nconst globalTooltipManager = new TooltipManager();\n\n/**\n * The delays (in ms) for Redwood tooltips.\n */\nexport const SHOW_TOOLTIP_DELAY = 1000;\nexport const HIDE_TOOLTIP_DELAY = 150;\n\n/**\n * Returns a global TooltipManager singleton instance\n */\nexport const getGlobalTooltipManager = (): TooltipManager => {\n  return globalTooltipManager;\n};\n\n/**\n * Wraps the tooltip content provided in the appropriate layering and returns the result for display.\n */\nexport const getWrappedTooltipContent = (\n  tooltipContent: JSXInternal.Element,\n  variant: 'tooltip' | 'datatip',\n  colorScheme: ColorScheme,\n  anchorRef: RefObject<Element | Coords>,\n  placement: Placement,\n  offset?: { mainAxis?: number; crossAxis?: number }\n): JSXInternal.Element => {\n  const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n\n  const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {tooltipContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{tooltipContent}</>;\n    }\n  };\n\n  return (\n    <Layer priority=\"tooltip\">\n      <Floating anchorRef={anchorRef} placement={placement} offsetValue={newOffset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n};\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/useCellNavigation-bdb3248d.js

@@ -0,0 +1,121 @@
+/* @oracle/oraclejet-preact: undefined */
+import './TabbableModeContext-7d8ad946.js';
+import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
+import { useRef, useLayoutEffect, useCallback } from 'preact/compat';
+import { u as useUser } from './useUser-6b2e271a.js';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * A custom hook that handles focus for a month or year cell.
+ */
+const useFocusableCell = ({ isFocusable, isFocused }) => {
+    const cellRef = useRef(null);
+    const { isTabbable } = useTabbableMode();
+    // Using layout effect here to set the focus as we want to focus the element
+    // before the browser has a chance to paint. This way the browser don't have to
+    // repaint the focused state.
+    useLayoutEffect(() => {
+        if (isFocusable && isFocused) {
+            cellRef.current?.focus();
+        }
+    }, [isFocusable, isFocused]);
+    return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+// Utility for killing handled events.
+const killEvent = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+};
+/**
+ * A custom hook that handles navigation for a DatePicker cell.
+ */
+const useCellNavigation = ({ navigationMap, payload, onAction, onNavigation }) => {
+    const { direction } = useUser();
+    const handleSelection = useCallback(() => {
+        onAction(payload);
+    }, [payload, onAction]);
+    // Make a selection or navigate on keydown. This lets you hold keys down like the
+    // arrow keys, page up, or page down to keep navigating through day cells. However we
+    // don't need to select more than once, so check and only handle if "repeat" is false.
+    // This also prevents us from incorrectly selecting when the user presses and holds down
+    // the Enter key on the Go to Today button, which should bring up today and focus the
+    // cell but not select it. See JET-76459.
+    const handleKeyDown = useCallback((event) => {
+        if (['Enter', 'Space'].includes(event.code)) {
+            if (!event.repeat) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                handleSelection();
+            }
+            else if (event.code === 'Space') {
+                // we call preventDefault to prevent browser scrolling on some browsers
+                event.preventDefault();
+            }
+            return;
+        }
+        // Handle Ctrl + Alt + T
+        if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {
+            const navigationDirection = navigationMap['CtrlAltT'];
+            if (navigationDirection !== undefined) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                onNavigation({
+                    direction: getLogicalValue(navigationDirection, direction),
+                    ...payload
+                });
+            }
+        }
+        const { key, shiftKey } = event;
+        switch (key) {
+            // since we are handling the event, we need to kill the event here
+            // so that no other action is performed
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'ArrowUp':
+            case 'ArrowDown':
+            case 'End':
+            case 'Home':
+            case 'PageUp':
+            case 'PageDown':
+                const mapKey = shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;
+                if (navigationMap[mapKey] !== undefined) {
+                    killEvent(event);
+                    const navigationDirection = navigationMap[mapKey];
+                    onNavigation({
+                        direction: getLogicalValue(navigationDirection, direction),
+                        ...payload
+                    });
+                }
+        }
+    }, [direction, handleSelection, navigationMap, onNavigation, payload]);
+    return {
+        onClick: handleSelection,
+        onKeyDown: handleKeyDown
+    };
+};
+/**
+ * Determines the logical value for the navigation direction.
+ * @param value The value representing the navigation direction
+ * @param dir The reading direction from the user preferences
+ * @returns The logical navigation direction
+ */
+const getLogicalValue = (value, dir) => typeof value === 'string' ? value : value[dir];
+
+export { useCellNavigation as a, useFocusableCell as u };
+//# sourceMappingURL=useCellNavigation-bdb3248d.js.map

package/es/useCellNavigation-bdb3248d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellNavigation-bdb3248d.js","sources":["../../src/UNSAFE_DatePicker/useFocusableCell.ts","../../src/UNSAFE_DatePicker/useCellNavigation.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useLayoutEffect, useRef } from 'preact/compat';\n\ntype UseFocusableCellProps = {\n  /**\n   * Specifies if this cell is the one that will be focused when\n   * one tabs into the grid view.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies whether or not the cell is currently focused.\n   */\n  isFocused: boolean;\n};\n\n/**\n * A custom hook that handles focus for a month or year cell.\n */\nexport const useFocusableCell = <T extends HTMLElement = HTMLElement>({\n  isFocusable,\n  isFocused\n}: UseFocusableCellProps) => {\n  const cellRef = useRef<T>(null);\n  const { isTabbable } = useTabbableMode();\n\n  // Using layout effect here to set the focus as we want to focus the element\n  // before the browser has a chance to paint. This way the browser don't have to\n  // repaint the focused state.\n  useLayoutEffect(() => {\n    if (isFocusable && isFocused) {\n      cellRef.current?.focus();\n    }\n  }, [isFocusable, isFocused]);\n\n  return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useCallback } from 'preact/compat';\n\ntype SupportedKeyBindings =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'End'\n  | 'Home'\n  | 'PageUp'\n  | 'PageDown'\n  | 'ShiftPageUp'\n  | 'ShiftPageDown'\n  | 'CtrlAltT';\ntype NavigationValue<T extends string> = T | { ltr: T; rtl: T };\ntype NavigationMap<T extends string> = Partial<Record<SupportedKeyBindings, NavigationValue<T>>>;\n\ntype UseCellNavigationProps<Payload extends object, Navigation extends string> = {\n  /**\n   * Payload for the callbacks from this cell.\n   */\n  payload: Payload;\n\n  /**\n   * An object that maps the key codes to the direction of navigation. The onNavigation\n   * callback will be invoked only for the key codes provided in the map and specifies the\n   * direction as provided in the value.\n   */\n  navigationMap: NavigationMap<Navigation>;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on the DatePicker cell.\n   * @param payload The provided payload.\n   */\n  onAction: (payload: Payload) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on the DatePicker cell.\n   * @param details The object specifying the direction of the navigation performed and the payload.\n   */\n  onNavigation: (details: { direction: Navigation } & Payload) => void;\n};\n\n// Utility for killing handled events.\nconst killEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\n/**\n * A custom hook that handles navigation for a DatePicker cell.\n */\nexport const useCellNavigation = <T extends object, U extends string>({\n  navigationMap,\n  payload,\n  onAction,\n  onNavigation\n}: UseCellNavigationProps<T, U>) => {\n  const { direction } = useUser();\n  const handleSelection = useCallback(() => {\n    onAction(payload);\n  }, [payload, onAction]);\n\n  // Make a selection or navigate on keydown. This lets you hold keys down like the\n  // arrow keys, page up, or page down to keep navigating through day cells. However we\n  // don't need to select more than once, so check and only handle if \"repeat\" is false.\n  // This also prevents us from incorrectly selecting when the user presses and holds down\n  // the Enter key on the Go to Today button, which should bring up today and focus the\n  // cell but not select it. See JET-76459.\n  const handleKeyDown = useCallback<NonNullable<GlobalEventHandlers['onkeydown']>>(\n    (event) => {\n      if (['Enter', 'Space'].includes(event.code)) {\n        if (!event.repeat) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          handleSelection();\n        } else if (event.code === 'Space') {\n          // we call preventDefault to prevent browser scrolling on some browsers\n          event.preventDefault();\n        }\n        return;\n      }\n\n      // Handle Ctrl + Alt + T\n      if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {\n        const navigationDirection = navigationMap['CtrlAltT'];\n        if (navigationDirection !== undefined) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          onNavigation({\n            direction: getLogicalValue(navigationDirection, direction),\n            ...payload\n          });\n        }\n      }\n\n      const { key, shiftKey } = event;\n\n      switch (key) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'End':\n        case 'Home':\n        case 'PageUp':\n        case 'PageDown':\n          const mapKey: SupportedKeyBindings =\n            shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;\n          if (navigationMap[mapKey] !== undefined) {\n            killEvent(event);\n            const navigationDirection = navigationMap[mapKey]!;\n            onNavigation({\n              direction: getLogicalValue(navigationDirection, direction),\n              ...payload\n            });\n          }\n      }\n    },\n    [direction, handleSelection, navigationMap, onNavigation, payload]\n  );\n\n  return {\n    onClick: handleSelection,\n    onKeyDown: handleKeyDown\n  };\n};\n\n/**\n * Determines the logical value for the navigation direction.\n * @param value The value representing the navigation direction\n * @param dir The reading direction from the user preferences\n * @returns The logical navigation direction\n */\nconst getLogicalValue = <T extends string>(value: NavigationValue<T>, dir: 'ltr' | 'rtl') =>\n  typeof value === 'string' ? value : value[dir];\n"],"names":[],"mappings":"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"}

package/es/useChartContextMenu-61fe46b8.js

@@ -6,12 +6,12 @@ import './MenuItem-54015ca3.js';
 import 'preact/hooks';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-e6402730.js';
+import './LayerHost-8b98d97d.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-768450a7.js';
+import './tooltipUtils-35655bd6.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';