@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/amd/UNSAFE_RatingGauge/__tests__/RatingGauge.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingGauge.spec.js","sources":["../../../../src/UNSAFE_RatingGauge/__tests__/RatingGauge.spec.tsx"],"sourcesContent":["import { render, waitFor } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { RatingGauge } from '../';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport type { RootEnvironment } from '../../UNSAFE_Environment';\nimport userEvent from '@testing-library/user-event';\nimport setupTabbableComponent from '../../utils/PRIVATE_dvtTestUtils/';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\nconst TOOLTIP_TEST_TIMEOUT = 3000;\nconst TOOLTIP_TEXT = 'Readonly rating gauge';\nconst DATATIP_TEXT = '3 star(s)';\n\ndescribe('Test Rating component', () => {\n  it('render', async function () {\n    const content = render(<RatingGauge value={2} accessibleLabel=\"ariaText\" />);\n    const ariaText = await content.getAllByLabelText('ariaText');\n    expect(ariaText).not.null;\n  });\n\n  it('applies Linaria CSS classes', async () => {\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    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <RatingGauge value={2} />\n      </RootEnvironmentProvider>\n    );\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const classList = ratingGaugeElement.classList;\n    expect(classList.length).equals(2);\n  });\n});\n\ndescribe('Classlist test the various states Rating Gauge', () => {\n  it('Test readonly Rating Gauge', async function () {\n    const content = render(<RatingGauge value={2} isReadonly={true} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const classList = ratingGaugeElement.classList;\n    expect(classList.length).equals(1);\n    expect(ratingGaugeElement.getAttribute('aria-readonly')).equals('true');\n    expect(ratingGaugeElement.getAttribute('aria-disabled')).null;\n  });\n  it('Test disabled Rating Gauge', async function () {\n    const content = render(<RatingGauge value={2} isDisabled={true} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const classList = ratingGaugeElement.classList;\n    expect(classList.length).equals(1);\n    expect(ratingGaugeElement.getAttribute('aria-readonly')).null;\n    expect(ratingGaugeElement.getAttribute('aria-disabled')).equals('true');\n  });\n  it('Test editable Rating Gauge', async function () {\n    const content = render(<RatingGauge value={3} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const classList = ratingGaugeElement.classList;\n    expect(classList.length).equals(2);\n    expect(ratingGaugeElement.getAttribute('aria-readonly')).null;\n    expect(ratingGaugeElement.getAttribute('aria-disabled')).null;\n  });\n  it('Test readonly and disabled both of Rating Gauge', async () => {\n    const content = render(<RatingGauge value={3} isDisabled={true} isReadonly={true} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-disabled')).equals('true');\n    expect(ratingGaugeElement.getAttribute('aria-readonly')).null;\n  });\n});\n\ndescribe('Test Rating Gauge ARIA props', () => {\n  it('Default value verification using ARIA attributes', async () => {\n    const content = render(<RatingGauge />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-valuemin')).equals('0');\n    expect(ratingGaugeElement.getAttribute('aria-valuemax')).equals('5');\n    expect(ratingGaugeElement.getAttribute('aria-valuenow')).equals('0');\n  });\n  it('Test value and max property of Rating Gauge', async function () {\n    const content = render(<RatingGauge value={3} max={5} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-valuemax')).equals('5');\n    expect(ratingGaugeElement.getAttribute('aria-valuenow')).equals('3');\n    expect(ratingGaugeElement.getAttribute('aria-valuemin')).equals('0');\n    expect(ratingGaugeElement.getAttribute('aria-valuetext')).equals('3');\n    expect(ratingGaugeElement.getAttribute('role')).equals('slider');\n    expect(ratingGaugeElement.getAttribute('aria-labelledby')).null;\n    //expect(ratingGaugeElement.getAttribute('aria-describedby')).null; TO-DO : https://jira.oraclecorp.com/jira/browse/JET-52220\n  });\n  it('Test tooltip as aria label of Rating Gauge', async () => {\n    const content = render(<RatingGauge value={3} isReadonly={true} tooltip={TOOLTIP_TEXT} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-describedby')).not.null;\n    expect(ratingGaugeElement.getAttribute('aria-label')).equals(TOOLTIP_TEXT);\n  });\n  it('Test accesssibleLabel of Rating Gauge', async () => {\n    const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';\n    const content = render(<RatingGauge value={2} accessibleLabel={testAccessibleLabel} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-label')).equals(testAccessibleLabel);\n  });\n});\n\ndescribe('Test describedby and labelledby of Rating Gauge', () => {\n  it('Test describedby of Rating Gauge', async function () {\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const content = render(<RatingGauge value={3} ariaDescribedBy={testAriaDescribedBy} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-describedby')).equals(testAriaDescribedBy);\n  });\n  it('Test labelledby of Rating Gauge', async function () {\n    const testAriaLabeledBy = 'TEST ARIA-LABELLED-BY';\n    const content = render(<RatingGauge value={3} ariaLabelledBy={testAriaLabeledBy} />);\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    expect(ratingGaugeElement.getAttribute('aria-labelledby')).equals(testAriaLabeledBy);\n  });\n  it('Test aria-describedby concatenation for tooltip', async function () {\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const testTooltip = 'TEST-TOOLTIP';\n    const content = render(\n      <RatingGauge\n        value={3}\n        ariaDescribedBy={testAriaDescribedBy}\n        isReadonly={true}\n        tooltip={testTooltip}\n      />\n    );\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const ratingDescribedBy = ratingGaugeElement.getAttribute('aria-describedby');\n    const describedByIds = ratingDescribedBy?.split(' ');\n    expect(describedByIds?.length).equals(3);\n    expect(describedByIds ? describedByIds[0] : '').equals('TEST');\n    expect(describedByIds ? describedByIds[1] : '').equals('ARIA-DESCRIBED-BY');\n  });\n  it('Test aria-describedby concatenation for datatip', async function () {\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const testDatatip = 'TEST-DATATIP';\n    const content = render(\n      <RatingGauge value={3} ariaDescribedBy={testAriaDescribedBy} datatip={testDatatip} />\n    );\n    const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n    const ratingDescribedBy = ratingGaugeElement.getAttribute('aria-describedby');\n    const describedByIds = ratingDescribedBy?.split(' ');\n    expect(describedByIds?.length).equals(3); // including aria describedby for datatip\n    expect(describedByIds ? describedByIds[0] : '').equals('TEST');\n    expect(describedByIds ? describedByIds[1] : '').equals('ARIA-DESCRIBED-BY');\n  });\n});\n\ndescribe('Test \"Size\" property of Rating Gauge ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default size', async function () {\n      const content = render(<RatingGauge value={5} />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(window.getComputedStyle(ratingGaugeElement).getPropertyValue('height')).equals('20px');\n    });\n    it('Test \"size = large\"', async function () {\n      const content = render(<RatingGauge value={5} size=\"lg\" />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(window.getComputedStyle(ratingGaugeElement).getPropertyValue('height')).equals('36px');\n    });\n    it('Test \"size = medium\"', async function () {\n      const content = render(<RatingGauge value={10} size=\"md\" />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(window.getComputedStyle(ratingGaugeElement).getPropertyValue('height')).equals('20px');\n    });\n    it('Test \"size = small\"', async function () {\n      const content = render(<RatingGauge value={10} size=\"sm\" />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(window.getComputedStyle(ratingGaugeElement).getPropertyValue('height')).equals('16px');\n    });\n  }\n});\n\ndescribe('Mouse Interaction', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(TOOLTIP_TEST_TIMEOUT);\n    it(\n      'check toooltip correctly triggered with mouse interaction',\n      async () => {\n        const content = render(\n          <RootEnvironmentProvider>\n            <RatingGauge value={3} isReadonly={true} tooltip={TOOLTIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n        userEvent.hover(ratingGaugeElement);\n        await waitFor(() => checkTooltipDatatipText(TOOLTIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it(\n      'check datatip correctly triggered with mouse interaction',\n      async () => {\n        const content = render(\n          <RootEnvironmentProvider>\n            <RatingGauge value={3} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n        userEvent.hover(ratingGaugeElement);\n        await waitFor(() => checkTooltipDatatipText(DATATIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it('check onCommit event is correctly triggered with mouse interaction', async () => {\n      const clickListenerObj = { clicked: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null && detail.value == 3) clickListenerObj.clicked = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider>\n          <RatingGauge onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const thirdStarElement = content.container.firstElementChild?.children.item(2) as HTMLElement;\n      const clientX = getClientX(thirdStarElement);\n      userEvent.click(thirdStarElement, { clientX: clientX });\n      await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    });\n    it('check onInput event is correctly triggered with mouse interaction', async () => {\n      const hoverListenerObj = { hovered: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null && detail.value == 3) hoverListenerObj.hovered = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider>\n          <RatingGauge onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      const thirdStarElement = content.container.firstElementChild?.children.item(2) as HTMLElement;\n      const clientX = getClientX(thirdStarElement);\n      userEvent.hover(thirdStarElement, { clientX: clientX });\n      await waitFor(() => expect(hoverListenerObj.hovered).equals(true));\n    });\n  }\n});\n\ndescribe('Mouse Interaction in RTL mode', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(TOOLTIP_TEST_TIMEOUT);\n    it(\n      'check toooltip correctly triggered with mouse interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        const content = render(\n          <RootEnvironmentProvider environment={env}>\n            <RatingGauge value={3} isReadonly={true} tooltip={TOOLTIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n        userEvent.hover(ratingGaugeElement);\n        await waitFor(() => checkTooltipDatatipText(TOOLTIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it(\n      'check datatip correctly triggered with mouse interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        const content = render(\n          <RootEnvironmentProvider environment={env}>\n            <RatingGauge value={3} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n        userEvent.hover(ratingGaugeElement);\n        await waitFor(() => checkTooltipDatatipText(DATATIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it('check onCommit event is correctly triggered with mouse interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const clickListenerObj = { clicked: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null && detail.value == 4) clickListenerObj.clicked = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const secondStarElement = content.container.firstElementChild?.children.item(\n        1\n      ) as HTMLElement;\n      const clientX = getClientX(secondStarElement);\n      userEvent.click(secondStarElement, { clientX: clientX });\n      await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    });\n    it('check onInput event is correctly triggered with mouse interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const hoverListenerObj = { hovered: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null && detail.value == 4) hoverListenerObj.hovered = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      const secondStarElement = content.container.firstElementChild?.children.item(\n        1\n      ) as HTMLElement;\n      const clientX = getClientX(secondStarElement);\n      userEvent.hover(secondStarElement, { clientX: clientX });\n      await waitFor(() => expect(hoverListenerObj.hovered).equals(true));\n    });\n  }\n});\n\ndescribe('Keyboard Interaction', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(TOOLTIP_TEST_TIMEOUT);\n    it(\n      'check toooltip correctly triggered with keyboard interaction',\n      async () => {\n        render(\n          <RootEnvironmentProvider>\n            <RatingGauge value={3} isReadonly={true} tooltip={TOOLTIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkTooltipDatatipText(TOOLTIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it(\n      'check datatip correctly triggered with keyboard interaction',\n      async () => {\n        render(\n          <RootEnvironmentProvider>\n            <RatingGauge value={3} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkTooltipDatatipText(DATATIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it('check step is correctly triggered with default value using right arrow key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWRIGHT]');\n      await waitFor(() => expect(inputValue).equals(3));\n    });\n    it('check step is correctly triggered with default value using up arrow key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWUP]');\n      await waitFor(() => expect(inputValue).equals(3));\n    });\n    it('check step is correctly triggered using right arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWRIGHT]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using up arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWUP]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using left arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWLEFT]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n    it('check step is correctly triggered using down arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWDOWN]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n    it('check onInput event is correctly triggered with keyboard interaction', async () => {\n      const calledListenerObj = { called: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null && detail.value == 0) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n    it('check onInput is correctly triggered with HOME key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[HOME]');\n      await waitFor(() => expect(inputValue).equals(0));\n    });\n    it('check onInput is correctly triggered with END key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[END]');\n      await waitFor(() => expect(inputValue).equals(5));\n    });\n    it('check onCommit event is correctly triggered with keyboard interaction', async () => {\n      const calledListenerObj = { called: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null && detail.value == 0) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider>\n          <RatingGauge onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ENTER]');\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n  }\n});\n\ndescribe('Keyboard Interaction in RTL mode', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(TOOLTIP_TEST_TIMEOUT);\n    it(\n      'check toooltip correctly triggered with keyboard interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        render(\n          <RootEnvironmentProvider environment={env}>\n            <RatingGauge value={3} isReadonly={true} tooltip={TOOLTIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkTooltipDatatipText(TOOLTIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it(\n      'check datatip correctly triggered with keyboard interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        render(\n          <RootEnvironmentProvider environment={env}>\n            <RatingGauge value={3} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkTooltipDatatipText(DATATIP_TEXT), {\n          timeout: TOOLTIP_TEST_TIMEOUT\n        });\n      },\n      TOOLTIP_TEST_TIMEOUT\n    );\n    it('check step is correctly triggered with default value using right arrow by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWRIGHT]');\n      await waitFor(() => expect(inputValue).equals(1));\n    });\n    it('check step is correctly triggered with default value using up arrow by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWUP]');\n      await waitFor(() => expect(inputValue).equals(3));\n    });\n    it('check step is correctly triggered using right arrow key with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWRIGHT]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n    it('check step is correctly triggered using up arrow key with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWUP]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using left arrow key with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWLEFT]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using up down arrow key with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWDOWN]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n    it('check onInput event is correctly triggered with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const calledListenerObj = { called: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null && detail.value == 0) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n    it('check onInput is correctly triggered with HOME key by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[HOME]');\n      await waitFor(() => expect(inputValue).equals(0));\n    });\n    it('check onInput is correctly triggered with END key by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[END]');\n      await waitFor(() => expect(inputValue).equals(5));\n    });\n    it('check onCommit event is correctly triggered with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const calledListenerObj = { called: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null && detail.value == 0) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <RatingGauge onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ENTER]');\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n  }\n});\ndescribe('Rating Gauge - TabbableModeContext', () => {\n  it('RootEnvironmentProvider is not present', async () => {\n    const content = render(<RatingGauge />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    const tabindex = firstElement?.getAttribute('tabindex');\n    expect(tabindex).to.equal('0');\n  });\n\n  it('TabbableModeContext isTabbable=true', async () => {\n    const ratingGauge = <RatingGauge />;\n    const content = await setupTabbableComponent(ratingGauge, true);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n\n    const tabindex = firstElement?.getAttribute('tabindex');\n    expect(tabindex).to.equal('0');\n  });\n\n  it('TabbableModeContext isTabbable=false', async () => {\n    const ratingGauge = <RatingGauge />;\n    const content = await setupTabbableComponent(ratingGauge, false);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    const tabindex = firstElement?.getAttribute('tabindex');\n    expect(tabindex).to.equal('-1');\n  });\n\n  it('TabbableModeContext not provided', async () => {\n    const ratingGauge = <RatingGauge />;\n    const content = await setupTabbableComponent(ratingGauge);\n    const firstElement = content.container as HTMLElement;\n\n    const tabindex = firstElement?.getAttribute('tabindex');\n    expect(tabindex).to.be.null;\n  });\n});\n\ndescribe('Test \"color\" property of Rating Gauge ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default color', async function () {\n      const content = render(<RatingGauge value={5} />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        ratingGaugeElement.firstElementChild?.firstElementChild?.classList.contains(\n          'oj-c-rating-gauge-neutral'\n        )\n      ).equals(true);\n    });\n\n    it('Test gold color', async function () {\n      const content = render(<RatingGauge value={5} color=\"gold\" />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        ratingGaugeElement.firstElementChild?.firstElementChild?.classList.contains(\n          'oj-c-rating-gauge-gold'\n        )\n      ).equals(true);\n    });\n\n    it('Test neutral color', async function () {\n      const content = render(<RatingGauge value={5} color=\"neutral\" />);\n      const ratingGaugeElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        ratingGaugeElement.firstElementChild?.firstElementChild?.classList.contains(\n          'oj-c-rating-gauge-neutral'\n        )\n      ).equals(true);\n    });\n  }\n});\n\ndescribe('Test \"thresholds\" property of Rating Gauge ', () => {\n  if (typeof jest === 'undefined') {\n    const thresholdValues = [\n      { max: 1, color: 'danger', accessibleLabel: 'Poor' },\n      { max: 2, accessibleLabel: 'Needs Improvement' },\n      { max: 3, color: 'warning', accessibleLabel: 'Satisfactory' },\n      { max: 4, color: 'success', accessibleLabel: 'Exceeds Expectations' },\n      { max: 5, color: '#508223', accessibleLabel: 'Outstanding' }\n    ];\n    it('Test thresholds danger color', async function () {\n      const content = render(<RatingGauge value={1} thresholds={thresholdValues} />);\n      const ratingGaugeElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(ratingGaugeElement.classList.length).equals(2);\n      expect(ratingGaugeElement.classList.contains('oj-c-rating-gauge-danger')).equals(true);\n    });\n\n    it('Test thresholds no color', async function () {\n      const content = render(<RatingGauge value={2} thresholds={thresholdValues} />);\n      const ratingGaugeElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(ratingGaugeElement.classList.length).equals(2);\n      expect(ratingGaugeElement.classList.contains('oj-c-rating-gauge-neutral')).equals(true);\n    });\n\n    it('Test thresholds warning color', async function () {\n      const content = render(<RatingGauge value={3} thresholds={thresholdValues} />);\n      const ratingGaugeElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(ratingGaugeElement.classList.length).equals(2);\n      expect(ratingGaugeElement.classList.contains('oj-c-rating-gauge-warning')).equals(true);\n    });\n\n    it('Test thresholds success color', async function () {\n      const content = render(<RatingGauge value={4} thresholds={thresholdValues} />);\n      const ratingGaugeElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(ratingGaugeElement.classList.length).equals(2);\n      expect(ratingGaugeElement.classList.contains('oj-c-rating-gauge-success')).equals(true);\n    });\n\n    it('Test thresholds custom color', async function () {\n      const CUSTOM_COLOR = '#508223';\n      const content = render(<RatingGauge value={5} thresholds={thresholdValues} />);\n      const ratingGaugeElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(ratingGaugeElement.classList.length).equals(1);\n      expect(ratingGaugeElement.style.cssText.split(CUSTOM_COLOR).length).equals(4);\n    });\n  }\n});\nconst checkTooltipDatatipText = (content: string) => {\n  const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n  const targetElementItem = targetElements.item(0) as HTMLElement;\n  const tooltipContainer = targetElementItem?.firstElementChild as HTMLElement;\n  expect(tooltipContainer?.style.opacity).not.equals('');\n  expect(tooltipContainer?.style.opacity).not.equals('0');\n  expect(tooltipContainer?.style.maxHeight).not.equals('');\n  expect(tooltipContainer?.style.maxHeight).not.equals('0');\n  const innerHTML = tooltipContainer?.firstElementChild?.innerHTML;\n  expect(innerHTML).equals(content);\n};\nconst getClientX = (element: HTMLElement) => {\n  const dim = element.getBoundingClientRect();\n  const clientX = dim.x + dim.width / 2;\n  return clientX;\n};\n"],"names":["TOOLTIP_TEST_TIMEOUT","TOOLTIP_TEXT","DATATIP_TEXT","describe","it","async","content","render","_jsx","jsx","RatingGauge","value","accessibleLabel","ariaText","getAllByLabelText","expect","not","null","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","env","classList","RootEnvironmentProvider","Object","assign","environment","container","firstElementChild","length","equals","ratingGaugeElement","isReadonly","getAttribute","isDisabled","max","tooltip","testAccessibleLabel","testAriaDescribedBy","ariaDescribedBy","testAriaLabeledBy","ariaLabelledBy","ratingDescribedBy","describedByIds","split","datatip","jest","window","getComputedStyle","getPropertyValue","size","clientHints","getClientHints","browser","mocha","timeout","children","userEvent","hover","waitFor","checkTooltipDatatipText","clickListenerObj","clicked","thirdStarElement","_a","onCommit","detail","item","clientX","getClientX","click","hoverListenerObj","hovered","onInput","user","direction","secondStarElement","tab","inputValue","keyboard","step","calledListenerObj","called","firstElement","tabindex","to","equal","ratingGauge","setupTabbableComponent","be","_b","contains","color","thresholdValues","thresholds","style","cssText","targetElementItem","document","querySelectorAll","tooltipContainer","opacity","maxHeight","innerHTML","element","dim","getBoundingClientRect","x","width"],"mappings":"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"}

package/amd/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-.o46hnl{display:inline-flex;}.o46hnl:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.oe7oz6{cursor:pointer;touch-action:none;}
-.v9z6zp{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
-._1799ezp{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
-._1de5vz{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
-.lcwqj4{position:relative;}
+._1fj0k1z{display:inline-flex;}._1fj0k1z:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.rjkqg4{cursor:pointer;touch-action:none;}
+._11u8p91{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
+._15bduhr{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
+._17epsf2{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
+._1f8kk8e{position:relative;}
 
-._1rtqtu6{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+._1jc9xk2{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-._73wxsx{position:absolute;}
-._13yrl4h{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._19fon7l{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._16klond{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._11uwmip{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._1gazbmc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-._85lwqp{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-._7pk4n{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-._17yt78{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-.q78p9w{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-.lm7be9{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-._15kmbfg{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._15xk6ia{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+._1t7j7kq{position:absolute;}
+.erg4r7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._1jxczo3{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.pdvq87{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+._1out344{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+._1hct8wt{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.zucwzu{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+.p89yuo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._1u1qtw0{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._805gic{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._595z2y{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+.bzdbbf{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+.up74mb{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./classNames-14cea078","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744"],function(e,s,t,o,a,i,l,r,n,c,d,u,b,p,h,m,x,y,v,_,g,f,w,A,R,k,U,j,D){"use strict";const E=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const i=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,l=N[`${i}Color`],n=N[`${i}BorderColor`];return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",class:r.classNames([N.base,`oj-c-rating-gauge-${a}`])},{children:t.jsxs("g",{children:[t.jsx("path",{class:l,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:n,d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})}))},N={base:"_73wxsx",selectedColor:"_13yrl4h",selectedBorderColor:"_19fon7l",unselectedColor:"_16klond",unselectedBorderColor:"_11uwmip",selectedReadonlyColor:"_1gazbmc",selectedReadonlyBorderColor:"_85lwqp",unselectedReadonlyColor:"_7pk4n",unselectedReadonlyBorderColor:"_17yt78",selectedDisabledColor:"q78p9w",unselectedDisabledColor:"lm7be9",selectedDisabledBorderColor:"_15kmbfg",unselectedDisabledBorderColor:"_15xk6ia"},C=({fillRatio:e,isDisabled:s,isReadonly:a,color:i})=>{const{direction:l}=n.useUser(),r="rtl"===l;return 1===e||0===e?t.jsx(E,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:i}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(E,{isSelected:!1,isDisabled:s,isReadOnly:a,color:i})})),t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(E,{isSelected:!0,isDisabled:s,isReadOnly:a,color:i})}))]})},F={base:"_1rtqtu6"};function S(e,s,t,o,a){const i=o.current;if(!i||0===i.width)return-1;const l=e-i.x,r=s*(a?i.width-l:l)/i.width/t;return r<.5?0:Math.ceil(r)*t}function M(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const B={base:"o46hnl",interactive:"oe7oz6",lg:"v9z6zp",md:"_1799ezp",sm:"_1de5vz",item:"lcwqj4"};e.RatingGauge=function(e){var{max:i=5,value:l=0,size:b="md",color:p="neutral",step:h=1,isReadonly:m,isDisabled:x}=e,y=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const v=a.useRef(null),_=a.useRef(M(null)),g=!m&&!x;a.useEffect(()=>{_.current=M(v.current)},[b,i]);const f=((e,s,t,o,i,l,r,c)=>{const d=a.useRef(),{direction:u}=n.useUser();if(!l)return{};const b="rtl"===u,p=e=>{null==c||c({value:e}),d.current=e},h=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&o!=d.current&&p(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":p(t);break;case"Home":p(0);break;case"End":p(e)}h(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":p(Math.max(0,t-s));break;case"ArrowUp":p(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);p(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);p(o);break}}h(o)},onPointerLeave:()=>{p(void 0)},onPointerEnter:()=>{i.current=M(o.current)}}})(i,h,l,v,_,g,y.onCommit,y.onInput),{tooltipContent:w,tooltipProps:A}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:i,datatip:l,ariaDescribedBy:r,width:n}){const[d,u]=a.useState(!1),b=t&&!o?"tooltip":"datatip",p=o||!("tooltip"===b&&i||"datatip"===b&&l),h=Math.max(1,Math.ceil(s)),m="tooltip"===b?0:(h-Math.ceil(e/2))*n/e,{tooltipContent:x,tooltipProps:y}=c.useTooltipControlled({text:"tooltip"===b?i:l,isOpen:d,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:m},isDisabled:p,onToggle:({value:e})=>u(e),variant:b});return y["aria-describedby"]=[r,y["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:x,tooltipProps:y}}({max:i,value:l,isReadonly:m,isDisabled:x,tooltip:y.tooltip,datatip:y.datatip,width:_.current.width,ariaDescribedBy:y.ariaDescribedBy}),R=d.mergeProps(f,A),k=(e=>e.accessibleLabel?e.accessibleLabel:e.tooltip&&e.isReadonly&&!e.isDisabled?e.tooltip:void 0)({accessibleLabel:y.accessibleLabel,tooltip:y.tooltip,isReadonly:m,isDisabled:x}),{isTabbable:U}=u.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({ref:v,class:r.classNames([B.base,g?B.interactive:void 0]),"aria-label":k,role:"slider","aria-valuemin":"0","aria-valuenow":l,"aria-valuemax":i,"aria-valuetext":l,"aria-labelledby":y.ariaLabelledBy,tabIndex:U&&!x?0:-1,"aria-disabled":x?"true":void 0,"aria-readonly":m&&!x?"true":void 0},R,{children:[...Array(i)].map((e,s)=>{const o=Math.min(Math.max(0,l-s),1);return t.jsx("div",Object.assign({className:r.classNames([B[b],B.item])},{children:t.jsx(C,{fillRatio:o,isDisabled:x,isReadonly:m,color:p})}))})})),w]})},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-d8595453","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./utils/PRIVATE_meterUtils","./classNames-b7cf3c05","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_dvtCommonUtils","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-72dcd02d"],function(e,s,t,o,a,l,i,r,n,c,d,u,b,h,p,m,g,v,x,y,_,f,A,j,E,U,R,k,w,N,D){"use strict";function S(e,s,t,o,a){const l=o.current;if(!l||0===l.width)return-1;const i=e-l.x,r=s*(a?l.width-i:i)/l.width/t;return r<.5?0:Math.ceil(r)*t}function C(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const F=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const l=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,i=T[`${l}Color`],r=T[`${l}BorderColor`],c=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e}(a),d=c?void 0:{"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected":a,"--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly":a};return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",style:d,class:n.classNames([T.base,c?`oj-c-rating-gauge-${a}`:""])},{children:t.jsxs("g",{children:[t.jsx("path",{class:i,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:r,d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})}))},T={base:"_1t7j7kq",selectedColor:"erg4r7",selectedBorderColor:"_1jxczo3",unselectedColor:"pdvq87",unselectedBorderColor:"_1out344",selectedReadonlyColor:"_1hct8wt",selectedReadonlyBorderColor:"zucwzu",unselectedReadonlyColor:"p89yuo",unselectedReadonlyBorderColor:"_1u1qtw0",selectedDisabledColor:"_805gic",unselectedDisabledColor:"_595z2y",selectedDisabledBorderColor:"bzdbbf",unselectedDisabledBorderColor:"up74mb"},P=({fillRatio:e,isDisabled:s,isReadonly:a,color:l})=>{const{direction:i}=c.useUser(),r="rtl"===i;return 1===e||0===e?t.jsx(F,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:l}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(F,{isSelected:!1,isDisabled:s,isReadOnly:a,color:l})})),t.jsx("div",Object.assign({class:M.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(F,{isSelected:!0,isDisabled:s,isReadOnly:a,color:l})}))]})},M={base:"_1jc9xk2"};const O={base:"_1fj0k1z",interactive:"rjkqg4",lg:"_11u8p91",md:"_15bduhr",sm:"_17epsf2",item:"_1f8kk8e"};e.RatingGauge=function(e){var{max:l=5,value:i=0,size:h="md",color:p="neutral",step:m=1,isReadonly:g,isDisabled:v}=e,x=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const y=a.useRef(null),_=a.useRef(C(null)),f=!g&&!v;a.useEffect(()=>{_.current=C(y.current)},[h,l]);const A=((e,s,t,o,l,i,r,n)=>{const d=a.useRef(),{direction:u}=c.useUser();if(!i)return{};const b="rtl"===u,h=e=>{null==n||n({value:e}),d.current=e},p=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=S(t.pageX,e,s,l,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=S(t.pageX,e,s,l,b);-1!==o&&o!=d.current&&h(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":h(t);break;case"Home":h(0);break;case"End":h(e)}p(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":h(Math.max(0,t-s));break;case"ArrowUp":h(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);h(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);h(o);break}}p(o)},onPointerLeave:()=>{h(void 0)},onPointerEnter:()=>{l.current=C(o.current)}}})(l,m,i,y,_,f,x.onCommit,x.onInput),{tooltipContent:j,tooltipProps:E}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:l,datatip:i,thresholds:n,ariaDescribedBy:c,width:u}){var b;const[h,p]=a.useState(!1),m=t&&!o?"tooltip":"datatip";let g=o||!("tooltip"===m&&l||"datatip"===m&&i);const v=Math.max(1,Math.ceil(s)),x="tooltip"===m?0:(v-Math.ceil(e/2))*u/e;let y="tooltip"===m?l:i;y||!n||o||(y=null===(b=r.findThreshold(s,n))||void 0===b?void 0:b.accessibleLabel,g=!1);const{tooltipContent:_,tooltipProps:f}=d.useTooltipControlled({text:y,isOpen:h,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:x},isDisabled:g,onToggle:({value:e})=>p(e),variant:m});return f["aria-describedby"]=[c,f["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:_,tooltipProps:f}}({max:l,value:i,isReadonly:g,isDisabled:v,tooltip:x.tooltip,datatip:x.datatip,thresholds:x.thresholds,width:_.current.width,ariaDescribedBy:x.ariaDescribedBy}),U=function(e,s,t,o,a,l,i,n){const c=r.findThreshold(e,i);return{"aria-label":t||(n&&l&&!a?n:void 0),"aria-valuenow":`${e}`,"aria-valuetext":(null==c?void 0:c.accessibleLabel)?`${e} ${c.accessibleLabel}`:`${e}`,"aria-valuemax":`${s}`,"aria-labelledby":o,"aria-disabled":!!a||void 0,"aria-readonly":!(!l||a)||void 0,"aria-valuemin":"0",role:"slider"}}(i,l,x.accessibleLabel,x.ariaLabelledBy,v,g,x.thresholds,x.tooltip),R=u.mergeProps(A,E);p=r.getThresholdColorFromValue(i,p,x.thresholds);const{isTabbable:k}=b.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({},U,{ref:y,class:n.classNames([O.base,f?O.interactive:void 0]),tabIndex:k&&!v?0:-1},R,{children:[...Array(l)].map((e,s)=>{const o=Math.min(Math.max(0,i-s),1);return t.jsx("div",Object.assign({className:n.classNames([O[h],O.item])},{children:t.jsx(P,{fillRatio:o,isDisabled:v,isReadonly:g,color:p})}))})})),j]})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/amd/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\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 */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\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 { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\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 */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","color","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","jsx","Object","assign","class","fractionalStar","base","style","clipPath","getValue","pageX","max","step","dimensionsRef","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","useTooltipControlled","text","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","isTabbable","useTabbableMode","ref","classNames","ariaLabel","role","ariaLabelledBy","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["import type { Ref } from 'preact/hooks';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\n  };\n}\n\n/**\n * Returns the aria properties of the rating gauge.\n * @param value The value of the rating gauge.\n * @param max The maximum value of the rating gauge.\n * @param valueText The default aria value text for the rating gauge.\n * @param accessibleLabel The aria label of the rating gauge.\n * @param ariaLabelledby The ariaLabelledBy of the rating gauge.\n * @param thresholds The thresholds values for the rating gauge.\n * @returns The aria properties of the rating gauge.\n */\nexport function getRatingAriaProps(\n  value: number,\n  max: number,\n  accessibleLabel?: string,\n  ariaLabelledby?: string,\n  isDisabled?: boolean,\n  isReadonly?: boolean,\n  thresholds?: Threshold[],\n  tooltip?: string\n): {\n  'aria-label': string | undefined;\n  'aria-valuenow': string;\n  'aria-valuetext': string;\n  'aria-valuemax': string;\n  'aria-labelledby': string | undefined;\n  'aria-disabled': boolean | undefined;\n  'aria-readonly': boolean | undefined;\n  'aria-valuemin': string;\n  role: string;\n} {\n  const currentThreshold = findThreshold(value, thresholds);\n  const ariaValueText = currentThreshold?.accessibleLabel\n    ? `${value} ${currentThreshold.accessibleLabel}`\n    : `${value}`;\n  const accessibleLabelText = accessibleLabel\n    ? accessibleLabel\n    : tooltip && isReadonly && !isDisabled\n    ? tooltip\n    : undefined;\n  return {\n    'aria-label': accessibleLabelText,\n    'aria-valuenow': `${value}`,\n    'aria-valuetext': ariaValueText,\n    'aria-valuemax': `${max}`,\n    'aria-labelledby': ariaLabelledby,\n    'aria-disabled': isDisabled ? true : undefined,\n    'aria-readonly': isReadonly && !isDisabled ? true : undefined,\n    'aria-valuemin': '0',\n    role: 'slider'\n  };\n}\n\n/**\n * Returns whether the color is a valid enum.\n * @param color The color in rating gauge.\n * @returns true if the color enum is supported. false otherwise.\n */\nexport function isColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? true\n    : false;\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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isColorEnum } from './RatingUtils';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n  const isEnum = isColorEnum(color);\n  const customColors = !isEnum\n    ? {\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected': color,\n        '--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly': color\n      }\n    : undefined;\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={customColors}\n      class={classNames([ratingStarStyles.base, isEnum ? `oj-c-rating-gauge-${color}` : ''])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\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 */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\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 { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions, getRatingAriaProps } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { getThresholdColorFromValue } from '../utils/PRIVATE_meterUtils';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n\n  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using ariaDescribedBy, ariaLabelledBy or accessibleLabel.\n   */\n  thresholds?: Threshold[];\n};\n\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const ariaProps = getRatingAriaProps(\n    value,\n    max,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    isDisabled,\n    isReadonly,\n    props.thresholds,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  color = getThresholdColorFromValue(value, color, props.thresholds);\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\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 */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  let disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","isEnum","isColorEnum","_jsx","Object","assign","viewBox","height","style","customColors","class","classNames","ratingStarStyles","base","children","_jsxs","jsxs","jsx","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","Fragment","fractionalStar","clipPath","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","ariaLabelledby","currentThreshold","role","getRatingAriaProps","ariaLabelledBy","isTabbable","useTabbableMode","ref","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"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"}