@deviceinsight/ng-ui-components 6.28.1 → 7.0.0

package/lib/esm/components/svg/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/svg/types.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,aAAK,OAAO,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,aAAK,QAAQ,GAAG;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,oBAAY,YAAY,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,kCAAkC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAAG,SAAS,CAAC;CACxD,CAAC;AACF,aAAK,aAAa,GAAG;IACpB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AACF,oBAAY,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,UAAU,GAAG;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,aAAK,QAAQ,GAAG;IACf,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,oBAAY,YAAY,GACrB,aAAa,GACb,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,SAAS,GACT,SAAS,GACT,UAAU,GACV,QAAQ,CAAC"}

package/lib/esm/components/svg/types.js

@@ -1 +0,0 @@
-export {};

package/lib/esm/components/svg/utils/__tests__/getMutableNodeList.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=getMutableNodeList.spec.d.ts.map

package/lib/esm/components/svg/utils/__tests__/getMutableNodeList.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getMutableNodeList.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/svg/utils/__tests__/getMutableNodeList.spec.ts"],"names":[],"mappings":""}

package/lib/esm/components/svg/utils/__tests__/getMutableNodeList.spec.js

@@ -1,24 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import getMutableNodeList, { parseFromString } from '../getMutableNodeList';
-const testDiFieldId = 'di-field-id-';
-const base64StringWithoutFieldIds = 'data:image/svg+xml;base64,PHN2Zz48aDE+SGk8L2gxPjwvc3ZnPg==';
-const base64StringWithFieldIds = 'data:image/svg+xml;base64,PHN2Zz48aDE+Tm9uLU11dGFibGU8L2gxPjxoMiBpZD0iZGktZmllbGQtaWQtIj5NdXRhYmxlPC9oMj48L3N2Zz4=';
-describe('get node list from svg base64 string', () => {
-    it('should return an empty list if no mutable nodes are found', () => {
-        const nodeList = getMutableNodeList(base64StringWithoutFieldIds, testDiFieldId);
-        expect(nodeList).toHaveLength(0);
-    });
-    it('should return a non-empty list if mutable nodes are found', () => {
-        const nodeList = getMutableNodeList(base64StringWithFieldIds, testDiFieldId);
-        expect(nodeList).toHaveLength(1);
-        expect(nodeList.item(0).innerHTML).toBe('Mutable');
-    });
-    it('should throw an error if there was a parsing error', () => {
-        expect(() => getMutableNodeList('wrong', testDiFieldId)).toThrow();
-    });
-    it('should remove the "svg:" namespace while parsing the input text', () => {
-        const html = '<svg:svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"><h1>Non-Mutable</h1><h2 id="di-field-id-">Mutable</h2></svg:svg>';
-        const document = parseFromString(`data:image/svg+xml;base64,${btoa(html)}`);
-        expect(document.children[0].nodeName).toEqual('svg');
-    });
-});

package/lib/esm/components/svg/utils/createHyperlinkModification.d.ts

@@ -1,4 +0,0 @@
-import { SetHyperlink } from '../types';
-export declare const SVG_NS = "http://www.w3.org/2000/svg";
-export default function createHyperlinkModification(element: HTMLElement, { hoverColor, internalLink, link }: SetHyperlink, globalStyleElement: HTMLStyleElement | null, onInternalLinkChange: ((link: string) => void) | undefined): void;
-//# sourceMappingURL=createHyperlinkModification.d.ts.map

package/lib/esm/components/svg/utils/createHyperlinkModification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createHyperlinkModification.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/createHyperlinkModification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAClD,OAAO,EAAE,WAAW,EACpB,EAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAC,EAAE,YAAY,EAC9C,kBAAkB,EAAE,gBAAgB,GAAG,IAAI,EAC3C,oBAAoB,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,QAiB1D"}

package/lib/esm/components/svg/utils/createHyperlinkModification.js

@@ -1,35 +0,0 @@
-import { uuidV4 } from '../../../modules/utils/uuidGen';
-export const SVG_NS = 'http://www.w3.org/2000/svg';
-export default function createHyperlinkModification(element, { hoverColor, internalLink, link }, globalStyleElement, onInternalLinkChange) {
-    const anchor = wrapIntoAnchor(element);
-    if (!anchor)
-        return;
-    const uniqueClassName = `a${uuidV4(8)}`;
-    element.classList.add('anchor', uniqueClassName);
-    if (hoverColor && globalStyleElement?.sheet) {
-        globalStyleElement.sheet.insertRule(`.di.svg-image .anchor.${uniqueClassName}:hover, .di.svg-image .anchor.${uniqueClassName}:hover * { stroke: ${hoverColor} !important; }`);
-    }
-    anchor.setAttributeNS(SVG_NS, 'xlink:href', '#');
-    anchor.addEventListener('click', () => internalLink && onInternalLinkChange ? onInternalLinkChange(link) : window.open(link, '_newtab'));
-}
-function wrapIntoAnchor(wrappedElement) {
-    const parentNode = wrappedElement.parentNode;
-    if (!parentNode) {
-        return null;
-    }
-    const siblings = parentNode.childNodes;
-    if (!siblings) {
-        return null;
-    }
-    const index = Array.from(siblings).findIndex((el) => el === wrappedElement);
-    const wrapperElement = document.createElementNS(SVG_NS, 'a');
-    wrapperElement.appendChild(wrappedElement);
-    const siblingNode = siblings[index] || null;
-    if (siblingNode) {
-        parentNode.insertBefore(wrapperElement, siblingNode);
-    }
-    else {
-        parentNode.appendChild(wrapperElement);
-    }
-    return wrapperElement;
-}

package/lib/esm/components/svg/utils/createPositionModification.d.ts

@@ -1,3 +0,0 @@
-import { PositionX, PositionXY, PositionY } from '../types';
-export default function createPositionModification(element: HTMLElement, modification: PositionX | PositionY | PositionXY, svgElement: SVGSVGElement): void;
-//# sourceMappingURL=createPositionModification.d.ts.map

package/lib/esm/components/svg/utils/createPositionModification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createPositionModification.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/createPositionModification.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,UAAU,CAAC;AAI1D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CACjD,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,EAChD,UAAU,EAAE,aAAa,QAgBzB"}

package/lib/esm/components/svg/utils/createPositionModification.js

@@ -1,19 +0,0 @@
-import { SVG } from '@svgdotjs/svg.js';
-const limitPercentagePosition = (position) => Math.max(0, Math.min(100, position));
-export default function createPositionModification(element, modification, svgElement) {
-    const svg = SVG(svgElement);
-    const targetId = element.getAttribute('id') || '';
-    const targetEl = svg.findOne(`#${targetId}`);
-    const boundariesEl = svg.findOne(`#${targetId}-boundaries`);
-    const bbox = boundariesEl ? boundariesEl.bbox() : svg.viewbox();
-    if (modification.type === 'positionX') {
-        targetEl.x(bbox.x + (limitPercentagePosition(modification.position) * bbox.width) / 100);
-    }
-    else if (modification.type === 'positionY') {
-        targetEl.y(bbox.y + (limitPercentagePosition(modification.position) * bbox.height) / 100);
-    }
-    else {
-        targetEl.x(bbox.x + (limitPercentagePosition(modification.positionX) * bbox.width) / 100);
-        targetEl.y(bbox.y + (limitPercentagePosition(modification.positionY) * bbox.height) / 100);
-    }
-}

package/lib/esm/components/svg/utils/findConflicts.d.ts

@@ -1,2 +0,0 @@
-export default function findConflicts(svgElement: SVGSVGElement, onConflict: (conflictingIds: string[]) => void): () => void;
-//# sourceMappingURL=findConflicts.d.ts.map

package/lib/esm/components/svg/utils/findConflicts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"findConflicts.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/findConflicts.ts"],"names":[],"mappings":"AAiBA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,cAQ9G"}

package/lib/esm/components/svg/utils/findConflicts.js

@@ -1,23 +0,0 @@
-const CONFLICTING_IDS_DETECTION_DELAY = 500;
-const calculateIdCountsInElement = (element) => {
-    return Array.from(element.querySelectorAll('[id]'))
-        .map((element) => element.getAttribute('id'))
-        .reduce((acc, id) => {
-        if (id)
-            acc[id] = acc[id] + 1 || 1;
-        return acc;
-    }, {});
-};
-const findAllDuplicatedIdsInSvgElement = (svgElement) => {
-    const idCountsInDocument = calculateIdCountsInElement(document);
-    const idCountsInSvg = calculateIdCountsInElement(svgElement);
-    return Object.keys(idCountsInSvg).filter((key) => idCountsInSvg[key] < idCountsInDocument[key]);
-};
-export default function findConflicts(svgElement, onConflict) {
-    const timeoutId = setTimeout(() => {
-        if (onConflict) {
-            onConflict(findAllDuplicatedIdsInSvgElement(svgElement));
-        }
-    }, CONFLICTING_IDS_DETECTION_DELAY);
-    return () => clearTimeout(timeoutId);
-}

package/lib/esm/components/svg/utils/getMutableNodeList.d.ts

@@ -1,3 +0,0 @@
-export declare const parseFromString: (imageData: string) => Document;
-export default function (imageData: string, diFieldId: string): NodeListOf<Element>;
-//# sourceMappingURL=getMutableNodeList.d.ts.map

package/lib/esm/components/svg/utils/getMutableNodeList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getMutableNodeList.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/getMutableNodeList.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,cAAe,MAAM,aAIhD,CAAC;AAEF,MAAM,CAAC,OAAO,WAAW,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAG5D"}

package/lib/esm/components/svg/utils/getMutableNodeList.js

@@ -1,12 +0,0 @@
-// SvgImage uses the @svgdotjs/svg.js library that doesn't work with the <svg:svg>...</svg:svg> elements.
-// The naive solution - removing of the "svg:" namespace - solves the problem.
-const removeSvgNamespace = (xml) => xml.replace(/<svg:svg/g, '<svg').replace(/<\/svg:svg/g, '</svg');
-export const parseFromString = (imageData) => {
-    const parser = new DOMParser();
-    const xml = removeSvgNamespace(atob(imageData.replace('data:image/svg+xml;base64,', '')));
-    return parser.parseFromString(xml, 'image/svg+xml');
-};
-export default function (imageData, diFieldId) {
-    const doc = parseFromString(imageData);
-    return doc.querySelectorAll(`[id^="${diFieldId}"]`);
-}

package/lib/esm/components/svg/utils/getSvgElement.d.ts

@@ -1,3 +0,0 @@
-declare const _default: (imageData: string) => SVGSVGElement | null;
-export default _default;
-//# sourceMappingURL=getSvgElement.d.ts.map

package/lib/esm/components/svg/utils/getSvgElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSvgElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/getSvgElement.ts"],"names":[],"mappings":"oCAE2B,MAAM;AAAjC,wBAOE"}

package/lib/esm/components/svg/utils/getSvgElement.js

@@ -1,10 +0,0 @@
-import { parseFromString } from './getMutableNodeList';
-export default (imageData) => {
-    try {
-        const imageDoc = parseFromString(imageData);
-        return imageDoc.querySelector('svg');
-    }
-    catch (e) {
-        return null;
-    }
-};

package/lib/esm/components/svg/utils/renderSvg.d.ts

@@ -1,3 +0,0 @@
-import { Modification } from '../types';
-export default function renderSvg(svgWrapper: HTMLDivElement, imageData: string, modifications: Modification[] | undefined, globalStyleElement: HTMLStyleElement | null, onInternalLinkChange: ((link: string) => void) | undefined): SVGSVGElement | null;
-//# sourceMappingURL=renderSvg.d.ts.map

package/lib/esm/components/svg/utils/renderSvg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderSvg.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/renderSvg.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAMtC,MAAM,CAAC,OAAO,UAAU,SAAS,CAChC,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,EACzC,kBAAkB,EAAE,gBAAgB,GAAG,IAAI,EAC3C,oBAAoB,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,GACxD,aAAa,GAAG,IAAI,CAqBtB"}

package/lib/esm/components/svg/utils/renderSvg.js

@@ -1,88 +0,0 @@
-import { SVG } from '@svgdotjs/svg.js';
-import createHyperlinkModification from './createHyperlinkModification';
-import { parseFromString } from './getMutableNodeList';
-import transformPositionModifications from './transformPositionModifications';
-import createPositionModification from './createPositionModification';
-export default function renderSvg(svgWrapper, imageData, modifications, globalStyleElement, onInternalLinkChange) {
-    const imageDocument = parseFromString(imageData);
-    const svgElement = imageDocument.querySelector('svg');
-    if (svgElement) {
-        svgWrapper.style.height = '100%';
-        svgWrapper.innerHTML = '';
-        svgElement.style.height = '100%';
-        svgElement.style.width = '100%';
-        svgElement.classList.add('di', 'svg-image');
-        if (!svgElement.getAttribute('viewBox')) {
-            svgElement.setAttribute('viewBox', '');
-        }
-        if (!svgElement.getAttribute('preserveAspectRatio')) {
-            svgElement.setAttribute('preserveAspectRatio', 'xMidYMid');
-        }
-        svgWrapper.appendChild(svgElement);
-        applyModifications(svgElement, modifications, globalStyleElement, onInternalLinkChange);
-        return svgElement;
-    }
-    return null;
-}
-function applyModifications(svgElement, modifications, globalStyleElement, onInternalLinkChange) {
-    if (!modifications || !modifications.length)
-        return;
-    for (const modification of sortModifications(transformPositionModifications(modifications))) {
-        const element = svgElement.querySelector(`[id=${modification.target}]`);
-        if (element) {
-            applyModification(element, modification, svgElement, globalStyleElement, onInternalLinkChange);
-        }
-    }
-}
-function applyModification(element, modification, svgElement, globalStyleElement, onInternalLinkChange) {
-    switch (modification.type) {
-        case 'visibility':
-            element.setAttribute('visibility', modification.visible ? 'visible' : 'hidden');
-            break;
-        case 'text': {
-            const tspan = element.querySelector('tspan');
-            if (tspan) {
-                tspan.textContent = modification.text;
-            }
-            else {
-                element.textContent = modification.text;
-            }
-            break;
-        }
-        case 'color': {
-            const { color } = modification;
-            const changeColor = (el) => {
-                el.setAttribute('fill', color);
-                el.style.fill = color;
-            };
-            changeColor(element);
-            element.querySelectorAll('g, path').forEach(changeColor);
-            break;
-        }
-        case 'hyperlink':
-            createHyperlinkModification(element, modification, globalStyleElement, onInternalLinkChange);
-            break;
-        case 'eventListener':
-            element.addEventListener(modification.eventType, modification.listener, modification.options);
-            break;
-        case 'classNames':
-            element.classList.add(...modification.classNames);
-            break;
-        case 'positionX':
-        case 'positionY':
-        case 'positionXY':
-            createPositionModification(element, modification, svgElement);
-            break;
-        case 'rotation': {
-            // @ts-expect-error
-            SVG(element).rotate(modification.degrees);
-            break;
-        }
-        default:
-            throw new Error('Unknown modification');
-    }
-}
-// rotation moved to the end of the array
-function sortModifications(modifications) {
-    return modifications.sort(({ type: type1 }, { type: type2 }) => (type1 !== type2 && type2 === 'rotation' ? -1 : 1));
-}

package/lib/esm/components/svg/utils/transformPositionModifications.d.ts

@@ -1,4 +0,0 @@
-import { Modification } from '../types';
-declare const _default: (modifications: Array<Modification>) => Array<Modification>;
-export default _default;
-//# sourceMappingURL=transformPositionModifications.d.ts.map

package/lib/esm/components/svg/utils/transformPositionModifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformPositionModifications.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/transformPositionModifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAuB,MAAM,UAAU,CAAC;wCA6C7B,MAAM,YAAY,CAAC,KAAG,MAAM,YAAY,CAAC;AAAxE,wBAYE"}

package/lib/esm/components/svg/utils/transformPositionModifications.js

@@ -1,42 +0,0 @@
-const mergePositionChanges = (modifications) => {
-    const positionModifications = modifications.filter(({ type }) => type === 'positionX' || type === 'positionY');
-    const restModifications = modifications.filter(({ type }) => type !== 'positionX' && type !== 'positionY');
-    const positionByAxisModifications = positionModifications.reduce((acc, modification) => {
-        if (modification.type === 'positionX') {
-            return { ...acc, x: modification };
-        }
-        else if (modification.type === 'positionY') {
-            return { ...acc, y: modification };
-        }
-        return acc;
-    }, {
-        x: null,
-        y: null
-    });
-    if (positionByAxisModifications.x && positionByAxisModifications.y) {
-        return restModifications.concat([
-            {
-                type: 'positionXY',
-                target: positionByAxisModifications.x.target,
-                positionX: positionByAxisModifications.x.position,
-                positionY: positionByAxisModifications.y.position
-            }
-        ]);
-    }
-    else if (positionByAxisModifications.x) {
-        return restModifications.concat([positionByAxisModifications.x]);
-    }
-    else if (positionByAxisModifications.y) {
-        return restModifications.concat([positionByAxisModifications.y]);
-    }
-    else {
-        return restModifications;
-    }
-};
-export default (modifications) => {
-    const modificationsByTarget = modifications.reduce((acc, modification) => ({
-        ...acc,
-        [modification.target]: [...(acc[modification.target] || []), modification]
-    }), {});
-    return Object.keys(modificationsByTarget).reduce((acc, target) => acc.concat(mergePositionChanges(modificationsByTarget[target])), []);
-};

package/lib/esm/components/svg/utils/validateSvg.d.ts

@@ -1,3 +0,0 @@
-declare const _default: (imageData: string) => boolean;
-export default _default;
-//# sourceMappingURL=validateSvg.d.ts.map

package/lib/esm/components/svg/utils/validateSvg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validateSvg.d.ts","sourceRoot":"","sources":["../../../../../src/components/svg/utils/validateSvg.ts"],"names":[],"mappings":"oCAE2B,MAAM,KAAG,OAAO;AAA3C,wBAGE"}

package/lib/esm/components/svg/utils/validateSvg.js

@@ -1,5 +0,0 @@
-import getSvgElement from './getSvgElement';
-export default (imageData) => {
-    const svgElement = getSvgElement(imageData);
-    return !!svgElement && !!svgElement.style;
-};

package/lib/esm/components/tabs/RouteTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/RouteTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qCAAqC;IACrC,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D,CAAC;AA8DF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,qBA8EvF"}

package/lib/esm/components/tabs/RouteTabs.js

@@ -1,67 +0,0 @@
-import React, { useState } from 'react';
-import { Link, Redirect, Route, Switch, useLocation } from 'react-router-dom';
-import { CSS } from '@dnd-kit/utilities';
-import { closestCenter, DndContext } from '@dnd-kit/core';
-import { horizontalListSortingStrategy, SortableContext, useSortable } from '@dnd-kit/sortable';
-import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
-import cx from 'classnames';
-import resolvePath from '../../utils/resolvePath';
-const TabHeader = ({ id, to, className, title, children, draggingDisabled }) => {
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
-        id,
-        disabled: draggingDisabled,
-        strategy: horizontalListSortingStrategy
-    });
-    const style = {
-        transform: transform ? CSS.Transform.toString({ ...transform, scaleX: 1 }) : undefined,
-        transition
-    };
-    const { pathname } = useLocation();
-    const isActive = pathname.endsWith(to.toString());
-    if (isActive) {
-        return (React.createElement("button", { "data-testid": "tab-button", className: cx('tab-header item active', className), title: title, ref: setNodeRef, style: style, type: "button", ...attributes, ...listeners }, children));
-    }
-    return (React.createElement(Link, { "data-testid": "tab-button", to: to, title: title, className: cx('tab-header item', className), ref: setNodeRef, style: style, ...attributes, ...listeners }, children));
-};
-/**
- * RouteTabs add the possibility to unite several homogeneous pages into one.
- * Each tab can be accessed individually via the browser's history
- */
-export default function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }) {
-    const [dragging, setDragging] = useState(false);
-    const { pathname, state } = useLocation();
-    function determineBasePath() {
-        const lastPathSegment = pathname.split('/').reverse()[0];
-        if (pages.some((page) => page.path === lastPathSegment)) {
-            return pathname.substring(0, pathname.lastIndexOf('/'));
-        }
-        else {
-            return pathname;
-        }
-    }
-    function handleDragEnd(event) {
-        setDragging(false);
-        const { active, over } = event;
-        if (active.id !== over?.id && onOrderChange) {
-            const oldIndex = pages.findIndex((page) => page.path === active.id);
-            const newIndex = pages.findIndex((page) => page.path === over?.id);
-            onOrderChange(oldIndex, newIndex);
-        }
-    }
-    return (React.createElement("div", { className: dragging ? 'draggable-area' : '' },
-        React.createElement(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd, onDragStart: () => setDragging(true), modifiers: [restrictToHorizontalAxis] },
-            React.createElement("div", { className: "di tabs" },
-                React.createElement(SortableContext, { items: pages.map((page) => ({ ...page, id: page.path })), strategy: horizontalListSortingStrategy }, pages.map(({ path, renderHeading, headingTitle, draggingDisabled, disabled: pageDisabled }) => {
-                    return (React.createElement(TabHeader, { id: path, key: path, to: resolvePath(basePath || determineBasePath(), path), title: headingTitle, draggingDisabled: pageDisabled ||
-                            draggingDisabled ||
-                            !onOrderChange ||
-                            (!dragging && !pathname.endsWith(path)) }, renderHeading(otherProps)));
-                })))),
-        React.createElement(Switch, null,
-            pages.map(({ renderBody, path }) => (React.createElement(Route, { key: path, path: resolvePath(basePath || determineBasePath(), path), render: () => renderBody(otherProps) }))),
-            React.createElement(Route, null,
-                React.createElement(Redirect, { to: {
-                        pathname: resolvePath(basePath || determineBasePath(), pages[0].path),
-                        state
-                    } })))));
-}

package/lib/esm/components/treeview/TreeView.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Tree, NodeId, DataSetConfig, SelectionItem } from './types';
-export declare type Props = {
-    /** Configuration of keys for id, name, children, node/leaf images and lazy loading */
-    dataSetConfig: DataSetConfig;
-    /** Function executed when selecting nodes or folders */
-    onSelect: (arg0: Array<SelectionItem>) => void;
-    /** Function executed when deselecting nodes or folders */
-    onDeselect: (arg0: Array<SelectionItem>) => void;
-    /** Arbitrary hierarchical initial data set to render */
-    treeData: Array<any>;
-    /** Array of initially selected nodes in the tree */
-    selectedNodes?: Array<NodeId>;
-    /** Function to execute on a lazy loadable node */
-    lazyLoadingFunction?: (nodeData: any) => Promise<any>;
-};
-declare type State = {
-    tree: Tree;
-    treeData: Array<any>;
-    selectedNodes: Array<NodeId>;
-    treeSize: number;
-};
-/**
- * TreeView adds the functionality to display "folders" and their content.
- * This can come in handy for several data structures.
- */
-export default class TreeView extends React.Component<Props, State> {
-    state: State;
-    convert: (hierarchicalData: Array<any>, nodePath?: string) => Array<Tree>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    initTree(treeData: Array<any>): {
-        children?: Array<Tree>;
-        closedImage?: string;
-        expandedImage?: string;
-        id: string;
-        image?: string;
-        lazyLoadable?: boolean;
-        name: string;
-        originalNode: any;
-        path: string;
-    };
-    selectNodes: (nodes: Array<Tree>) => void;
-    deselectNodes: (nodes: Array<Tree>) => void;
-    addTreeData: (dataSet: Array<any>, underNode: Tree) => void;
-    lazyLoadingFunction: (node: Tree) => Promise<void>;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=TreeView.d.ts.map

package/lib/esm/components/treeview/TreeView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/treeview/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAInE,oBAAY,KAAK,GAAG;IACnB,sFAAsF;IACtF,aAAa,EAAE,aAAa,CAAC;IAE7B,wDAAwD;IACxD,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAE/C,0DAA0D;IAC1D,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAEjD,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAErB,oDAAoD;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CACtD,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAClE,KAAK,EAAE,KAAK,CAWV;IAEF,OAAO,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAA2C;IAEpH,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAWnC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG;QAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;KACb;IAUD,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAUvC;IAEF,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAUzC;IAEF,WAAW,YAAa,MAAM,GAAG,CAAC,aAAa,IAAI,UAoBjD;IAEF,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAUhD;IAEF,MAAM;CAmBN"}

package/lib/esm/components/treeview/TreeView.js

@@ -1,104 +0,0 @@
-import * as React from 'react';
-import Node from './components/Node';
-import { convertToTree, mergeNodeIdArrays, removeNodeIds, getTreeSize, findNodeAndApplyPatch } from './treeutils';
-/**
- * TreeView adds the functionality to display "folders" and their content.
- * This can come in handy for several data structures.
- */
-export default class TreeView extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            treeData: this.props.treeData,
-            tree: {
-                id: 'virtualRootNode',
-                name: '',
-                children: [],
-                path: '/',
-                originalNode: {}
-            },
-            treeSize: 0,
-            selectedNodes: this.props.selectedNodes || []
-        };
-        this.convert = convertToTree(this.props.dataSetConfig);
-        this.selectNodes = (nodes) => {
-            const { onSelect } = this.props;
-            const { selectedNodes } = this.state;
-            this.setState({
-                selectedNodes: mergeNodeIdArrays(selectedNodes, nodes.map(({ id }) => id))
-            });
-            onSelect(nodes.map(({ originalNode, path }) => ({ ...originalNode, $$path: path })));
-        };
-        this.deselectNodes = (nodes) => {
-            const { onDeselect } = this.props;
-            const { selectedNodes } = this.state;
-            this.setState({
-                selectedNodes: removeNodeIds(selectedNodes, nodes.map(({ id }) => id))
-            });
-            onDeselect(nodes.map(({ originalNode, path }) => ({ ...originalNode, $$path: path })));
-        };
-        this.addTreeData = (dataSet, underNode) => {
-            const { tree } = this.state;
-            const subTree = this.convert(dataSet, underNode.path);
-            const newTree = {
-                id: 'virtualRootNode',
-                name: '',
-                children: (tree.children || []).map((rootNode) => findNodeAndApplyPatch(rootNode, underNode.id, {
-                    lazyLoadable: false,
-                    children: subTree
-                })),
-                path: '/',
-                originalNode: {}
-            };
-            const newTreeSize = getTreeSize(newTree);
-            this.setState({
-                tree: newTree,
-                treeSize: newTreeSize
-            });
-        };
-        this.lazyLoadingFunction = (node) => {
-            const { lazyLoadingFunction } = this.props;
-            if (!lazyLoadingFunction)
-                return Promise.resolve();
-            return lazyLoadingFunction(node.originalNode)
-                .then((dataSet) => {
-                this.addTreeData(dataSet, node);
-            })
-                .catch(() => {
-                return Promise.resolve();
-            });
-        };
-    }
-    componentDidMount() {
-        const { treeData } = this.props;
-        const tree = this.initTree(treeData);
-        const treeSize = getTreeSize(tree);
-        this.setState({
-            tree,
-            treeSize
-        });
-    }
-    componentDidUpdate(prevProps) {
-        const { selectedNodes: prevNodes } = prevProps;
-        const { selectedNodes } = this.props;
-        if (selectedNodes && prevNodes && prevNodes.length !== selectedNodes.length) {
-            this.setState({
-                selectedNodes
-            });
-        }
-    }
-    initTree(treeData) {
-        return {
-            id: 'virtualRootNode',
-            name: '',
-            children: this.convert(treeData),
-            path: '/',
-            originalNode: {}
-        };
-    }
-    render() {
-        const { tree, selectedNodes, treeSize } = this.state;
-        return (React.createElement("div", { className: "treeview" }, tree.children &&
-            tree.children.map((item, i) => (React.createElement(Node, { key: i, node: item, selectedNodes: selectedNodes, selectNodes: this.selectNodes, deselectNodes: this.deselectNodes, treeSize: treeSize, lazyLoadingFunction: this.lazyLoadingFunction })))));
-    }
-}

package/lib/esm/components/treeview/components/Node.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { SelectionState } from '../constants';
-import { NodeId, Tree } from '../types';
-declare type Props = {
-    selectedNodes: Array<NodeId>;
-    node: Tree;
-    isLastChild?: boolean;
-    treeSize: number;
-    selectNodes: (ids: Array<Tree>) => void;
-    deselectNodes: (ids: Array<Tree>) => void;
-    lazyLoadingFunction: (node: Tree) => Promise<any>;
-};
-declare type State = {
-    expanded: boolean;
-    selectionState: SelectionState;
-    isLoading: boolean;
-};
-export default class Node extends React.Component<Props, State> {
-    state: State;
-    /**
-     * Update folder nodes only if the selection changed, or expanded changed
-     * Update leaf nodes only if the previously selected nodes include this leaf and the currently
-     * selected nodes do not include this leaf, and vice versa.
-     * @param {Props} prevProps
-     * @param {State} prevState
-     */
-    shouldComponentUpdate(prevProps: Props, prevState: State): boolean;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    isLeaf(): boolean;
-    getSelectionState(): SelectionState;
-    toggleExpand: () => void;
-    onSelect: (toggled: boolean) => void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=Node.d.ts.map

package/lib/esm/components/treeview/components/Node.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../../src/components/treeview/components/Node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,UAAU,CAAC;AAEtC,aAAK,KAAK,GAAG;IACZ,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAClD,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC9D,KAAK,EAAE,KAAK,CAIV;IAEF;;;;;;OAMG;IACH,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO;IAsBlE,iBAAiB;IAMjB,kBAAkB;IAMlB,MAAM,IAAI,OAAO;IAKjB,iBAAiB;IAoBjB,YAAY,EAAE,MAAM,IAAI,CAsBtB;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAUlC;IAEF,MAAM;CA6BN"}