@oracle/oraclejet-preact 17.0.5 → 17.0.7

package/cjs/testData-f91dbc33.js

@@ -1,271 +0,0 @@
-/* @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-9e411b6e.js');
-var matchTranslationBundle = require('./matchTranslationBundle-99625a42.js');
-require('./LayerHost-46e4d858.js');
-var EnvironmentProvider = require('./EnvironmentProvider-42b2b998.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];
-    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-f91dbc33.js.map

package/cjs/testData-f91dbc33.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testData-f91dbc33.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] 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/useChartDatatip-7b7f757f.js

@@ -1,137 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var useDatatip = require('./useDatatip-ff0c568c.js');
-var util = require('./util-28dd0315.js');
-var jsxRuntime = require('preact/jsx-runtime');
-var VisTabularDatatip = require('./VisTabularDatatip-3b3341f9.js');
-var colorUtils = require('./colorUtils-0d6ee5fe.js');
-require('./accUtils-50f26093.js');
-var useUser = require('./useUser-a6d15333.js');
-
-/**
- * Returns the data required for the VisTabularDatatip to render.
- * @param activeInfo active item info.
- * @param series The array of chart series.
- * @param groups The array of chart groups.
- * @param valueFormats The array of chart series.
- * @param getDataItem function which returns chartItem
- */
-function getChartTabularData(data, seriesValue, groupValue, valueFormats, isTimeAxis) {
-    //TODO: Use translation strings
-    const value = data.value;
-    const itemValue = valueFormats?.value?.format ? valueFormats?.value?.format?.(value) : value;
-    const tableData = [];
-    if (valueFormats?.series?.isDisplayed != false) {
-        tableData.push({
-            key: valueFormats?.series?.label || 'Series',
-            value: seriesValue
-        });
-    }
-    if (valueFormats?.group?.isDisplayed != false) {
-        tableData.push({
-            key: valueFormats?.group?.label || (isTimeAxis ? 'Date' : 'Group'),
-            value: groupValue
-        });
-    }
-    if (valueFormats?.value?.isDisplayed != false) {
-        tableData.push({ key: valueFormats?.value?.label || 'Value', value: itemValue });
-    }
-    return tableData;
-}
-function getDefaultDatatipRenderer(options) {
-    const isMixedFrequency = options.timeAxisType === 'mixedFrequency';
-    const isRegularTimeAxis = options.timeAxisType === 'enabled' || options.timeAxisType === 'skipGaps';
-    return (context) => {
-        const groupValue = options.groups.name || options.groups.id;
-        const timeValue = isMixedFrequency
-            ? context.data.x
-            : isRegularTimeAxis
-                ? groupValue
-                : undefined;
-        return {
-            content: (jsxRuntime.jsx(VisTabularDatatip.VisTabularDatatip, { tableData: getChartTabularData(context.data, options.series.name || options.series.id.toString(), timeValue || options.groups.name || options.groups.id, options.valueFormats, options.timeAxisType != null) })),
-            borderColor: context.data.color || options.series.color
-        };
-    };
-}
-
-const DATA_CURSOR_OFFSET = 10;
-const useChartDatatip = ({ isDataCursorEnabled, dataCursorPosition, isHoriz, datatip, xScale, getDataItem, getDataItemPos, hoveredItemInfo, focusedItemInfo, series, valueFormats, groups, width, height, findNearest, timeAxisType, touchResponse, isDisabled }) => {
-    let activeInfo = !isDisabled
-        ? focusedItemInfo?.isCurrent
-            ? focusedItemInfo
-            : hoveredItemInfo?.isCurrent &&
-                hoveredItemInfo.seriesIndex !== undefined &&
-                hoveredItemInfo.groupIndex !== undefined
-                ? hoveredItemInfo
-                : undefined
-        : undefined;
-    const anchor = focusedItemInfo?.isCurrent || isDataCursorEnabled ? 'element' : 'pointer';
-    const elementBounds = focusedItemInfo?.isCurrent
-        ? getDataItemPos(focusedItemInfo.seriesIndex, focusedItemInfo.groupIndex)
-        : undefined;
-    const { direction } = useUser.useUser();
-    const isRtl = direction === 'rtl';
-    let placement = 'top-start';
-    let offset = util.calculateOffset(isRtl, width, elementBounds);
-    if (isDataCursorEnabled && dataCursorPosition?.x != null && dataCursorPosition?.y != null) {
-        // TOD0: The offset for data cursor should be calculated according to
-        // datatip content dimensions as well.
-        activeInfo = activeInfo || findNearest?.(dataCursorPosition.x, dataCursorPosition.y);
-        const xPos = xScale.transform(dataCursorPosition.x);
-        offset = { mainAxis: -1, crossAxis: -1 };
-        if (isHoriz) {
-            placement = 'end';
-            offset.mainAxis = -1 * DATA_CURSOR_OFFSET;
-            offset.crossAxis = xPos - height / 2;
-        }
-        else {
-            placement = 'top';
-            offset.crossAxis = isRtl ? width / 2 - xPos : xPos - width / 2;
-            offset.mainAxis = -1 * DATA_CURSOR_OFFSET;
-        }
-    }
-    let dtContent;
-    let item;
-    if (activeInfo?.seriesIndex != null && activeInfo?.groupIndex != null) {
-        item = getDataItem(activeInfo.seriesIndex, activeInfo.groupIndex);
-        const datatipContext = item
-            ? {
-                data: item,
-                seriesIndex: activeInfo.seriesIndex,
-                groupIndex: activeInfo.groupIndex,
-                id: item.id
-            }
-            : undefined;
-        if (datatipContext) {
-            const datatipRenderer = datatip ||
-                getDefaultDatatipRenderer({
-                    series: series[activeInfo.seriesIndex],
-                    groups: groups[activeInfo.groupIndex],
-                    valueFormats,
-                    timeAxisType
-                });
-            dtContent = datatipRenderer(datatipContext);
-        }
-    }
-    const colors = colorUtils.getColorRamp();
-    const borderColor = dtContent?.borderColor ||
-        (activeInfo &&
-            (series[activeInfo.seriesIndex].color ||
-                series[activeInfo.seriesIndex].lineColor ||
-                series[activeInfo.seriesIndex].areaColor)) ||
-        (activeInfo && colors[activeInfo.seriesIndex % colors.length]);
-    const { datatipContent, datatipProps } = useDatatip.useDatatip({
-        content: dtContent?.content,
-        anchor,
-        placement,
-        offset,
-        borderColor,
-        touchResponse
-    });
-    return { datatipContent, datatipProps };
-};
-
-exports.useChartDatatip = useChartDatatip;
-//# sourceMappingURL=useChartDatatip-7b7f757f.js.map

package/cjs/useChartDatatip-7b7f757f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartDatatip-7b7f757f.js","sources":["../../src/utils/PRIVATE_chartUtils/dataTipUtils.tsx","../../src/hooks/PRIVATE_useChartDatatip/useChartDatatip.tsx"],"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 */\n\nimport { ChartItemData, ChartSeriesData, ValueFormats, Group } from '../UNSAFE_visTypes/chart';\nimport { VisTabularDatatip } from '../../PRIVATE_VisTabularDatatip';\nimport { TableRowData } from '../../PRIVATE_VisTabularDatatip';\n\n/**\n * Returns the data required for the VisTabularDatatip to render.\n * @param activeInfo active item info.\n * @param series The array of chart series.\n * @param groups The array of chart groups.\n * @param valueFormats The array of chart series.\n * @param getDataItem function which returns chartItem\n */\nexport function getChartTabularData<K, D extends ChartItemData<K>>(\n  data: D,\n  seriesValue: string,\n  groupValue: string,\n  valueFormats?: ValueFormats,\n  isTimeAxis?: boolean\n) {\n  //TODO: Use translation strings\n  const value = data.value;\n  const itemValue = valueFormats?.value?.format ? valueFormats?.value?.format?.(value) : value;\n  const tableData: TableRowData[] = [];\n\n  if (valueFormats?.series?.isDisplayed != false) {\n    tableData.push({\n      key: valueFormats?.series?.label || 'Series',\n      value: seriesValue\n    });\n  }\n  if (valueFormats?.group?.isDisplayed != false) {\n    tableData.push({\n      key: valueFormats?.group?.label || (isTimeAxis ? 'Date' : 'Group'),\n      value: groupValue\n    });\n  }\n  if (valueFormats?.value?.isDisplayed != false) {\n    tableData.push({ key: valueFormats?.value?.label || 'Value', value: itemValue });\n  }\n  return tableData;\n}\n\nexport function getDefaultDatatipRenderer<\n  K extends string | number,\n  D extends ChartItemData<K>\n>(options: {\n  series: ChartSeriesData<K, D>;\n  groups: Group;\n  valueFormats?: ValueFormats;\n  timeAxisType?: 'mixedFrequency' | 'enabled' | 'skipGaps';\n}) {\n  const isMixedFrequency = options.timeAxisType === 'mixedFrequency';\n  const isRegularTimeAxis =\n    options.timeAxisType === 'enabled' || options.timeAxisType === 'skipGaps';\n\n  return (context: { data: D }) => {\n    const groupValue = options.groups.name || options.groups.id;\n    const timeValue = isMixedFrequency\n      ? context.data.x\n      : isRegularTimeAxis\n      ? groupValue\n      : undefined;\n    return {\n      content: (\n        <VisTabularDatatip\n          tableData={getChartTabularData<K, D>(\n            context.data,\n            options.series.name || options.series.id.toString(),\n            timeValue || options.groups.name || options.groups.id,\n            options.valueFormats,\n            options.timeAxisType != null\n          )}\n        />\n      ),\n      borderColor: context.data.color || options.series.color\n    };\n  };\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 { ComponentChildren } from 'preact';\nimport { calculateOffset, useDatatip } from '../PRIVATE_useDatatip';\nimport {\n  DataCursorPosition,\n  Group,\n  ChartItemData,\n  Info,\n  Scale,\n  ValueFormats\n} from '../../utils/UNSAFE_visTypes/chart';\nimport { BarSeriesData } from '../../UNSAFE_BarChart/barChart.types';\nimport { Dimension } from '../../utils/UNSAFE_visTypes/common';\nimport { getDefaultDatatipRenderer } from '../../utils/PRIVATE_chartUtils/dataTipUtils';\nimport { LineAreaSeriesData } from '../../UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { getColorRamp } from '../../utils/UNSAFE_visUtils';\nimport { Placement } from '../../UNSAFE_Floating';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\nimport { Property } from 'csstype';\n\ntype Props<K extends string | number, D extends ChartItemData<K>> = {\n  series: (BarSeriesData<K, D> | LineAreaSeriesData<K, D>)[];\n  groups: Group[];\n  isDataCursorEnabled?: boolean;\n  dataCursorPosition?: DataCursorPosition;\n  isHoriz: boolean;\n  getDataItemPos: (seriesIndex: number, groupIndex: number) => Dimension | undefined;\n  datatip?: (context: { data: D; seriesIndex: number; groupIndex: number; id: K }) => {\n    content: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  };\n  xScale: Scale;\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined;\n  hoveredItemInfo?: Info;\n  focusedItemInfo?: Info;\n  width: number;\n  height: number;\n  valueFormats?: ValueFormats;\n  findNearest: (x: number, y: number) => any;\n  timeAxisType?: 'mixedFrequency' | 'skipGaps' | 'enabled';\n  touchResponse: 'touchStart' | 'touchHold';\n  isDisabled: boolean;\n};\nconst DATA_CURSOR_OFFSET = 10;\n\nexport const useChartDatatip = <K extends string | number, D extends ChartItemData<K>>({\n  isDataCursorEnabled,\n  dataCursorPosition,\n  isHoriz,\n  datatip,\n  xScale,\n  getDataItem,\n  getDataItemPos,\n  hoveredItemInfo,\n  focusedItemInfo,\n  series,\n  valueFormats,\n  groups,\n  width,\n  height,\n  findNearest,\n  timeAxisType,\n  touchResponse,\n  isDisabled\n}: Props<K, D>) => {\n  let activeInfo = !isDisabled\n    ? focusedItemInfo?.isCurrent\n      ? focusedItemInfo\n      : hoveredItemInfo?.isCurrent &&\n        hoveredItemInfo.seriesIndex !== undefined &&\n        hoveredItemInfo.groupIndex !== undefined\n      ? hoveredItemInfo\n      : undefined\n    : undefined;\n\n  const anchor = focusedItemInfo?.isCurrent || isDataCursorEnabled ? 'element' : 'pointer';\n  const elementBounds = focusedItemInfo?.isCurrent\n    ? getDataItemPos(focusedItemInfo.seriesIndex!, focusedItemInfo.groupIndex!)\n    : undefined;\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  let placement = 'top-start' as Placement;\n  let offset = calculateOffset(isRtl, width, elementBounds);\n  if (isDataCursorEnabled && dataCursorPosition?.x != null && dataCursorPosition?.y != null) {\n    // TOD0: The offset for data cursor should be calculated according to\n    // datatip content dimensions as well.\n    activeInfo = activeInfo || findNearest?.(dataCursorPosition.x, dataCursorPosition.y);\n    const xPos = xScale.transform(dataCursorPosition.x);\n    offset = { mainAxis: -1, crossAxis: -1 };\n    if (isHoriz) {\n      placement = 'end';\n      offset.mainAxis = -1 * DATA_CURSOR_OFFSET;\n      offset.crossAxis = xPos - height / 2;\n    } else {\n      placement = 'top';\n      offset.crossAxis = isRtl ? width / 2 - xPos : xPos - width / 2;\n      offset.mainAxis = -1 * DATA_CURSOR_OFFSET;\n    }\n  }\n\n  let dtContent;\n  let item: D | undefined;\n  if (activeInfo?.seriesIndex != null && activeInfo?.groupIndex != null) {\n    item = getDataItem(activeInfo.seriesIndex, activeInfo.groupIndex!);\n    const datatipContext = item\n      ? {\n          data: item,\n          seriesIndex: activeInfo.seriesIndex,\n          groupIndex: activeInfo.groupIndex,\n          id: item.id\n        }\n      : undefined;\n\n    if (datatipContext) {\n      const datatipRenderer =\n        datatip ||\n        getDefaultDatatipRenderer({\n          series: series[activeInfo.seriesIndex],\n          groups: groups[activeInfo.groupIndex],\n          valueFormats,\n          timeAxisType\n        });\n      dtContent = datatipRenderer(datatipContext);\n    }\n  }\n  const colors = getColorRamp();\n  const borderColor =\n    dtContent?.borderColor ||\n    (activeInfo &&\n      ((series[activeInfo.seriesIndex!] as BarSeriesData<K, D>).color ||\n        (series[activeInfo.seriesIndex!] as LineAreaSeriesData<K, D>).lineColor ||\n        (series[activeInfo.seriesIndex!] as LineAreaSeriesData<K, D>).areaColor)) ||\n    (activeInfo && colors[activeInfo.seriesIndex! % colors.length]);\n\n  const { datatipContent, datatipProps } = useDatatip({\n    content: dtContent?.content,\n    anchor,\n    placement,\n    offset,\n    borderColor,\n    touchResponse\n  });\n\n  return { datatipContent, datatipProps };\n};\n"],"names":["_jsx","VisTabularDatatip","useUser","calculateOffset","getColorRamp","useDatatip"],"mappings":"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"}

package/cjs/useColorScheme-d2c4adcc.js

@@ -1,21 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-var LayerHost = require('./LayerHost-46e4d858.js');
-require('preact/jsx-runtime');
-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
- */
-function useColorScheme() {
-    return hooks.useContext(LayerHost.EnvironmentContext).colorScheme;
-}
-
-exports.useColorScheme = useColorScheme;
-//# sourceMappingURL=useColorScheme-d2c4adcc.js.map

package/cjs/useColorScheme-d2c4adcc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme-d2c4adcc.js","sources":["../../src/hooks/UNSAFE_useColorScheme/useColorScheme.ts"],"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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}

package/cjs/useCssVars-4f061513.js

@@ -1,60 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var useUser = require('./useUser-a6d15333.js');
-var useTheme = require('./useTheme-9b0dc066.js');
-var useColorScheme = require('./useColorScheme-d2c4adcc.js');
-var useScale = require('./useScale-74bd6456.js');
-
-function getCssVarName(name) {
-    const rxp = name.match(/var\((--[a-zA-Z_0-9\-]+)\)/);
-    return rxp && rxp.length > 1 ? rxp[1] : '';
-}
-/**
- * Hook to resolve the css vars.
- * @param vars
- * @param classes
- * @returns
- */
-function useCssVars(vars) {
-    const cssDivRef = hooks.useRef(null);
-    const [resolvedVars, setResolvedVars] = hooks.useState({});
-    const { forcedColors } = useUser.useUser();
-    const { name } = useTheme.useTheme();
-    const scale = useScale.useScale();
-    const colorScheme = useColorScheme.useColorScheme();
-    // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to
-    // a string of the expression (resolved value) like "min(25px, 5rem)" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.
-    // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in
-    // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
-    // build a style obj with valid css property to apply to div
-    const style = vars.reduce((prev, current) => {
-        if (current.cssProp) {
-            prev[current.cssProp] = current.tokenVar;
-        }
-        return prev;
-    }, {});
-    const cssContent = jsxRuntime.jsx("div", { ref: cssDivRef, style: { display: 'none', ...style } });
-    hooks.useLayoutEffect(() => {
-        if (!cssDivRef.current) {
-            return;
-        }
-        const computedStyle = window.getComputedStyle(cssDivRef.current);
-        const resolved = {};
-        vars.forEach((value) => {
-            // use cssProp for token vars that resolve to expression
-            const cssVar = value.cssProp || getCssVarName(value.tokenVar);
-            resolved[value.key] = computedStyle.getPropertyValue(cssVar);
-        });
-        setResolvedVars(resolved);
-    }, [forcedColors, name, colorScheme, scale, vars]);
-    return {
-        resolvedVars,
-        cssContent
-    };
-}
-
-exports.useCssVars = useCssVars;
-//# sourceMappingURL=useCssVars-4f061513.js.map

package/cjs/useCssVars-4f061513.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCssVars-4f061513.js","sources":["../../src/hooks/PRIVATE_useCssVars/useCssVars.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\nimport { useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { useTheme } from '../UNSAFE_useTheme';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\n\nfunction getCssVarName(name: string) {\n  const rxp = name.match(/var\\((--[a-zA-Z_0-9\\-]+)\\)/);\n  return rxp && rxp.length > 1 ? rxp[1] : '';\n}\n\n/**\n * Hook to resolve the css vars.\n * @param vars\n * @param classes\n * @returns\n */\nexport function useCssVars(\n  vars: {\n    /**\n     * The token variable.\n     */\n    tokenVar: string;\n    /**\n     * The key of the resolved variable.\n     */\n    key: string;\n    /**\n     * The absolute used value of the token vars assigned to css expression cannot be computed through getComputedStyle if\n     * not assigned to a css property. This optional prop provides css property to assign the token var to in order to get\n     * actual used style.\n     */\n    cssProp?: string;\n  }[]\n) {\n  const cssDivRef = useRef<HTMLDivElement>(null);\n  const [resolvedVars, setResolvedVars] = useState<Record<string, any>>({});\n  const { forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n\n  // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to\n  // a string of the expression (resolved value) like \"min(25px, 5rem)\" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.\n  // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in\n  // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n\n  // build a style obj with valid css property to apply to div\n  const style = vars.reduce((prev: Record<string, string>, current) => {\n    if (current.cssProp) {\n      prev[current.cssProp] = current.tokenVar;\n    }\n    return prev;\n  }, {});\n\n  const cssContent = <div ref={cssDivRef} style={{ display: 'none', ...style }}></div>;\n\n  useLayoutEffect(() => {\n    if (!cssDivRef.current) {\n      return;\n    }\n\n    const computedStyle = window.getComputedStyle(cssDivRef.current);\n    const resolved: Record<string, any> = {};\n    vars.forEach((value) => {\n      // use cssProp for token vars that resolve to expression\n      const cssVar = value.cssProp || getCssVarName(value.tokenVar);\n      resolved[value.key] = computedStyle.getPropertyValue(cssVar);\n    });\n    setResolvedVars(resolved);\n  }, [forcedColors, name, colorScheme, scale, vars]);\n\n  return {\n    resolvedVars,\n    cssContent\n  };\n}\n"],"names":["useRef","useState","useUser","useTheme","useScale","useColorScheme","_jsx","useLayoutEffect"],"mappings":";;;;;;;;;;AAcA,SAAS,aAAa,CAAC,IAAY,EAAA;IACjC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;AACrD,IAAA,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7C,CAAC;AAED;;;;;AAKG;AACG,SAAU,UAAU,CACxB,IAeG,EAAA;AAEH,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAsB,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,eAAO,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAC5B,IAAA,MAAM,KAAK,GAAGC,iBAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,WAAW,GAAGC,6BAAc,EAAE,CAAC;;;;;;IAQrC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAA4B,EAAE,OAAO,KAAI;AAClE,QAAA,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC;SAC1C;AACD,QAAA,OAAO,IAAI,CAAC;KACb,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,UAAU,GAAGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAQ,CAAC;IAErFC,qBAAe,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAwB,EAAE,CAAC;AACzC,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;;AAErB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC9D,YAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC/D,SAAC,CAAC,CAAC;QACH,eAAe,CAAC,QAAQ,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,OAAO;QACL,YAAY;QACZ,UAAU;KACX,CAAC;AACJ;;;;"}