@leav/ui 0.2.6 → 0.2.8

package/dist/_utils/index.d.ts

@@ -1,16 +1,30 @@
-import { gql } from '@apollo/client';
-import { IDateRangeValue, WithTypename } from '@leav/utils';
-import { TFunction } from 'i18next';
-import { SyntheticEvent } from 'react';
-import { PreviewSize } from '../constants';
-import { IAttribute } from '../types/search';
-import { IValueVersion } from '../types/values';
-import { IView } from '../types/views';
-import { PermissionsActions, RecordIdentityFragment, useIsAllowedQuery, ValueDetailsFragment, ValueVersionInput, ViewDetailsFragment } from '../_gqlTypes';
+import {gql} from '@apollo/client';
+import {IDateRangeValue, WithTypename} from '@leav/utils';
+import {TFunction} from 'i18next';
+import {SyntheticEvent} from 'react';
+import {PreviewSize} from '../constants';
+import {IAttribute} from '../types/search';
+import {IValueVersion} from '../types/values';
+import {IView} from '../types/views';
+import {
+    PermissionsActions,
+    RecordIdentityFragment,
+    useIsAllowedQuery,
+    ValueDetailsFragment,
+    ValueVersionInput,
+    ViewDetailsFragment
+} from '../_gqlTypes';
 export declare const arrayValueVersionToObject: (version: ValueDetailsFragment['version']) => IValueVersion;
 export declare const objectValueVersionToArray: (version: IValueVersion) => ValueVersionInput[];
-export declare const extractPermissionFromQuery: (queryResult: ReturnType<typeof useIsAllowedQuery>, action: PermissionsActions, fallbackPermission?: boolean) => boolean;
-export declare const getPreviewSize: (size?: PreviewSize, simplistic?: boolean) => "1.2rem" | "3.5rem" | "6rem" | "2.5rem" | "1.7rem" | "2rem";
+export declare const extractPermissionFromQuery: (
+    queryResult: ReturnType<typeof useIsAllowedQuery>,
+    action: PermissionsActions,
+    fallbackPermission?: boolean
+) => boolean;
+export declare const getPreviewSize: (
+    size?: PreviewSize,
+    simplistic?: boolean
+) => '1.2rem' | '3.5rem' | '6rem' | '2.5rem' | '1.7rem' | '2rem';
 export declare const getTreeRecordKey: (record: RecordIdentityFragment) => string;
 export declare const getValueVersionLabel: (version: IValueVersion) => string;
 export declare const stringifyDateRangeValue: (value: IDateRangeValue, t: TFunction) => string;
@@ -25,7 +39,16 @@ export declare const getPropertyCacheFieldName: (attributeId: string) => string;
 /**
  * Prepare view coming from the server to be used in the app
  */
-export declare const prepareView: (view: WithTypename<ViewDetailsFragment>, attributes: IAttribute[], libraryId: string, userId: string) => IView;
-export declare const getAttributeFromKey: (key: string, library: string, attributes: IAttribute[]) => IAttribute | undefined;
+export declare const prepareView: (
+    view: WithTypename<ViewDetailsFragment>,
+    attributes: IAttribute[],
+    libraryId: string,
+    userId: string
+) => IView;
+export declare const getAttributeFromKey: (
+    key: string,
+    library: string,
+    attributes: IAttribute[]
+) => IAttribute | undefined;
 export declare const stopEvent: (e: SyntheticEvent) => void;
 export declare const reorder: (list: any[], startIndex: number, endIndex: number) => any[];

package/dist/_utils/index.js

@@ -1,36 +1,53 @@
 // 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 { gql } from '@apollo/client';
-import { isTypeLink, objectToNameValueArray, omit } from '@leav/utils';
-import { defaultLinkAttributeFilterFormat } from '../components/LibraryItemsList/constants';
-import { PreviewSize } from '../constants';
-import { AttributeType } from '../_gqlTypes';
-import { getFiltersFromRequest } from './getFiltersFromRequest';
-export const arrayValueVersionToObject = (version) => {
-    return version === null || version === void 0 ? void 0 : version.reduce((acc, value) => {
-        acc[value.treeId] = {
-            id: value.treeNode.id,
-            label: value.treeNode.record.whoAmI.label
-        };
-        return acc;
-    }, {});
+import {gql} from '@apollo/client';
+import {isTypeLink, objectToNameValueArray, omit} from '@leav/utils';
+import {defaultLinkAttributeFilterFormat} from '../components/LibraryItemsList/constants';
+import {PreviewSize} from '../constants';
+import {AttributeType} from '../_gqlTypes';
+import {getFiltersFromRequest} from './getFiltersFromRequest';
+export const arrayValueVersionToObject = version => {
+    return version === null || version === void 0
+        ? void 0
+        : version.reduce((acc, value) => {
+              acc[value.treeId] = {
+                  id: value.treeNode.id,
+                  label: value.treeNode.record.whoAmI.label
+              };
+              return acc;
+          }, {});
 };
-export const objectValueVersionToArray = (version) => {
+export const objectValueVersionToArray = version => {
     return version
         ? objectToNameValueArray(version).map(v => {
-            var _a, _b;
-            return ({
-                treeId: v.name,
-                treeNodeId: (_b = (_a = v === null || v === void 0 ? void 0 : v.value) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null
-            });
-        })
+              var _a, _b;
+              return {
+                  treeId: v.name,
+                  treeNodeId:
+                      (_b =
+                          (_a = v === null || v === void 0 ? void 0 : v.value) === null || _a === void 0
+                              ? void 0
+                              : _a.id) !== null && _b !== void 0
+                          ? _b
+                          : null
+              };
+          })
         : null;
 };
 export const extractPermissionFromQuery = (queryResult, action, fallbackPermission = false) => {
     var _a, _b, _c, _d;
     return !queryResult.loading && !queryResult.error
-        ? (_d = (_c = (_b = (_a = queryResult.data) === null || _a === void 0 ? void 0 : _a.isAllowed) === null || _b === void 0 ? void 0 : _b.find(permission => permission.name === action)) === null || _c === void 0 ? void 0 : _c.allowed) !== null && _d !== void 0 ? _d : fallbackPermission
+        ? (_d =
+              (_c =
+                  (_b = (_a = queryResult.data) === null || _a === void 0 ? void 0 : _a.isAllowed) === null ||
+                  _b === void 0
+                      ? void 0
+                      : _b.find(permission => permission.name === action)) === null || _c === void 0
+                  ? void 0
+                  : _c.allowed) !== null && _d !== void 0
+            ? _d
+            : fallbackPermission
         : fallbackPermission;
 };
 export const getPreviewSize = (size, simplistic = false) => {
@@ -50,13 +67,17 @@ export const getPreviewSize = (size, simplistic = false) => {
             return '2rem';
     }
 };
-export const getTreeRecordKey = (record) => `${record.whoAmI.library.id}/${record.id}`;
-export const getValueVersionLabel = (version) => {
+export const getTreeRecordKey = record => `${record.whoAmI.library.id}/${record.id}`;
+export const getValueVersionLabel = version => {
     return Object.values(version !== null && version !== void 0 ? version : {})
         .map(v => v.label)
         .join(' / ');
 };
-export const stringifyDateRangeValue = (value, t) => t('record_edition.date_range_value', Object.assign(Object.assign({}, value), { interpolation: { escapeValue: false } }));
+export const stringifyDateRangeValue = (value, t) =>
+    t(
+        'record_edition.date_range_value',
+        Object.assign(Object.assign({}, value), {interpolation: {escapeValue: false}})
+    );
 /**
  * Cloning gql template tag because some apollo tools like query validation and codegen won't be happy if we use
  * interpolation in template strings. With a different tag name, the query won't be parsed by these tools
@@ -64,7 +85,7 @@ export const stringifyDateRangeValue = (value, t) => t('record_edition.date_rang
  * It works exactly the same at runtime.
  */
 export const gqlUnchecked = gql;
-export const getPropertyCacheFieldName = (attributeId) => {
+export const getPropertyCacheFieldName = attributeId => {
     return `property({"attribute":"${attributeId}"})`;
 };
 /**
@@ -72,18 +93,38 @@ export const getPropertyCacheFieldName = (attributeId) => {
  */
 export const prepareView = (view, attributes, libraryId, userId) => {
     var _a, _b, _c;
-    const viewFilters = ((_a = view === null || view === void 0 ? void 0 : view.filters) !== null && _a !== void 0 ? _a : []).map(filter => {
+    const viewFilters = ((_a = view === null || view === void 0 ? void 0 : view.filters) !== null && _a !== void 0
+        ? _a
+        : []
+    ).map(filter => {
         var _a;
-        return (Object.assign(Object.assign({}, filter), { treeId: (_a = filter.tree) === null || _a === void 0 ? void 0 : _a.id }));
+        return Object.assign(Object.assign({}, filter), {
+            treeId: (_a = filter.tree) === null || _a === void 0 ? void 0 : _a.id
+        });
     });
-    const viewValuesVersions = ((_b = view === null || view === void 0 ? void 0 : view.valuesVersions) !== null && _b !== void 0 ? _b : []).map(version => (Object.assign(Object.assign({}, version), { treeNode: Object.assign(Object.assign({}, version.treeNode), { title: version.treeNode.record.whoAmI.label }) })));
-    return Object.assign(Object.assign({}, omit(view, 'created_by', '__typename')), { owner: view.created_by.id === userId, filters: getFiltersFromRequest(viewFilters, libraryId, attributes), sort: view.sort && omit(view.sort, '__typename'), display: omit(view.display, '__typename'), valuesVersions: viewValuesVersions.reduce((versions, version) => {
+    const viewValuesVersions = ((_b = view === null || view === void 0 ? void 0 : view.valuesVersions) !== null &&
+    _b !== void 0
+        ? _b
+        : []
+    ).map(version =>
+        Object.assign(Object.assign({}, version), {
+            treeNode: Object.assign(Object.assign({}, version.treeNode), {title: version.treeNode.record.whoAmI.label})
+        })
+    );
+    return Object.assign(Object.assign({}, omit(view, 'created_by', '__typename')), {
+        owner: view.created_by.id === userId,
+        filters: getFiltersFromRequest(viewFilters, libraryId, attributes),
+        sort: view.sort && omit(view.sort, '__typename'),
+        display: omit(view.display, '__typename'),
+        valuesVersions: viewValuesVersions.reduce((versions, version) => {
             versions[version.treeId] = {
                 id: version.treeNode.id,
                 label: version.treeNode.record.whoAmI.label
             };
             return versions;
-        }, {}), settings: (_c = view.settings) === null || _c === void 0 ? void 0 : _c.map(s => omit(s, '__typename')) });
+        }, {}),
+        settings: (_c = view.settings) === null || _c === void 0 ? void 0 : _c.map(s => omit(s, '__typename'))
+    });
 };
 export const getAttributeFromKey = (key, library, attributes) => {
     const splitKey = key.split('.');
@@ -97,8 +138,23 @@ export const getAttributeFromKey = (key, library, attributes) => {
     }
     if (isTypeLink(rootAttribute.type)) {
         if (splitKey[1]) {
-            const linkedAttribute = attributes.find(attr => { var _a; return attr.library === ((_a = rootAttribute === null || rootAttribute === void 0 ? void 0 : rootAttribute.linkedLibrary) === null || _a === void 0 ? void 0 : _a.id) && attr.id === splitKey[1]; });
-            return Object.assign(Object.assign({}, linkedAttribute), { parentAttribute: Object.assign(Object.assign({}, rootAttribute), { format: defaultLinkAttributeFilterFormat }) });
+            const linkedAttribute = attributes.find(attr => {
+                var _a;
+                return (
+                    attr.library ===
+                        ((_a =
+                            rootAttribute === null || rootAttribute === void 0
+                                ? void 0
+                                : rootAttribute.linkedLibrary) === null || _a === void 0
+                            ? void 0
+                            : _a.id) && attr.id === splitKey[1]
+                );
+            });
+            return Object.assign(Object.assign({}, linkedAttribute), {
+                parentAttribute: Object.assign(Object.assign({}, rootAttribute), {
+                    format: defaultLinkAttributeFilterFormat
+                })
+            });
         }
         return rootAttribute;
     }
@@ -106,16 +162,15 @@ export const getAttributeFromKey = (key, library, attributes) => {
         const [, libraryId, linkedTreeAttribute] = splitKey;
         if (!libraryId && !linkedTreeAttribute) {
             // Only root attribute => search on tree
-            return Object.assign(Object.assign({}, rootAttribute), { format: defaultLinkAttributeFilterFormat });
-        }
-        else if (libraryId && !linkedTreeAttribute) {
+            return Object.assign(Object.assign({}, rootAttribute), {format: defaultLinkAttributeFilterFormat});
+        } else if (libraryId && !linkedTreeAttribute) {
             return rootAttribute;
         }
         const linkedAttribute = attributes.find(attr => attr.library === splitKey[1] && attr.id === splitKey[2]);
         return linkedAttribute;
     }
 };
-export const stopEvent = (e) => {
+export const stopEvent = e => {
     e.stopPropagation();
     e.preventDefault();
 };
@@ -125,4 +180,4 @@ export const reorder = (list, startIndex, endIndex) => {
     result.splice(endIndex, 0, removed);
     return result.filter(element => !!element);
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/antdTheme/index.d.ts

@@ -1,6 +1,6 @@
-import { ThemeConfig } from 'antd/lib/config-provider/context';
-import { KitApp } from 'aristid-ds';
-import { ComponentProps } from 'react';
+import {ThemeConfig} from 'antd/lib/config-provider/context';
+import {KitApp} from 'aristid-ds';
+import {ComponentProps} from 'react';
 export * from './types';
 export declare const themeVars: {
     primaryColor: string;

package/dist/antdTheme/types.d.ts

@@ -1,2 +1,2 @@
-import { theme } from 'antd';
+import {theme} from 'antd';
 export declare type AntdThemeToken = ReturnType<typeof theme.useToken>['token'];

package/dist/antdTheme/types.js

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

package/dist/components/AttributePicker/AttributePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GetAttributesQueryVariables } from '../../_gqlTypes';
+import {GetAttributesQueryVariables} from '../../_gqlTypes';
 interface IAttributePickerProps {
     open: boolean;
     onClose: () => void;
@@ -9,5 +9,13 @@ interface IAttributePickerProps {
     multiple?: boolean;
     baseFilters?: GetAttributesQueryVariables['filters'];
 }
-declare function AttributePicker({ open, onClose, onSubmit, selected, showCreateButton, multiple, baseFilters }: IAttributePickerProps): JSX.Element;
+declare function AttributePicker({
+    open,
+    onClose,
+    onSubmit,
+    selected,
+    showCreateButton,
+    multiple,
+    baseFilters
+}: IAttributePickerProps): JSX.Element;
 export default AttributePicker;

package/dist/components/AttributePicker/AttributePicker.js

@@ -1,17 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // 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 { Modal } from 'antd';
-import { useState } from 'react';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { ErrorBoundary } from '../ErrorBoundary';
-import { AttributesList } from './AttributesList';
-function AttributePicker({ open, onClose, onSubmit, selected = [], showCreateButton = true, multiple = true, baseFilters }) {
-    const { t } = useSharedTranslation();
+import {Modal} from 'antd';
+import {useState} from 'react';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {ErrorBoundary} from '../ErrorBoundary';
+import {AttributesList} from './AttributesList';
+function AttributePicker({
+    open,
+    onClose,
+    onSubmit,
+    selected = [],
+    showCreateButton = true,
+    multiple = true,
+    baseFilters
+}) {
+    const {t} = useSharedTranslation();
     const [selectedAttributes, setSelectedAttributes] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
-    const _handleSelect = (selection) => {
+    const _handleSelect = selection => {
         setSelectedAttributes(selection);
     };
     const _handleSubmit = async () => {
@@ -20,7 +28,34 @@ function AttributePicker({ open, onClose, onSubmit, selected = [], showCreateBut
         setIsLoading(false);
         onClose();
     };
-    return (_jsx(Modal, Object.assign({ open: open, onCancel: onClose, width: 800, title: t('attributes.select_attributes'), onOk: _handleSubmit, destroyOnClose: true, okText: t('global.submit'), cancelText: t('global.cancel'), confirmLoading: isLoading, centered: true }, { children: _jsx(ErrorBoundary, { children: _jsx(AttributesList, { onSelect: _handleSelect, selected: selected, multiple: multiple, showCreateButton: showCreateButton, baseFilters: baseFilters }) }) })));
+    return _jsx(
+        Modal,
+        Object.assign(
+            {
+                open: open,
+                onCancel: onClose,
+                width: 800,
+                title: t('attributes.select_attributes'),
+                onOk: _handleSubmit,
+                destroyOnClose: true,
+                okText: t('global.submit'),
+                cancelText: t('global.cancel'),
+                confirmLoading: isLoading,
+                centered: true
+            },
+            {
+                children: _jsx(ErrorBoundary, {
+                    children: _jsx(AttributesList, {
+                        onSelect: _handleSelect,
+                        selected: selected,
+                        multiple: multiple,
+                        showCreateButton: showCreateButton,
+                        baseFilters: baseFilters
+                    })
+                })
+            }
+        )
+    );
 }
 export default AttributePicker;
-//# sourceMappingURL=AttributePicker.js.map
+//# sourceMappingURL=AttributePicker.js.map

package/dist/components/AttributePicker/AttributesList/AttributesList.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GetAttributesQueryVariables } from '../../../_gqlTypes';
+import {GetAttributesQueryVariables} from '../../../_gqlTypes';
 interface IAttributesListProps {
     onSelect: (selectedAttributes: string[]) => void;
     selected?: string[];
@@ -7,5 +7,11 @@ interface IAttributesListProps {
     showCreateButton?: boolean;
     baseFilters?: GetAttributesQueryVariables['filters'];
 }
-declare function AttributesList({ onSelect, selected, multiple, showCreateButton, baseFilters }: IAttributesListProps): JSX.Element;
+declare function AttributesList({
+    onSelect,
+    selected,
+    multiple,
+    showCreateButton,
+    baseFilters
+}: IAttributesListProps): JSX.Element;
 export default AttributesList;