@leav/ui 0.2.8 → 0.3.0

package/dist/components/RecordEdition/EditRecord/uiElements/ErrorField/ErrorField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import {ICommonFieldsSettings} from '@leav/utils';
-import {IFormElementProps} from '../../_types';
-declare function ErrorField({element}: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
+import { ICommonFieldsSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare function ErrorField({ element }: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
 export default ErrorField;

package/dist/components/RecordEdition/EditRecord/uiElements/ErrorField/ErrorField.js

@@ -1,13 +1,13 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } 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 {FrownFilled} from '@ant-design/icons';
-import {theme} from 'antd';
+import { FrownFilled } from '@ant-design/icons';
+import { theme } from 'antd';
 import styled from 'styled-components';
-import {themeVars} from '../../../../../antdTheme';
-import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
-const Wrapper = styled.div`
+import { themeVars } from '../../../../../antdTheme';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+const Wrapper = styled.div `
     position: relative;
     border: 1px solid ${themeVars.errorColor};
     margin-bottom: 1.5em;
@@ -26,14 +26,14 @@ const Wrapper = styled.div`
         width: 100%;
     }
 `;
-const ErrorContent = styled.div`
+const ErrorContent = styled.div `
     display: grid;
     grid-template-areas:
         'icon title'
         'icon message';
     grid-template-columns: 4rem 1fr;
 `;
-const IconWrapper = styled.div`
+const IconWrapper = styled.div `
     grid-area: icon;
     font-size: 1.5rem;
     padding: 0.5rem 1rem;
@@ -42,39 +42,22 @@ const IconWrapper = styled.div`
     justify-content: center;
     color: ${themeVars.errorColor};
 `;
-const Title = styled.div`
+const Title = styled.div `
     grid-area: title;
     align-content: flex-end;
     font-size: 0.95rem;
     align-self: end;
 `;
-const Message = styled.div`
+const Message = styled.div `
     grid-area: message;
     color: ${themeVars.secondaryTextColor};
     font-size: 0.8rem;
     align-self: start;
 `;
-function ErrorField({element}) {
-    const {t} = useSharedTranslation();
-    const {token} = theme.useToken();
-    return _jsxs(
-        Wrapper,
-        Object.assign(
-            {$themeToken: token},
-            {
-                children: [
-                    _jsx('label', {children: element.settings.label}),
-                    _jsxs(ErrorContent, {
-                        children: [
-                            _jsx(IconWrapper, {children: _jsx(FrownFilled, {color: 'yellow', size: 48})}),
-                            _jsx(Title, {children: t('error.error_occurred')}),
-                            _jsx(Message, {children: element.valueError})
-                        ]
-                    })
-                ]
-            }
-        )
-    );
+function ErrorField({ element }) {
+    const { t } = useSharedTranslation();
+    const { token } = theme.useToken();
+    return (_jsxs(Wrapper, Object.assign({ "$themeToken": token }, { children: [_jsx("label", { children: element.settings.label }), _jsxs(ErrorContent, { children: [_jsx(IconWrapper, { children: _jsx(FrownFilled, { color: "yellow", size: 48 }) }), _jsx(Title, { children: t('error.error_occurred') }), _jsx(Message, { children: element.valueError })] })] })));
 }
 export default ErrorField;
-//# sourceMappingURL=ErrorField.js.map
+//# sourceMappingURL=ErrorField.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/ErrorField/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ErrorField from './ErrorField';
 export default ErrorField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/FormDivider/FormDivider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import {IFormDividerSettings} from '@leav/utils';
-import {IFormElementProps} from '../../_types';
-declare function FormDivider({element}: IFormElementProps<IFormDividerSettings>): JSX.Element;
+import { IFormDividerSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare function FormDivider({ element }: IFormElementProps<IFormDividerSettings>): JSX.Element;
 export default FormDivider;

package/dist/components/RecordEdition/EditRecord/uiElements/FormDivider/FormDivider.js

@@ -1,9 +1,9 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
-import {Divider} from 'antd';
-function FormDivider({element}) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Divider } from 'antd';
+function FormDivider({ element }) {
     var _a;
     const label = (_a = element.settings.title) !== null && _a !== void 0 ? _a : null;
-    return _jsx(Divider, {children: label});
+    return _jsx(Divider, { children: label });
 }
 export default FormDivider;
-//# sourceMappingURL=FormDivider.js.map
+//# sourceMappingURL=FormDivider.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/FormDivider/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FormDivider from './FormDivider';
 export default FormDivider;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/FormTabs/FormTabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import {IFormTabsSettings} from '@leav/utils';
-import {IFormElementProps} from '../../_types';
-declare function FormTabs({element, ...elementProps}: IFormElementProps<IFormTabsSettings>): JSX.Element;
+import { IFormTabsSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare function FormTabs({ element, ...elementProps }: IFormElementProps<IFormTabsSettings>): JSX.Element;
 export default FormTabs;

package/dist/components/RecordEdition/EditRecord/uiElements/FormTabs/FormTabs.js

@@ -1,26 +1,26 @@
-var __rest =
-    (this && this.__rest) ||
-    function (s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-            }
-        return t;
-    };
-import {jsx as _jsx} from 'react/jsx-runtime';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 {FormUIElementTypes, localizedTranslation, TabsDirection} from '@leav/utils';
-import {Tabs} from 'antd';
+import { FormUIElementTypes, localizedTranslation, TabsDirection } from '@leav/utils';
+import { Tabs } from 'antd';
 import styled from 'styled-components';
-import {themeVars} from '../../../../../antdTheme';
-import {useLang} from '../../../../../hooks';
-import {FormElementTypes} from '../../../../../_gqlTypes';
-import {formComponents} from '..';
-const StyledTabs = styled(Tabs)`
+import { themeVars } from '../../../../../antdTheme';
+import { useLang } from '../../../../../hooks';
+import { FormElementTypes } from '../../../../../_gqlTypes';
+import { formComponents } from '..';
+const StyledTabs = styled(Tabs) `
     && {
         padding: 1rem;
         border: 1px solid ${themeVars.borderLightColor};
@@ -30,9 +30,8 @@ const StyledTabs = styled(Tabs)`
     }
 `;
 function FormTabs(_a) {
-    var {element} = _a,
-        elementProps = __rest(_a, ['element']);
-    const {lang} = useLang();
+    var { element } = _a, elementProps = __rest(_a, ["element"]);
+    const { lang } = useLang();
     const tabPosition = element.settings.direction === TabsDirection.VERTICAL ? 'left' : 'top';
     const tabItems = element.settings.tabs.map(tab => {
         const tabContainer = {
@@ -49,10 +48,10 @@ function FormTabs(_a) {
         return {
             label: localizedTranslation(tab.label, lang),
             key: tab.id,
-            children: _jsx(tabContainer.uiElement, Object.assign({}, elementProps, {element: tabContainer}))
+            children: _jsx(tabContainer.uiElement, Object.assign({}, elementProps, { element: tabContainer }))
         };
     });
-    return _jsx(StyledTabs, {tabPosition: tabPosition, 'data-testid': 'form-tabs', items: tabItems});
+    return _jsx(StyledTabs, { tabPosition: tabPosition, "data-testid": "form-tabs", items: tabItems });
 }
 export default FormTabs;
-//# sourceMappingURL=FormTabs.js.map
+//# sourceMappingURL=FormTabs.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/FormTabs/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FormTabs from './FormTabs';
 export default FormTabs;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/FloatingMenuHandler/FloatingMenuHandler.d.ts

@@ -1,7 +1,7 @@
-import {ReactNode} from 'react';
-import {IRecordIdentityWhoAmI} from '../../../../../../types/records';
-import {RecordFormAttributeFragment} from '../../../../../../_gqlTypes';
-import {RecordProperty} from '../../../../../../_queries/records/getRecordPropertiesQuery';
+import { ReactNode } from 'react';
+import { IRecordIdentityWhoAmI } from '../../../../../../types/records';
+import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordProperty } from '../../../../../../_queries/records/getRecordPropertiesQuery';
 interface IFloatingMenuHandlerProps {
     record: IRecordIdentityWhoAmI;
     onDelete: (record: IRecordIdentityWhoAmI) => void;
@@ -10,12 +10,5 @@ interface IFloatingMenuHandlerProps {
     isReadOnly: boolean;
     children?: ReactNode;
 }
-declare function FloatingMenuHandler({
-    record,
-    onDelete,
-    value,
-    attribute,
-    isReadOnly,
-    children
-}: IFloatingMenuHandlerProps): JSX.Element;
+declare function FloatingMenuHandler({ record, onDelete, value, attribute, isReadOnly, children }: IFloatingMenuHandlerProps): JSX.Element;
 export default FloatingMenuHandler;

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/FloatingMenuHandler/FloatingMenuHandler.js

@@ -1,29 +1,29 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
-import {FloatingMenu} from '../../../../../../components';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingMenu } from '../../../../../../components';
 import DeleteValueBtn from '../../../../../../components/RecordEdition/EditRecord/shared/DeleteValueBtn';
 import ValueDetailsBtn from '../../../../../../components/RecordEdition/EditRecord/shared/ValueDetailsBtn';
 import EditRecordBtn from '../../../../../../components/RecordEdition/EditRecordBtn';
-import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
-function FloatingMenuHandler({record, onDelete, value, attribute, isReadOnly, children}) {
-    const {t} = useSharedTranslation();
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+function FloatingMenuHandler({ record, onDelete, value, attribute, isReadOnly, children }) {
+    const { t } = useSharedTranslation();
     const _handleDelete = () => onDelete(record);
     const menuActions = [
         {
             title: t('global.edit'),
-            button: _jsx(EditRecordBtn, {record: record, shape: 'circle'})
+            button: _jsx(EditRecordBtn, { record: record, shape: "circle" })
         },
         {
             title: t('record_edition.value_details'),
-            button: _jsx(ValueDetailsBtn, {value: value, attribute: attribute})
+            button: _jsx(ValueDetailsBtn, { value: value, attribute: attribute })
         }
     ];
     if (!isReadOnly) {
         menuActions.push({
             title: t('global.delete'),
-            button: _jsx(DeleteValueBtn, {onDelete: _handleDelete})
+            button: _jsx(DeleteValueBtn, { onDelete: _handleDelete })
         });
     }
-    return _jsxs('div', {children: [children, _jsx(FloatingMenu, {actions: menuActions})]});
+    return (_jsxs("div", { children: [children, _jsx(FloatingMenu, { actions: menuActions })] }));
 }
 export default FloatingMenuHandler;
-//# sourceMappingURL=FloatingMenuHandler.js.map
+//# sourceMappingURL=FloatingMenuHandler.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/FloatingMenuHandler/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FloatingMenuHandler from './FloatingMenuHandler';
 export default FloatingMenuHandler;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/LinkField.d.ts

@@ -1,18 +1,13 @@
 /// <reference types="react" />
-import {ICommonFieldsSettings} from '@leav/utils';
-import {RecordFormElementsValueLinkValue} from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
-import {IRecordIdentityWhoAmI} from '../../../../../types/records';
-import {IFormElementProps} from '../../_types';
+import { ICommonFieldsSettings } from '@leav/utils';
+import { RecordFormElementsValueLinkValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
+import { IRecordIdentityWhoAmI } from '../../../../../types/records';
+import { IFormElementProps } from '../../_types';
 export interface IRowData {
     key: string;
     whoAmI: IRecordIdentityWhoAmI;
     value: RecordFormElementsValueLinkValue;
     [columnName: string]: unknown;
 }
-declare function LinkField({
-    element,
-    onValueSubmit,
-    onValueDelete,
-    onDeleteMultipleValues
-}: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
+declare function LinkField({ element, onValueSubmit, onValueDelete, onDeleteMultipleValues }: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
 export default LinkField;