mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-21 08:52:46 +08:00
50fe1acead
* update: refactor the toggle function * add: tooltip to analytics toggle * update: confirm dialog modal content * update: import * update: not enough data alert content * add: action to the alert and update text * update: alert and infotip color based on previous data * add: onclick handler to enable tracking * update: alertboxes colors * fix: show info only when analytics are enabled * update: manually control the tooltip behaviour * Update modules/settings/assets/js/components/sidebar-menu/tooltips/analytics.js Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com> * fix: linter errors --------- Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
import { ChecklistIcon, PagesIcon, SettingsIcon } from '@elementor/icons';
|
|
import { WidgetIcon, AnalyticsIcon } from '@ea11y/icons';
|
|
import {
|
|
AccessibilityStatement,
|
|
Menu,
|
|
IconSettings,
|
|
Analytics,
|
|
AccessibilityAssistant,
|
|
} from '@ea11y/pages';
|
|
import { __ } from '@wordpress/i18n';
|
|
import { AccessibilityAssistantContextProvider } from '../../contexts/accessibility-assistant-context';
|
|
import AccessibilityStatementTooltip from './tooltips/accessibility-statement';
|
|
import AnalyticsTooltip from './tooltips/analytics';
|
|
|
|
export const MenuItems = {
|
|
scanner: {
|
|
name: __('Accessibility Assistant', 'pojo-accessibility'),
|
|
key: 'scanner',
|
|
type: 'heading',
|
|
},
|
|
scanOverview: {
|
|
name: __('Scans', 'pojo-accessibility'),
|
|
key: 'scan-overview',
|
|
page: (
|
|
<AccessibilityAssistantContextProvider>
|
|
<AccessibilityAssistant />
|
|
</AccessibilityAssistantContextProvider>
|
|
),
|
|
icon: (
|
|
<ChecklistIcon
|
|
role="img"
|
|
aria-label={__('Scan overview', 'pojo-accessibility')}
|
|
aria-hidden={false}
|
|
sx={{ color: 'common.black' }}
|
|
/>
|
|
),
|
|
},
|
|
widget: {
|
|
name: __('Widget', 'pojo-accessibility'),
|
|
key: 'widget',
|
|
type: 'heading',
|
|
},
|
|
design: {
|
|
name: __('Design', 'pojo-accessibility'),
|
|
key: 'design',
|
|
page: <IconSettings />,
|
|
icon: (
|
|
<WidgetIcon
|
|
role="img"
|
|
aria-label={__('Design', 'pojo-accessibility')}
|
|
aria-hidden={false}
|
|
/>
|
|
),
|
|
},
|
|
capabilities: {
|
|
name: __('Capabilities', 'pojo-accessibility'),
|
|
key: 'capabilities',
|
|
page: <Menu />,
|
|
icon: (
|
|
<SettingsIcon
|
|
role="img"
|
|
aria-label={__('Capabilities', 'pojo-accessibility')}
|
|
aria-hidden={false}
|
|
size="small"
|
|
sx={{ color: 'common.black' }}
|
|
/>
|
|
),
|
|
},
|
|
accessibilityStatement: {
|
|
name: __('Statement', 'pojo-accessibility'),
|
|
key: 'accessibility-statement',
|
|
page: <AccessibilityStatement />,
|
|
icon: (
|
|
<PagesIcon
|
|
role="img"
|
|
aria-label={__('Statement', 'pojo-accessibility')}
|
|
aria-hidden={false}
|
|
size="small"
|
|
sx={{ color: 'common.black' }}
|
|
/>
|
|
),
|
|
infotip: <AccessibilityStatementTooltip />,
|
|
},
|
|
analytics: {
|
|
name: __('Analytics', 'pojo-accessibility'),
|
|
key: 'analytics',
|
|
page: <Analytics />,
|
|
proIcon: 'analytics',
|
|
icon: (
|
|
<AnalyticsIcon
|
|
role="img"
|
|
aria-label={__('Analytics', 'pojo-accessibility')}
|
|
aria-hidden={false}
|
|
size="small"
|
|
sx={{ color: 'common.black' }}
|
|
/>
|
|
),
|
|
infotip: <AnalyticsTooltip />,
|
|
},
|
|
};
|
