@gravity-ui/markdown-editor 15.26.1 → 15.27.1

package/build/esm/modules/search/components/SearchCardView.d.ts

@@ -0,0 +1,17 @@
+import { type DOMProps } from '@gravity-ui/uikit';
+import type { SearchCounter, SearchState } from "../types.js";
+import "./SearchCardView.css";
+export type SearchCardViewProps = DOMProps & {
+    counter?: SearchCounter;
+    searchState: SearchState;
+    onClose: () => void;
+    onSearchChange: (value: string) => void;
+    onReplacementChange: (value: string) => void;
+    onFindPrevious: () => void;
+    onFindNext: () => void;
+    onReplace: () => void;
+    onReplaceAll: () => void;
+    onWholeWordChange: (value: boolean) => void;
+    onCaseSensitiveChange: (value: boolean) => void;
+};
+export declare const SearchCardView: React.FC<SearchCardViewProps>;

package/build/esm/modules/search/components/SearchCardView.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { DelayedTextInput, FormRow } from '@gravity-ui/components';
+import { Xmark } from '@gravity-ui/icons';
+import { Button, Card, Checkbox, Flex, Icon, Text, sp } from '@gravity-ui/uikit';
+import { cn } from "../../../classname.js";
+import { i18n } from "../../../i18n/search/index.js";
+import { useAutoFocus } from "../../../react-utils/useAutoFocus.js";
+import { SearchQA } from "../qa.js";
+import { SearchTextInput } from "./SearchTextInput.js";
+import "./SearchCardView.css";
+const b = cn('search-card');
+export const SearchCardView = ({ style, className, counter, searchState, onClose, onSearchChange, onReplacementChange, onFindPrevious, onFindNext, onReplace, onReplaceAll, onWholeWordChange, onCaseSensitiveChange, }) => {
+    const searchInputRef = useRef(null);
+    useAutoFocus(searchInputRef, [], 200);
+    return (_jsxs(Card, { size: "l", spacing: { pt: 4, pb: 5, pl: 5, pr: 5 }, style: style, className: b(null, className), children: [_jsxs(Flex, { spacing: { mb: 5 }, alignItems: "center", justifyContent: "space-between", className: b('header'), children: [_jsx(Text, { variant: "subheader-2", className: b('title'), children: i18n('title') }), _jsx(Button, { size: "m", view: "flat", onClick: onClose, "aria-label": i18n('action_close'), qa: SearchQA.CloseBtn, children: _jsx(Icon, { data: Xmark }) })] }), _jsxs(FormRow, { direction: "row", label: i18n('title_search'), className: b('row', sp({ mb: 4 })), children: [_jsx(SearchTextInput, { counter: counter, onFindNext: onFindNext, onFindPrevious: onFindPrevious, controlRef: searchInputRef, className: sp({ mb: 2 }), onUpdate: onSearchChange, value: searchState.search, delay: 300 }), _jsx(Checkbox, { size: "m", onUpdate: onCaseSensitiveChange, checked: searchState.caseSensitive, qa: SearchQA.CaseSensitiveCheck, className: sp({ mr: 4 }), children: i18n('label_case-sensitive') }), _jsx(Checkbox, { size: "m", checked: searchState.wholeWord, onUpdate: onWholeWordChange, qa: SearchQA.WholeWordCheck, children: i18n('label_whole-word') })] }), _jsx(FormRow, { direction: "row", label: i18n('title_replace'), className: b('row', sp({ mb: 5 })), children: _jsx(DelayedTextInput, { size: "l", delay: 300, value: searchState.replace, onUpdate: onReplacementChange, qa: SearchQA.ReplaceInput }) }), _jsxs(Flex, { justifyContent: "flex-end", gap: 2, className: b('footer'), children: [_jsx(Button, { size: "l", view: "normal", onClick: onReplaceAll, disabled: !searchState.search, qa: SearchQA.ReplaceAllBtn, children: i18n('action_replace_all') }), _jsx(Button, { view: "action", size: "l", disabled: !searchState.search, onClick: onReplace, qa: SearchQA.ReplaceBtn, children: i18n('action_replace') })] })] }));
+};
+//# sourceMappingURL=SearchCardView.js.map

package/build/esm/modules/search/components/SearchCardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCardView.js","sourceRoot":"../../../../../src","sources":["modules/search/components/SearchCardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useRef} from 'react';\n\nimport {DelayedTextInput, FormRow} from '@gravity-ui/components';\nimport {Xmark} from '@gravity-ui/icons';\nimport {Button, Card, Checkbox, type DOMProps, Flex, Icon, Text, sp} from '@gravity-ui/uikit';\n\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/search';\nimport {useAutoFocus} from 'src/react-utils/useAutoFocus';\n\nimport {SearchQA} from '../qa';\nimport type {SearchCounter, SearchState} from '../types';\n\nimport {SearchTextInput} from './SearchTextInput';\n\nimport './SearchCardView.scss';\n\nexport type SearchCardViewProps = DOMProps & {\n    counter?: SearchCounter;\n    searchState: SearchState;\n    onClose: () => void;\n    onSearchChange: (value: string) => void;\n    onReplacementChange: (value: string) => void;\n    onFindPrevious: () => void;\n    onFindNext: () => void;\n    onReplace: () => void;\n    onReplaceAll: () => void;\n    onWholeWordChange: (value: boolean) => void;\n    onCaseSensitiveChange: (value: boolean) => void;\n};\n\nconst b = cn('search-card');\n\nexport const SearchCardView: React.FC<SearchCardViewProps> = ({\n    style,\n    className,\n\n    counter,\n    searchState,\n    onClose,\n    onSearchChange,\n    onReplacementChange,\n    onFindPrevious,\n    onFindNext,\n    onReplace,\n    onReplaceAll,\n    onWholeWordChange,\n    onCaseSensitiveChange,\n}) => {\n    const searchInputRef = useRef<HTMLInputElement>(null);\n\n    useAutoFocus(searchInputRef, [], 200);\n\n    return (\n        <Card\n            size=\"l\"\n            spacing={{pt: 4, pb: 5, pl: 5, pr: 5}}\n            style={style}\n            className={b(null, className)}\n        >\n            <Flex\n                spacing={{mb: 5}}\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                className={b('header')}\n            >\n                <Text variant=\"subheader-2\" className={b('title')}>\n                    {i18n('title')}\n                </Text>\n                <Button\n                    size=\"m\"\n                    view=\"flat\"\n                    onClick={onClose}\n                    aria-label={i18n('action_close')}\n                    qa={SearchQA.CloseBtn}\n                >\n                    <Icon data={Xmark} />\n                </Button>\n            </Flex>\n\n            <FormRow direction=\"row\" label={i18n('title_search')} className={b('row', sp({mb: 4}))}>\n                <SearchTextInput\n                    counter={counter}\n                    onFindNext={onFindNext}\n                    onFindPrevious={onFindPrevious}\n                    controlRef={searchInputRef}\n                    className={sp({mb: 2})}\n                    onUpdate={onSearchChange}\n                    value={searchState.search}\n                    delay={300}\n                />\n\n                <Checkbox\n                    size=\"m\"\n                    onUpdate={onCaseSensitiveChange}\n                    checked={searchState.caseSensitive}\n                    qa={SearchQA.CaseSensitiveCheck}\n                    className={sp({mr: 4})}\n                >\n                    {i18n('label_case-sensitive')}\n                </Checkbox>\n\n                <Checkbox\n                    size=\"m\"\n                    checked={searchState.wholeWord}\n                    onUpdate={onWholeWordChange}\n                    qa={SearchQA.WholeWordCheck}\n                >\n                    {i18n('label_whole-word')}\n                </Checkbox>\n            </FormRow>\n\n            <FormRow\n                direction=\"row\"\n                label={i18n('title_replace')}\n                className={b('row', sp({mb: 5}))}\n            >\n                <DelayedTextInput\n                    size=\"l\"\n                    delay={300}\n                    value={searchState.replace}\n                    onUpdate={onReplacementChange}\n                    qa={SearchQA.ReplaceInput}\n                />\n            </FormRow>\n\n            <Flex justifyContent=\"flex-end\" gap={2} className={b('footer')}>\n                <Button\n                    size=\"l\"\n                    view=\"normal\"\n                    onClick={onReplaceAll}\n                    disabled={!searchState.search}\n                    qa={SearchQA.ReplaceAllBtn}\n                >\n                    {i18n('action_replace_all')}\n                </Button>\n                <Button\n                    view=\"action\"\n                    size=\"l\"\n                    disabled={!searchState.search}\n                    onClick={onReplace}\n                    qa={SearchQA.ReplaceBtn}\n                >\n                    {i18n('action_replace')}\n                </Button>\n            </Flex>\n        </Card>\n    );\n};\n"]}

package/build/esm/modules/search/components/SearchCompactView.css

@@ -0,0 +1,5 @@
+.g-md-search-compact {
+  display: flex;
+  align-items: center;
+  width: 428px;
+}

package/build/esm/modules/search/components/SearchCompactView.d.ts

@@ -0,0 +1,13 @@
+import { type DOMProps, type QAProps } from '@gravity-ui/uikit';
+import type { SearchCounter } from "../types.js";
+import "./SearchCompactView.css";
+export type SearchCompactProps = DOMProps & QAProps & {
+    value: string;
+    counter?: SearchCounter;
+    onChange: (value: string) => void;
+    onFindPrevious: () => void;
+    onFindNext: () => void;
+    onExpand: () => void;
+    onClose: () => void;
+};
+export declare const SeachCompactView: React.FC<SearchCompactProps>;

package/build/esm/modules/search/components/SearchCompactView.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
+import { Button, ButtonIcon, Card, Icon, Tooltip, sp, } from '@gravity-ui/uikit';
+import { cn } from "../../../classname.js";
+import { i18n } from "../../../i18n/search/index.js";
+import { useAutoFocus } from "../../../react-utils/useAutoFocus.js";
+import { SearchQA } from "../qa.js";
+import { SearchTextInput } from "./SearchTextInput.js";
+import "./SearchCompactView.css";
+const b = cn('search-compact');
+export const SeachCompactView = function SearchCompactView({ value, counter, onChange, onFindNext, onFindPrevious, onExpand, onClose, qa, style, className, }) {
+    const inputRef = useRef(null);
+    useAutoFocus(inputRef, [], 200);
+    return (_jsxs(Card, { spacing: { pr: 1 }, "data-qa": qa, style: style, className: b(null, className), children: [_jsx(SearchTextInput, { counter: counter, onFindNext: onFindNext, onFindPrevious: onFindPrevious, value: value, view: "clear", delay: 300, onUpdate: onChange, controlRef: inputRef, placeholder: i18n('search_placeholder'), className: sp({ pl: 3 }) }), _jsx("div", { className: sp({ mr: 1 }), style: {
+                    flexShrink: 0,
+                    background: 'var(--g-color-line-generic-solid)',
+                    height: '36px',
+                    width: '1px',
+                } }), _jsx(Tooltip, { content: i18n('action_expand'), role: "label", children: (props, ref) => (_jsx(Button, { ...props, size: "m", view: "flat-secondary", onClick: onExpand, qa: SearchQA.ExpandBtn, ref: ref, "aria-label": i18n('action_expand'), children: _jsx(ButtonIcon, { children: _jsx(Icon, { data: ChevronsExpandUpRight }) }) })) }), _jsx(Button, { size: "m", view: "flat-secondary", onClick: onClose, className: sp({ ml: 1 }), "aria-label": i18n('action_close'), qa: SearchQA.CloseBtn, children: _jsx(ButtonIcon, { children: _jsx(Icon, { data: Xmark }) }) })] }));
+};
+//# sourceMappingURL=SearchCompactView.js.map

package/build/esm/modules/search/components/SearchCompactView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCompactView.js","sourceRoot":"../../../../../src","sources":["modules/search/components/SearchCompactView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAC,qBAAqB,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACH,MAAM,EACN,UAAU,EACV,IAAI,EAEJ,IAAI,EAEJ,OAAO,EACP,EAAE,GACL,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAC,EAAE,EAAC,8BAAsB;AACjC,OAAO,EAAC,IAAI,EAAC,sCAAwB;AACrC,OAAO,EAAC,YAAY,EAAC,6CAAqC;AAE1D,OAAO,EAAC,QAAQ,EAAC,iBAAc;AAG/B,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAElD,iCAAkC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAa/B,MAAM,CAAC,MAAM,gBAAgB,GAAiC,SAAS,iBAAiB,CAAC,EACrF,KAAK,EACL,OAAO,EAEP,QAAQ,EACR,UAAU,EACV,cAAc,EACd,QAAQ,EACR,OAAO,EAEP,EAAE,EACF,KAAK,EACL,SAAS,GACZ;IACG,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAEhC,OAAO,CACH,MAAC,IAAI,IAAC,OAAO,EAAE,EAAC,EAAE,EAAE,CAAC,EAAC,aAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC5E,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,EACvC,SAAS,EAAE,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,GACxB,EAEF,cACI,SAAS,EAAE,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,EACtB,KAAK,EAAE;oBACH,UAAU,EAAE,CAAC;oBACb,UAAU,EAAE,mCAAmC;oBAC/C,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,KAAK;iBACf,GACH,EAGF,KAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,OAAO,YAChD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACb,KAAC,MAAM,OACC,KAAK,EACT,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,QAAQ,CAAC,SAAS,EACtB,GAAG,EAAE,GAAmC,gBAC5B,IAAI,CAAC,eAAe,CAAC,YAEjC,KAAC,UAAU,cACP,KAAC,IAAI,IAAC,IAAI,EAAE,qBAAqB,GAAI,GAC5B,GACR,CACZ,GACK,EACV,KAAC,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,gBACV,IAAI,CAAC,cAAc,CAAC,EAChC,EAAE,EAAE,QAAQ,CAAC,QAAQ,YAErB,KAAC,UAAU,cACP,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI,GACZ,GACR,IACN,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useRef} from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {\n    Button,\n    ButtonIcon,\n    Card,\n    type DOMProps,\n    Icon,\n    type QAProps,\n    Tooltip,\n    sp,\n} from '@gravity-ui/uikit';\n\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/search';\nimport {useAutoFocus} from 'src/react-utils/useAutoFocus';\n\nimport {SearchQA} from '../qa';\nimport type {SearchCounter} from '../types';\n\nimport {SearchTextInput} from './SearchTextInput';\n\nimport './SearchCompactView.scss';\n\nconst b = cn('search-compact');\n\nexport type SearchCompactProps = DOMProps &\n    QAProps & {\n        value: string;\n        counter?: SearchCounter;\n        onChange: (value: string) => void;\n        onFindPrevious: () => void;\n        onFindNext: () => void;\n        onExpand: () => void;\n        onClose: () => void;\n    };\n\nexport const SeachCompactView: React.FC<SearchCompactProps> = function SearchCompactView({\n    value,\n    counter,\n\n    onChange,\n    onFindNext,\n    onFindPrevious,\n    onExpand,\n    onClose,\n\n    qa,\n    style,\n    className,\n}) {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useAutoFocus(inputRef, [], 200);\n\n    return (\n        <Card spacing={{pr: 1}} data-qa={qa} style={style} className={b(null, className)}>\n            <SearchTextInput\n                counter={counter}\n                onFindNext={onFindNext}\n                onFindPrevious={onFindPrevious}\n                value={value}\n                view=\"clear\"\n                delay={300}\n                onUpdate={onChange}\n                controlRef={inputRef}\n                placeholder={i18n('search_placeholder')}\n                className={sp({pl: 3})}\n            />\n\n            <div\n                className={sp({mr: 1})}\n                style={{\n                    flexShrink: 0,\n                    background: 'var(--g-color-line-generic-solid)',\n                    height: '36px',\n                    width: '1px',\n                }}\n            />\n\n            {/* eslint-disable-next-line jsx-a11y/aria-role */}\n            <Tooltip content={i18n('action_expand')} role=\"label\">\n                {(props, ref) => (\n                    <Button\n                        {...props}\n                        size=\"m\"\n                        view=\"flat-secondary\"\n                        onClick={onExpand}\n                        qa={SearchQA.ExpandBtn}\n                        ref={ref as React.Ref<HTMLButtonElement>}\n                        aria-label={i18n('action_expand')}\n                    >\n                        <ButtonIcon>\n                            <Icon data={ChevronsExpandUpRight} />\n                        </ButtonIcon>\n                    </Button>\n                )}\n            </Tooltip>\n            <Button\n                size=\"m\"\n                view=\"flat-secondary\"\n                onClick={onClose}\n                className={sp({ml: 1})}\n                aria-label={i18n('action_close')}\n                qa={SearchQA.CloseBtn}\n            >\n                <ButtonIcon>\n                    <Icon data={Xmark} />\n                </ButtonIcon>\n            </Button>\n        </Card>\n    );\n};\n"]}

package/build/esm/modules/search/components/SearchCounter.d.ts

@@ -0,0 +1,6 @@
+import { type DOMProps } from '@gravity-ui/uikit';
+import type { SearchCounter } from "../types.js";
+export type SearchCounterProps = DOMProps & {
+    counter: SearchCounter;
+};
+export declare const SearchCounterText: React.FC<SearchCounterProps>;

package/build/esm/modules/search/components/SearchCounter.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@gravity-ui/uikit';
+import { i18n } from "../../../i18n/search/index.js";
+import { SearchQA } from "../qa.js";
+export const SearchCounterText = ({ counter, style, className }) => {
+    return (_jsx(Text, { whiteSpace: "nowrap", style: style, className: className, qa: SearchQA.Counter, children: i18n('search_counter', {
+            current: String(counter.current),
+            total: String(counter.total),
+        }) }));
+};
+//# sourceMappingURL=SearchCounter.js.map

package/build/esm/modules/search/components/SearchCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCounter.js","sourceRoot":"../../../../../src","sources":["modules/search/components/SearchCounter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAC,IAAI,EAAC,sCAAwB;AAErC,OAAO,EAAC,QAAQ,EAAC,iBAAc;AAO/B,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IAC3F,OAAO,CACH,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,OAAO,YAC7E,IAAI,CAAC,gBAAgB,EAAE;YACpB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;YAChC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;SAC/B,CAAC,GACC,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {type DOMProps, Text} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/search';\n\nimport {SearchQA} from '../qa';\nimport type {SearchCounter} from '../types';\n\nexport type SearchCounterProps = DOMProps & {\n    counter: SearchCounter;\n};\n\nexport const SearchCounterText: React.FC<SearchCounterProps> = ({counter, style, className}) => {\n    return (\n        <Text whiteSpace=\"nowrap\" style={style} className={className} qa={SearchQA.Counter}>\n            {i18n('search_counter', {\n                current: String(counter.current),\n                total: String(counter.total),\n            })}\n        </Text>\n    );\n};\n"]}

package/build/esm/modules/search/components/SearchPopup.css

@@ -0,0 +1,9 @@
+.g-md-search-popup {
+  --g-popup-border-width: 0;
+  --g-popup-border-radius: 16px;
+  border-radius: 16px;
+}
+.g-md-search-popup_compact {
+  --g-popup-border-radius: var(--g-border-radius-l);
+  border-radius: var(--g-border-radius-l);
+}

package/build/esm/modules/search/components/SearchPopup.d.ts

@@ -0,0 +1,15 @@
+import { type UseSearchProps } from "../hooks/use-search.js";
+import type { SearchCounter } from "../types.js";
+import "./SearchPopup.css";
+export type SearchPopupProps = UseSearchProps & {
+    open: boolean;
+    anchor: Element;
+    counter?: SearchCounter;
+    onClose: () => void;
+};
+export declare const SearchPopup: React.FC<SearchPopupProps>;
+interface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {
+    anchor: Element | null;
+}
+export declare function renderSearchPopup({ anchor, ...props }: SearchPopupWithRefProps): JSX.Element | null;
+export {};

package/build/esm/modules/search/components/SearchPopup.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popup } from '@gravity-ui/uikit';
+import { cn } from "../../../classname.js";
+import { useSearch } from "../hooks/use-search.js";
+import { SearchQA } from "../qa.js";
+import { SearchCardView } from "./SearchCardView.js";
+import { SeachCompactView } from "./SearchCompactView.js";
+import "./SearchPopup.css";
+const b = cn('search-popup');
+export const SearchPopup = ({ open, anchor, counter, onClose, ...props }) => {
+    const { isCompact, searchState, handlers } = useSearch(props);
+    return (_jsx(Popup, { open: open, qa: SearchQA.Panel, anchorElement: anchor, placement: "bottom-end", className: b({ compact: isCompact }), onOpenChange: (_open, _event, reason) => {
+            if (reason === 'escape-key') {
+                onClose();
+            }
+        }, children: isCompact ? (_jsx(SeachCompactView, { counter: counter, onClose: onClose, value: searchState.search, onExpand: handlers.onExpand, onChange: handlers.onSearchChange, onFindNext: handlers.onFindNext, onFindPrevious: handlers.onFindPrevious })) : (_jsx(SearchCardView, { counter: counter, onClose: onClose, searchState: searchState, onSearchChange: handlers.onSearchChange, onReplacementChange: handlers.onReplaceChange, onFindNext: handlers.onFindNext, onFindPrevious: handlers.onFindPrevious, onReplace: handlers.onReplace, onReplaceAll: handlers.onReplaceAll, onWholeWordChange: handlers.onWholeWordChange, onCaseSensitiveChange: handlers.onCaseSensitiveChange })) }));
+};
+SearchPopup.displayName = 'SearchPopup';
+export function renderSearchPopup({ anchor, ...props }) {
+    if (!anchor)
+        return null;
+    return _jsx(SearchPopup, { anchor: anchor, ...props });
+}
+//# sourceMappingURL=SearchPopup.js.map

package/build/esm/modules/search/components/SearchPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPopup.js","sourceRoot":"../../../../../src","sources":["modules/search/components/SearchPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,EAAE,EAAC,8BAAsB;AAEjC,OAAO,EAAsB,SAAS,EAAC,+BAA4B;AACnE,OAAO,EAAC,QAAQ,EAAC,iBAAc;AAG/B,OAAO,EAAC,cAAc,EAAC,4BAAyB;AAChD,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AAErD,2BAA4B;AAE5B,MAAM,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC;AAS7B,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACpD,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,EAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACH,KAAC,KAAK,IACF,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,CAAC,KAAK,EAClB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,EAClC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;YACpC,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;gBAC1B,OAAO,EAAE,CAAC;YACd,CAAC;QACL,CAAC,YAEA,SAAS,CAAC,CAAC,CAAC,CACT,KAAC,gBAAgB,IACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,MAAM,EACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,QAAQ,CAAC,cAAc,EACjC,UAAU,EAAE,QAAQ,CAAC,UAAU,EAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,GACzC,CACL,CAAC,CAAC,CAAC,CACA,KAAC,cAAc,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,QAAQ,CAAC,cAAc,EACvC,mBAAmB,EAAE,QAAQ,CAAC,eAAe,EAC7C,UAAU,EAAE,QAAQ,CAAC,UAAU,EAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,EACvC,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,EAC7C,qBAAqB,EAAE,QAAQ,CAAC,qBAAqB,GACvD,CACL,GACG,CACX,CAAC;AACN,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAMxC,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,GAAG,KAAK,EAA0B;IACzE,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACtD,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport {cn} from 'src/classname';\n\nimport {type UseSearchProps, useSearch} from '../hooks/use-search';\nimport {SearchQA} from '../qa';\nimport type {SearchCounter} from '../types';\n\nimport {SearchCardView} from './SearchCardView';\nimport {SeachCompactView} from './SearchCompactView';\n\nimport './SearchPopup.scss';\n\nconst b = cn('search-popup');\n\nexport type SearchPopupProps = UseSearchProps & {\n    open: boolean;\n    anchor: Element;\n    counter?: SearchCounter;\n    onClose: () => void;\n};\n\nexport const SearchPopup: React.FC<SearchPopupProps> = ({\n    open,\n    anchor,\n    counter,\n    onClose,\n    ...props\n}) => {\n    const {isCompact, searchState, handlers} = useSearch(props);\n\n    return (\n        <Popup\n            open={open}\n            qa={SearchQA.Panel}\n            anchorElement={anchor}\n            placement=\"bottom-end\"\n            className={b({compact: isCompact})}\n            onOpenChange={(_open, _event, reason) => {\n                if (reason === 'escape-key') {\n                    onClose();\n                }\n            }}\n        >\n            {isCompact ? (\n                <SeachCompactView\n                    counter={counter}\n                    onClose={onClose}\n                    value={searchState.search}\n                    onExpand={handlers.onExpand}\n                    onChange={handlers.onSearchChange}\n                    onFindNext={handlers.onFindNext}\n                    onFindPrevious={handlers.onFindPrevious}\n                />\n            ) : (\n                <SearchCardView\n                    counter={counter}\n                    onClose={onClose}\n                    searchState={searchState}\n                    onSearchChange={handlers.onSearchChange}\n                    onReplacementChange={handlers.onReplaceChange}\n                    onFindNext={handlers.onFindNext}\n                    onFindPrevious={handlers.onFindPrevious}\n                    onReplace={handlers.onReplace}\n                    onReplaceAll={handlers.onReplaceAll}\n                    onWholeWordChange={handlers.onWholeWordChange}\n                    onCaseSensitiveChange={handlers.onCaseSensitiveChange}\n                />\n            )}\n        </Popup>\n    );\n};\n\nSearchPopup.displayName = 'SearchPopup';\n\ninterface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {\n    anchor: Element | null;\n}\n\nexport function renderSearchPopup({anchor, ...props}: SearchPopupWithRefProps) {\n    if (!anchor) return null;\n\n    return <SearchPopup anchor={anchor} {...props} />;\n}\n"]}

package/build/esm/modules/search/components/SearchTextInput.d.ts

@@ -0,0 +1,10 @@
+import { DelayedTextInput } from '@gravity-ui/components';
+import type { SearchCounter } from "../types.js";
+type DelayedTextInputProps = React.ComponentProps<typeof DelayedTextInput>;
+export type SearchTextInputProps = DelayedTextInputProps & {
+    counter?: SearchCounter;
+    onFindNext: () => void;
+    onFindPrevious: () => void;
+};
+export declare const SearchTextInput: React.FC<SearchTextInputProps>;
+export {};

package/build/esm/modules/search/components/SearchTextInput.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { DelayedTextInput } from '@gravity-ui/components';
+import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
+import { Button, ButtonIcon, Icon, sp } from '@gravity-ui/uikit';
+import { i18n } from "../../../i18n/search/index.js";
+import { SearchQA } from "../qa.js";
+import { SearchCounterText } from "./SearchCounter.js";
+export const SearchTextInput = function SearchTextInput({ counter, onFindNext, onFindPrevious, ...inputProps }) {
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === 'Enter') {
+            if (event.shiftKey)
+                onFindPrevious();
+            else
+                onFindNext();
+        }
+    }, [onFindNext, onFindPrevious]);
+    return (_jsx(DelayedTextInput, { size: "l", qa: SearchQA.FindInput, onKeyDown: handleKeyDown, endContent: Boolean(inputProps.value) && (_jsxs(_Fragment, { children: [counter && _jsx(SearchCounterText, { counter: counter, className: sp({ px: 1 }) }), _jsx(Button, { size: "m", view: "flat-secondary", onClick: onFindPrevious, "aria-label": i18n('action_prev'), qa: SearchQA.PrevBtn, children: _jsx(ButtonIcon, { children: _jsx(Icon, { data: ChevronUp }) }) }), _jsx(Button, { size: "m", view: "flat-secondary", onClick: onFindNext, className: sp({ ml: 1 }), "aria-label": i18n('action_next'), qa: SearchQA.NextBtn, children: _jsx(ButtonIcon, { children: _jsx(Icon, { data: ChevronDown }) }) })] })), ...inputProps }));
+};
+//# sourceMappingURL=SearchTextInput.js.map

package/build/esm/modules/search/components/SearchTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTextInput.js","sourceRoot":"../../../../../src","sources":["modules/search/components/SearchTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAC,IAAI,EAAC,sCAAwB;AAErC,OAAO,EAAC,QAAQ,EAAC,iBAAc;AAG/B,OAAO,EAAC,iBAAiB,EAAC,2BAAwB;AAUlD,MAAM,CAAC,MAAM,eAAe,GAAmC,SAAS,eAAe,CAAC,EACpF,OAAO,EACP,UAAU,EACV,cAAc,EACd,GAAG,UAAU,EAChB;IACG,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACxB,IAAI,KAAK,CAAC,QAAQ;gBAAE,cAAc,EAAE,CAAC;;gBAChC,UAAU,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,cAAc,CAAC,CAC/B,CAAC;IAEF,OAAO,CACH,KAAC,gBAAgB,IACb,IAAI,EAAC,GAAG,EACR,EAAE,EAAE,QAAQ,CAAC,SAAS,EACtB,SAAS,EAAE,aAAa,EACxB,UAAU,EACN,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CACzB,8BACK,OAAO,IAAI,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,GAAI,EAC3E,KAAC,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,cAAc,gBACX,IAAI,CAAC,aAAa,CAAC,EAC/B,EAAE,EAAE,QAAQ,CAAC,OAAO,YAEpB,KAAC,UAAU,cACP,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,GAChB,GACR,EACT,KAAC,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,EAAC,EAAE,EAAE,CAAC,EAAC,CAAC,gBACV,IAAI,CAAC,aAAa,CAAC,EAC/B,EAAE,EAAE,QAAQ,CAAC,OAAO,YAEpB,KAAC,UAAU,cACP,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,GAClB,GACR,IACV,CACN,KAED,UAAU,GAChB,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {DelayedTextInput} from '@gravity-ui/components';\nimport {ChevronDown, ChevronUp} from '@gravity-ui/icons';\nimport {Button, ButtonIcon, Icon, sp} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/search';\n\nimport {SearchQA} from '../qa';\nimport type {SearchCounter} from '../types';\n\nimport {SearchCounterText} from './SearchCounter';\n\ntype DelayedTextInputProps = React.ComponentProps<typeof DelayedTextInput>;\n\nexport type SearchTextInputProps = DelayedTextInputProps & {\n    counter?: SearchCounter;\n    onFindNext: () => void;\n    onFindPrevious: () => void;\n};\n\nexport const SearchTextInput: React.FC<SearchTextInputProps> = function SearchTextInput({\n    counter,\n    onFindNext,\n    onFindPrevious,\n    ...inputProps\n}) {\n    const handleKeyDown = useCallback<React.KeyboardEventHandler>(\n        (event) => {\n            if (event.key === 'Enter') {\n                if (event.shiftKey) onFindPrevious();\n                else onFindNext();\n            }\n        },\n        [onFindNext, onFindPrevious],\n    );\n\n    return (\n        <DelayedTextInput\n            size=\"l\"\n            qa={SearchQA.FindInput}\n            onKeyDown={handleKeyDown}\n            endContent={\n                Boolean(inputProps.value) && (\n                    <>\n                        {counter && <SearchCounterText counter={counter} className={sp({px: 1})} />}\n                        <Button\n                            size=\"m\"\n                            view=\"flat-secondary\"\n                            onClick={onFindPrevious}\n                            aria-label={i18n('action_prev')}\n                            qa={SearchQA.PrevBtn}\n                        >\n                            <ButtonIcon>\n                                <Icon data={ChevronUp} />\n                            </ButtonIcon>\n                        </Button>\n                        <Button\n                            size=\"m\"\n                            view=\"flat-secondary\"\n                            onClick={onFindNext}\n                            className={sp({ml: 1})}\n                            aria-label={i18n('action_next')}\n                            qa={SearchQA.NextBtn}\n                        >\n                            <ButtonIcon>\n                                <Icon data={ChevronDown} />\n                            </ButtonIcon>\n                        </Button>\n                    </>\n                )\n            }\n            {...inputProps}\n        />\n    );\n};\n"]}

package/build/esm/modules/search/hooks/use-search.d.ts

@@ -0,0 +1,24 @@
+import type { SearchState } from "../types.js";
+export type UseSearchProps = {
+    state: SearchState;
+    onChange: (config: SearchState) => void;
+    onSearchPrev: (config: SearchState) => void;
+    onSearchNext: (config: SearchState) => void;
+    onReplaceNext: (config: SearchState) => void;
+    onReplaceAll: (config: SearchState) => void;
+};
+export declare function useSearch({ state, onChange, onSearchPrev, onSearchNext, onReplaceNext, onReplaceAll, }: UseSearchProps): {
+    isCompact: boolean;
+    searchState: SearchState;
+    handlers: {
+        onExpand: () => void;
+        onSearchChange: (value: string) => void;
+        onReplaceChange: (value: string) => void;
+        onWholeWordChange: (val: boolean) => void;
+        onCaseSensitiveChange: (val: boolean) => void;
+        onFindPrevious: () => void;
+        onFindNext: () => void;
+        onReplace: () => void;
+        onReplaceAll: () => void;
+    };
+};

package/build/esm/modules/search/hooks/use-search.js

@@ -0,0 +1,44 @@
+import { useBooleanState } from "../../../react-utils/index.js";
+export function useSearch({ state, onChange, onSearchPrev, onSearchNext, onReplaceNext, onReplaceAll, }) {
+    const [isCompact, , showFullForm] = useBooleanState(true);
+    const handleSearchChange = (value) => {
+        onChange({ ...state, search: value });
+    };
+    const handleReplacementChange = (value) => {
+        onChange({ ...state, replace: value });
+    };
+    const handleFindPrevious = () => {
+        onSearchPrev(state);
+    };
+    const handleFindNext = () => {
+        onSearchNext(state);
+    };
+    const handleReplace = () => {
+        onReplaceNext(state);
+    };
+    const handleReplaceAll = () => {
+        onReplaceAll(state);
+    };
+    const handleCaseSensitiveChange = (val) => {
+        onChange({ ...state, caseSensitive: val });
+    };
+    const handleWholeWordChange = (val) => {
+        onChange({ ...state, wholeWord: val });
+    };
+    return {
+        isCompact,
+        searchState: state,
+        handlers: {
+            onExpand: showFullForm,
+            onSearchChange: handleSearchChange,
+            onReplaceChange: handleReplacementChange,
+            onWholeWordChange: handleWholeWordChange,
+            onCaseSensitiveChange: handleCaseSensitiveChange,
+            onFindPrevious: handleFindPrevious,
+            onFindNext: handleFindNext,
+            onReplace: handleReplace,
+            onReplaceAll: handleReplaceAll,
+        },
+    };
+}
+//# sourceMappingURL=use-search.js.map

package/build/esm/modules/search/hooks/use-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search.js","sourceRoot":"../../../../../src","sources":["modules/search/hooks/use-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,sCAAwB;AAahD,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,GACC;IACb,MAAM,CAAC,SAAS,EAAE,AAAD,EAAG,YAAY,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAE1D,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,QAAQ,CAAC,EAAC,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC9C,QAAQ,CAAC,EAAC,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,GAAY,EAAE,EAAE;QAC/C,QAAQ,CAAC,EAAC,GAAG,KAAK,EAAE,aAAa,EAAE,GAAG,EAAC,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,GAAY,EAAE,EAAE;QAC3C,QAAQ,CAAC,EAAC,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO;QACH,SAAS;QAET,WAAW,EAAE,KAAK;QAElB,QAAQ,EAAE;YACN,QAAQ,EAAE,YAAY;YAEtB,cAAc,EAAE,kBAAkB;YAClC,eAAe,EAAE,uBAAuB;YAExC,iBAAiB,EAAE,qBAAqB;YACxC,qBAAqB,EAAE,yBAAyB;YAEhD,cAAc,EAAE,kBAAkB;YAClC,UAAU,EAAE,cAAc;YAE1B,SAAS,EAAE,aAAa;YACxB,YAAY,EAAE,gBAAgB;SACjC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import {useBooleanState} from 'src/react-utils';\n\nimport type {SearchState} from '../types';\n\nexport type UseSearchProps = {\n    state: SearchState;\n    onChange: (config: SearchState) => void;\n    onSearchPrev: (config: SearchState) => void;\n    onSearchNext: (config: SearchState) => void;\n    onReplaceNext: (config: SearchState) => void;\n    onReplaceAll: (config: SearchState) => void;\n};\n\nexport function useSearch({\n    state,\n    onChange,\n    onSearchPrev,\n    onSearchNext,\n    onReplaceNext,\n    onReplaceAll,\n}: UseSearchProps) {\n    const [isCompact, , showFullForm] = useBooleanState(true);\n\n    const handleSearchChange = (value: string) => {\n        onChange({...state, search: value});\n    };\n\n    const handleReplacementChange = (value: string) => {\n        onChange({...state, replace: value});\n    };\n\n    const handleFindPrevious = () => {\n        onSearchPrev(state);\n    };\n\n    const handleFindNext = () => {\n        onSearchNext(state);\n    };\n\n    const handleReplace = () => {\n        onReplaceNext(state);\n    };\n\n    const handleReplaceAll = () => {\n        onReplaceAll(state);\n    };\n\n    const handleCaseSensitiveChange = (val: boolean) => {\n        onChange({...state, caseSensitive: val});\n    };\n\n    const handleWholeWordChange = (val: boolean) => {\n        onChange({...state, wholeWord: val});\n    };\n\n    return {\n        isCompact,\n\n        searchState: state,\n\n        handlers: {\n            onExpand: showFullForm,\n\n            onSearchChange: handleSearchChange,\n            onReplaceChange: handleReplacementChange,\n\n            onWholeWordChange: handleWholeWordChange,\n            onCaseSensitiveChange: handleCaseSensitiveChange,\n\n            onFindPrevious: handleFindPrevious,\n            onFindNext: handleFindNext,\n\n            onReplace: handleReplace,\n            onReplaceAll: handleReplaceAll,\n        },\n    };\n}\n"]}

package/build/esm/modules/search/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types.js";
+export * from "./components/SearchPopup.js";
+export { SearchQA } from "./qa.js";

package/build/esm/modules/search/index.js

@@ -0,0 +1,4 @@
+export * from "./types.js";
+export * from "./components/SearchPopup.js";
+export { SearchQA } from "./qa.js";
+//# sourceMappingURL=index.js.map

package/build/esm/modules/search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["modules/search/index.ts"],"names":[],"mappings":"AAAA,2BAAwB;AACxB,4CAAyC;AACzC,OAAO,EAAC,QAAQ,EAAC,gBAAa","sourcesContent":["export * from './types';\nexport * from './components/SearchPopup';\nexport {SearchQA} from './qa';\n"]}

package/build/esm/modules/search/qa.d.ts

@@ -0,0 +1,14 @@
+export declare const SearchQA: {
+    readonly Panel: "g-md-search-panel";
+    readonly Counter: "g-md-search-counter";
+    readonly NextBtn: "g-md-search-next-btn";
+    readonly PrevBtn: "g-md-search-prev-btn";
+    readonly FindInput: "g-md-search-find-input";
+    readonly ReplaceInput: "g-md-search-replace-input";
+    readonly ReplaceBtn: "g-md-search-replace-btn";
+    readonly ReplaceAllBtn: "g-md-search-replace-all-btn";
+    readonly ExpandBtn: "g-md-search-expand-btn";
+    readonly CaseSensitiveCheck: "g-md-search-case-sensitive-check";
+    readonly WholeWordCheck: "g-md-search-whole-word-check";
+    readonly CloseBtn: "g-md-search-close-btn";
+};

package/build/esm/modules/search/qa.js

@@ -0,0 +1,15 @@
+export const SearchQA = {
+    Panel: 'g-md-search-panel',
+    Counter: 'g-md-search-counter',
+    NextBtn: 'g-md-search-next-btn',
+    PrevBtn: 'g-md-search-prev-btn',
+    FindInput: 'g-md-search-find-input',
+    ReplaceInput: 'g-md-search-replace-input',
+    ReplaceBtn: 'g-md-search-replace-btn',
+    ReplaceAllBtn: 'g-md-search-replace-all-btn',
+    ExpandBtn: 'g-md-search-expand-btn',
+    CaseSensitiveCheck: 'g-md-search-case-sensitive-check',
+    WholeWordCheck: 'g-md-search-whole-word-check',
+    CloseBtn: 'g-md-search-close-btn',
+};
+//# sourceMappingURL=qa.js.map

package/build/esm/modules/search/qa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qa.js","sourceRoot":"../../../../src","sources":["modules/search/qa.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,sBAAsB;IAC/B,OAAO,EAAE,sBAAsB;IAC/B,SAAS,EAAE,wBAAwB;IACnC,YAAY,EAAE,2BAA2B;IACzC,UAAU,EAAE,yBAAyB;IACrC,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,wBAAwB;IACnC,kBAAkB,EAAE,kCAAkC;IACtD,cAAc,EAAE,8BAA8B;IAC9C,QAAQ,EAAE,uBAAuB;CAC3B,CAAC","sourcesContent":["export const SearchQA = {\n    Panel: 'g-md-search-panel',\n    Counter: 'g-md-search-counter',\n    NextBtn: 'g-md-search-next-btn',\n    PrevBtn: 'g-md-search-prev-btn',\n    FindInput: 'g-md-search-find-input',\n    ReplaceInput: 'g-md-search-replace-input',\n    ReplaceBtn: 'g-md-search-replace-btn',\n    ReplaceAllBtn: 'g-md-search-replace-all-btn',\n    ExpandBtn: 'g-md-search-expand-btn',\n    CaseSensitiveCheck: 'g-md-search-case-sensitive-check',\n    WholeWordCheck: 'g-md-search-whole-word-check',\n    CloseBtn: 'g-md-search-close-btn',\n} as const;\n"]}

package/build/esm/modules/search/types.d.ts

@@ -0,0 +1,10 @@
+export type SearchState = {
+    search: string;
+    replace: string;
+    caseSensitive: boolean;
+    wholeWord: boolean;
+};
+export type SearchCounter = {
+    current: number;
+    total: number;
+};

package/build/esm/modules/search/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/modules/search/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["modules/search/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SearchState = {\n    search: string;\n    replace: string;\n    caseSensitive: boolean;\n    wholeWord: boolean;\n};\n\nexport type SearchCounter = {\n    current: number;\n    total: number;\n};\n"]}

package/build/esm/react-utils/useAutoFocus.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from 'react';
-export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>, dependencies?: unknown[]) => void;
+export declare function useAutoFocus<T extends HTMLElement>(ref: RefObject<T>, dependencies?: unknown[], timeout?: number): void;

package/build/esm/react-utils/useAutoFocus.js

@@ -1,15 +1,14 @@
 import { useEffect } from 'react';
-export const useAutoFocus = (nodeRef, dependencies = []) => {
+export function useAutoFocus(ref, dependencies = [], timeout = 0) {
     useEffect(() => {
-        const { current: anchor } = nodeRef;
-        const timeout = setTimeout(() => {
-            anchor?.focus();
-        });
+        const timeoutId = setTimeout(() => {
+            ref.current?.focus();
+        }, timeout);
         return () => {
-            clearTimeout(timeout);
+            clearTimeout(timeoutId);
         };
         // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [nodeRef.current, ...dependencies]);
-};
+    }, dependencies);
+}
 //# sourceMappingURL=useAutoFocus.js.map

package/build/esm/react-utils/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.js","sourceRoot":"../../../src","sources":["react-utils/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAA+B,EAAE,eAA0B,EAAE,EAAE,EAAE;IAC1F,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC;QAClC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF,yEAAyE;QACzE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC","sourcesContent":["import {type RefObject, useEffect} from 'react';\n\nexport const useAutoFocus = (nodeRef: RefObject<HTMLElement>, dependencies: unknown[] = []) => {\n    useEffect(() => {\n        const {current: anchor} = nodeRef;\n        const timeout = setTimeout(() => {\n            anchor?.focus();\n        });\n\n        return () => {\n            clearTimeout(timeout);\n        };\n        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [nodeRef.current, ...dependencies]);\n};\n"]}
+{"version":3,"file":"useAutoFocus.js","sourceRoot":"../../../src","sources":["react-utils/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhD,MAAM,UAAU,YAAY,CACxB,GAAiB,EACjB,eAA0B,EAAE,EAC5B,OAAO,GAAG,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACzB,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,yEAAyE;QACzE,uDAAuD;IAC3D,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC","sourcesContent":["import {type RefObject, useEffect} from 'react';\n\nexport function useAutoFocus<T extends HTMLElement>(\n    ref: RefObject<T>,\n    dependencies: unknown[] = [],\n    timeout = 0,\n) {\n    useEffect(() => {\n        const timeoutId = setTimeout(() => {\n            ref.current?.focus();\n        }, timeout);\n\n        return () => {\n            clearTimeout(timeoutId);\n        };\n        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, dependencies);\n}\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.26.1' !== 'undefined' ? '15.26.1' : 'unknown';
+export const VERSION = typeof '15.27.1' !== 'undefined' ? '15.27.1' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.26.1' !== 'undefined' ? '15.26.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.27.1' !== 'undefined' ? '15.27.1' : 'unknown';\n"]}

package/build/styles.css

@@ -1661,6 +1661,13 @@ body :has(.g-md-resizable_resizing) {
   background: rgba(127, 127, 127, 0.8);
   transition: opacity 300ms ease-in 0s;
 }
+.ProseMirror-search-match {
+  background-color: var(--g-color-base-info-light);
+}
+
+.ProseMirror-active-search-match {
+  background-color: var(--g-color-base-info-heavy);
+}
 .g-md-editor.ProseMirror-focused .pm-node-selected {
   box-shadow: var(--g-color-text-info) 0 0 0 1px;
 }
@@ -1858,6 +1865,27 @@ body :has(.g-md-resizable_resizing) {
 .cm-file-upload-widget + .cm-file-upload-widget {
   margin-left: 2px;
 }
+.g-md-search-card {
+  width: 428px;
+}
+.g-md-search-card__row.g-md-search-card__row {
+  --gc-form-row-label-width: 86px;
+  --gc-form-row-field-height: 36px;
+}
+.g-md-search-compact {
+  display: flex;
+  align-items: center;
+  width: 428px;
+}
+.g-md-search-popup {
+  --g-popup-border-width: 0;
+  --g-popup-border-radius: 16px;
+  border-radius: 16px;
+}
+.g-md-search-popup_compact {
+  --g-popup-border-radius: var(--g-border-radius-l);
+  border-radius: var(--g-border-radius-l);
+}
 .ProseMirror .pm-h-folding-hidden,
 .yfm.ProseMirror .pm-h-folding-hidden {
   display: none;
@@ -2250,16 +2278,6 @@ body :has(.g-md-resizable_resizing) {
 .g-md-file-placeholder .yfm-file__icon {
   margin-right: 8px;
 }
-.g-md-search-card {
-  width: 450px;
-  padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
-}
-.g-md-search-card__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--g-spacing-1);
-}
 .g-md-gpt-dialog-loading-screen__header {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.26.1",
+  "version": "15.27.1",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -208,6 +208,7 @@
     "prosemirror-keymap": "^1.2.2",
     "prosemirror-model": "^1.24.1",
     "prosemirror-schema-list": "^1.5.0",
+    "prosemirror-search": "^1.1.0",
     "prosemirror-state": "^1.4.3",
     "prosemirror-test-builder": "^1.1.1",
     "prosemirror-transform": "^1.10.2",
@@ -313,9 +314,6 @@
     },
     "lowlight": {
       "optional": true
-    },
-    "@gravity-ui/components": {
-      "optional": true
     }
   },
   "peerDependencies": {

package/build/cjs/markup/codemirror/search-plugin/view/ReplaceIcons.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare const ReplaceIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-export declare const ReplaceAllIcon: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/markup/codemirror/search-plugin/view/ReplaceIcons.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReplaceAllIcon = exports.ReplaceIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ReplaceIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", width: 14, height: 14, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.221 3.739l2.261 2.269L7.7 3.784l-.7-.7-1.012 1.007-.008-1.6a.523.523 0 0 1 .5-.526H8V1H6.48A1.482 1.482 0 0 0 5 2.489V4.1L3.927 3.033l-.706.706zm6.67 1.794h.01c.183.311.451.467.806.467.393 0 .706-.168.94-.503.236-.335.353-.78.353-1.333 0-.511-.1-.913-.301-1.207-.201-.295-.488-.442-.86-.442-.405 0-.718.194-.938.581h-.01V1H9v4.919h.89v-.386zm-.015-1.061v-.34c0-.248.058-.448.175-.601a.54.54 0 0 1 .445-.23.49.49 0 0 1 .436.233c.104.154.155.368.155.643 0 .33-.056.587-.169.768a.524.524 0 0 1-.47.27.495.495 0 0 1-.411-.211.853.853 0 0 1-.16-.532zM9 12.769c-.256.154-.625.231-1.108.231-.563 0-1.02-.178-1.369-.533-.349-.355-.523-.813-.523-1.374 0-.648.186-1.158.56-1.53.374-.376.875-.563 1.5-.563.433 0 .746.06.94.179v.998a1.26 1.26 0 0 0-.792-.276c-.325 0-.583.1-.774.298-.19.196-.283.468-.283.816 0 .338.09.603.272.797.182.191.431.287.749.287.282 0 .558-.092.828-.276v.946zM4 7L3 8v6l1 1h7l1-1V8l-1-1H4zm0 1h7v6H4V8z" }) }));
-exports.ReplaceIcon = ReplaceIcon;
-const ReplaceAllIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", width: 14, height: 14, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6 2.677c.147-.31.356-.465.626-.465.248 0 .44.118.573.353.134.236.201.557.201.966 0 .443-.078.798-.235 1.067-.156.268-.365.402-.627.402-.237 0-.416-.125-.537-.374h-.008v.31H11V1h.593v1.677h.008zm-.016 1.1a.78.78 0 0 0 .107.426c.071.113.163.169.274.169.136 0 .24-.072.314-.216.075-.145.113-.35.113-.615 0-.22-.035-.39-.104-.514-.067-.124-.164-.187-.29-.187-.12 0-.219.062-.297.185a.886.886 0 0 0-.117.48v.272zM4.12 7.695L2 5.568l.662-.662 1.006 1v-1.51A1.39 1.39 0 0 1 5.055 3H7.4v.905H5.055a.49.49 0 0 0-.468.493l.007 1.5.949-.944.656.656-2.08 2.085zM9.356 4.93H10V3.22C10 2.408 9.685 2 9.056 2c-.135 0-.285.024-.45.073a1.444 1.444 0 0 0-.388.167v.665c.237-.203.487-.304.75-.304.261 0 .392.156.392.469l-.6.103c-.506.086-.76.406-.76.961 0 .263.061.473.183.631A.61.61 0 0 0 8.69 5c.29 0 .509-.16.657-.48h.009v.41zm.004-1.355v.193a.75.75 0 0 1-.12.436.368.368 0 0 1-.313.17.276.276 0 0 1-.22-.095.38.38 0 0 1-.08-.248c0-.222.11-.351.332-.389l.4-.067zM7 12.93h-.644v-.41h-.009c-.148.32-.367.48-.657.48a.61.61 0 0 1-.507-.235c-.122-.158-.183-.368-.183-.63 0-.556.254-.876.76-.962l.6-.103c0-.313-.13-.47-.392-.47-.263 0-.513.102-.75.305v-.665c.095-.063.224-.119.388-.167.165-.049.315-.073.45-.073.63 0 .944.407.944 1.22v1.71zm-.64-1.162v-.193l-.4.068c-.222.037-.333.166-.333.388 0 .1.027.183.08.248a.276.276 0 0 0 .22.095.368.368 0 0 0 .312-.17c.08-.116.12-.26.12-.436zM9.262 13c.321 0 .568-.058.738-.173v-.71a.9.9 0 0 1-.552.207.619.619 0 0 1-.5-.215c-.12-.145-.181-.345-.181-.598 0-.26.063-.464.189-.612a.644.644 0 0 1 .516-.223c.194 0 .37.069.528.207v-.749c-.129-.09-.338-.134-.626-.134-.417 0-.751.14-1.001.422-.249.28-.373.662-.373 1.148 0 .42.116.764.349 1.03.232.267.537.4.913.4zM2 9l1-1h9l1 1v5l-1 1H3l-1-1V9zm1 0v5h9V9H3zm3-2l1-1h7l1 1v5l-1 1V7H6z" }) }));
-exports.ReplaceAllIcon = ReplaceAllIcon;
-//# sourceMappingURL=ReplaceIcons.js.map

package/build/cjs/markup/codemirror/search-plugin/view/ReplaceIcons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReplaceIcons.js","sourceRoot":"../../../../../../src","sources":["markup/codemirror/search-plugin/view/ReplaceIcons.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,WAAW,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3E,gCACI,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,y5BAAy5B,GAC75B,GACA,CACT,CAAC;AAfW,QAAA,WAAW,eAetB;AAEK,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9E,gCACI,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2tDAA2tD,GAC/tD,GACA,CACT,CAAC;AAfW,QAAA,cAAc,kBAezB","sourcesContent":["import type React from 'react';\n\nexport const ReplaceIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        width={14}\n        height={14}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M3.221 3.739l2.261 2.269L7.7 3.784l-.7-.7-1.012 1.007-.008-1.6a.523.523 0 0 1 .5-.526H8V1H6.48A1.482 1.482 0 0 0 5 2.489V4.1L3.927 3.033l-.706.706zm6.67 1.794h.01c.183.311.451.467.806.467.393 0 .706-.168.94-.503.236-.335.353-.78.353-1.333 0-.511-.1-.913-.301-1.207-.201-.295-.488-.442-.86-.442-.405 0-.718.194-.938.581h-.01V1H9v4.919h.89v-.386zm-.015-1.061v-.34c0-.248.058-.448.175-.601a.54.54 0 0 1 .445-.23.49.49 0 0 1 .436.233c.104.154.155.368.155.643 0 .33-.056.587-.169.768a.524.524 0 0 1-.47.27.495.495 0 0 1-.411-.211.853.853 0 0 1-.16-.532zM9 12.769c-.256.154-.625.231-1.108.231-.563 0-1.02-.178-1.369-.533-.349-.355-.523-.813-.523-1.374 0-.648.186-1.158.56-1.53.374-.376.875-.563 1.5-.563.433 0 .746.06.94.179v.998a1.26 1.26 0 0 0-.792-.276c-.325 0-.583.1-.774.298-.19.196-.283.468-.283.816 0 .338.09.603.272.797.182.191.431.287.749.287.282 0 .558-.092.828-.276v.946zM4 7L3 8v6l1 1h7l1-1V8l-1-1H4zm0 1h7v6H4V8z\"\n        />\n    </svg>\n);\n\nexport const ReplaceAllIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        width={14}\n        height={14}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M11.6 2.677c.147-.31.356-.465.626-.465.248 0 .44.118.573.353.134.236.201.557.201.966 0 .443-.078.798-.235 1.067-.156.268-.365.402-.627.402-.237 0-.416-.125-.537-.374h-.008v.31H11V1h.593v1.677h.008zm-.016 1.1a.78.78 0 0 0 .107.426c.071.113.163.169.274.169.136 0 .24-.072.314-.216.075-.145.113-.35.113-.615 0-.22-.035-.39-.104-.514-.067-.124-.164-.187-.29-.187-.12 0-.219.062-.297.185a.886.886 0 0 0-.117.48v.272zM4.12 7.695L2 5.568l.662-.662 1.006 1v-1.51A1.39 1.39 0 0 1 5.055 3H7.4v.905H5.055a.49.49 0 0 0-.468.493l.007 1.5.949-.944.656.656-2.08 2.085zM9.356 4.93H10V3.22C10 2.408 9.685 2 9.056 2c-.135 0-.285.024-.45.073a1.444 1.444 0 0 0-.388.167v.665c.237-.203.487-.304.75-.304.261 0 .392.156.392.469l-.6.103c-.506.086-.76.406-.76.961 0 .263.061.473.183.631A.61.61 0 0 0 8.69 5c.29 0 .509-.16.657-.48h.009v.41zm.004-1.355v.193a.75.75 0 0 1-.12.436.368.368 0 0 1-.313.17.276.276 0 0 1-.22-.095.38.38 0 0 1-.08-.248c0-.222.11-.351.332-.389l.4-.067zM7 12.93h-.644v-.41h-.009c-.148.32-.367.48-.657.48a.61.61 0 0 1-.507-.235c-.122-.158-.183-.368-.183-.63 0-.556.254-.876.76-.962l.6-.103c0-.313-.13-.47-.392-.47-.263 0-.513.102-.75.305v-.665c.095-.063.224-.119.388-.167.165-.049.315-.073.45-.073.63 0 .944.407.944 1.22v1.71zm-.64-1.162v-.193l-.4.068c-.222.037-.333.166-.333.388 0 .1.027.183.08.248a.276.276 0 0 0 .22.095.368.368 0 0 0 .312-.17c.08-.116.12-.26.12-.436zM9.262 13c.321 0 .568-.058.738-.173v-.71a.9.9 0 0 1-.552.207.619.619 0 0 1-.5-.215c-.12-.145-.181-.345-.181-.598 0-.26.063-.464.189-.612a.644.644 0 0 1 .516-.223c.194 0 .37.069.528.207v-.749c-.129-.09-.338-.134-.626-.134-.417 0-.751.14-1.001.422-.249.28-.373.662-.373 1.148 0 .42.116.764.349 1.03.232.267.537.4.913.4zM2 9l1-1h9l1 1v5l-1 1H3l-1-1V9zm1 0v5h9V9H3zm3-2l1-1h7l1 1v5l-1 1V7H6z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/markup/codemirror/search-plugin/view/SearchPopup.css

@@ -1,10 +0,0 @@
-.g-md-search-card {
-  width: 450px;
-  padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
-}
-.g-md-search-card__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--g-spacing-1);
-}