@oracle/oraclejet-preact 14.0.0

package/es/UNSAFE_Icons.js

@@ -0,0 +1,63 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { jsx } from 'preact/jsx-runtime';
+import { Icon } from './UNSAFE_Icon.js';
+import './tslib.es6-8b94ba02.js';
+import 'preact';
+
+import './utils/UNSAFE_classNames.js';
+import './hooks/UNSAFE_useTooltip.js';
+import 'preact/hooks';
+import './hooks/UNSAFE_useId.js';
+import './UNSAFE_Floating.js';
+import 'preact/compat';
+import './index-14bba6f7.js';
+import './hooks/UNSAFE_useUser.js';
+import './UNSAFE_Environment.js';
+import './UNSAFE_Layer.js';
+import './utils/PRIVATE_floatingUtils.js';
+import './utils/PRIVATE_refUtils.js';
+import './hooks/UNSAFE_useOutsideClick.js';
+import './utils/UNSAFE_arrayUtils.js';
+import './hooks/UNSAFE_useHover.js';
+import './hooks/UNSAFE_useToggle.js';
+import './hooks/UNSAFE_useFocus.js';
+import './hooks/UNSAFE_useTouch.js';
+import './utils/UNSAFE_mergeProps.js';
+import './hooks/UNSAFE_useAnimation.js';
+import './hooks/UNSAFE_useTheme.js';
+
+const SvgCheckboxOff = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 16 16" }, props, { children: jsx("path", { d: "M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgCheckboxOn = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 16 16" }, props, { children: jsx("path", { d: "M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoCaretDown = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "m6 9 5.975 6L18 9H6z", fill: "currentcolor" }) })));
+
+const SvgIcoCheck = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M20.616 5 9.564 16.196l-5.18-5.247L3 12.35 9.564 19 22 6.402z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoChevronDown = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M6.35 8 5 9.739 12 16l7-6.261L17.65 8 12 13.054z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoChevronLeft = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M16 17.65 14.261 19 8 12l6.261-7L16 6.35 10.946 12z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoChevronRight = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M8 17.65 9.739 19 16 12 9.739 5 8 6.35 13.054 12z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoChevronUp = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M6.35 16 5 14.261 12 8l7 6.261L17.65 16 12 10.946z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoClose = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M17.524 5 19 6.476 13.475 12 19 17.524 17.524 19 12 13.475 6.476 19 5 17.524 10.525 12 5 6.476 6.476 5 12 10.525z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoErrorS = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zM8.707 7.293 7.293 8.707l8 8 1.414-1.414z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoInformationS = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm.025 9h-.05a.978.978 0 0 0-.975.976v6.048c0 .537.439.976.976.976h.049a.979.979 0 0 0 .975-.976v-6.048a.978.978 0 0 0-.975-.976zM13 6h-2v2h2z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoNavDown = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 14.586 4.707 7.293 3.293 8.707 12 17.414l8.707-8.707-1.414-1.414L12 14.586z", fill: "currentcolor" }) })));
+
+const SvgIcoSuccessS = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11zM7.707 12.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 1 0-1.414-1.414L10 14.586z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoViewHide = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoView = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+const SvgIcoWarningS = (props) => (jsx(Icon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: jsx("path", { d: "M12 .853 23.656 23H.344zM13 18h-2v2h2zm0-9h-2v7h2z", fill: "currentcolor", fillRule: "evenodd" }) })));
+
+export { SvgCheckboxOff as CheckboxOff, SvgCheckboxOn as CheckboxOn, SvgIcoCaretDown as IcoCaretDown, SvgIcoCheck as IcoCheck, SvgIcoChevronDown as IcoChevronDown, SvgIcoChevronLeft as IcoChevronLeft, SvgIcoChevronRight as IcoChevronRight, SvgIcoChevronUp as IcoChevronUp, SvgIcoClose as IcoClose, SvgIcoErrorS as IcoErrorS, SvgIcoInformationS as IcoInformationS, SvgIcoNavDown as IcoNavDown, SvgIcoSuccessS as IcoSuccessS, SvgIcoView as IcoView, SvgIcoViewHide as IcoViewHide, SvgIcoWarningS as IcoWarningS };
+/*  */
+//# sourceMappingURL=UNSAFE_Icons.js.map

package/es/UNSAFE_Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Icons.js","sources":["../../src/UNSAFE_Icons/CheckboxOff.tsx","../../src/UNSAFE_Icons/CheckboxOn.tsx","../../src/UNSAFE_Icons/IcoCaretDown.tsx","../../src/UNSAFE_Icons/IcoCheck.tsx","../../src/UNSAFE_Icons/IcoChevronDown.tsx","../../src/UNSAFE_Icons/IcoChevronLeft.tsx","../../src/UNSAFE_Icons/IcoChevronRight.tsx","../../src/UNSAFE_Icons/IcoChevronUp.tsx","../../src/UNSAFE_Icons/IcoClose.tsx","../../src/UNSAFE_Icons/IcoErrorS.tsx","../../src/UNSAFE_Icons/IcoInformationS.tsx","../../src/UNSAFE_Icons/IcoNavDown.tsx","../../src/UNSAFE_Icons/IcoSuccessS.tsx","../../src/UNSAFE_Icons/IcoViewHide.tsx","../../src/UNSAFE_Icons/IcoView.tsx","../../src/UNSAFE_Icons/IcoWarningS.tsx"],"sourcesContent":["// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgCheckboxOff = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgCheckboxOff;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgCheckboxOn = (props: Props) => (\n  <Icon viewBox=\"0 0 16 16\" {...props}>\n    <path\n      d=\"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgCheckboxOn;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoCaretDown = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path d=\"m6 9 5.975 6L18 9H6z\" fill=\"currentcolor\" />\n  </Icon>\n);\n\nexport default SvgIcoCaretDown;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoCheck = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M20.616 5 9.564 16.196l-5.18-5.247L3 12.35 9.564 19 22 6.402z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoCheck;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoChevronDown = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M6.35 8 5 9.739 12 16l7-6.261L17.65 8 12 13.054z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoChevronDown;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoChevronLeft = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M16 17.65 14.261 19 8 12l6.261-7L16 6.35 10.946 12z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoChevronLeft;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoChevronRight = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M8 17.65 9.739 19 16 12 9.739 5 8 6.35 13.054 12z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoChevronRight;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoChevronUp = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M6.35 16 5 14.261 12 8l7 6.261L17.65 16 12 10.946z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoChevronUp;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoClose = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M17.524 5 19 6.476 13.475 12 19 17.524 17.524 19 12 13.475 6.476 19 5 17.524 10.525 12 5 6.476 6.476 5 12 10.525z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoClose;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoErrorS = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zM8.707 7.293 7.293 8.707l8 8 1.414-1.414z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoErrorS;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoInformationS = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm.025 9h-.05a.978.978 0 0 0-.975.976v6.048c0 .537.439.976.976.976h.049a.979.979 0 0 0 .975-.976v-6.048a.978.978 0 0 0-.975-.976zM13 6h-2v2h2z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoInformationS;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoNavDown = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 14.586 4.707 7.293 3.293 8.707 12 17.414l8.707-8.707-1.414-1.414L12 14.586z\"\n      fill=\"currentcolor\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoNavDown;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoSuccessS = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11zM7.707 12.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 1 0-1.414-1.414L10 14.586z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoSuccessS;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoViewHide = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoViewHide;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoView = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoView;\n","// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\nconst SvgIcoWarningS = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M12 .853 23.656 23H.344zM13 18h-2v2h2zm0-9h-2v7h2z\"\n      fill=\"currentcolor\"\n      fillRule=\"evenodd\"\n    />\n  </Icon>\n);\n\nexport default SvgIcoWarningS;\n"],"names":["_jsx"],"mappings":"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"}

package/es/UNSAFE_Indexer.css

@@ -0,0 +1,8 @@
+._1lcr2lg{height:100%;}
+.asxpy9{list-style-type:none;margin:0px;margin-top:auto;margin-bottom:auto;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;outline-style:none;}
+
+._135lhld{text-align:center;height:1rem;width:1.5rem;color:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size);line-height:1rem;}
+.gio02b{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.ood9w6{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.udwboq{font-weight:bold;}
+._1db1666::after{content:"●";}

package/es/UNSAFE_Indexer.js

@@ -0,0 +1,549 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { Fragment, createRef } from 'preact';
+import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
+import { Flex } from './UNSAFE_Flex.js';
+import "./UNSAFE_Indexer.css";
+import { mergeProps } from './utils/UNSAFE_mergeProps.js';
+import { u as useSingleSelection } from './useSingleSelection-1e6a4315.js';
+import { useCurrentKey } from './hooks/PRIVATE_useCurrentKey.js';
+import { useCollectionFocusRing } from './hooks/PRIVATE_useCollectionFocusRing.js';
+import { keyExtractor, getPrevNextKey } from './utils/PRIVATE_collectionUtils.js';
+import { getClientHints } from './utils/PRIVATE_clientHints.js';
+import { useId } from './hooks/UNSAFE_useId.js';
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+import { HiddenAccessible } from './UNSAFE_HiddenAccessible.js';
+import { Collection } from './PRIVATE_Collection.js';
+import { _ as __rest } from './tslib.es6-8b94ba02.js';
+import { classNames } from './utils/UNSAFE_classNames.js';
+import { forwardRef } from 'preact/compat';
+import './utils/UNSAFE_interpolations/dimensions.js';
+import './utils/UNSAFE_arrayUtils.js';
+import './utils/UNSAFE_size.js';
+import './_curry1-d822c6e1.js';
+import './utils/UNSAFE_mergeInterpolations.js';
+import './_curry3-ddab9fe1.js';
+import './_curry2-50442f66.js';
+import './_has-c4aaaf43.js';
+import './utils/UNSAFE_interpolations/boxalignment.js';
+import './keys-fed67954.js';
+import './utils/UNSAFE_interpolations/flexbox.js';
+import './utils/UNSAFE_interpolations/flexitem.js';
+import './utils/UNSAFE_keys.js';
+import './UNSAFE_Environment.js';
+import './UNSAFE_Layer.js';
+
+/**
+ * The others section variable that application could use
+ * to compare value
+ */
+// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');
+
+const SECTION_OTHERS = Object.freeze({
+  key: '__others__',
+  label: '#'
+});
+const liStyles = {
+  base: "_135lhld",
+  disabled: "gio02b",
+  focused: "ood9w6",
+  selected: "udwboq"
+};
+const ITEM_STYLE_CLASS = liStyles.base;
+const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
+const dotStyles = {
+  base: "_1db1666"
+};
+const SectionItem = forwardRef((props, ref) => {
+  const translations = useTranslationBundle('@oracle/oraclejet-preact');
+  const {
+    context,
+    selectedKey
+  } = props;
+  const isSelected = context.data.key === selectedKey;
+  const commonProps = getCommonProps(props, ref);
+  const itemClasses = classNames([commonProps.class, context.data.isDisabled && liStyles.disabled, isSelected && liStyles.selected]);
+  const sectionLabel = context.data.label || context.data.key;
+  const valueText = context.data.isDisabled ? translations.indexer_disabledLabel({
+    SECTION: `${sectionLabel}`
+  }) : `${sectionLabel}`;
+  return jsx("li", Object.assign({}, commonProps, {
+    class: itemClasses,
+    "data-oj-valuetext": valueText,
+    "data-oj-disabled": context.data.isDisabled
+  }, {
+    children: context.data.label || context.data.key
+  }));
+});
+
+function getCommonProps({
+  context,
+  currentKey,
+  valueNow,
+  isFocusRingVisible
+}, ref) {
+  const isCurrent = context.data.key === currentKey;
+  const classes = classNames([liStyles.base, isCurrent && isFocusRingVisible && liStyles.focused]);
+  return Object.assign(Object.assign({}, isCurrent && {
+    ref
+  }), {
+    key: context.data.key,
+    class: classes,
+    'data-oj-key': context.data.key,
+    'data-oj-key-type': typeof context.data.key,
+    'data-oj-valuenow': valueNow,
+    isFocusRingVisible: !!isFocusRingVisible
+  });
+} // render the last section, that contains the last character and others character
+
+
+const LastSectionItem = forwardRef((_a, ref) => {
+  var {
+    lastValueNow
+  } = _a,
+      sectionProps = __rest(_a, ["lastValueNow"]);
+
+  const commonProps = Object.assign(Object.assign({}, sectionProps), {
+    ref
+  });
+  return jsxs(Fragment, {
+    children: [jsx(SectionItem, Object.assign({}, commonProps)), jsx(OthersItem, Object.assign({}, commonProps, {
+      ref: ref,
+      context: {
+        index: -1,
+        data: SECTION_OTHERS
+      },
+      valueNow: lastValueNow
+    }))]
+  });
+});
+const OthersItem = forwardRef((props, ref) => {
+  const {
+    context,
+    selectedKey
+  } = props;
+  const commonProps = getCommonProps(props, ref);
+  const isSelected = context.data.key === selectedKey;
+  const othersClasses = classNames([commonProps.class, isSelected && liStyles.selected]);
+  const othersValueText = SECTION_OTHERS.label;
+  return jsx("li", Object.assign({}, commonProps, {
+    class: othersClasses,
+    "data-oj-valuetext": othersValueText
+  }, {
+    children: context.data.label
+  }));
+});
+const SeparatorItem = forwardRef((props, ref) => {
+  const translations = useTranslationBundle('@oracle/oraclejet-preact');
+  const {
+    context,
+    sections
+  } = props;
+  const commonProps = getCommonProps(props, ref);
+  const {
+    from,
+    to
+  } = getSeparatorRange(props);
+
+  if (!isInSeparatorMiddle(context.index, from, to)) {
+    return null;
+  }
+
+  const fromText = sections[from].label || sections[from].key;
+  const toText = sections[to].label || sections[to].key;
+  const separatorClasses = classNames([dotStyles.base]);
+  const separatorValueText = translations.indexer_separatorLabel({
+    FROM_SECTION: `${fromText}`,
+    TO_SECTION: `${toText}`
+  });
+  return jsx("li", Object.assign({}, commonProps, {
+    "data-oj-valuetext": separatorValueText
+  }, {
+    children: jsx(Flex, Object.assign({
+      align: "center",
+      justify: "center"
+    }, {
+      children: jsx("div", {
+        class: separatorClasses
+      })
+    }))
+  }));
+});
+function hasSeparator(props) {
+  const {
+    from,
+    to
+  } = getSeparatorRange(props);
+  return isInSeparatorMiddle(props.context.index, from, to);
+}
+
+function getSeparatorRange({
+  context,
+  sectionsPerTruncation,
+  last
+}) {
+  const from = context.index - context.index % sectionsPerTruncation + 1;
+  let to = from + sectionsPerTruncation - 2;
+  to = to >= last ? last - 1 : to;
+  return {
+    from,
+    to
+  };
+}
+
+function isInSeparatorMiddle(index, from, to) {
+  return index === Math.floor((from + to) / 2);
+}
+
+const styles = {
+  base: "_1lcr2lg"
+};
+const ulStyles = {
+  base: "asxpy9"
+};
+const defaultSections = [{
+  key: 'A'
+}, {
+  key: 'B'
+}, {
+  key: 'C'
+}, {
+  key: 'D'
+}, {
+  key: 'E'
+}, {
+  key: 'F'
+}, {
+  key: 'G'
+}, {
+  key: 'H'
+}, {
+  key: 'I'
+}, {
+  key: 'J'
+}, {
+  key: 'K'
+}, {
+  key: 'L'
+}, {
+  key: 'M'
+}, {
+  key: 'N'
+}, {
+  key: 'O'
+}, {
+  key: 'P'
+}, {
+  key: 'Q'
+}, {
+  key: 'R'
+}, {
+  key: 'S'
+}, {
+  key: 'T'
+}, {
+  key: 'U'
+}, {
+  key: 'V'
+}, {
+  key: 'W'
+}, {
+  key: 'X'
+}, {
+  key: 'Y'
+}, {
+  key: 'Z'
+}];
+/**
+ * Pure Preact based component that consumes Collection component
+ * and renders an indexer.
+ */
+
+function Indexer({
+  sections = defaultSections,
+  value,
+  onCommit = () => {}
+}) {
+  var _a;
+
+  const rootRef = useRef(null);
+  const ulRef = useRef(null);
+  const currElementRef = createRef();
+  const [current, setCurrent] = useState((_a = sections[0]) === null || _a === void 0 ? void 0 : _a.key); // the number of sections in each truncation
+
+  const [sectionsPerTruncation, setSectionsPerTruncation] = useState(-1); // the total number of rendered sections and separators
+
+  const renderedSectionsCount = useRef(-1);
+  const itemHeightRef = useRef(0); // the id for aria describedby
+
+  const uniqueId = useId();
+  const [showFocusRing, focusRingProps] = useCollectionFocusRing(elem => {
+    var _a;
+
+    return !!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(elem));
+  }, ['ArrowUp', 'ArrowDown']);
+  const {
+    currentKeyProps
+  } = useCurrentKey(element => keyExtractor(element, ITEM_SELECTOR), getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR), getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR), current, detail => setCurrent(detail.value));
+  const {
+    selectionProps
+  } = useSingleSelection(element => handleKeyExtract(element, ulRef, current), // pass in undefined so onCommit handler will be called
+  // no matter whether the Section was selected before or not
+  undefined, detail => handleSelection(detail, onCommit, sections));
+  /**
+   * Item renderer that will return a section item or a section separator
+   * based on the sectionsPerTruncation and item context index.
+   * @param context item context
+   */
+
+  const itemRenderer = context => {
+    const last = sections.length - 1;
+    renderedSectionsCount.current += 1;
+    const commonProps = {
+      context,
+      ref: currElementRef,
+      currentKey: current,
+      selectedKey: value,
+      valueNow: renderedSectionsCount.current,
+      isFocusRingVisible: !!showFocusRing
+    }; // render the last and the others character, they are always present
+
+    if (context.index === last) {
+      return jsx(LastSectionItem, Object.assign({}, commonProps, {
+        lastValueNow: renderedSectionsCount.current + 1
+      }));
+    } // render a section, in the non-truncation case or when it is the first in a truncation
+
+
+    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {
+      return jsx(SectionItem, Object.assign({}, commonProps));
+    } // render the separator in the middle of a truncation
+
+
+    const separatorProps = Object.assign(Object.assign({}, commonProps), {
+      sectionsPerTruncation,
+      last,
+      sections
+    });
+
+    if (hasSeparator(separatorProps)) {
+      return jsx(SeparatorItem, Object.assign({}, separatorProps));
+    } // remove the count for truncated sections
+
+
+    renderedSectionsCount.current -= 1;
+    return null;
+  }; // truncate the Indexer during resize
+
+
+  const handleResize = useCallback(entries => {
+    var _a;
+
+    for (const entry of entries) {
+      updateSectionsPerTruncation(entry.contentRect.height, itemHeightRef.current, sections.length, (_a = sections[0]) === null || _a === void 0 ? void 0 : _a.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+    }
+  }, [sections, sectionsPerTruncation]);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+
+    if (ulRef.current) {
+      // Get aria values from IndexerItem to update aria values on Indexer ul element
+      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');
+      ulRef.current.setAttribute('aria-valuetext', ((_b = (_a = currElementRef.current) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b['ojValuetext']) || '');
+      ulRef.current.setAttribute('aria-valuenow', ((_d = (_c = currElementRef.current) === null || _c === void 0 ? void 0 : _c.dataset) === null || _d === void 0 ? void 0 : _d['ojValuenow']) || '');
+    }
+
+    renderedSectionsCount.current = -1;
+  });
+  /**
+   * Set up the initial values for sectionsPerTruncation and event listeners
+   */
+
+  useEffect(() => {
+    var _a, _b;
+
+    const root = rootRef.current;
+
+    if (root) {
+      itemHeightRef.current = ((_a = root.querySelector('li')) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+      updateSectionsPerTruncation(root.offsetHeight, itemHeightRef.current, sections.length, (_b = sections[0]) === null || _b === void 0 ? void 0 : _b.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+    }
+  }, [sections, sectionsPerTruncation]);
+  /**
+   * Set up resize observer and refresh the resize observer when
+   * sectionsPerTruncation is changed, otherwise it will only have the
+   * old copy of sectionsPerTruncation.
+   */
+
+  useEffect(() => {
+    const root = rootRef.current;
+
+    if (root) {
+      const resizeObserver = new ResizeObserver(entries => {
+        handleResize(entries);
+      });
+      resizeObserver.observe(root);
+      return () => {
+        resizeObserver.unobserve(root);
+      };
+    }
+
+    return undefined;
+  }, [sectionsPerTruncation, handleResize]);
+  const translations = useTranslationBundle('@oracle/oraclejet-preact');
+  return jsxs("div", Object.assign({
+    ref: rootRef,
+    class: styles.base
+  }, {
+    children: [jsx(Flex, Object.assign({
+      align: "center",
+      width: "6x",
+      height: "100%"
+    }, {
+      children: jsx("ul", Object.assign({}, mergeProps(currentKeyProps, focusRingProps, selectionProps), {
+        ref: ulRef,
+        tabIndex: 0,
+        "aria-label": "Indexer",
+        "aria-orientation": "vertical",
+        "aria-valuemin": "0",
+        "aria-describedby": uniqueId,
+        role: "slider",
+        class: ulStyles.base
+      }, {
+        children: jsx(Collection, Object.assign({
+          items: sections
+        }, {
+          children: itemRenderer
+        }))
+      }))
+    })), jsx(HiddenAccessible, {
+      children: jsx("span", Object.assign({
+        id: uniqueId
+      }, {
+        children: getIndexerDescription(translations)
+      }))
+    })]
+  }));
+} // A function to extract key for selection
+
+const handleKeyExtract = (element, rootRef, current) => {
+  if (element === rootRef.current) {
+    return current === undefined ? null : current;
+  }
+
+  return keyExtractor(element, ITEM_SELECTOR);
+};
+
+const handleSelection = (detail, onCommit, sections) => {
+  if (detail.value === SECTION_OTHERS.key) {
+    onCommit({
+      value: SECTION_OTHERS.key
+    });
+  } else {
+    const selectedSection = sections.find(section => section.key === detail.value);
+    onCommit({
+      value: selectedSection.key
+    });
+  }
+};
+/**
+ * A function that calculates the section count, based on
+ * the container height and the number of sections
+ * @param height height of Indexer container
+ */
+
+
+const updateSectionsPerTruncation = (height, itemHeight, sectionsLength, firstSectionKey, sectionsPerTruncation, setSectionsPerTruncation, setCurrent) => {
+  if (height === 0 || itemHeight === 0) {
+    return;
+  }
+
+  const maxSections = height / itemHeight;
+  const last = sectionsLength - 1; // when the container size is too small to hold two sections
+
+  if (maxSections < 2) {
+    if (sectionsPerTruncation !== last) {
+      setSectionsPerTruncation(last);
+      setCurrent(firstSectionKey);
+    } // no truncation
+    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections
+    // are about the same, maxNum === sectionsLength doesn't work
+
+  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {
+    if (sectionsPerTruncation > 1) {
+      setSectionsPerTruncation(1);
+      setCurrent(firstSectionKey);
+    } // need truncation
+
+  } else {
+    const tempSectionCount = findSectionCount(maxSections, last);
+
+    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {
+      setSectionsPerTruncation(tempSectionCount);
+      setCurrent(firstSectionKey);
+    }
+  }
+};
+/**
+ * A helper function to find the best section count
+ * in a truncation
+ *
+ * @param maxSections maximum number of sections allowed in a truncation
+ * @param last the index of last section
+ */
+
+
+const findSectionCount = (maxSections, last) => {
+  // need truncation
+  maxSections -= 2; // minus the last character and the others character
+
+  maxSections /= 2; // each truncation has a section and a separator
+
+  const newSectionCount = Math.round(last / maxSections) + 1;
+  const truncationLeftover = last % newSectionCount;
+  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0); // When the sectionCount becomes greater, it will result in
+  // same truncations but with different sections appearing.
+  // The following is to find the best sectionCount in this case
+  // and prevent unnecessary truncations.
+
+  let tempLeftover = last - (truncationCount - 1) * newSectionCount;
+  let tempSectionCount = newSectionCount;
+
+  while (tempSectionCount > tempLeftover) {
+    tempSectionCount -= 1;
+    tempLeftover = last - (truncationCount - 1) * tempSectionCount;
+  }
+
+  if (tempSectionCount != newSectionCount) {
+    tempSectionCount += 1;
+  }
+
+  return tempSectionCount;
+};
+/**
+ * Helper function to find the aria description for Indexer,
+ * based on whether current device is a mobile device
+ */
+
+
+function getIndexerDescription(translations) {
+  const deviceType = getClientHints().deviceType;
+
+  if (deviceType === 'phone' || deviceType === 'tablet') {
+    return translations.indexer_touchInstructionText();
+  } else {
+    return translations.indexer_keyboardInstructionText();
+  }
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { Indexer, SECTION_OTHERS };
+/*  */
+//# sourceMappingURL=UNSAFE_Indexer.js.map