@leav/ui 0.2.6 → 0.2.8

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,7 +33,32 @@ 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,7 +49,61 @@ 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,4 +1,8 @@
-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,3 +1,6 @@
-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,5 +2,6 @@
 // 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,25 +9,32 @@ 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,8 +28,7 @@ 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;
@@ -40,19 +39,17 @@ 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;
             }
@@ -63,9 +60,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,8 +1,11 @@
 // 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