tycho-components 0.2.0-SNAPSHOT-26 → 0.2.1-SNAPSHOT

package/dist/SentenceView/SentenceEditionTiers.d.ts

@@ -0,0 +1,7 @@
+import { Token } from '../configs/types/Struct';
+import './style.scss';
+type Props = {
+    tokens: Token[];
+};
+export default function SentenceEditionTiers({ tokens }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceEditionTiers.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import EditionTierUtils from '../functions/EditionTierUtils';
+import SentenceUtils from '../functions/SentenceUtils';
+import './style.scss';
+export default function SentenceEditionTiers({ tokens }) {
+    const { t } = useTranslation('sentence');
+    const { skipToken } = SentenceUtils;
+    const { getIterateTiers, getEditionTierName, getEditionForToken } = EditionTierUtils;
+    return (_jsx(_Fragment, { children: getIterateTiers().map((tier, idx) => {
+            const key = getEditionTierName(tier);
+            return (_jsxs("tr", { className: "word-tier", children: [_jsx("td", { children: t(`label.tier.${key.toLowerCase()}`) }), tokens.map((thisToken, idy) => {
+                        if (skipToken(thisToken)) {
+                            return true;
+                        }
+                        const tierEdition = getEditionForToken(thisToken);
+                        const value = (tierEdition?.ops || {})[tier] || '';
+                        return (_jsx("td", { className: "text-center", colSpan: thisToken.splits ? thisToken.splits.length : 1, children: _jsx("span", { className: value ? '' : 'empty', children: value || t('label.empty') }) }, `${thisToken.p}_${idx.valueOf()}_${idy.valueOf()}`));
+                    })] }, idx.valueOf()));
+        }) }));
+}

package/dist/SentenceView/SentenceMorphemeTags.d.ts

@@ -0,0 +1,6 @@
+import { Token } from '../configs/types/Struct';
+type Props = {
+    tokens: Token[];
+};
+export default function SentenceMorphemeTags({ tokens }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceMorphemeTags.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import SentenceUtils from '../functions/SentenceUtils';
+export default function SentenceMorphemeTags({ tokens }) {
+    const { t } = useTranslation('sentence');
+    const { skipToken } = SentenceUtils;
+    return (_jsxs("tr", { className: "tr-split", children: [_jsx("td", { children: t('label.tag') }), tokens.map((thisToken, idx) => {
+                const elements = [];
+                if (!skipToken(thisToken)) {
+                    if (thisToken.splits && thisToken.splits.length > 0) {
+                        {
+                            thisToken.splits.map((thisSplit, idy) => {
+                                elements.push(_jsx("td", { children: _jsx("span", { className: thisSplit.t ? '' : 'empty', children: thisSplit.t || t('label.empty') }) }, `${idx.valueOf()}_${idy.valueOf()}`));
+                            });
+                        }
+                    }
+                    else {
+                        elements.push(_jsx("td", { className: "empty", children: "\u00A0" }, idx.valueOf()));
+                    }
+                }
+                return elements;
+            })] }));
+}

package/dist/SentenceView/SentenceMorphemeTiers.d.ts

@@ -0,0 +1,9 @@
+import { Parameter } from '../configs/types/Parameter';
+import { Struct } from '../configs/types/Struct';
+import './style.scss';
+type Props = {
+    struct: Struct;
+    morphemeTiers: Parameter[];
+};
+export default function SentenceMorphemeTiers({ struct, morphemeTiers, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceMorphemeTiers.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import SentenceUtils from '../functions/SentenceUtils';
+import SentenceMorphemeTags from './SentenceMorphemeTags';
+import './style.scss';
+export default function SentenceMorphemeTiers({ struct, morphemeTiers, }) {
+    const { t } = useTranslation(['sentence']);
+    const { skipToken } = SentenceUtils;
+    return (_jsxs(_Fragment, { children: [_jsxs("tr", { children: [_jsx("td", { children: t('label.morphemes') }), struct.tokens.map((thisToken, idx) => {
+                        const elements = [];
+                        if (!skipToken(thisToken)) {
+                            if (thisToken.splits && thisToken.splits.length > 0) {
+                                {
+                                    thisToken.splits.map((thisSplit, idy) => {
+                                        elements.push(_jsx("td", { className: "split", children: _jsx("span", { children: thisSplit.v }) }, `${idx.valueOf()}_${idy.valueOf()}`));
+                                    });
+                                }
+                            }
+                            else {
+                                elements.push(_jsx("td", { className: "empty", children: "\u00A0" }, idx.valueOf()));
+                            }
+                        }
+                        return elements;
+                    })] }), _jsx(SentenceMorphemeTags, { tokens: struct.tokens }), morphemeTiers.map((tier, idx) => (_jsxs("tr", { className: "word-tier", children: [_jsx("td", { children: tier.name }), struct.tokens.map((thisToken, idy) => {
+                        const elements = [];
+                        if (!skipToken(thisToken)) {
+                            if (thisToken.splits && thisToken.splits.length > 0) {
+                                {
+                                    thisToken.splits.map((thisSplit, idz) => {
+                                        const value = thisSplit.attributes && thisSplit.attributes[tier.symbol];
+                                        elements.push(_jsx("td", { className: "text-center", children: _jsx("span", { className: value ? '' : 'empty', children: value || t('label.empty') }) }, `${idx.valueOf()}_${idy.valueOf()}_${idz.valueOf()}`));
+                                    });
+                                }
+                            }
+                            else {
+                                elements.push(_jsx("td", { className: "empty", children: "\u00A0" }, idx.valueOf()));
+                            }
+                        }
+                        return elements;
+                    })] }, idx.valueOf())))] }));
+}

package/dist/SentenceView/SentenceTags.d.ts

@@ -0,0 +1,6 @@
+import { Token } from '../configs/types/Struct';
+type Props = {
+    tokens: Token[];
+};
+export default function SentenceTags({ tokens }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceTags.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import SentenceUtils from '../functions/SentenceUtils';
+export default function SentenceTags({ tokens }) {
+    const { t } = useTranslation('sentence');
+    const { skipToken, getColspan, getTag } = SentenceUtils;
+    return (_jsxs("tr", { children: [_jsx("td", { children: t('label.pos.tag') }), tokens.map((thisToken, idx) => {
+                const elements = [];
+                if (!skipToken(thisToken)) {
+                    if (!thisToken.p && thisToken.mid) {
+                        elements.push(_jsx("td", { className: "bg-light", colSpan: getColspan(thisToken), children: "\u00A0" }, `t_${idx.valueOf()}`));
+                    }
+                    else {
+                        const value = getTag(thisToken);
+                        elements.push(_jsx("td", { className: "text-center", colSpan: getColspan(thisToken), children: _jsx("span", { className: value ? '' : 'empty', children: value || t('label.empty') }) }, `t_${idx.valueOf()}`));
+                    }
+                }
+                return elements;
+            })] }));
+}

package/dist/SentenceView/SentenceValues.d.ts

@@ -0,0 +1,6 @@
+import { Token } from '../configs/types/Struct';
+type Props = {
+    tokens: Token[];
+};
+export default function SentenceView({ tokens }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceValues.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import SentenceUtils from '../functions/SentenceUtils';
+export default function SentenceView({ tokens }) {
+    const { t } = useTranslation('sentence');
+    const { skipToken, getColspan } = SentenceUtils;
+    return (_jsxs("tr", { children: [_jsx("td", { children: t('label.word') }), tokens.map((thisToken, idx) => {
+                const elements = [];
+                if (!skipToken(thisToken)) {
+                    elements.push(_jsx("td", { className: thisToken.eid ? 'edited' : '', colSpan: getColspan(thisToken), children: _jsx("span", { children: thisToken.split ? thisToken.split.v : thisToken.v }) }, `v_${idx.valueOf()}`));
+                }
+                return elements;
+            })] }));
+}

package/dist/SentenceView/SentenceView.d.ts

@@ -0,0 +1,12 @@
+import { Parameter } from '../configs/types/Parameter';
+import { Struct } from '../configs/types/Struct';
+import './style.scss';
+type Props = {
+    wordTiers: Parameter[];
+    morphemeTiers: Parameter[];
+    struct: Struct;
+    useMorphemes?: boolean;
+    useEditionTiers?: boolean;
+};
+export default function SentenceView({ wordTiers, morphemeTiers, struct, useMorphemes, useEditionTiers, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceView.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import SentenceUtils from '../functions/SentenceUtils';
+import SentenceEditionTiers from './SentenceEditionTiers';
+import SentenceMorphemeTiers from './SentenceMorphemeTiers';
+import SentenceTags from './SentenceTags';
+import SentenceValues from './SentenceValues';
+import SentenceWordTiers from './SentenceWordTiers';
+import './style.scss';
+export default function SentenceView({ wordTiers, morphemeTiers, struct, useMorphemes, useEditionTiers, }) {
+    const tokens = SentenceUtils.sort(struct);
+    return (_jsx("div", { className: "sentence-view-container", children: _jsx("div", { className: "body", children: _jsx("table", { className: "table table-striped", children: _jsxs("tbody", { children: [_jsx(SentenceValues, { tokens: tokens }), _jsx(SentenceTags, { tokens: tokens }), useEditionTiers && _jsx(SentenceEditionTiers, { tokens: tokens }), wordTiers && (_jsx(SentenceWordTiers, { tokens: tokens, wordTiers: wordTiers })), useMorphemes && morphemeTiers && (_jsx(SentenceMorphemeTiers, { struct: struct, morphemeTiers: morphemeTiers }))] }) }) }) }));
+}

package/dist/SentenceView/SentenceWordTiers.d.ts

@@ -0,0 +1,8 @@
+import { Parameter } from '../configs/types/Parameter';
+import { Token } from '../configs/types/Struct';
+type Props = {
+    tokens: Token[];
+    wordTiers: Parameter[];
+};
+export default function SentenceWordTiers({ tokens, wordTiers }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/SentenceView/SentenceWordTiers.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import SentenceUtils from '../functions/SentenceUtils';
+export default function SentenceWordTiers({ tokens, wordTiers }) {
+    const { t } = useTranslation('sentence');
+    const { skipToken } = SentenceUtils;
+    return (_jsx(_Fragment, { children: wordTiers.map((tier, idx) => (_jsxs("tr", { className: "word-tier", children: [_jsx("td", { children: tier.name }), tokens.map((thisToken, idy) => {
+                    if (!skipToken(thisToken)) {
+                        const value = (thisToken.attributes && thisToken.attributes[tier.symbol]) ||
+                            '';
+                        return (_jsx("td", { className: "text-center", colSpan: thisToken.splits ? thisToken.splits.length : 1, children: _jsx("span", { className: value ? '' : 'empty', children: value || t('label.empty') }) }, idy.valueOf()));
+                    }
+                    return null;
+                })] }, idx.valueOf()))) }));
+}

package/dist/SentenceView/style.scss

@@ -0,0 +1,73 @@
+.sentence-view-container {
+  .body {
+    overflow-x: scroll;
+    overflow-y: hidden;
+    margin-left: 8vw;
+
+    .table {
+      width: 100%;
+      margin-bottom: 8px;
+      font-size: var(--font-size-medium);
+
+      tbody {
+        tr {
+          td {
+            padding: 2px;
+            min-width: 5vw;
+            text-align: center;
+            white-space: nowrap;
+            border: 1px solid var(--color-primary-alternative);
+            line-height: 32px;
+
+            &.edited {
+              background-color: #fdfdd7;
+            }
+
+            &:first-child {
+              position: absolute;
+              background-color: #fff;
+              display: inline-block;
+              font-weight: bolder;
+              width: 8vw;
+              border: none;
+              left: 0;
+              top: auto;
+              cursor: default;
+              margin-left: 12px;
+            }
+
+            &.split {
+              .dot {
+                border: none;
+                float: right;
+                padding: 1px 1px 0px;
+                display: flex;
+
+                svg {
+                  height: 10px;
+                  width: 10px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1600px) {
+  .sentence-view-container {
+    .body {
+      margin-left: 12vw;
+      .table {
+        width: 2000px;
+        overflow-y: auto;
+
+        tbody tr td:first-child {
+          width: 12vw;
+        }
+      }
+    }
+  }
+}

package/dist/configs/Localization.d.ts

@@ -141,6 +141,21 @@ export declare const commonResources: {
             'placeholder.sentence.notparsed': string;
             'date.parsed': string;
         };
+        sentence: {
+            'label.word': string;
+            'label.pos.tag': string;
+            'label.tag': string;
+            'label.morphemes': string;
+            'label.empty': string;
+            'label.tier.spelling': string;
+            'label.tier.expansion': string;
+            'label.tier.correction': string;
+            'label.tier.punctuation': string;
+            'label.tier.illegible': string;
+            'label.tier.modernization': string;
+            'label.tier.padronization': string;
+            'label.tier.inflection': string;
+        };
         upload: {
             'label.dropzone': string;
             'label.uploaded.file': string;
@@ -280,6 +295,21 @@ export declare const commonResources: {
             'modal.input.name': string;
             'participant.code.exists': string;
         };
+        sentence: {
+            'label.word': string;
+            'label.pos.tag': string;
+            'label.tag': string;
+            'label.morphemes': string;
+            'label.empty': string;
+            'label.tier.spelling': string;
+            'label.tier.expansion': string;
+            'label.tier.correction': string;
+            'label.tier.punctuation': string;
+            'label.tier.illegible': string;
+            'label.tier.modernization': string;
+            'label.tier.padronization': string;
+            'label.tier.inflection': string;
+        };
         tree: {
             'button.expand.tree': string;
             'button.recenter.tree': string;
@@ -429,6 +459,21 @@ export declare const commonResources: {
             'modal.select.transfer': string;
             'participant.code.exists': string;
         };
+        sentence: {
+            'label.word': string;
+            'label.pos.tag': string;
+            'label.tag': string;
+            'label.morphemes': string;
+            'label.empty': string;
+            'label.tier.spelling': string;
+            'label.tier.expansion': string;
+            'label.tier.correction': string;
+            'label.tier.punctuation': string;
+            'label.tier.illegible': string;
+            'label.tier.modernization': string;
+            'label.tier.padronization': string;
+            'label.tier.inflection': string;
+        };
         tree: {
             'button.expand.tree': string;
             'button.recenter.tree': string;

package/dist/configs/Localization.js

@@ -7,6 +7,7 @@ import { HeaderTexts } from './localization/HeaderTexts';
 import { ParticipantsTexts } from './localization/ParticipantsTexts';
 import { UploadTexts } from './localization/UploadTexts';
 import { TreeTexts } from './localization/TreeTexts';
+import { SentenceTexts } from './localization/SentenceTexts';
 export const commonResources = {
     en: {
         comments: CommentsTexts.en,
@@ -14,6 +15,7 @@ export const commonResources = {
         header: HeaderTexts.en,
         participants: ParticipantsTexts.en,
         tree: TreeTexts.en,
+        sentence: SentenceTexts.en,
         upload: UploadTexts.en,
     },
     'pt-BR': {
@@ -21,6 +23,7 @@ export const commonResources = {
         common: CommonTexts['pt-BR'],
         header: HeaderTexts['pt-BR'],
         participants: ParticipantsTexts['pt-BR'],
+        sentence: SentenceTexts['pt-BR'],
         tree: TreeTexts['pt-BR'],
         upload: UploadTexts['pt-BR'],
     },
@@ -29,6 +32,7 @@ export const commonResources = {
         common: CommonTexts.it,
         header: HeaderTexts.it,
         participants: ParticipantsTexts.it,
+        sentence: SentenceTexts.it,
         tree: TreeTexts.it,
         upload: UploadTexts.it,
     },

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

@@ -0,0 +1,47 @@
+export declare const SentenceTexts: {
+    en: {
+        'label.word': string;
+        'label.pos.tag': string;
+        'label.tag': string;
+        'label.morphemes': string;
+        'label.empty': string;
+        'label.tier.spelling': string;
+        'label.tier.expansion': string;
+        'label.tier.correction': string;
+        'label.tier.punctuation': string;
+        'label.tier.illegible': string;
+        'label.tier.modernization': string;
+        'label.tier.padronization': string;
+        'label.tier.inflection': string;
+    };
+    'pt-BR': {
+        'label.word': string;
+        'label.pos.tag': string;
+        'label.tag': string;
+        'label.morphemes': string;
+        'label.empty': string;
+        'label.tier.spelling': string;
+        'label.tier.expansion': string;
+        'label.tier.correction': string;
+        'label.tier.punctuation': string;
+        'label.tier.illegible': string;
+        'label.tier.modernization': string;
+        'label.tier.padronization': string;
+        'label.tier.inflection': string;
+    };
+    it: {
+        'label.word': string;
+        'label.pos.tag': string;
+        'label.tag': string;
+        'label.morphemes': string;
+        'label.empty': string;
+        'label.tier.spelling': string;
+        'label.tier.expansion': string;
+        'label.tier.correction': string;
+        'label.tier.punctuation': string;
+        'label.tier.illegible': string;
+        'label.tier.modernization': string;
+        'label.tier.padronization': string;
+        'label.tier.inflection': string;
+    };
+};

package/dist/configs/localization/SentenceTexts.js

@@ -0,0 +1,47 @@
+export const SentenceTexts = {
+    en: {
+        'label.word': 'Word',
+        'label.pos.tag': 'POS Tag',
+        'label.tag': 'Tag',
+        'label.morphemes': 'Morphemes',
+        'label.empty': '-',
+        'label.tier.spelling': 'spelling',
+        'label.tier.expansion': 'expansion',
+        'label.tier.correction': 'correction',
+        'label.tier.punctuation': 'punctuation',
+        'label.tier.illegible': 'illegible',
+        'label.tier.modernization': 'modernization',
+        'label.tier.padronization': 'padronization',
+        'label.tier.inflection': 'inflection',
+    },
+    'pt-BR': {
+        'label.word': 'Palavra',
+        'label.pos.tag': 'Etiqueta POS',
+        'label.tag': 'Etiqueta',
+        'label.morphemes': 'Morfemas',
+        'label.empty': '-',
+        'label.tier.spelling': 'grafia',
+        'label.tier.expansion': 'expansão',
+        'label.tier.correction': 'correção',
+        'label.tier.punctuation': 'pontuação',
+        'label.tier.illegible': 'ilegível',
+        'label.tier.modernization': 'modernização',
+        'label.tier.padronization': 'padronização',
+        'label.tier.inflection': 'flexão',
+    },
+    it: {
+        'label.word': 'Parola',
+        'label.pos.tag': 'Etichetta POS',
+        'label.tag': 'Etichetta',
+        'label.morphemes': 'Morfemi',
+        'label.empty': '-',
+        'label.tier.spelling': 'ortografia',
+        'label.tier.expansion': 'espansione',
+        'label.tier.correction': 'correzione',
+        'label.tier.punctuation': 'punteggiatura',
+        'label.tier.illegible': 'illeggibile',
+        'label.tier.modernization': 'modernizzazione',
+        'label.tier.padronization': 'standardizzazione',
+        'label.tier.inflection': 'flessione',
+    },
+};

package/dist/configs/mock/MockStructs.d.ts

@@ -0,0 +1,4 @@
+import { Struct } from '../../configs/types/Struct';
+export declare const structWithMorphemes: Struct;
+export declare const structNotParsed: Struct;
+export declare const structWithEditionTiers: Struct;