redux-devtools/packages/redux-devtools-rtk-query-monitor/src/components/RegexIcon.tsx

24 lines
1.2 KiB
TypeScript
Raw Normal View History

[feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750) * chore: copy rtk-query example from toolkit * feat(rtk-query): complete initial setup of rtk-query * feat: complete inspector layout and add initial JSONTree setup * fix: unintentional removal of tsconfig * feat(search): add search logic and refactor monitor state shape * fix: inverted monitor theme inside devtoop-app Othetr changes: * simplify monitor integration * fix: rtk monitor reducer not working in app * refactor(rtk-query): simplify theme config * feat(rtk-query-monitor): add query preview tabs * fix: wip * refactor(examples): add rtk-query-polling to workspace Other changes: * docs(rtk-query-polling): add README.md * chore(rtk-query-inspector): add demo to monorepo Other changes: chore: increase isWideScreen polling interval to 300 refactor: add subscription as root node in QueryPreviewSubscriptions * feat(rtk-query): add multiple filter options * chore(rtk-queery): rename demo build script and add SKIP_PREFLIGHT_CHECK=true * feat(rtk-query): display status flags in QueryPreviewInfo * chore(rtk-query): update typescript versions in rkt-inspector-monitor & its demo * docs(rtk-query): add proper README Other changes: * fix examples/rtk-query-poilling * docs(rtk-query): improve rtk-query-inspector-monitor demo gif * docs(rtk-query): clean up demo * fix(rtk-query): clear button not updating redux state * docs(rtk-query): add link to rtk-query-inspector-monitor demo site * chore(rtk-query): run prettier after prettier upgrade (55e2284) * docs(rtk.query): clean up readme add features, todo and development section * docs(rtk-query): fix link href * chore(rtk-query): clean up rtk-query-imspector-monitor-demo and add post example * feat(rtk-query): add counters on tags & subs tab buttons * fix(rtk-query): layering issue between queryPreview tabList and select Other changes: * clean up demo styles * run prettier * fix: revert accidental changes packages/redux-devtools-serialize/tsconfig.json * chore: change QueryComparators.fulfilledTimeStamp label * feat(rtk-query): display api stats * refactor: remove rtk-query-polling example from monorepo * chore: regenerate lock file and add @types/react as monorepo devDep * chore: display apiState Other changes: * fix close button overflow * minor responsive style tweaks * display reducerPath in query tab * fix(rtk-query): resolve CI errors - fix(prettier:check): unformatted file - fix(lint:all): fix accidentallly removed .eslintignore * chore(rtk-query): rename package to '@redux-devtools/rtk-query-monitor' * fix(rtk-query): lint:all error https://github.com/reduxjs/redux-devtools/runs/2869729048?check_suite_focus=true * feat(rtk-query): add fallback message if there are no rtk-query apis * refactor(rtk-query): move Inspector & Monitor to containers clean up typings Other changes: * chore: improved type coverage * chore: do not lint packages/redux-devtools-rtk-query-monitor/demo folder * refactor: put sort order buttons inside a component * chore: hopefully resolve mockServiceWorker formatting issues * fix(rtk-query): incorrect link color Other changes: * fix: add missing anchor property value noopener * refactor(rtk-query): simplify sort order control * feat(rtk-query): add timings to apiStats sections * feat(rtk-query): add slowest and fastest in timings section * feat(rtk-query): improve formatting of timings and display average loading time * fix(rtk-query): rtk-query imports * refactor(rtk-query): reduce selector computations Other changes: * simplify TreeView props * feat(rtk-query): add actions tab * refactor(rtk-query): add custom logic for TreeView shouldExpandNode Other changes: * feat: added duration in QueryPreviewInfo tab * refactor: TreeView component * chore(rtk-query): improve demo visibility on small devices * feat(rtk-query): do not display tree node preview Other changes: * improve visibility of demo devTools on small devices * tweak QueryPreviewInfo labels * chore(rtk-query): improve responsiveness * refactor(rtk-query): move preview to containers remove unnecessary computation * feat(rtk-query): display median of timings Other changes: * improved shouldExpandNode logic of QueryPreviewActions * tweaked mean logic * refactor(rtk-query-monitor): conform demo setup to repo standards * chore(rtk-query-monitor): add option to select active devtools * chore(rtk-query-monitor): remove redux-devtools/examples/rtk-query-polling * refactor(rtk-query): improve UI of api tab * feat(rtk-query): add regex search * feat(rtk-query): display mutations in queryList * refactor(rtk-query): track all fulfilled requests using actions Other changes: * refactor(rtk-query): rename tally properties * chore(rtk-query): update @redux-devtools/rtk-query-monitor dependencies * fix(rtk-query): demo build failing caused by a typing error
2021-08-26 22:33:06 +03:00
import * as React from 'react';
export type RegexIconProps = Omit<
React.HTMLAttributes<SVGElement>,
'viewBox' | 'children'
>;
// `OOjs_UI_icon_regular-expression.svg` (MIT License)
// from https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_regular-expression.svg
export function RegexIcon(
props: React.HTMLAttributes<SVGElement>
): JSX.Element {
return (
<svg fill="currentColor" {...props} viewBox="0 0 24 24">
<g>
<path d="M3 12.045c0-.99.15-1.915.45-2.777A6.886 6.886 0 0 1 4.764 7H6.23a7.923 7.923 0 0 0-1.25 2.374 8.563 8.563 0 0 0 .007 5.314c.29.85.7 1.622 1.23 2.312h-1.45a6.53 6.53 0 0 1-1.314-2.223 8.126 8.126 0 0 1-.45-2.732" />
<path id="dot" d="M10 16a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
<path d="M14.25 7.013l-.24 2.156 2.187-.61.193 1.47-1.992.14 1.307 1.74-1.33.71-.914-1.833-.8 1.822-1.38-.698 1.296-1.74-1.98-.152.23-1.464 2.14.61-.24-2.158h1.534" />
<path d="M21 12.045c0 .982-.152 1.896-.457 2.744A6.51 6.51 0 0 1 19.236 17h-1.453a8.017 8.017 0 0 0 1.225-2.31c.29-.855.434-1.74.434-2.66 0-.91-.14-1.797-.422-2.66a7.913 7.913 0 0 0-1.248-2.374h1.465a6.764 6.764 0 0 1 1.313 2.28c.3.86.45 1.782.45 2.764" />
</g>
</svg>
);
}