tycho-components 0.0.15-SNAPSHOT-8 → 0.0.15-SNAPSHOT-10

package/dist/AppAnalytics/AppAnalytics.d.ts

@@ -0,0 +1 @@
+export default function AppAnalytics(): null;

package/dist/AppAnalytics/AppAnalytics.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+export default function AppAnalytics() {
+    const GA_ID = import.meta.env.VITE_APP_GA_ID;
+    useEffect(() => {
+        if (!GA_ID) {
+            console.warn('Google Analytics ID not set.');
+            return;
+        }
+        // Inject the gtag.js script
+        const script = document.createElement('script');
+        script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_ID}`;
+        script.async = true;
+        document.head.appendChild(script);
+        // Inject the inline gtag config script exactly like GA docs do
+        const inlineScript = document.createElement('script');
+        inlineScript.innerHTML = `
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${GA_ID}');
+    `;
+        document.head.appendChild(inlineScript);
+    }, []);
+    return null;
+}

package/dist/AppAnalytics/index.d.ts

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/AppAnalytics/index.js

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/Header/Header.d.ts

@@ -8,6 +8,7 @@ type Props = {
     autoload?: boolean;
     freeAccess?: boolean;
     hideKeyboard?: boolean;
+    hideReplaceAll?: boolean;
 };
-export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/Header.js

@@ -8,10 +8,11 @@ import LanguageSelector from '../LanguageSelector';
 import VirtualKeyboard from '../VirtualKeyboard';
 import HeaderApps from './HeaderApps';
 import HeaderCorpora from './HeaderCorpora/HeaderCorpora';
+import HeaderReplaceAll from './HeaderReplaceAll';
 import HeaderUser from './HeaderUser';
 import './styles.scss';
 const linkTurorials = 'https://www.tycho.iel.unicamp.br/home/tutorials';
-export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, }) {
+export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, }) {
     const { t } = useTranslation('header');
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const [openKeyboard, setOpenKeyboard] = useState(false);
@@ -21,5 +22,5 @@ export default function Header({ tool, navigateHome, navigateCorpora, navigateLo
     const homeTextsClass = cx('texts', {
         pointer: navigateHome !== undefined,
     });
-    return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), _jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora }), _jsxs("div", { className: profileClass, children: [!hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(IconButton, { name: "live_help", size: "medium", title: t('tooltip.tutorials'), onClick: () => window.open(linkTurorials, '_blank') }), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: getCorpus().keyboardLayout || 'english' }))] }));
+    return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), _jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora }), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(IconButton, { name: "live_help", size: "medium", title: t('tooltip.tutorials'), onClick: () => window.open(linkTurorials, '_blank') }), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: getCorpus().keyboardLayout || 'english' }))] }));
 }

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -56,5 +56,5 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
     useEffect(() => {
         autoload && loadAndApply();
     }, [autoload]);
-    return (_jsxs("div", { className: "header-corpora-container", children: [hasCorpus() && (_jsxs("div", { className: "corpus-container", onClick: handleCorpusClick, children: [_jsx(AppPicture, { src: getCorpus().picture, title: getCorpus().name, className: "avatar" }), _jsx("span", { children: getCorpus().name })] })), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "avatar" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
+    return (_jsxs("div", { className: "header-corpora-container", children: [hasCorpus() && (_jsxs("div", { className: "header-corpus-container", onClick: handleCorpusClick, children: [_jsx(AppPicture, { src: getCorpus().picture, title: getCorpus().name, className: "header-corpus-image" }), _jsx("span", { children: getCorpus().name })] })), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
 }

package/dist/Header/HeaderCorpora/style.scss

@@ -3,7 +3,7 @@
   margin-left: auto;
   margin-right: auto;
 
-  .corpus-container {
+  .header-corpus-container {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -15,6 +15,12 @@
       @include label-large-1;
       color: var(--text-light-fixed);
     }
+
+    .header-corpus-image {
+      border-radius: 50%;
+      width: 32px;
+      height: 32px;
+    }
   }
 }
 
@@ -39,7 +45,8 @@
         background-color: var(--layer-hover-1);
       }
 
-      > img {
+      .modal-corpus-image {
+        border-radius: 50%;
         width: 48px;
         height: 48px;
       }

package/dist/Header/HeaderReplaceAll/HeaderReplaceAll.d.ts

@@ -0,0 +1,2 @@
+import './style.scss';
+export default function HeaderReplaceAll(): import("react/jsx-runtime").JSX.Element;

package/dist/Header/HeaderReplaceAll/HeaderReplaceAll.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faArrowsRotate } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useState } from 'react';
+import { Button, OverlayTrigger, Popover } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import { getCurrentInput, getCurrentOnChange } from 'tycho-storybook';
+import './style.scss';
+export default function HeaderReplaceAll() {
+    const { t } = useTranslation('header');
+    const [findValue, setFindValue] = useState('');
+    const [replaceValue, setReplaceValue] = useState('');
+    const replaceAll = (str, find, replace) => {
+        // Escape special regex characters in 'find'
+        var escapedFind = find.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        var regex = new RegExp(escapedFind, 'g');
+        return str.replace(regex, replace);
+    };
+    const handleReplaceAll = () => {
+        const input = getCurrentInput();
+        const onChange = getCurrentOnChange();
+        if (input && onChange) {
+            const value = input.value;
+            input.value = replaceAll(value, findValue, replaceValue);
+            input.focus();
+            onChange({ target: input });
+        }
+    };
+    const popoverReplace = (_jsx(Popover, { className: "popover-replace", children: _jsxs(Popover.Body, { children: [_jsx("input", { type: "text", placeholder: t('replace.find.placeholder'), value: findValue, onChange: (e) => setFindValue(e.target.value) }), _jsx("input", { type: "text", placeholder: t('replace.placeholder'), value: replaceValue, onChange: (e) => setReplaceValue(e.target.value) }), _jsx(Button, { size: "sm", onClick: handleReplaceAll, children: "confirm" })] }) }));
+    return (_jsx(OverlayTrigger, { placement: "bottom", trigger: "click", overlay: popoverReplace, rootClose: true, children: _jsx(Button, { className: "btn-replace-all", title: t('replace.all.tooltip'), children: _jsx(FontAwesomeIcon, { icon: faArrowsRotate }) }) }));
+}

package/dist/Header/HeaderReplaceAll/index.d.ts

@@ -0,0 +1,2 @@
+import HeaderReplaceAll from './HeaderReplaceAll';
+export default HeaderReplaceAll;

package/dist/Header/HeaderReplaceAll/index.js

@@ -0,0 +1,2 @@
+import HeaderReplaceAll from './HeaderReplaceAll';
+export default HeaderReplaceAll;

package/dist/Header/HeaderReplaceAll/style.scss

@@ -0,0 +1,24 @@
+.popover-replace {
+  max-width: 10vw;
+
+  > .popover-body {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    max-width: 10vw;
+    padding: 8px;
+  }
+}
+
+.btn-replace-all {
+  width: 40px;
+  height: 40px;
+  background: var(--button-primary-default);
+  border-radius: 0;
+  border: 0;
+  margin-right: 4px;
+
+  &:hover {
+    background: var(--button-primary-hover);
+  }
+}

package/dist/configs/Localization.d.ts

@@ -84,6 +84,9 @@ export declare const commonResources: {
             'button.close': string;
             'tooltip.keyboard': string;
             'tooltip.tutorials': string;
+            'replace.all.tooltip': string;
+            'replace.find.placeholder': string;
+            'replace.placeholder': string;
             'tag.public': string;
             'tag.private': string;
             'profile.label.hello': string;
@@ -201,6 +204,9 @@ export declare const commonResources: {
             'button.close': string;
             'tooltip.keyboard': string;
             'tooltip.tutorials': string;
+            'replace.all.tooltip': string;
+            'replace.find.placeholder': string;
+            'replace.placeholder': string;
             'tag.public': string;
             'tag.private': string;
             'profile.label.hello': string;
@@ -248,6 +254,9 @@ export declare const commonResources: {
             'button.close': string;
             'tooltip.keyboard': string;
             'tooltip.tutorials': string;
+            'replace.all.tooltip': string;
+            'replace.find.placeholder': string;
+            'replace.placeholder': string;
             'tag.public': string;
             'tag.private': string;
             'profile.label.hello': string;

package/dist/configs/localization/HeaderTexts.d.ts

@@ -10,6 +10,9 @@ export declare const HeaderTexts: {
         'button.close': string;
         'tooltip.keyboard': string;
         'tooltip.tutorials': string;
+        'replace.all.tooltip': string;
+        'replace.find.placeholder': string;
+        'replace.placeholder': string;
         'tag.public': string;
         'tag.private': string;
         'profile.label.hello': string;
@@ -54,6 +57,9 @@ export declare const HeaderTexts: {
         'button.close': string;
         'tooltip.keyboard': string;
         'tooltip.tutorials': string;
+        'replace.all.tooltip': string;
+        'replace.find.placeholder': string;
+        'replace.placeholder': string;
         'tag.public': string;
         'tag.private': string;
         'profile.label.hello': string;
@@ -99,6 +105,9 @@ export declare const HeaderTexts: {
         'button.close': string;
         'tooltip.keyboard': string;
         'tooltip.tutorials': string;
+        'replace.all.tooltip': string;
+        'replace.find.placeholder': string;
+        'replace.placeholder': string;
         'tag.public': string;
         'tag.private': string;
         'profile.label.hello': string;

package/dist/configs/localization/HeaderTexts.js

@@ -10,6 +10,9 @@ export const HeaderTexts = {
         'button.close': 'Close',
         'tooltip.keyboard': 'Open Virtual Keyboard',
         'tooltip.tutorials': 'Views Tutorials',
+        'replace.all.tooltip': 'Replace All',
+        'replace.find.placeholder': 'Find',
+        'replace.placeholder': 'Replace',
         'tag.public': 'Public',
         'tag.private': 'Private',
         'profile.label.hello': 'Hello,',
@@ -54,6 +57,9 @@ export const HeaderTexts = {
         'button.close': 'Fechar',
         'tooltip.keyboard': 'Abrir Teclado Virtual',
         'tooltip.tutorials': 'Ver tutoriais',
+        'replace.all.tooltip': 'Substituir Todos',
+        'replace.find.placeholder': 'Procurar',
+        'replace.placeholder': 'Substituir',
         'tag.public': 'Público',
         'tag.private': 'Privado',
         'profile.label.hello': 'Olá,',
@@ -99,6 +105,9 @@ export const HeaderTexts = {
         'button.close': 'Chiudi',
         'tooltip.keyboard': 'Apri tastiera virtuale',
         'tooltip.tutorials': 'Visualizza i tutorial',
+        'replace.all.tooltip': 'Sostituisci tutto',
+        'replace.find.placeholder': 'Trova',
+        'replace.placeholder': 'Sostituisci',
         'tag.public': 'Pubblico',
         'tag.private': 'Privato',
         'profile.label.hello': 'Ciao,',

package/dist/functions/CorpusUtils.d.ts

@@ -0,0 +1,5 @@
+import { Corpus } from '../configs/Corpus';
+declare const CorpusUtils: {
+    hasParameter: (corpus: Corpus, param: string) => boolean;
+};
+export default CorpusUtils;

package/dist/functions/CorpusUtils.js

@@ -0,0 +1,7 @@
+const hasParameter = (corpus, param) => {
+    return corpus.parameters[param];
+};
+const CorpusUtils = {
+    hasParameter,
+};
+export default CorpusUtils;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppEditable } from './AppEditable';
 export { default as AppLoading } from './AppLoading';
@@ -23,6 +24,7 @@ export { commonResources } from './configs/Localization';
 export { KeyboardCustomLayouts } from './VirtualKeyboard/KeyboardCustomLayout';
 export { CorpusImageTypeNames } from './configs/CorpusImage';
 export { UserStatusNames } from './configs/User';
+export { default as CorpusUtils } from './functions/CorpusUtils';
 export { default as DateUtils } from './functions/DateUtils';
 export { default as FormUtils } from './functions/FormUtils';
 export { default as ImageUtils } from './functions/ImageUtils';

package/dist/index.js

@@ -1,3 +1,4 @@
+export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppEditable } from './AppEditable';
 export { default as AppLoading } from './AppLoading';
@@ -23,6 +24,7 @@ export { commonResources } from './configs/Localization';
 export { KeyboardCustomLayouts } from './VirtualKeyboard/KeyboardCustomLayout';
 export { CorpusImageTypeNames } from './configs/CorpusImage';
 export { UserStatusNames } from './configs/User';
+export { default as CorpusUtils } from './functions/CorpusUtils';
 export { default as DateUtils } from './functions/DateUtils';
 export { default as FormUtils } from './functions/FormUtils';
 export { default as ImageUtils } from './functions/ImageUtils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.15-SNAPSHOT-8",
+  "version": "0.0.15-SNAPSHOT-10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {