@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/cjs/testData-c996c33b.js

@@ -0,0 +1,271 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var clientHints = require('./clientHints-a0f8f4d2.js');
+var matchTranslationBundle = require('./matchTranslationBundle-99625a42.js');
+require('./LayerHost-7182bfaf.js');
+var EnvironmentProvider = require('./EnvironmentProvider-bfd5febc.js');
+
+function __variableDynamicImportRuntime0__(path) {
+  switch (path) {
+    case '../../resources/nls/ar/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ar/bundle.js'); });
+    case '../../resources/nls/ar-XB/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ar-XB/bundle.js'); });
+    case '../../resources/nls/bg/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/bg/bundle.js'); });
+    case '../../resources/nls/bs/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/bs/bundle.js'); });
+    case '../../resources/nls/bs-Cyrl/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/bs-Cyrl/bundle.js'); });
+    case '../../resources/nls/cs/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/cs/bundle.js'); });
+    case '../../resources/nls/da/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/da/bundle.js'); });
+    case '../../resources/nls/de/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/de/bundle.js'); });
+    case '../../resources/nls/el/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/el/bundle.js'); });
+    case '../../resources/nls/en/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/en/bundle.js'); });
+    case '../../resources/nls/en-XA/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/en-XA/bundle.js'); });
+    case '../../resources/nls/en-XC/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/en-XC/bundle.js'); });
+    case '../../resources/nls/es/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/es/bundle.js'); });
+    case '../../resources/nls/et/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/et/bundle.js'); });
+    case '../../resources/nls/fi/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/fi/bundle.js'); });
+    case '../../resources/nls/fr/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/fr/bundle.js'); });
+    case '../../resources/nls/fr-CA/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/fr-CA/bundle.js'); });
+    case '../../resources/nls/he/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/he/bundle.js'); });
+    case '../../resources/nls/hr/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/hr/bundle.js'); });
+    case '../../resources/nls/hu/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/hu/bundle.js'); });
+    case '../../resources/nls/is/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/is/bundle.js'); });
+    case '../../resources/nls/it/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/it/bundle.js'); });
+    case '../../resources/nls/ja/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ja/bundle.js'); });
+    case '../../resources/nls/ko/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ko/bundle.js'); });
+    case '../../resources/nls/lt/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/lt/bundle.js'); });
+    case '../../resources/nls/lv/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/lv/bundle.js'); });
+    case '../../resources/nls/ms/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ms/bundle.js'); });
+    case '../../resources/nls/nl/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/nl/bundle.js'); });
+    case '../../resources/nls/no/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/no/bundle.js'); });
+    case '../../resources/nls/pl/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/pl/bundle.js'); });
+    case '../../resources/nls/pt/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/pt/bundle.js'); });
+    case '../../resources/nls/pt-PT/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/pt-PT/bundle.js'); });
+    case '../../resources/nls/ro/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ro/bundle.js'); });
+    case '../../resources/nls/ru/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/ru/bundle.js'); });
+    case '../../resources/nls/sk/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/sk/bundle.js'); });
+    case '../../resources/nls/sl/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/sl/bundle.js'); });
+    case '../../resources/nls/sr/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/sr/bundle.js'); });
+    case '../../resources/nls/sr-Latn/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/sr-Latn/bundle.js'); });
+    case '../../resources/nls/sv/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/sv/bundle.js'); });
+    case '../../resources/nls/th/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/th/bundle.js'); });
+    case '../../resources/nls/tr/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/tr/bundle.js'); });
+    case '../../resources/nls/uk/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/uk/bundle.js'); });
+    case '../../resources/nls/vi/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/vi/bundle.js'); });
+    case '../../resources/nls/zh-Hans/bundle.ts': return Promise.resolve().then(function () { return require('./resources/nls/zh-Hans/bundle.js'); });
+    case '../../resources/nls/zh-Hant/bundle.ts': return Promise.resolve().then(function () { return require('./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.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 preact.render(jsxRuntime.jsx(EnvironmentProvider.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 clientHints.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 preact.waitFor(() => {
+        chai.expect(getRowKey()?.textContent).to.equal(expectedRowKey);
+    });
+    await preact.waitFor(() => {
+        chai.expect(getColumnKey()?.textContent).to.equal(expectedColumnKey);
+    });
+    await preact.waitFor(() => {
+        chai.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 preact.waitFor(() => {
+            chai.expect(selectedElements[i].getAttribute('aria-selected')).to.equal('true');
+        });
+    }
+    for (let i = 0; i < unselectedElements.length; i++) {
+        await preact.waitFor(() => {
+            chai.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 preact.waitFor(() => {
+        chai.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'
+    }
+];
+
+exports.determineBrowserScrollbarWidth = determineBrowserScrollbarWidth;
+exports.employeeData = employeeData;
+exports.enableLongTimeout = enableLongTimeout;
+exports.findContainingCell = findContainingCell;
+exports.getColumnFooters = getColumnFooters;
+exports.getColumnHeaders = getColumnHeaders;
+exports.getDataCells = getDataCells;
+exports.getInnerGrids = getInnerGrids;
+exports.getRows = getRows;
+exports.isMac = isMac;
+exports.setupTableView = setupTableView;
+exports.verifyAriaSelected = verifyAriaSelected;
+exports.verifyCurrentCellValue = verifyCurrentCellValue;
+exports.verifyElementWidth = verifyElementWidth;
+//# sourceMappingURL=testData-c996c33b.js.map

package/cjs/testData-c996c33b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData-c996c33b.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":["matchTranslationBundle","render","_jsx","RootEnvironmentProvider","getClientHints","waitFor","expect"],"mappings":"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"}

package/cjs/tooltipUtils-2228b0f7.js

@@ -0,0 +1,97 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./LayerHost-7182bfaf.js');
+var EnvironmentProvider = require('./EnvironmentProvider-bfd5febc.js');
+var Floating = require('./Floating-3a80c067.js');
+var Layer = require('./Layer-49394ca6.js');
+require('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
+ */
+/**
+ * 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 (event.key === 'Tab') {
+                this.tabKeyActive = true;
+                setTimeout(() => {
+                    this.tabKeyActive = 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.tabKeyActive;
+        };
+        this.activeCallback = null;
+        this.tabKeyActive = 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 (jsxRuntime.jsx(EnvironmentProvider.EnvironmentProvider, { environment: { colorScheme: newColorScheme }, children: tooltipContent }));
+        }
+        else {
+            return jsxRuntime.jsx(jsxRuntime.Fragment, { children: tooltipContent });
+        }
+    };
+    return (jsxRuntime.jsx(Layer.Layer, { priority: "tooltip", children: jsxRuntime.jsx(Floating.Floating, { anchorRef: anchorRef, placement: placement, offsetValue: newOffset, children: renderTooltipOrDatatip() }) }));
+};
+
+exports.HIDE_TOOLTIP_DELAY = HIDE_TOOLTIP_DELAY;
+exports.SHOW_TOOLTIP_DELAY = SHOW_TOOLTIP_DELAY;
+exports.getGlobalTooltipManager = getGlobalTooltipManager;
+exports.getWrappedTooltipContent = getWrappedTooltipContent;
+//# sourceMappingURL=tooltipUtils-2228b0f7.js.map

package/cjs/tooltipUtils-2228b0f7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipUtils-2228b0f7.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\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 tabKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      this.tabKeyActive = true;\n      setTimeout(() => {\n        this.tabKeyActive = false;\n      }, 100);\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.tabKeyActive = 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.tabKeyActive;\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","EnvironmentProvider","_Fragment","Layer","Floating"],"mappings":";;;;;;;;;;AAAA;;;;;;AAMG;AAIH;;;;AAIG;MACU,cAAc,CAAA;AAczB,IAAA,WAAA,GAAA;AATQ,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;AAChD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;iBAC3B,EAAE,GAAG,CAAC,CAAC;aACT;AACH,SAAC,CAAC;AAQF;;AAEG;AACI,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,QAAgC,KAAI;YACrD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;gBAC3D,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;AACD,YAAA,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;AACjC,SAAC,CAAC;AAEF;;AAEG;AACI,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,QAAgC,KAAI;AACvD,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;AACpC,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC5B;AACH,SAAC,CAAC;AAEF;;AAEG;QACI,IAAc,CAAA,cAAA,GAAG,MAAK;YAC3B,OAAO,IAAI,CAAC,YAAY,CAAC;AAC3B,SAAC,CAAC;AA7BA,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;KAC/D;AA2BF;;AC7CD;AACA,MAAM,oBAAoB,GAAG,IAAI,cAAc,EAAE,CAAC;AAElD;;AAEG;AACI,MAAM,kBAAkB,GAAG,KAAK;AAChC,MAAM,kBAAkB,GAAG,IAAI;AAEtC;;AAEG;AACI,MAAM,uBAAuB,GAAG,MAAqB;AAC1D,IAAA,OAAO,oBAAoB,CAAC;AAC9B,EAAE;AAEF;;AAEG;AACU,MAAA,wBAAwB,GAAG,CACtC,cAAmC,EACnC,OAA8B,EAC9B,WAAwB,EACxB,SAAsC,EACtC,SAAoB,EACpB,MAAkD,KAC3B;AACvB,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAE9E,IAAA,MAAM,cAAc,GAAG,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAElF,MAAM,sBAAsB,GAAG,MAAK;AAClC,QAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,YAAA,QACEA,cAAA,CAACC,uCAAmB,EAAA,EAAC,WAAW,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAA,QAAA,EAC9D,cAAc,EAAA,CACK,EACtB;SACH;aAAM;YACL,OAAOD,cAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAG,cAAc,EAAA,CAAI,CAAC;SAC9B;AACH,KAAC,CAAC;AAEF,IAAA,QACEF,cAAA,CAACG,WAAK,EAAA,EAAC,QAAQ,EAAC,SAAS,EAAA,QAAA,EACvBH,cAAC,CAAAI,iBAAQ,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EACzE,QAAA,EAAA,sBAAsB,EAAE,EAAA,CAChB,EACL,CAAA,EACR;AACJ;;;;;;;"}

package/cjs/useCellNavigation-e0d4af91.js

@@ -0,0 +1,124 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
+var compat = require('preact/compat');
+var useUser = require('./useUser-8aaad5a7.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 = compat.useRef(null);
+    const { isTabbable } = useTabbableMode.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.
+    compat.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.useUser();
+    const handleSelection = compat.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 = compat.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];
+
+exports.useCellNavigation = useCellNavigation;
+exports.useFocusableCell = useFocusableCell;
+//# sourceMappingURL=useCellNavigation-e0d4af91.js.map

package/cjs/useCellNavigation-e0d4af91.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellNavigation-e0d4af91.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":["useRef","useTabbableMode","useLayoutEffect","useUser","useCallback"],"mappings":"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"}