@leav/ui 1.6.0 → 1.7.0-67b86ab9

package/dist/_queries/attributes/attributeDetailsFragment.js

@@ -54,6 +54,11 @@ export const attributeDetailsFragment = gql `
                 id
                 label
             }
+            permissions_conf_dependent_values {
+                dependenciesTreeAttributes {
+                    id
+                }
+            }
         }
     }
 `;

package/dist/_queries/attributes/attributeDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD1C,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D1C,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n            permissions_conf_dependent_values {\n                dependenciesTreeAttributes {\n                    id\n                }\n            }\n        }\n    }\n`;\n"]}

package/dist/_queries/trees/treeNodeChildrenQuery.js

@@ -41,12 +41,14 @@ export const getTreeNodeChildrenQuery = gql `
         $node: ID
         $pagination: Pagination
         $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput
+        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput
     ) {
         treeNodeChildren(
             treeId: $treeId
             node: $node
             pagination: $pagination
             childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter
+            dependentValuesPermissionFilter: $dependentValuesPermissionFilter
         ) {
             totalCount
             list {

package/dist/_queries/trees/treeNodeChildrenQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeNodeChildrenQuery.js","sourceRoot":"","sources":["../../../src/_queries/trees/treeNodeChildrenQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;MACrC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD3B,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const getTreeNodeChildrenQuery = gql`\n    ${recordIdentityFragment}\n\n    fragment TreeNodeChild on TreeNodeLight {\n        id\n        order\n        childrenCount\n        record {\n            ...RecordIdentity\n            active: property(attribute: \"active\") {\n                ... on Value {\n                    value\n                }\n            }\n        }\n        ancestors {\n            id\n            record {\n                id\n                library {\n                    id\n                    label\n                }\n                ...RecordIdentity\n            }\n        }\n        permissions {\n            access_tree\n            detach\n            edit_children\n        }\n    }\n\n    query TREE_NODE_CHILDREN(\n        $treeId: ID!\n        $node: ID\n        $pagination: Pagination\n        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput\n    ) {\n        treeNodeChildren(\n            treeId: $treeId\n            node: $node\n            pagination: $pagination\n            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter\n        ) {\n            totalCount\n            list {\n                ...TreeNodeChild\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"file":"treeNodeChildrenQuery.js","sourceRoot":"","sources":["../../../src/_queries/trees/treeNodeChildrenQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;MACrC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD3B,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const getTreeNodeChildrenQuery = gql`\n    ${recordIdentityFragment}\n\n    fragment TreeNodeChild on TreeNodeLight {\n        id\n        order\n        childrenCount\n        record {\n            ...RecordIdentity\n            active: property(attribute: \"active\") {\n                ... on Value {\n                    value\n                }\n            }\n        }\n        ancestors {\n            id\n            record {\n                id\n                library {\n                    id\n                    label\n                }\n                ...RecordIdentity\n            }\n        }\n        permissions {\n            access_tree\n            detach\n            edit_children\n        }\n    }\n\n    query TREE_NODE_CHILDREN(\n        $treeId: ID!\n        $node: ID\n        $pagination: Pagination\n        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput\n        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput\n    ) {\n        treeNodeChildren(\n            treeId: $treeId\n            node: $node\n            pagination: $pagination\n            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter\n            dependentValuesPermissionFilter: $dependentValuesPermissionFilter\n        ) {\n            totalCount\n            list {\n                ...TreeNodeChild\n            }\n        }\n    }\n`;\n"]}

package/dist/_queries/views/viewDetailsFragment.js

@@ -14,6 +14,7 @@ const viewDetailsFragment = gql `
         }
         condition
         operator
+        withEmptyValues
     }
 
     fragment ViewDetails on View {

package/dist/_queries/views/viewDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/views/viewDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,mBAAmB,GAAG,GAAG,CAAA;MACzB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD3B,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '_ui/gqlFragments';\n\nconst viewDetailsFragment = gql`\n    ${recordIdentityFragment}\n    fragment ViewDetailsFilter on RecordFilter {\n        field\n        value\n        tree {\n            id\n            label\n        }\n        condition\n        operator\n    }\n\n    fragment ViewDetails on View {\n        id\n        display {\n            size\n            type\n        }\n        shared\n        created_by {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        label\n        description\n        color\n        filters {\n            ...ViewDetailsFilter\n        }\n        sort {\n            field\n            order\n        }\n        valuesVersions {\n            treeId\n            treeNode {\n                id\n                record {\n                    ...RecordIdentity\n                }\n            }\n        }\n        attributes {\n            id\n        }\n    }\n`;\n\nexport default viewDetailsFragment;\n"]}
+{"version":3,"file":"viewDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/views/viewDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,mBAAmB,GAAG,GAAG,CAAA;MACzB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD3B,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '_ui/gqlFragments';\n\nconst viewDetailsFragment = gql`\n    ${recordIdentityFragment}\n    fragment ViewDetailsFilter on RecordFilter {\n        field\n        value\n        tree {\n            id\n            label\n        }\n        condition\n        operator\n        withEmptyValues\n    }\n\n    fragment ViewDetails on View {\n        id\n        display {\n            size\n            type\n        }\n        shared\n        created_by {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        label\n        description\n        color\n        filters {\n            ...ViewDetailsFilter\n        }\n        sort {\n            field\n            order\n        }\n        valuesVersions {\n            treeId\n            treeNode {\n                id\n                record {\n                    ...RecordIdentity\n                }\n            }\n        }\n        attributes {\n            id\n        }\n    }\n`;\n\nexport default viewDetailsFragment;\n"]}

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

@@ -1,8 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // 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 { DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 import styled from 'styled-components';
 import { infosCol } from '../../../components/LibraryItemsList/constants';
 import { AttributesSelectionListActionTypes } from '../reducer/attributesSelectionListReducer';
@@ -35,21 +37,27 @@ const CustomCard = styled.div `
 `;
 function SelectedAttributesList() {
     const { state, dispatch } = useAttributesSelectionListState();
-    const selection = state.selectedAttributes;
-    const _onDragEnd = result => {
-        if (!result.destination) {
+    const selection = state.selectedAttributes.filter(a => a.path !== infosCol);
+    const handleDragEnd = event => {
+        const { active, over } = event;
+        if (!over || active.id === over.id) {
             return;
         }
-        if (result.destination.index === result.source.index) {
+        const from = selection.findIndex(item => item.path === active.id);
+        const to = selection.findIndex(item => item.path === over.id);
+        if (from === -1 || to === -1) {
             return;
         }
-        dispatch({
-            type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE,
-            from: result.source.index,
-            to: result.destination.index,
-        });
+        dispatch({ type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE, from, to });
     };
-    return (_jsx(WrapperItemSelected, { children: _jsx(DragDropContext, { onDragEnd: _onDragEnd, children: _jsx(Droppable, { droppableId: "list-attributes-selected", children: provided => (_jsxs("div", { ref: provided.innerRef, ...provided.droppableProps, children: [selection.map((selectedAttribute, index) => selectedAttribute.path !== infosCol && (_jsx(Draggable, { index: index, draggableId: selectedAttribute.path, children: dragProvided => (_jsx(CustomCard, { ref: dragProvided.innerRef, ...dragProvided.draggableProps, children: _jsx(SelectedAttribute, { selectedAttribute: selectedAttribute, handleProps: dragProvided.dragHandleProps }) })) }, selectedAttribute.path))), provided.placeholder] })) }) }) }));
+    return (_jsx(WrapperItemSelected, { children: _jsx(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: selection.map(a => a.path), strategy: verticalListSortingStrategy, children: selection.map(selectedAttribute => (_jsx(SortableItem, { selectedAttribute: selectedAttribute }, selectedAttribute.path))) }) }) }));
+}
+function SortableItem({ selectedAttribute }) {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: selectedAttribute.path,
+    });
+    const style = { transform: CSS.Transform.toString(transform), transition };
+    return (_jsx(CustomCard, { ref: setNodeRef, style: style, ...attributes, children: _jsx(SelectedAttribute, { selectedAttribute: selectedAttribute, handleProps: listeners }) }));
 }
 export default SelectedAttributesList;
 //# sourceMappingURL=SelectedAttributesList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedAttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAC,kCAAkC,EAAC,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAC,+BAA+B,EAAC,MAAM,gDAAgD,CAAC;AAC/F,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWrC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,SAAS,sBAAsB;IAC3B,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,+BAA+B,EAAE,CAAC;IAE5D,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC;IAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE;QACxB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACnD,OAAO;QACX,CAAC;QAED,QAAQ,CAAC;YACL,IAAI,EAAE,kCAAkC,CAAC,uBAAuB;YAChE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;YACzB,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,mBAAmB,cAChB,KAAC,eAAe,IAAC,SAAS,EAAE,UAAU,YAClC,KAAC,SAAS,IAAC,WAAW,EAAC,0BAA0B,YAC5C,QAAQ,CAAC,EAAE,CAAC,CACT,eAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ,KAAM,QAAQ,CAAC,cAAc,aACnD,SAAS,CAAC,GAAG,CACV,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,CACzB,iBAAiB,CAAC,IAAI,KAAK,QAAQ,IAAI,CACnC,KAAC,SAAS,IAEN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,CAAC,IAAI,YAElC,YAAY,CAAC,EAAE,CAAC,CACb,KAAC,UAAU,IACP,GAAG,EAAE,YAAY,CAAC,QAAQ,KACtB,YAAY,CAAC,cAAc,YAE/B,KAAC,iBAAiB,IACd,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,YAAY,CAAC,eAAe,GAC3C,GACO,CAChB,IAdI,iBAAiB,CAAC,IAAI,CAenB,CACf,CACR,EACA,QAAQ,CAAC,WAAW,IACnB,CACT,GACO,GACE,GACA,CACzB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';\nimport styled from 'styled-components';\nimport {infosCol} from '_ui/components/LibraryItemsList/constants';\nimport {AttributesSelectionListActionTypes} from '../reducer/attributesSelectionListReducer';\nimport {useAttributesSelectionListState} from '../reducer/attributesSelectionListStateContext';\nimport SelectedAttribute from './SelectedAttribute/SelectedAttribute';\n\nconst WrapperItemSelected = styled.div`\n    overflow-y: auto;\n    height: calc(100vh - 15rem);\n\n    &&& > *:first-child {\n        margin-top: 0;\n    }\n\n    &&& > *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst CustomCard = styled.div`\n    &&& {\n        padding: 0;\n        margin: 0 10px 10px 10px;\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #f0f0f0;\n        border-radius: 2px;\n        min-height: 3rem;\n        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n        background: #fff;\n    }\n`;\n\nfunction SelectedAttributesList(): JSX.Element {\n    const {state, dispatch} = useAttributesSelectionListState();\n\n    const selection = state.selectedAttributes;\n\n    const _onDragEnd = result => {\n        if (!result.destination) {\n            return;\n        }\n\n        if (result.destination.index === result.source.index) {\n            return;\n        }\n\n        dispatch({\n            type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE,\n            from: result.source.index,\n            to: result.destination.index,\n        });\n    };\n\n    return (\n        <WrapperItemSelected>\n            <DragDropContext onDragEnd={_onDragEnd}>\n                <Droppable droppableId=\"list-attributes-selected\">\n                    {provided => (\n                        <div ref={provided.innerRef} {...provided.droppableProps}>\n                            {selection.map(\n                                (selectedAttribute, index) =>\n                                    selectedAttribute.path !== infosCol && (\n                                        <Draggable\n                                            key={selectedAttribute.path}\n                                            index={index}\n                                            draggableId={selectedAttribute.path}\n                                        >\n                                            {dragProvided => (\n                                                <CustomCard\n                                                    ref={dragProvided.innerRef}\n                                                    {...dragProvided.draggableProps}\n                                                >\n                                                    <SelectedAttribute\n                                                        selectedAttribute={selectedAttribute}\n                                                        handleProps={dragProvided.dragHandleProps}\n                                                    />\n                                                </CustomCard>\n                                            )}\n                                        </Draggable>\n                                    ),\n                            )}\n                            {provided.placeholder}\n                        </div>\n                    )}\n                </Droppable>\n            </DragDropContext>\n        </WrapperItemSelected>\n    );\n}\n\nexport default SelectedAttributesList;\n"]}
+{"version":3,"file":"SelectedAttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,eAAe,EAAE,2BAA2B,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC5F,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAC,kCAAkC,EAAC,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAC,+BAA+B,EAAC,MAAM,gDAAgD,CAAC;AAC/F,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAGtE,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWrC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,SAAS,sBAAsB;IAC3B,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,+BAA+B,EAAE,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;IAE5E,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE;QAC1B,MAAM,EAAC,MAAM,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YACjC,OAAO;QACX,CAAC;QACD,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QAClE,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9D,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3B,OAAO;QACX,CAAC;QACD,QAAQ,CAAC,EAAC,IAAI,EAAE,kCAAkC,CAAC,uBAAuB,EAAE,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,mBAAmB,cAChB,KAAC,UAAU,IAAC,kBAAkB,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,YACnE,KAAC,eAAe,IAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,2BAA2B,YACpF,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAChC,KAAC,YAAY,IAA8B,iBAAiB,EAAE,iBAAiB,IAA5D,iBAAiB,CAAC,IAAI,CAA0C,CACtF,CAAC,GACY,GACT,GACK,CACzB,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,iBAAiB,EAA0C;IAC9E,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,WAAW,CAAC;QAC3E,EAAE,EAAE,iBAAiB,CAAC,IAAI;KAC7B,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,EAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,UAAU,EAAC,CAAC;IAEzE,OAAO,CACH,KAAC,UAAU,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,KAAM,UAAU,YACrD,KAAC,iBAAiB,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,GAAI,GAC1E,CAChB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {DndContext, closestCenter} from '@dnd-kit/core';\nimport {SortableContext, verticalListSortingStrategy, useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport styled from 'styled-components';\nimport {infosCol} from '_ui/components/LibraryItemsList/constants';\nimport {AttributesSelectionListActionTypes} from '../reducer/attributesSelectionListReducer';\nimport {useAttributesSelectionListState} from '../reducer/attributesSelectionListStateContext';\nimport SelectedAttribute from './SelectedAttribute/SelectedAttribute';\nimport {type ISelectedAttribute} from '_ui/types';\n\nconst WrapperItemSelected = styled.div`\n    overflow-y: auto;\n    height: calc(100vh - 15rem);\n\n    &&& > *:first-child {\n        margin-top: 0;\n    }\n\n    &&& > *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst CustomCard = styled.div`\n    &&& {\n        padding: 0;\n        margin: 0 10px 10px 10px;\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #f0f0f0;\n        border-radius: 2px;\n        min-height: 3rem;\n        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n        background: #fff;\n    }\n`;\n\nfunction SelectedAttributesList(): JSX.Element {\n    const {state, dispatch} = useAttributesSelectionListState();\n    const selection = state.selectedAttributes.filter(a => a.path !== infosCol);\n\n    const handleDragEnd = event => {\n        const {active, over} = event;\n        if (!over || active.id === over.id) {\n            return;\n        }\n        const from = selection.findIndex(item => item.path === active.id);\n        const to = selection.findIndex(item => item.path === over.id);\n        if (from === -1 || to === -1) {\n            return;\n        }\n        dispatch({type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE, from, to});\n    };\n\n    return (\n        <WrapperItemSelected>\n            <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n                <SortableContext items={selection.map(a => a.path)} strategy={verticalListSortingStrategy}>\n                    {selection.map(selectedAttribute => (\n                        <SortableItem key={selectedAttribute.path} selectedAttribute={selectedAttribute} />\n                    ))}\n                </SortableContext>\n            </DndContext>\n        </WrapperItemSelected>\n    );\n}\n\nfunction SortableItem({selectedAttribute}: {selectedAttribute: ISelectedAttribute}) {\n    const {attributes, listeners, setNodeRef, transform, transition} = useSortable({\n        id: selectedAttribute.path,\n    });\n    const style = {transform: CSS.Transform.toString(transform), transition};\n\n    return (\n        <CustomCard ref={setNodeRef} style={style} {...attributes}>\n            <SelectedAttribute selectedAttribute={selectedAttribute} handleProps={listeners} />\n        </CustomCard>\n    );\n}\n\nexport default SelectedAttributesList;\n"]}

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

@@ -7,5 +7,5 @@ export declare const useAttributesSelectionListState: () => {
         expandedAttributePath: string;
         attributes: import("../../../../_gqlTypes").AttributesByLibAttributeFragment[];
     };
-    dispatch: jest.Mock<any, any>;
+    dispatch: jest.Mock<any, any, any>;
 };

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

@@ -2,10 +2,11 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     ref?: import("react").LegacyRef<HTMLSpanElement>;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -36,7 +37,6 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -50,55 +50,57 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -120,7 +122,7 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement>;
     onChange?: import("react").FormEventHandler<HTMLSpanElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
     onInput?: import("react").FormEventHandler<HTMLSpanElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
@@ -267,10 +269,11 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     ref?: import("react").LegacyRef<HTMLSpanElement>;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -301,7 +304,6 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -315,55 +317,57 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -385,7 +389,7 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement>;
     onChange?: import("react").FormEventHandler<HTMLSpanElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
     onInput?: import("react").FormEventHandler<HTMLSpanElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
@@ -540,10 +544,11 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     noValidate?: boolean | undefined;
     target?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -574,7 +579,6 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -588,55 +592,57 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -658,7 +664,7 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     onBlurCapture?: import("react").FocusEventHandler<HTMLFormElement>;
     onChange?: import("react").FormEventHandler<HTMLFormElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLFormElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLFormElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLFormElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLFormElement>;
     onInput?: import("react").FormEventHandler<HTMLFormElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLFormElement>;

package/dist/components/Explorer/DataView.d.ts

@@ -21,6 +21,8 @@ interface IDataViewProps {
         mode?: 'simple' | 'multiple';
     };
     hideTableHeader: boolean;
+    useSmallHeaderSize?: boolean;
+    tableBodyHeight?: string;
 }
 export declare const DataView: FunctionComponent<IDataViewProps>;
 export {};