mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-06 17:27:57 +00:00
chore: update mobile menu and realm version
This commit is contained in:
Nazarii Mykhailets
97
@theme/components/LanguagePicker/LanguagePicker.tsx
Normal file
97
@theme/components/LanguagePicker/LanguagePicker.tsx
Normal file
@@ -0,0 +1,97 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
|
||||
import { DropdownMenu } from '@redocly/theme/components/Dropdown/DropdownMenu';
|
||||
import { breakpoints } from '@redocly/theme/core/utils';
|
||||
import { useLanguagePicker, useThemeHooks } from '@redocly/theme/core/hooks';
|
||||
import { GlobalOutlinedIcon } from '@redocly/theme/icons/GlobalOutlinedIcon/GlobalOutlinedIcon';
|
||||
import { Button } from '@redocly/theme/components/Button/Button';
|
||||
import { Dropdown } from '@redocly/theme/components/Dropdown/Dropdown';
|
||||
import { CheckmarkIcon } from '@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon';
|
||||
|
||||
export type LanguagePickerProps = {
|
||||
onChangeLanguage: (newLang: string) => void;
|
||||
onlyIcon?: boolean;
|
||||
placement?: 'top' | 'bottom';
|
||||
alignment?: 'start' | 'end';
|
||||
};
|
||||
|
||||
export function LanguagePicker(props: LanguagePickerProps): JSX.Element | null {
|
||||
const { currentLocale, locales, setLocale } = useLanguagePicker();
|
||||
const { useTelemetry } = useThemeHooks();
|
||||
const telemetry = useTelemetry();
|
||||
|
||||
if (locales.length < 2 || !currentLocale) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const languagePickerButton = (
|
||||
<Button
|
||||
icon={<GlobalOutlinedIcon color="--button-content-color" />}
|
||||
variant="text"
|
||||
size="medium"
|
||||
/>
|
||||
);
|
||||
|
||||
const languageItems = locales.map((locale) => ({
|
||||
content: locale.name || locale.code || '',
|
||||
onAction: () => {
|
||||
setLocale(locale.code);
|
||||
props.onChangeLanguage(locale.code);
|
||||
telemetry.send('language_picker_locale_changed', { locale: locale.code });
|
||||
},
|
||||
active: locale.code === currentLocale.code,
|
||||
suffix: locale.code === currentLocale.code && <CheckmarkIcon />,
|
||||
}));
|
||||
|
||||
return (
|
||||
<LanguageDropdown
|
||||
triggerEvent="click"
|
||||
placement={props.placement}
|
||||
alignment={props.alignment}
|
||||
trigger={languagePickerButton}
|
||||
>
|
||||
<DropdownMenu items={languageItems} />
|
||||
</LanguageDropdown>
|
||||
);
|
||||
}
|
||||
|
||||
const LanguageDropdown = styled(Dropdown).attrs(() => ({
|
||||
dataAttributes: {
|
||||
'data-component-name': 'LanguagePicker/LanguagePicker',
|
||||
},
|
||||
}))`
|
||||
--dropdown-menu-item-justify-content: space-between;
|
||||
--dropdown-menu-item-gap: var(--spacing-xxs);
|
||||
--dropdown-menu-font-size: var(--language-picker-dropdown-font-size);
|
||||
--dropdown-menu-font-weight: var(--language-picker-dropdown-font-weight);
|
||||
--dropdown-menu-line-height: var(--language-picker-dropdown-line-height);
|
||||
--dropdown-menu-text-color: var(--language-picker-dropdown-text-color);
|
||||
--dropdown-menu-min-width: var(--language-picker-dropdown-min-width);
|
||||
--dropdown-menu-max-width: var(--language-picker-dropdown-max-width);
|
||||
--dropdown-menu-max-height: var(--language-picker-dropdown-max-height);
|
||||
--dropdown-menu-padding: var(--language-picker-dropdown-padding);
|
||||
--dropdown-menu-border-radius: var(--language-picker-dropdown-border-radius);
|
||||
--dropdown-menu-box-shadow: var(--language-picker-dropdown-box-shadow);
|
||||
--dropdown-menu-border-color: var(--language-picker-dropdown-border-color);
|
||||
--dropdown-menu-bg-color: var(--language-picker-dropdown-bg-color);
|
||||
--dropdown-menu-item-padding-horizontal: var(--language-picker-dropdown-item-padding-horizontal);
|
||||
--dropdown-menu-item-padding-vertical: var(--language-picker-dropdown-item-padding-vertical);
|
||||
--dropdown-menu-item-separator-padding-top: var(
|
||||
--language-picker-dropdown-item-separator-padding-top
|
||||
);
|
||||
--dropdown-menu-item-separator-padding-bottom: var(
|
||||
--language-picker-dropdown-item-separator-padding-bottom
|
||||
);
|
||||
--dropdown-menu-item-border-radius: var(--language-picker-dropdown-item-border-radius);
|
||||
--dropdown-menu-item-bg-color-active: var(--language-picker-dropdown-item-bg-color-active);
|
||||
--dropdown-menu-item-bg-color-hover: var(--language-picker-dropdown-item-bg-color-hover);
|
||||
--dropdown-menu-item-bg-color-disabled: var(--language-picker-dropdown-item-bg-color-disabled);
|
||||
--dropdown-menu-item-separator-border-color: var(
|
||||
--language-picker-dropdown-item-separator-border-color
|
||||
);
|
||||
--dropdown-menu-item-color-dangerous: var(--language-picker-dropdown-item-color-dangerous);
|
||||
--dropdown-menu-item-color-disabled: var(--language-picker-dropdown-item-color-disabled);
|
||||
--dropdown-menu-item-color-active: var(--language-picker-dropdown-item-color-active);
|
||||
--dropdown-menu-item-color-hover: var(--language-picker-dropdown-item-color-hover);
|
||||
`;
|
||||
202
package-lock.json
generated
202
package-lock.json
generated
@@ -9,10 +9,10 @@
|
||||
"version": "1.0.0",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@codemirror/state": "6.3.3",
|
||||
"@codemirror/state": "6.4.1",
|
||||
"@codemirror/view": "^6.22.2",
|
||||
"@lezer/highlight": "^1.2.0",
|
||||
"@redocly/realm": "0.83.0-rc.4",
|
||||
"@redocly/realm": "0.86.0",
|
||||
"@uiw/codemirror-themes": "4.21.21",
|
||||
"@uiw/react-codemirror": "^4.21.21",
|
||||
"@xrplf/isomorphic": "^1.0.0-beta.1",
|
||||
@@ -117,11 +117,11 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-annotate-as-pure": {
|
||||
"version": "7.24.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.6.tgz",
|
||||
"integrity": "sha512-DitEzDfOMnd13kZnDqns1ccmftwJTS9DMkyn9pYTxulS7bZxUxpMly3Nf23QQ6NwA4UB8lAqjbqWtyvElEMAkg==",
|
||||
"version": "7.24.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
|
||||
"integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.24.6"
|
||||
"@babel/types": "^7.24.7"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
@@ -249,17 +249,17 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-string-parser": {
|
||||
"version": "7.24.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.6.tgz",
|
||||
"integrity": "sha512-WdJjwMEkmBicq5T9fm/cHND3+UlFa2Yj8ALLgmoSQAJZysYbBjw+azChSGPN4DSPLXOcooGRvDwZWMcF/mLO2Q==",
|
||||
"version": "7.24.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
|
||||
"integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-validator-identifier": {
|
||||
"version": "7.24.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.6.tgz",
|
||||
"integrity": "sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==",
|
||||
"version": "7.24.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
|
||||
"integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
@@ -530,12 +530,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/types": {
|
||||
"version": "7.24.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.6.tgz",
|
||||
"integrity": "sha512-WaMsgi6Q8zMgMth93GvWPXkhAIEobfsIkLTacoVZoK1J0CevIPGYY2Vo5YvJGqyHqXM6P4ppOYGsIRU8MM9pFQ==",
|
||||
"version": "7.24.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
|
||||
"integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
|
||||
"dependencies": {
|
||||
"@babel/helper-string-parser": "^7.24.6",
|
||||
"@babel/helper-validator-identifier": "^7.24.6",
|
||||
"@babel/helper-string-parser": "^7.24.7",
|
||||
"@babel/helper-validator-identifier": "^7.24.7",
|
||||
"to-fast-properties": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
@@ -688,9 +688,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@codemirror/state": {
|
||||
"version": "6.3.3",
|
||||
"resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.3.3.tgz",
|
||||
"integrity": "sha512-0wufKcTw2dEwEaADajjHf6hBy1sh3M6V0e+q4JKIhLuiMSe5td5HOWpUdvKth1fT1M9VYOboajoBHpkCd7PG7A=="
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.4.1.tgz",
|
||||
"integrity": "sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A=="
|
||||
},
|
||||
"node_modules/@codemirror/theme-one-dark": {
|
||||
"version": "6.1.2",
|
||||
@@ -713,11 +713,6 @@
|
||||
"w3c-keyname": "^2.2.4"
|
||||
}
|
||||
},
|
||||
"node_modules/@codemirror/view/node_modules/@codemirror/state": {
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.4.1.tgz",
|
||||
"integrity": "sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A=="
|
||||
},
|
||||
"node_modules/@cspotcode/source-map-support": {
|
||||
"version": "0.8.1",
|
||||
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
|
||||
@@ -1767,9 +1762,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@lezer/javascript": {
|
||||
"version": "1.4.16",
|
||||
"resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.16.tgz",
|
||||
"integrity": "sha512-84UXR3N7s11MPQHWgMnjb9571fr19MmXnr5zTv2XX0gHXXUvW3uPJ8GCjKrfTXmSdfktjRK0ayKklw+A13rk4g==",
|
||||
"version": "1.4.17",
|
||||
"resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.17.tgz",
|
||||
"integrity": "sha512-bYW4ctpyGK+JMumDApeUzuIezX01H76R1foD6LcRX224FWfyYit/HYxiPGDjXXe/wQWASjCvVGoukTH68+0HIA==",
|
||||
"dependencies": {
|
||||
"@lezer/common": "^1.2.0",
|
||||
"@lezer/highlight": "^1.1.3",
|
||||
@@ -1902,21 +1897,29 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/config": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/config/-/config-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-mz/Hm16uc8srSZT3vPeYkBIkp56LJ5FgV3XI5LTz24j2AkgGx7u00WJlKHW25iOvLto3UKW0INeeobm9DcLHBQ=="
|
||||
"version": "0.6.0",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/config/-/config-0.6.0.tgz",
|
||||
"integrity": "sha512-hNVN3eTxFj2nHYX0gGzZxxXwdE0DXWeWou1TIK3HYf0S9VKVxTxjO9EZbMB7iVUqaHkeqy4PSjlBQcEgD0Ftjg=="
|
||||
},
|
||||
"node_modules/@redocly/fuse.js": {
|
||||
"version": "7.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/fuse.js/-/fuse.js-7.0.1.tgz",
|
||||
"integrity": "sha512-phBylt7PvZaAtlfokc37DXCA6Gq7H8/JuXeXWna9afY82wrsA/6l4zhVIE+cEiU7jpRchpDSOmv8eQxlumGPaQ==",
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/graphql-docs": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/graphql-docs/-/graphql-docs-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-doG88rQQIHXMrH+UaeJQqPlmZxTLeqNVg6mVRZSdDHlFvtS4QUKuGea9yrw4tDXOCiKeNbzZe/Ml47F59TO0Ww==",
|
||||
"version": "0.6.41",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/graphql-docs/-/graphql-docs-0.6.41.tgz",
|
||||
"integrity": "sha512-TG943amqMXyh6GvKcNytgvAEKfQiHN2Hex2VbsDoGvhk/82HaZ/bopJqi5MUYSiSSl4u8MRRM+FM6j2kJZAW/Q==",
|
||||
"dependencies": {
|
||||
"deepmerge": "^4.2.2",
|
||||
"history": "^4.10.1",
|
||||
"marked": "^4.0.15"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@redocly/theme": "0.83.0-rc.4",
|
||||
"@redocly/theme": "^0.37.0",
|
||||
"graphql": "^15.6.1",
|
||||
"prismjs": "^1.25.0",
|
||||
"react": "^17.0.0 || ^18.0.0",
|
||||
@@ -1926,9 +1929,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/mock-server": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/mock-server/-/mock-server-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-Tknxzug1XhZq9dcjKyLZyWN2eCrXVa2AcuFUT9WUS3yPvoFdx1ukMd+hsH1EvaPs5TKK02Jpj7r4Uc1gQ1ph8g==",
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/mock-server/-/mock-server-0.1.0.tgz",
|
||||
"integrity": "sha512-C0K8GpN+Zdi9i+P8zCBuO6AnRuVnT+76c3PQQSVYWsAdXhjyi3E4GhfiQgWcjdlreQYcPTE2drrjOhiCdRrSEg==",
|
||||
"dependencies": {
|
||||
"@redocly/ajv": "8.6.4",
|
||||
"@redocly/openapi-core": "1.12.2",
|
||||
@@ -2095,14 +2098,14 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/openapi-docs": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/openapi-docs/-/openapi-docs-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-AR/gqC+5Iyp/SqJ3k12iKrX/KuL0Jm2fX2tkbnxjFRD9RFKafFYfcZVjLhs8n3L0ftw+AQYUmGscFTDA4/CkGw==",
|
||||
"version": "3.0.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/openapi-docs/-/openapi-docs-3.0.4.tgz",
|
||||
"integrity": "sha512-d55LkNztZa6vNeiV2HJjLo/vc8lLEcMe0mlYfM/KXVqEABk9UqygCtOHS9RiKjEMNfywGleIsQlHHlsDnVNYdw==",
|
||||
"dependencies": {
|
||||
"@markdoc/markdoc": "0.4.0",
|
||||
"@redocly/config": "0.83.0-rc.4",
|
||||
"@redocly/config": "0.6.0",
|
||||
"@redocly/openapi-core": "1.12.2",
|
||||
"@redocly/replay": "0.83.0-rc.4",
|
||||
"@redocly/replay": "0.0.4",
|
||||
"deepmerge": "^4.2.2",
|
||||
"dompurify": "^2.0.12",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@@ -2131,7 +2134,7 @@
|
||||
"npm": ">=6.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@redocly/theme": "0.83.0-rc.4",
|
||||
"@redocly/theme": ">=0.9.4",
|
||||
"core-js": "^3.1.4",
|
||||
"react": "^18.0.0",
|
||||
"react-dom": "^18.0.0",
|
||||
@@ -2200,9 +2203,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/portal-legacy-ui": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/portal-legacy-ui/-/portal-legacy-ui-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-4EMbPmDHTcNPGQnR/nHukNB/yx3I62Kpe4NUxXWq9LwaXpg624K1F4B838hVSEiqBymSzgEPiOBpLNUyAFPcag==",
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/portal-legacy-ui/-/portal-legacy-ui-0.1.0.tgz",
|
||||
"integrity": "sha512-jDqFrMvTANH5FCe2fjpQKIoEl3Z0XM6WvZnYjEYtk3oXyw1J2Jk3om/1KHzqm7eVyLsgwNBew/wa0u9rWMUIPg==",
|
||||
"peerDependencies": {
|
||||
"highlight-words-core": "^1.2.2",
|
||||
"react": "^17.0.0 || ^18.0.0",
|
||||
@@ -2212,14 +2215,14 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/portal-plugin-mock-server": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/portal-plugin-mock-server/-/portal-plugin-mock-server-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-36LWqX8j8wRS1Wwa1xa5zFF8/fmx/nqpUyT213KPnctPQM8pS/1mTc+PAIyuXKaLK8v81RwRbx7RycTLZp9e0g==",
|
||||
"version": "0.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/portal-plugin-mock-server/-/portal-plugin-mock-server-0.2.4.tgz",
|
||||
"integrity": "sha512-CjkPuTXlycpT+yWO+JZtk/KFTlT5/BkQaIovXj2azJ90B+QlLFMR6I2jb6vhD32nbnwvf8g8VXcPrzOQ35PfmA==",
|
||||
"dependencies": {
|
||||
"@redocly/config": "0.83.0-rc.4",
|
||||
"@redocly/mock-server": "0.83.0-rc.4",
|
||||
"@redocly/config": "0.6.0",
|
||||
"@redocly/mock-server": "0.1.0",
|
||||
"@redocly/openapi-core": "1.12.2",
|
||||
"@redocly/openapi-docs": "0.83.0-rc.4"
|
||||
"@redocly/openapi-docs": "3.0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/portal-plugin-mock-server/node_modules/@redocly/openapi-core": {
|
||||
@@ -2284,21 +2287,22 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/realm": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/realm/-/realm-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-xpIJiVXfp9FjWacj76tYztPn1asUv5yAXOxylXBYiFQzbVvjuER2PZF7Df7TIl36zHpA/nXfiNctGwgUk46ung==",
|
||||
"version": "0.86.0",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/realm/-/realm-0.86.0.tgz",
|
||||
"integrity": "sha512-zFqBEt/hGyFiA4i9KhLTflv7UpgYJNN4W6gTqezLY3jBnNqGJ+pTHps4q4tuKY7vhvzJee+JMvJVKGSIzV+m/w==",
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.23.3",
|
||||
"@cocalc/ansi-to-react": "7.0.0",
|
||||
"@markdoc/markdoc": "0.4.0",
|
||||
"@redocly/ajv": "^8.11.0",
|
||||
"@redocly/config": "0.83.0-rc.4",
|
||||
"@redocly/graphql-docs": "0.83.0-rc.4",
|
||||
"@redocly/config": "0.6.0",
|
||||
"@redocly/fuse.js": "^7.0.1",
|
||||
"@redocly/graphql-docs": "0.6.41",
|
||||
"@redocly/openapi-core": "1.13.0",
|
||||
"@redocly/openapi-docs": "0.83.0-rc.4",
|
||||
"@redocly/portal-legacy-ui": "0.83.0-rc.4",
|
||||
"@redocly/portal-plugin-mock-server": "0.83.0-rc.4",
|
||||
"@redocly/theme": "0.83.0-rc.4",
|
||||
"@redocly/openapi-docs": "3.0.4",
|
||||
"@redocly/portal-legacy-ui": "0.1.0",
|
||||
"@redocly/portal-plugin-mock-server": "^0.2.4",
|
||||
"@redocly/theme": "0.37.3",
|
||||
"@redocly/xml-crypto": "~3.0.1",
|
||||
"@tanstack/react-query": "4.0.5",
|
||||
"@wojtekmaj/react-datetimerange-picker": "^5.0.1",
|
||||
@@ -2313,7 +2317,6 @@
|
||||
"esbuild": "^0.17.15",
|
||||
"events": "3.3.0",
|
||||
"fflate": "^0.7.4",
|
||||
"fuse.js": "^6.6.2",
|
||||
"graphql": "^15.6.1",
|
||||
"gray-matter": "^4.0.3",
|
||||
"hono": "4.2.9",
|
||||
@@ -2364,9 +2367,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/replay": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/replay/-/replay-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-/J2qIl6mPsMyPv8Z77wMy+nZ1iCL0fYSsAkTWb5tXNiF8lLKvobQ8cpx86XB7XAmZA1sWYqa9cbFPEG3la/bYg==",
|
||||
"version": "0.0.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/replay/-/replay-0.0.4.tgz",
|
||||
"integrity": "sha512-vyP0WwU06mtweT++qM5oPO3Lq2/0Ox2U92XIlME4oHD0e+0479lCu+zI7ONwooOpMMTX4851Pkrgo/nzLrUzkg==",
|
||||
"dependencies": {
|
||||
"@codemirror/autocomplete": "^6.15.0",
|
||||
"@codemirror/lang-html": "^6.4.7",
|
||||
@@ -2380,6 +2383,7 @@
|
||||
"@redocly/vscode-json-languageservice": "^3.4.9",
|
||||
"@uiw/codemirror-theme-material": "^4.21.20",
|
||||
"@uiw/react-codemirror": "^4.21.20",
|
||||
"crypto-js": "^4.2.0",
|
||||
"dayjs": "^1.11.7",
|
||||
"marked": "^4.0.15",
|
||||
"rc-tooltip": "^6.1.3",
|
||||
@@ -2388,24 +2392,19 @@
|
||||
"styled-components": "^5.3.11"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@redocly/theme": "0.83.0-rc.4",
|
||||
"@redocly/theme": "0.37.3",
|
||||
"react": "^17.0.0 || ^18.0.0",
|
||||
"react-dom": "^17.0.0 || ^18.0.0",
|
||||
"react-router-dom": "^6.21.1",
|
||||
"styled-components": "^5.3.11"
|
||||
}
|
||||
},
|
||||
"node_modules/@redocly/replay/node_modules/@codemirror/state": {
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.4.1.tgz",
|
||||
"integrity": "sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A=="
|
||||
},
|
||||
"node_modules/@redocly/theme": {
|
||||
"version": "0.83.0-rc.4",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/theme/-/theme-0.83.0-rc.4.tgz",
|
||||
"integrity": "sha512-dhRqAGDaOjenkmx6nHHKJDVzqpZwp13N/lZ0o3W/df9VywDUor13wNGAr6wEQaVSM36aZkQI4uJd+EjKQW2BSA==",
|
||||
"version": "0.37.3",
|
||||
"resolved": "https://registry.npmjs.org/@redocly/theme/-/theme-0.37.3.tgz",
|
||||
"integrity": "sha512-nYm2icYBqElT5H7iow2taytcRjM9R7UZTjZ1CQ2IjHHBQXvKRK96dYjkfvdpYclsX7gXWfOoQtnZJT43za5F4A==",
|
||||
"dependencies": {
|
||||
"@redocly/config": "0.83.0-rc.4",
|
||||
"@redocly/config": "0.6.0",
|
||||
"copy-to-clipboard": "^3.3.3",
|
||||
"highlight-words-core": "^1.2.2",
|
||||
"hotkeys-js": "^3.10.1",
|
||||
@@ -2885,20 +2884,20 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@uiw/codemirror-theme-material": {
|
||||
"version": "4.22.1",
|
||||
"resolved": "https://registry.npmjs.org/@uiw/codemirror-theme-material/-/codemirror-theme-material-4.22.1.tgz",
|
||||
"integrity": "sha512-/omhOVgjINsP4BWjTzWRB8tsbW8nfEmq0NdQblvSkKAZjwEpxaWek84uP/PUFQXlvosZRCXfsTX3aKXh4c50MQ==",
|
||||
"version": "4.22.2",
|
||||
"resolved": "https://registry.npmjs.org/@uiw/codemirror-theme-material/-/codemirror-theme-material-4.22.2.tgz",
|
||||
"integrity": "sha512-YJPNkNZo1RqtGgF3KNxFkSY7LDY8RqzJ7N5DR6o0d0IHCQSeTNk3TE14Gmc66GqfoPXfEQVLtPk/MiRZ/JQSpQ==",
|
||||
"dependencies": {
|
||||
"@uiw/codemirror-themes": "4.22.1"
|
||||
"@uiw/codemirror-themes": "4.22.2"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://jaywcjlove.github.io/#/sponsor"
|
||||
}
|
||||
},
|
||||
"node_modules/@uiw/codemirror-theme-material/node_modules/@uiw/codemirror-themes": {
|
||||
"version": "4.22.1",
|
||||
"resolved": "https://registry.npmjs.org/@uiw/codemirror-themes/-/codemirror-themes-4.22.1.tgz",
|
||||
"integrity": "sha512-5TeB8wCc0aNd3YEhzOvgekpAFQfEm4fCTUcGmEIQqaRNgKAM83HYNpE1JF2j7x2oDFugdiO0yJynS6bo1zVOuw==",
|
||||
"version": "4.22.2",
|
||||
"resolved": "https://registry.npmjs.org/@uiw/codemirror-themes/-/codemirror-themes-4.22.2.tgz",
|
||||
"integrity": "sha512-gsLHn6SUuV5iboBvGrM7YimzLFHQmsNlkGIYs3UaVUJTo/A/ZrKoSJNyPziShLRjBXA2UwKdBTIU6VhHyyaChw==",
|
||||
"dependencies": {
|
||||
"@codemirror/language": "^6.0.0",
|
||||
"@codemirror/state": "^6.0.0",
|
||||
@@ -4072,6 +4071,11 @@
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/crypto-js": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
|
||||
"integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
|
||||
},
|
||||
"node_modules/css-color-keywords": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
|
||||
@@ -4288,9 +4292,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/dompurify": {
|
||||
"version": "2.5.4",
|
||||
"resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.4.tgz",
|
||||
"integrity": "sha512-l5NNozANzaLPPe0XaAwvg3uZcHtDBnziX/HjsY1UcDj1MxTK8Dd0Kv096jyPK5HRzs/XM5IMj20dW8Fk+HnbUA=="
|
||||
"version": "2.5.5",
|
||||
"resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.5.tgz",
|
||||
"integrity": "sha512-FgbqnEPiv5Vdtwt6Mxl7XSylttCC03cqP5ldNT2z+Kj0nLxPHJH4+1Cyf5Jasxhw93Rl4Oo11qRoUV72fmya2Q=="
|
||||
},
|
||||
"node_modules/domutils": {
|
||||
"version": "3.1.0",
|
||||
@@ -4724,14 +4728,6 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/fuse.js": {
|
||||
"version": "6.6.2",
|
||||
"resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
|
||||
"integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/gensync": {
|
||||
"version": "1.0.0-beta.2",
|
||||
"resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
|
||||
@@ -7290,9 +7286,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/jotai": {
|
||||
"version": "2.8.2",
|
||||
"resolved": "https://registry.npmjs.org/jotai/-/jotai-2.8.2.tgz",
|
||||
"integrity": "sha512-AU+EU82YqP94izfbGYQQL3oa/06gmn+Ijf/CKx0QybAURtbqh2e4N6zA2fxeIh0JEUgASF6z5IhagJ8NicR95A==",
|
||||
"version": "2.8.3",
|
||||
"resolved": "https://registry.npmjs.org/jotai/-/jotai-2.8.3.tgz",
|
||||
"integrity": "sha512-pR4plVvdbzB6zyt7VLLHPMAkcRSKhRIvZKd+qkifQLa3CEziEo1uwZjePj4acTmQrboiISBlYSdCz3gWcr1Nkg==",
|
||||
"engines": {
|
||||
"node": ">=12.20.0"
|
||||
},
|
||||
@@ -8519,9 +8515,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/rc-util": {
|
||||
"version": "5.41.0",
|
||||
"resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.41.0.tgz",
|
||||
"integrity": "sha512-xtlCim9RpmVv0Ar2Nnc3WfJCxjQkTf3xHPWoFdjp1fSs2NirQwqiQrfqdU9HUe0kdfb168M/T8Dq0IaX50xeKg==",
|
||||
"version": "5.42.0",
|
||||
"resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.42.0.tgz",
|
||||
"integrity": "sha512-uxj2fkMe++/A3CTNagEljdTjZJHVFNH5EZcK9D4YAtWWTdEMglRE4VFtd0psIPUBIY+lSdqwVcIrR1oQMR07vw==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"react-is": "^18.2.0"
|
||||
@@ -10008,9 +10004,9 @@
|
||||
"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA=="
|
||||
},
|
||||
"node_modules/tslib": {
|
||||
"version": "2.6.2",
|
||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
|
||||
"integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
|
||||
"version": "2.6.3",
|
||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
|
||||
"integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
|
||||
},
|
||||
"node_modules/tty-browserify": {
|
||||
"version": "0.0.1",
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
"keywords": [],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@codemirror/state": "6.3.3",
|
||||
"@codemirror/state": "6.4.1",
|
||||
"@codemirror/view": "^6.22.2",
|
||||
"@lezer/highlight": "^1.2.0",
|
||||
"@redocly/realm": "0.83.0-rc.4",
|
||||
"@redocly/realm": "0.86.0",
|
||||
"@uiw/codemirror-themes": "4.21.21",
|
||||
"@uiw/react-codemirror": "^4.21.21",
|
||||
"@xrplf/isomorphic": "^1.0.0-beta.1",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -2,7 +2,7 @@
|
||||
$nav-height: 80px;
|
||||
$banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
|
||||
[data-component-name="Layout/RootLayout"] {
|
||||
[data-component-name="layouts/RootLayout"] {
|
||||
padding-top: $nav-height + $banner-height;
|
||||
}
|
||||
|
||||
@@ -383,21 +383,13 @@ $banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
.navbar-nav {
|
||||
align-items: unset !important; // Undo "browser-entry.css" rule
|
||||
|
||||
#topnav-theme {
|
||||
background-color: $gray-900;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
#topnav-button {
|
||||
background-color: $gray-900;
|
||||
padding: 1rem 1.5rem;
|
||||
}
|
||||
|
||||
#topnav-search {
|
||||
background-color: $gray-900;
|
||||
|
||||
[data-component-name="Search/SearchTrigger"] {
|
||||
padding: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -525,9 +517,8 @@ $banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
|
||||
// Move search to top of mobile menu ---------------------------------------
|
||||
#top-main-nav {
|
||||
padding-top: 72px;
|
||||
padding-top: 32px;
|
||||
position: relative;
|
||||
transition: padding-top 0.2s ease;
|
||||
|
||||
// Hide search and other sub-menus when one sub-menu is expanded
|
||||
// (js required to add the class on the dropdown event)
|
||||
@@ -550,9 +541,7 @@ $banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
#topnav-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
transition: all 0.2s ease;
|
||||
right: 105px;
|
||||
|
||||
.input-group {
|
||||
flex-wrap: nowrap; // Fix search bar splitting into two lines on iPhone 5
|
||||
@@ -560,6 +549,10 @@ $banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
}
|
||||
|
||||
#topnav-language {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 65px;
|
||||
|
||||
hr {
|
||||
border-top: 1px solid $gray-800;
|
||||
margin-top: 0.25rem;
|
||||
@@ -567,6 +560,12 @@ $banner-height: 46px; // Apex 2024 banner size. Set to 0 if no pencil banner.
|
||||
display: static;
|
||||
}
|
||||
}
|
||||
|
||||
#topnav-theme {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 26px;
|
||||
}
|
||||
} // end mobile specific styles ----------------------------------------------
|
||||
|
||||
}
|
||||
|
||||
@@ -422,9 +422,7 @@ article a.button,
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link,
|
||||
.navbar-collapse>.nav-item,
|
||||
.navbar-nav #topnav-theme,
|
||||
.navbar-nav #topnav-search {
|
||||
.navbar-collapse>.nav-item {
|
||||
background: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user