@leav/ui 0.2.8 → 0.3.0

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/SelectedAttribute.js

@@ -1,31 +1,31 @@
-import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 {CloseOutlined, HolderOutlined} from '@ant-design/icons';
-import {localizedTranslation} from '@leav/utils';
-import {Button, Space} from 'antd';
+import { CloseOutlined, HolderOutlined } from '@ant-design/icons';
+import { localizedTranslation } from '@leav/utils';
+import { Button, Space } from 'antd';
 import styled from 'styled-components';
-import {useLang} from '../../../../hooks';
-import {AttributesSelectionListActionTypes} from '../../reducer/attributesSelectionListReducer';
-import {useAttributesSelectionListState} from '../../reducer/attributesSelectionListStateContext';
-import {SmallText, TextAttribute} from '../../sharedComponents';
-const DragHandle = styled.div`
+import { useLang } from '../../../../hooks';
+import { AttributesSelectionListActionTypes } from '../../reducer/attributesSelectionListReducer';
+import { useAttributesSelectionListState } from '../../reducer/attributesSelectionListStateContext';
+import { SmallText, TextAttribute } from '../../sharedComponents';
+const DragHandle = styled.div `
     border-right: 1px solid #f0f0f0;
     padding: 0.5em;
     display: flex;
     align-items: center;
 `;
-const Content = styled(Space)`
+const Content = styled(Space) `
     padding: 0.5em;
     flex-grow: 1;
 `;
-const CloseWrapper = styled.div`
+const CloseWrapper = styled.div `
     padding: 8px;
 `;
-const SelectedAttribute = ({selectedAttribute, handleProps}) => {
-    const {lang} = useLang();
-    const {dispatch} = useAttributesSelectionListState();
+const SelectedAttribute = ({ selectedAttribute, handleProps }) => {
+    const { lang } = useLang();
+    const { dispatch } = useAttributesSelectionListState();
     const label = localizedTranslation(selectedAttribute.label, lang);
     const _handleUnselectAttribute = () => {
         dispatch({
@@ -33,32 +33,7 @@ const SelectedAttribute = ({selectedAttribute, handleProps}) => {
             attribute: selectedAttribute
         });
     };
-    return _jsxs(_Fragment, {
-        children: [
-            _jsx(DragHandle, Object.assign({}, handleProps, {children: _jsx(HolderOutlined, {})})),
-            _jsxs(
-                Content,
-                Object.assign(
-                    {direction: 'vertical'},
-                    {
-                        children: [
-                            _jsx(TextAttribute, {
-                                children: label !== null && label !== void 0 ? label : selectedAttribute.id
-                            }),
-                            label && _jsx('div', {children: _jsx(SmallText, {children: selectedAttribute.id})})
-                        ]
-                    }
-                )
-            ),
-            _jsx(CloseWrapper, {
-                children: _jsx(Button, {
-                    icon: _jsx(CloseOutlined, {}),
-                    size: 'small',
-                    onClick: _handleUnselectAttribute
-                })
-            })
-        ]
-    });
+    return (_jsxs(_Fragment, { children: [_jsx(DragHandle, Object.assign({}, handleProps, { children: _jsx(HolderOutlined, {}) })), _jsxs(Content, Object.assign({ direction: "vertical" }, { children: [_jsx(TextAttribute, { children: label !== null && label !== void 0 ? label : selectedAttribute.id }), label && (_jsx("div", { children: _jsx(SmallText, { children: selectedAttribute.id }) }))] })), _jsx(CloseWrapper, { children: _jsx(Button, { icon: _jsx(CloseOutlined, {}), size: "small", onClick: _handleUnselectAttribute }) })] }));
 };
 export default SelectedAttribute;
-//# sourceMappingURL=SelectedAttribute.js.map
+//# sourceMappingURL=SelectedAttribute.js.map

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/index.js

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

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.js

@@ -1,14 +1,14 @@
-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 {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import styled from 'styled-components';
-import {infosCol} from '../../../components/LibraryItemsList/constants';
-import {AttributesSelectionListActionTypes} from '../reducer/attributesSelectionListReducer';
-import {useAttributesSelectionListState} from '../reducer/attributesSelectionListStateContext';
+import { infosCol } from '../../../components/LibraryItemsList/constants';
+import { AttributesSelectionListActionTypes } from '../reducer/attributesSelectionListReducer';
+import { useAttributesSelectionListState } from '../reducer/attributesSelectionListStateContext';
 import SelectedAttribute from './SelectedAttribute/SelectedAttribute';
-const WrapperItemSelected = styled.div`
+const WrapperItemSelected = styled.div `
     overflow-y: auto;
     height: calc(100vh - 15rem);
 
@@ -20,7 +20,7 @@ const WrapperItemSelected = styled.div`
         margin-bottom: 0;
     }
 `;
-const CustomCard = styled.div`
+const CustomCard = styled.div `
     &&& {
         padding: 0;
         margin: 0 10px 10px 10px;
@@ -34,7 +34,7 @@ const CustomCard = styled.div`
     }
 `;
 function SelectedAttributesList() {
-    const {state, dispatch} = useAttributesSelectionListState();
+    const { state, dispatch } = useAttributesSelectionListState();
     const selection = state.selectedAttributes;
     const _onDragEnd = result => {
         if (!result.destination) {
@@ -49,61 +49,7 @@ function SelectedAttributesList() {
             to: result.destination.index
         });
     };
-    return _jsx(WrapperItemSelected, {
-        children: _jsx(
-            DragDropContext,
-            Object.assign(
-                {onDragEnd: _onDragEnd},
-                {
-                    children: _jsx(
-                        Droppable,
-                        Object.assign(
-                            {droppableId: 'list-attributes-selected'},
-                            {
-                                children: provided =>
-                                    _jsxs(
-                                        'div',
-                                        Object.assign({ref: provided.innerRef}, provided.droppableProps, {
-                                            children: [
-                                                selection.map(
-                                                    (selectedAttribute, index) =>
-                                                        selectedAttribute.path !== infosCol &&
-                                                        _jsx(
-                                                            Draggable,
-                                                            Object.assign(
-                                                                {index: index, draggableId: selectedAttribute.path},
-                                                                {
-                                                                    children: dragProvided =>
-                                                                        _jsx(
-                                                                            CustomCard,
-                                                                            Object.assign(
-                                                                                {ref: dragProvided.innerRef},
-                                                                                dragProvided.draggableProps,
-                                                                                {
-                                                                                    children: _jsx(SelectedAttribute, {
-                                                                                        selectedAttribute: selectedAttribute,
-                                                                                        handleProps:
-                                                                                            dragProvided.dragHandleProps
-                                                                                    })
-                                                                                }
-                                                                            )
-                                                                        )
-                                                                }
-                                                            ),
-                                                            selectedAttribute.path
-                                                        )
-                                                ),
-                                                provided.placeholder
-                                            ]
-                                        })
-                                    )
-                            }
-                        )
-                    )
-                }
-            )
-        )
-    });
+    return (_jsx(WrapperItemSelected, { children: _jsx(DragDropContext, Object.assign({ onDragEnd: _onDragEnd }, { children: _jsx(Droppable, Object.assign({ droppableId: "list-attributes-selected" }, { children: provided => (_jsxs("div", Object.assign({ ref: provided.innerRef }, provided.droppableProps, { children: [selection.map((selectedAttribute, index) => selectedAttribute.path !== infosCol && (_jsx(Draggable, Object.assign({ index: index, draggableId: selectedAttribute.path }, { children: dragProvided => (_jsx(CustomCard, Object.assign({ ref: dragProvided.innerRef }, dragProvided.draggableProps, { children: _jsx(SelectedAttribute, { selectedAttribute: selectedAttribute, handleProps: dragProvided.dragHandleProps }) }))) }), selectedAttribute.path))), provided.placeholder] }))) })) })) }));
 }
 export default SelectedAttributesList;
-//# sourceMappingURL=SelectedAttributesList.js.map
+//# sourceMappingURL=SelectedAttributesList.js.map

package/dist/components/AttributesSelectionList/SelectedAttributesList/index.js

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

package/dist/components/AttributesSelectionList/_types.d.ts

@@ -1,8 +1,4 @@
-import {
-    AttributesByLibAttributeFragment,
-    AttributesByLibAttributeLinkAttributeFragment,
-    AttributesByLibAttributeTreeAttributeFragment
-} from '../../_gqlTypes';
+import { AttributesByLibAttributeFragment, AttributesByLibAttributeLinkAttributeFragment, AttributesByLibAttributeTreeAttributeFragment } from '../../_gqlTypes';
 export interface ICommonAttributeComponentProps {
     attribute: AttributesByLibAttributeFragment;
     library: string;

package/dist/components/AttributesSelectionList/_types.js

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

package/dist/components/AttributesSelectionList/helpers/attributeToSelectedAttribute.d.ts

@@ -1,6 +1,3 @@
-import {ISelectedAttribute} from '../../../types/attributes';
-import {AttributesByLibAttributeFragment} from '../../../_gqlTypes';
-export declare const attributeToSelectedAttribute: (
-    attribute: AttributesByLibAttributeFragment,
-    otherProps: Pick<ISelectedAttribute, 'path' | 'library' | 'parentAttributeData' | 'embeddedFieldData'>
-) => ISelectedAttribute;
+import { ISelectedAttribute } from '../../../types/attributes';
+import { AttributesByLibAttributeFragment } from '../../../_gqlTypes';
+export declare const attributeToSelectedAttribute: (attribute: AttributesByLibAttributeFragment, otherProps: Pick<ISelectedAttribute, 'path' | 'library' | 'parentAttributeData' | 'embeddedFieldData'>) => ISelectedAttribute;

package/dist/components/AttributesSelectionList/helpers/attributeToSelectedAttribute.js

@@ -2,6 +2,5 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import pick from 'lodash/pick';
-export const attributeToSelectedAttribute = (attribute, otherProps) =>
-    Object.assign(Object.assign({}, pick(attribute, ['id', 'label', 'format', 'type', 'multiple_values'])), otherProps);
-//# sourceMappingURL=attributeToSelectedAttribute.js.map
+export const attributeToSelectedAttribute = (attribute, otherProps) => (Object.assign(Object.assign({}, pick(attribute, ['id', 'label', 'format', 'type', 'multiple_values'])), otherProps));
+//# sourceMappingURL=attributeToSelectedAttribute.js.map

package/dist/components/AttributesSelectionList/index.js

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

package/dist/components/AttributesSelectionList/reducer/__mocks__/attributesSelectionListStateContext.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="jest" />
 export declare const useAttributesSelectionListState: () => {
     state: {
-        selectedAttributes: import('../../../..').ISelectedAttribute[];
+        selectedAttributes: import("../../../..").ISelectedAttribute[];
         library: string;
         multiple: boolean;
         canExpandExtendedAttributes: boolean;
         expandedAttributePath: string;
-        attributes: import('../../../../_gqlTypes').AttributesByLibAttributeFragment[];
+        attributes: import("../../../../_gqlTypes").AttributesByLibAttributeFragment[];
     };
     dispatch: jest.Mock<any, any>;
 };

package/dist/components/AttributesSelectionList/reducer/__mocks__/attributesSelectionListStateContext.js

@@ -1,10 +1,10 @@
 // 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 {mockSelectedAttributeA} from '../../../../__mocks__/common/attribute';
-import {initialState} from '../attributesSelectionListReducer';
+import { mockSelectedAttributeA } from '../../../../__mocks__/common/attribute';
+import { initialState } from '../attributesSelectionListReducer';
 export const useAttributesSelectionListState = () => ({
-    state: Object.assign(Object.assign({}, initialState), {selectedAttributes: [mockSelectedAttributeA]}),
+    state: Object.assign(Object.assign({}, initialState), { selectedAttributes: [mockSelectedAttributeA] }),
     dispatch: jest.fn()
 });
-//# sourceMappingURL=attributesSelectionListStateContext.js.map
+//# sourceMappingURL=attributesSelectionListStateContext.js.map

package/dist/components/AttributesSelectionList/reducer/attributesSelectionListReducer.d.ts

@@ -1,5 +1,5 @@
-import {ISelectedAttribute} from '../../../types/attributes';
-import {AttributesByLibAttributeFragment} from '../../../_gqlTypes';
+import { ISelectedAttribute } from '../../../types/attributes';
+import { AttributesByLibAttributeFragment } from '../../../_gqlTypes';
 export interface IAttributesSelectionListState {
     library: string;
     multiple: boolean;
@@ -9,32 +9,25 @@ export interface IAttributesSelectionListState {
     selectedAttributes: ISelectedAttribute[];
 }
 export declare enum AttributesSelectionListActionTypes {
-    SET_ATTRIBUTES = 'SET_ATTRIBUTES',
-    TOGGLE_ATTRIBUTE_SELECTION = 'TOGGLE_ATTRIBUTE_SELECTION',
-    TOGGLE_ATTRIBUTE_EXPAND = 'TOGGLE_ATTRIBUTE_EXPAND',
-    MOVE_SELECTED_ATTRIBUTE = 'MOVE_SELECTED_ATTRIBUTE'
+    SET_ATTRIBUTES = "SET_ATTRIBUTES",
+    TOGGLE_ATTRIBUTE_SELECTION = "TOGGLE_ATTRIBUTE_SELECTION",
+    TOGGLE_ATTRIBUTE_EXPAND = "TOGGLE_ATTRIBUTE_EXPAND",
+    MOVE_SELECTED_ATTRIBUTE = "MOVE_SELECTED_ATTRIBUTE"
 }
-export declare type AttributesSelectionListAction =
-    | {
-          type: AttributesSelectionListActionTypes.SET_ATTRIBUTES;
-          attributes: AttributesByLibAttributeFragment[];
-      }
-    | {
-          type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_EXPAND;
-          attributePath: string;
-      }
-    | {
-          type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_SELECTION;
-          attribute: ISelectedAttribute;
-      }
-    | {
-          type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE;
-          from: number;
-          to: number;
-      };
+export declare type AttributesSelectionListAction = {
+    type: AttributesSelectionListActionTypes.SET_ATTRIBUTES;
+    attributes: AttributesByLibAttributeFragment[];
+} | {
+    type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_EXPAND;
+    attributePath: string;
+} | {
+    type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_SELECTION;
+    attribute: ISelectedAttribute;
+} | {
+    type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE;
+    from: number;
+    to: number;
+};
 export declare const initialState: IAttributesSelectionListState;
-declare const attributeSelectionListReducer: (
-    state: IAttributesSelectionListState,
-    action: AttributesSelectionListAction
-) => IAttributesSelectionListState;
+declare const attributeSelectionListReducer: (state: IAttributesSelectionListState, action: AttributesSelectionListAction) => IAttributesSelectionListState;
 export default attributeSelectionListReducer;

package/dist/components/AttributesSelectionList/reducer/attributesSelectionListReducer.js

@@ -1,13 +1,13 @@
 // 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 {reorder} from '../../../_utils';
+import { reorder } from '../../../_utils';
 export var AttributesSelectionListActionTypes;
 (function (AttributesSelectionListActionTypes) {
-    AttributesSelectionListActionTypes['SET_ATTRIBUTES'] = 'SET_ATTRIBUTES';
-    AttributesSelectionListActionTypes['TOGGLE_ATTRIBUTE_SELECTION'] = 'TOGGLE_ATTRIBUTE_SELECTION';
-    AttributesSelectionListActionTypes['TOGGLE_ATTRIBUTE_EXPAND'] = 'TOGGLE_ATTRIBUTE_EXPAND';
-    AttributesSelectionListActionTypes['MOVE_SELECTED_ATTRIBUTE'] = 'MOVE_SELECTED_ATTRIBUTE';
+    AttributesSelectionListActionTypes["SET_ATTRIBUTES"] = "SET_ATTRIBUTES";
+    AttributesSelectionListActionTypes["TOGGLE_ATTRIBUTE_SELECTION"] = "TOGGLE_ATTRIBUTE_SELECTION";
+    AttributesSelectionListActionTypes["TOGGLE_ATTRIBUTE_EXPAND"] = "TOGGLE_ATTRIBUTE_EXPAND";
+    AttributesSelectionListActionTypes["MOVE_SELECTED_ATTRIBUTE"] = "MOVE_SELECTED_ATTRIBUTE";
 })(AttributesSelectionListActionTypes || (AttributesSelectionListActionTypes = {}));
 export const initialState = {
     library: '',
@@ -20,7 +20,7 @@ export const initialState = {
 const attributeSelectionListReducer = (state, action) => {
     switch (action.type) {
         case AttributesSelectionListActionTypes.SET_ATTRIBUTES: {
-            return Object.assign(Object.assign({}, state), {attributes: action.attributes});
+            return Object.assign(Object.assign({}, state), { attributes: action.attributes });
         }
         case AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_EXPAND: {
             const newState = Object.assign({}, state);
@@ -28,7 +28,8 @@ const attributeSelectionListReducer = (state, action) => {
             // Otherwise, expand given attribute path
             if (state.expandedAttributePath.indexOf(action.attributePath) === 0) {
                 newState.expandedAttributePath = action.attributePath.split('.').slice(0, -1).join('.');
-            } else {
+            }
+            else {
                 newState.expandedAttributePath = action.attributePath;
             }
             return newState;
@@ -39,17 +40,19 @@ const attributeSelectionListReducer = (state, action) => {
             if (state.multiple) {
                 if (existingIndex === -1) {
                     newSelection = [...newSelection, action.attribute];
-                } else {
+                }
+                else {
                     newSelection = [...newSelection.slice(0, existingIndex), ...newSelection.slice(existingIndex + 1)];
                 }
-            } else {
+            }
+            else {
                 newSelection = existingIndex === -1 ? [action.attribute] : [];
             }
-            return Object.assign(Object.assign({}, state), {selectedAttributes: newSelection});
+            return Object.assign(Object.assign({}, state), { selectedAttributes: newSelection });
         }
         case AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE: {
             let newSelection = [...state.selectedAttributes];
-            let {from, to} = action;
+            let { from, to } = action;
             if (!newSelection[from]) {
                 return state;
             }
@@ -60,9 +63,9 @@ const attributeSelectionListReducer = (state, action) => {
                 from = 0;
             }
             newSelection = reorder(newSelection, from, to);
-            return Object.assign(Object.assign({}, state), {selectedAttributes: newSelection});
+            return Object.assign(Object.assign({}, state), { selectedAttributes: newSelection });
         }
     }
 };
 export default attributeSelectionListReducer;
-//# sourceMappingURL=attributesSelectionListReducer.js.map
+//# sourceMappingURL=attributesSelectionListReducer.js.map

package/dist/components/AttributesSelectionList/reducer/attributesSelectionListStateContext.d.ts

@@ -1,5 +1,5 @@
-import React, {Dispatch} from 'react';
-import {AttributesSelectionListAction, IAttributesSelectionListState} from './attributesSelectionListReducer';
+import React, { Dispatch } from 'react';
+import { AttributesSelectionListAction, IAttributesSelectionListState } from './attributesSelectionListReducer';
 export declare const AttributesSelectionListStateContext: React.Context<{
     state: IAttributesSelectionListState;
     dispatch: Dispatch<AttributesSelectionListAction>;

package/dist/components/AttributesSelectionList/reducer/attributesSelectionListStateContext.js

@@ -1,11 +1,8 @@
 // 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 React, {useContext} from 'react';
-import {initialState} from './attributesSelectionListReducer';
-export const AttributesSelectionListStateContext = React.createContext({
-    state: initialState,
-    dispatch: () => initialState
-});
+import React, { useContext } from 'react';
+import { initialState } from './attributesSelectionListReducer';
+export const AttributesSelectionListStateContext = React.createContext({ state: initialState, dispatch: () => initialState });
 export const useAttributesSelectionListState = () => useContext(AttributesSelectionListStateContext);
-//# sourceMappingURL=attributesSelectionListStateContext.js.map
+//# sourceMappingURL=attributesSelectionListStateContext.js.map