@leav/ui 0.0.1-alpha-2 → 0.0.1-alpha-4

package/dist/types/attributes.d.ts

@@ -1,4 +1,4 @@
-import { AttributeFormat, AttributeType } from '_ui/_gqlTypes';
+import { AttributeFormat, AttributeType } from '../_gqlTypes';
 import { SystemTranslation } from './scalars';
 import { IParentAttributeData, ITreeData } from './search';
 export interface ISelectedAttribute {

package/dist/types/search.d.ts

@@ -1,7 +1,7 @@
 import { IDateRangeValue } from '@leav/utils';
 import { ReactNode } from 'react';
-import { AttributeFormat, AttributesByLibAttributeStandardAttributeFragment, AttributeType, RecordFilterCondition, RecordFilterOperator } from '_ui/_gqlTypes';
-import { ILibraryDetailExtendedAttributeParentLinkedLibrary, ILibraryDetailExtendedAttributeParentLinkedTree } from '_ui/_queries/libraries/getLibraryDetailExtendQuery';
+import { AttributeFormat, AttributesByLibAttributeStandardAttributeFragment, AttributeType, RecordFilterCondition, RecordFilterOperator } from '../_gqlTypes';
+import { ILibraryDetailExtendedAttributeParentLinkedLibrary, ILibraryDetailExtendedAttributeParentLinkedTree } from '../_queries/libraries/getLibraryDetailExtendQuery';
 import { ValueOf } from './misc';
 import { IRecordIdentityWhoAmI } from './records';
 import { SystemTranslation } from './scalars';

package/dist/types/search.js

@@ -1,4 +1,4 @@
-import { RecordFilterCondition } from '_ui/_gqlTypes';
+import { RecordFilterCondition } from '../_gqlTypes';
 export var SearchOrder;
 (function (SearchOrder) {
     SearchOrder["DESC"] = "DESC";

package/dist/types/views.d.ts

@@ -1,4 +1,4 @@
-import { SortOrder, ViewSizes, ViewTypes } from '_ui/_gqlTypes';
+import { SortOrder, ViewSizes, ViewTypes } from '../_gqlTypes';
 import { SystemTranslation } from './scalars';
 import { IFilter } from './search';
 import { IValueVersion } from './values';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@leav/ui",
-  "version": "0.0.1-alpha-2",
+  "version": "0.0.1-alpha-4",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
     "graphql-generate": "graphql-codegen --config ./codegen.ts",
     "dev": "tsc --build  tsconfig.build.json --watch",
-    "build": "tsc --build tsconfig.build.json",
+    "build": "tsc --build tsconfig.build.json && tsc-alias",
     "tscheck": "tsc --noEmit -p .",
     "tscheck:watch": "tsc -w --noEmit -p .",
     "test": "jest",
@@ -16,8 +16,12 @@
     "publish": "npm publish --access public"
   },
   "main": "dist/index",
+  "files": [
+    "dist"
+  ],
   "author": "",
   "license": "LGPL3",
+  "repository": "https://github.com/leav-solutions/leav-engine",
   "devDependencies": {
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
@@ -27,6 +31,7 @@
     "@testing-library/react": "14.0.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.4.3",
+    "@types/dompurify": "3.0.3",
     "@types/jest": "29.0.2",
     "babel-jest": "29.3.1",
     "commander": "9.5.0",
@@ -35,6 +40,7 @@
     "jest-styled-components": "7.1.1",
     "react-router-dom": "5.3.3",
     "ts-jest": "29.0.1",
+    "tsc-alias": "1.8.8",
     "typescript": "4.8.3"
   },
   "peerDependencies": {
@@ -52,7 +58,12 @@
   },
   "stableVersion": "1.0.0",
   "dependencies": {
+    "@ckeditor/ckeditor5-build-inline": "39.0.1",
+    "@ckeditor/ckeditor5-react": "6.1.0",
     "@leav/utils": "0.0.1",
-    "i18next-resources-to-backend": "1.1.4"
+    "dompurify": "3.0.5",
+    "html-react-parser": "4.2.2",
+    "i18next-resources-to-backend": "1.1.4",
+    "react-icons": "4.7.1"
   }
 }

package/apollo.apiKey.js.example

@@ -1,7 +0,0 @@
-/*
-Copyright LEAV Solutions 2017
-This file is released under LGPL V3
-License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-*/
-// Copy this file to apollo.token.js and put any valid token in order to use apollo CLI tools like types generation
-module.exports = '';

package/codegen.ts

@@ -1,48 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {CodegenConfig} from '@graphql-codegen/cli';
-import apiKey from './apollo.apiKey';
-
-const apiUrl = 'http://core.leav.localhost';
-
-const config: CodegenConfig = {
-    schema: [
-        {
-            [`${apiUrl}/graphql?key=${apiKey}`]: {}
-        }
-    ],
-    documents: ['src/(_queries|gqlFragments)/**/*.ts'],
-    generates: {
-        'src/_gqlTypes/index.ts': {
-            plugins: [
-                'typescript',
-                'typescript-operations',
-                'typescript-react-apollo',
-                {
-                    add: {
-                        content: "import {IPreviewScalar} from '@leav/utils'"
-                    }
-                }
-            ],
-            config: {
-                namingConvention: {
-                    typeNames: 'change-case-all#pascalCase',
-                    enumValues: 'keep',
-                    transformUnderscore: true
-                },
-                onlyOperationTypes: true,
-                skipTypename: true,
-                flattenGeneratedTypes: true,
-                flattenGeneratedTypesIncludeFragments: true,
-                exportFragmentSpreadSubTypes: true,
-                mergeFragmentTypes: true,
-                scalars: {
-                    Preview: 'IPreviewScalar'
-                }
-            }
-        }
-    }
-};
-
-export default config;

package/graphql_codegen.ts

@@ -1,19 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import type {CodegenConfig} from '@graphql-codegen/cli';
-import apolloApiKey from './apollo.apiKey';
-
-const config: CodegenConfig = {
-    overwrite: true,
-    schema: `http://core.leav.localhost/graphql?key=${apolloApiKey}`,
-    documents: 'src/_queries/**/*.ts',
-    generates: {
-        'src/_queries/_types/': {plugins: ['typescript']}
-    },
-    config: {
-        namingConvention: 'change-case-all#uppercase'
-    }
-};
-
-export default config;

package/jest.config.js

@@ -1,21 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-module.exports = {
-    testEnvironment: 'jest-environment-jsdom',
-    testTimeout: 15000,
-    moduleFileExtensions: ['ts', 'tsx', 'js'],
-    setupFilesAfterEnv: ['./setupTests.ts'],
-    transform: {
-        '\\.(ts|tsx)$': [
-            'ts-jest',
-            {
-                isolatedModules: true
-            }
-        ]
-    },
-    transformIgnorePatterns: ['node_modules'],
-    testRegex: '.test.(ts|tsx)$',
-    testTimeout: 30000,
-    moduleNameMapper: require('../../jestModuleNameMapper')
-};

package/scripts/createComponent.js

@@ -1,79 +0,0 @@
-#!/usr/bin/env node
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-const fs = require('fs');
-const prog = require('commander');
-
-const _getComponentContent = name =>
-    `import React from 'react';
-
-interface I${name}Props {
-
-}
-
-function ${name}({}: I${name}Props): JSX.Element {
-    return (
-        <div></div>
-    );
-}
-
-export default ${name};`;
-
-const _getTestContent = name =>
-    `import React from 'react';
-import {act, screen, render} from '_ui/_tests/testUtils';
-import ${name} from './${name}';
-
-describe('${name}', () => {
-    test('Render test', async () => {
-        render(<${name} />);
-
-        //TODO: Add some real tests
-        expect(screen.getByText('${name}')).toBeInTheDocument();
-    });
-});`;
-
-prog.version('0.1.0')
-    .usage('<parent folder> <compName>')
-    .action((cmd, {args}) => {
-        const [parent, name] = args;
-        const destDir = __dirname + '/../src/components/' + parent + '/';
-
-        const compFolder = destDir + name;
-
-        // Create new parent folder if not existing
-        if (!fs.existsSync(destDir)) {
-            fs.mkdirSync(destDir);
-        }
-
-        // Create new folder if not existing
-        if (!fs.existsSync(compFolder)) {
-            fs.mkdirSync(compFolder);
-        }
-
-        // Create index file
-        const indexFile = compFolder + '/index.ts';
-        if (!fs.existsSync(indexFile)) {
-            const fileContent = `export {default as ${name}} from './${name}';`;
-
-            fs.writeFileSync(indexFile, fileContent);
-        }
-
-        // Create component file
-        const compFile = compFolder + `/${name}.tsx`;
-        if (!fs.existsSync(compFile)) {
-            const fileContent = _getComponentContent(name);
-
-            fs.writeFileSync(compFile, fileContent);
-        }
-
-        // Create component test file
-        const testFile = compFolder + `/${name}.test.tsx`;
-        if (!fs.existsSync(testFile)) {
-            const fileContent = _getTestContent(name);
-
-            fs.writeFileSync(testFile, fileContent);
-        }
-    })
-    .parse(process.argv);

package/setupTests.ts

@@ -1,21 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-
-window.matchMedia = query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // deprecated
-    removeListener: jest.fn(), // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn()
-});
-
-jest.mock('_ui/hooks/useSharedTranslation');

package/src/__mocks__/common/application.ts

@@ -1,30 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {WithTypename} from '@leav/utils';
-import {ApplicationType, GetApplicationByIdQuery} from '_ui/_gqlTypes';
-
-export const mockApplication: WithTypename<GetApplicationByIdQuery['applications']['list'][number]> = {
-    id: 'my_app',
-    label: {
-        fr: 'Mon application',
-        en: 'My application'
-    },
-    type: ApplicationType.internal,
-    description: {
-        fr: 'Description de mon application',
-        en: 'My application description'
-    },
-    endpoint: 'my-app',
-    url: null,
-    color: null,
-    icon: null,
-    module: 'data-studio',
-    settings: [],
-    permissions: {
-        access_application: true,
-        admin_application: true,
-        __typename: 'ApplicationPermissions'
-    },
-    __typename: 'Application'
-};

package/src/__mocks__/common/attribute.ts

@@ -1,164 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {ISelectedAttribute} from '_ui/types/attributes';
-import {
-    AttributeDetailsFragment,
-    AttributeFormat,
-    AttributeType,
-    GetAttributesQuery,
-    LibraryAttributesFragment,
-    RecordFormAttributeFragment,
-    RecordFormAttributeTreeAttributeFragment
-} from '_ui/_gqlTypes';
-
-export const mockLibraryAttribute: LibraryAttributesFragment = {
-    id: 'my_attribute',
-    type: AttributeType.simple,
-    format: AttributeFormat.text,
-    label: {
-        fr: 'Mon attribut',
-        en: 'My attribute'
-    },
-    system: false
-};
-
-export const mockAttributeSimple: GetAttributesQuery['attributes']['list'][0] = {
-    id: 'my_attribute',
-    label: {
-        fr: 'Mon attribut',
-        en: 'My attribute'
-    },
-    type: AttributeType.simple,
-    format: AttributeFormat.text,
-    system: false
-};
-
-export const mockAttributeWithDetails: AttributeDetailsFragment = {
-    id: 'my_attribute',
-    label: {
-        fr: 'Mon attribut',
-        en: 'My attribute'
-    },
-    format: AttributeFormat.text,
-    type: AttributeType.simple,
-    system: false,
-    description: {
-        fr: 'Ma description',
-        en: 'My description'
-    },
-    unique: false,
-    readonly: false,
-    multiple_values: false
-};
-
-export const mockAttributeLink: AttributeDetailsFragment = {
-    ...mockAttributeWithDetails,
-    type: AttributeType.advanced_link,
-    linked_library: {
-        id: 'my_linked_library',
-        label: {
-            fr: 'Ma biblio',
-            en: 'My library'
-        }
-    }
-};
-
-export const mockAttributeTree: AttributeDetailsFragment = {
-    ...mockAttributeWithDetails,
-    type: AttributeType.tree,
-    linked_tree: {
-        id: 'my_linked_tree',
-        label: {
-            fr: 'Mon arbre',
-            en: 'My tree'
-        }
-    }
-};
-
-export const mockAttributeVersionable: AttributeDetailsFragment = {
-    ...mockAttributeWithDetails,
-    versions_conf: {
-        versionable: true,
-        profile: {
-            id: 'my_profile',
-            label: {
-                fr: 'Mon profil',
-                en: 'My profile'
-            },
-            trees: [
-                {
-                    id: 'my_tree',
-                    label: {
-                        fr: 'Mon arbre',
-                        en: 'My tree'
-                    }
-                }
-            ]
-        }
-    }
-};
-
-export const mockFormAttribute: RecordFormAttributeFragment = {
-    id: 'test_attribute',
-    type: AttributeType.simple,
-    format: AttributeFormat.text,
-    label: {
-        fr: 'test',
-        en: 'test'
-    },
-    description: {
-        fr: 'Mon attribut',
-        en: 'My attribute'
-    },
-    system: false,
-    readonly: false,
-    multiple_values: false,
-    values_list: {
-        enable: false,
-        allowFreeEntry: false,
-        values: []
-    },
-    permissions: {
-        access_attribute: true,
-        edit_value: true
-    },
-    metadata_fields: [
-        {
-            ...mockAttributeWithDetails,
-            permissions: {
-                access_attribute: true,
-                edit_value: true
-            }
-        }
-    ],
-    versions_conf: null
-};
-
-export const mockFormAttributeTree: RecordFormAttributeTreeAttributeFragment = {
-    ...mockFormAttribute,
-    ...mockAttributeTree,
-    metadata_fields: null,
-    treeValuesList: {enable: false, allowFreeEntry: false, values: []}
-};
-
-export const mockSelectedAttributeA: ISelectedAttribute = {
-    id: 'A',
-    type: AttributeType.simple,
-    path: 'A',
-    library: 'test_lib',
-    label: {fr: 'My attribute'},
-    multiple_values: false
-};
-
-export const mockSelectedAttributeB: ISelectedAttribute = {
-    ...mockSelectedAttributeA,
-    id: 'B',
-    path: 'B'
-};
-
-export const mockSelectedAttributeC: ISelectedAttribute = {
-    ...mockSelectedAttributeA,
-    id: 'C',
-    path: 'C'
-};

package/src/__mocks__/common/filter.ts

@@ -1,41 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {
-    AttributeConditionFilter,
-    FilterType,
-    IFilterAttribute,
-    IFilterTree,
-    IQueryFilter,
-    TreeConditionFilter
-} from '_ui/types/search';
-import {RecordFilterCondition, RecordFilterOperator} from '_ui/_gqlTypes';
-import {mockAttributeWithDetails} from './attribute';
-import {mockLibrarySimple} from './library';
-
-export const mockFilterAttribute: IFilterAttribute = {
-    type: FilterType.ATTRIBUTE,
-    index: 0,
-    key: 'testId',
-    value: {value: 'test-value'},
-    active: true,
-    condition: AttributeConditionFilter.CONTAINS,
-    attribute: {...mockAttributeWithDetails, isLink: false, isMultiple: false, library: mockLibrarySimple.id}
-};
-
-export const mockFilterTree: IFilterTree = {
-    type: FilterType.ATTRIBUTE,
-    index: 0,
-    key: 'testId',
-    value: {value: 'test-value'},
-    active: true,
-    condition: TreeConditionFilter.CLASSIFIED_IN,
-    tree: {id: 'treeId'}
-};
-
-export const mockQueryFilter: IQueryFilter = {
-    field: 'field',
-    value: 'value',
-    condition: RecordFilterCondition.CONTAINS,
-    operator: RecordFilterOperator.AND
-};