@pega/cosmos-react-core 2.0.0-dev.9.2 → 2.0.0-rc.2

package/lib/components/Tree/Tree.d.ts

@@ -1,56 +1,42 @@
-import { FunctionComponent, Ref, ReactNode, ComponentType } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-interface Node {
-    /** The id of the Node. Referenced as the key for the li element wrapping the Node. */
-    nodeId: string | number;
-    /** The content for the Node. */
-    element: ReactNode;
-    /** Children are not allowed for Nodes. */
-    childNodes?: never;
-    /** Additional meta data associated with this Node. */
-    data?: any;
-    /** Props passed to the li element wrapping the Node. */
-    props?: ForwardProps;
-}
-interface ParentNode {
-    /** The id of the ParentNode. Referenced as the key for the li element wrapping the ParentNode. */
-    nodeId: string | number;
-    /** The content for the ParentNode. */
-    element: ReactNode;
-    /** An array of ParentNodes or Nodes that are direct descendants of this ParentNode. */
-    childNodes: (ParentNode | Node)[];
-    /** If true, this ParentNode will display all of its children by default. */
-    expand?: boolean;
-    /** Additional meta data associated with this ParentNode. */
-    data?: any;
-    /** Props passed to the li element wrapping the ParentNode.  */
-    props?: ForwardProps;
-}
-export interface TreeProps extends BaseProps {
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLUListElement>;
+import { Ref, ComponentType, ReactNode } from 'react';
+import { BaseProps, NoChildrenProp, ForwardProps } from '../../types';
+export declare type OldTreeNode<T extends object = Record<string, unknown>> = {
+    /** The id of the Node. Used as the key for the li element wrapping the Node. */
+    id: string;
+    /** Child nodes. */
+    nodes?: OldTreeNode<T>[];
+    /** Props to apply to the li. */
+    listItemProps?: ForwardProps;
+    [key: string]: unknown;
+} & T;
+export declare type TreeNode = {
+    /** The id of the Node. Used as the key for the li element wrapping the Node. */
+    id: string;
+    /** Child nodes. */
+    nodes?: TreeNode[];
+    /** Props to apply to the li. */
+    listItemProps?: ForwardProps;
+    [key: string]: unknown;
+};
+export interface TreeProps<T extends TreeNode = TreeNode> extends BaseProps, NoChildrenProp {
     /** An array of ParentNodes and Nodes that compose the layout of the Tree. */
-    data: (ParentNode | Node)[];
+    nodes: T[];
     /** A function that allows custom styling and behavior for all Nodes. */
     nodeRenderer?: ComponentType<{
-        children: ReactNode;
         depth: number;
-        data?: any;
-    }>;
-    /** A function that allows custom styling and behavior for all ParentNodes. */
-    parentNodeRenderer?: ComponentType<{
-        children: ReactNode;
-        depth: number;
-        active?: boolean;
-        toggle: () => void;
-        data?: any;
-    }>;
-    /**
-     * Determines if the entire Tree should be expanded by default.
-     * @default false
-     */
-    expand?: boolean;
+        subTree?: ReactNode;
+        hasParentSibling: TreeItemProps['hasParentSibling'];
+    } & Exclude<T, 'listItemProps'>>;
+    /** Ref for the wrapping element. */
+    ref?: Ref<HTMLUListElement>;
+}
+export declare const StyledTreeListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTreeList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+interface TreeItemProps extends TreeNode {
+    nodeRenderer: NonNullable<TreeProps['nodeRenderer']>;
+    depth: number;
+    hasParentSibling: boolean;
 }
-declare const Tree: FunctionComponent<TreeProps & ForwardProps>;
+declare const Tree: <T extends TreeNode = TreeNode>(props: TreeProps<T> & ForwardProps) => JSX.Element | null;
 export default Tree;
 //# sourceMappingURL=Tree.d.ts.map

package/lib/components/Tree/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAEjB,GAAG,EACH,SAAS,EAET,aAAa,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,IAAI;IACZ,sFAAsF;IACtF,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gCAAgC;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,wDAAwD;IACxD,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,UAAU,UAAU;IAClB,kGAAkG;IAClG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,OAAO,EAAE,SAAS,CAAC;IACnB,uFAAuF;IACvF,UAAU,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC;IAClC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,+DAA+D;IAC/D,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAGD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,6EAA6E;IAC7E,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5B,wEAAwE;IACxE,YAAY,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACjF,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,aAAa,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyBD,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,GAAG,YAAY,CA4FrD,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtE,oBAAY,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACpE,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,gCAAgC;IAChC,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,GAAG,CAAC,CAAC;AAEN,oBAAY,QAAQ,GAAG;IACrB,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,CAAE,SAAQ,SAAS,EAAE,cAAc;IACzF,6EAA6E;IAC7E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,wEAAwE;IACxE,YAAY,CAAC,EAAE,aAAa,CAC1B;QACE,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;KACrD,GAAG,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,CAChC,CAAC;IACF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,wGAAc,CAAC;AAE9C,eAAO,MAAM,cAAc,wGAU1B,CAAC;AAWF,UAAU,aAAc,SAAQ,QAAQ;IACtC,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAkDD,QAAA,MAAM,IAAI,yEAOkE,WAAW,GAAG,IAAI,CAAC;AAE/F,eAAe,IAAI,CAAC"}

package/lib/components/Tree/Tree.js

@@ -1,70 +1,32 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
+import { createElement as _createElement } from "react";
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { useAfterInitialEffect } from '../../hooks';
-import { defaultThemeProp } from '../../theme';
-import ExpandCollapse from '../ExpandCollapse';
-import BareButton from '../Button/BareButton';
-// using the styled components library to add css to the Tree and Toggle component
-const StyledTree = styled.ul `
+export const StyledTreeListItem = styled.li ``;
+export const StyledTreeList = styled.ul `
   &,
-  ul {
+  & & {
     list-style: none;
     position: relative;
   }
 
-  li {
+  ${StyledTreeListItem} {
     position: relative;
   }
 `;
-StyledTree.defaultProps = defaultThemeProp;
-const DefaultNodeRenderer = ({ children }) => {
-    return _jsx(_Fragment, { children: children }, void 0);
+const DefaultNodeRenderer = ({ data, subTree }) => {
+    return (_jsxs(_Fragment, { children: [data, subTree] }, void 0));
 };
-const DefaultParentNodeRenderer = ({ children, toggle }) => {
-    return _jsx(BareButton, Object.assign({ onClick: toggle }, { children: children }), void 0);
+let TreeList;
+const TreeItem = ({ listItemProps, depth, nodes, nodeRenderer: NodeRenderer, ...restProps }) => {
+    return (_jsx(StyledTreeListItem, { ...listItemProps, children: _jsx(NodeRenderer, { ...restProps, depth: depth, nodes: nodes, subTree: nodes && _jsx(TreeList, { depth: depth + 1, nodes: nodes, nodeRenderer: NodeRenderer }, void 0) }, void 0) }, void 0));
 };
-const Tree = forwardRef((props, ref) => {
-    // setting the prop values
-    const { data, expand = false, nodeRenderer: NodeRenderer = DefaultNodeRenderer, parentNodeRenderer: ParentNodeRenderer = DefaultParentNodeRenderer, ...restProps } = props;
-    const getItemState = (nodes, pastState) => {
-        let state = pastState || {};
-        nodes.forEach(node => {
-            if (node.childNodes) {
-                if (expand || node.expand) {
-                    state[node.nodeId] = true;
-                }
-                state = getItemState(node.childNodes, state);
-            }
-        });
-        return state;
-    };
-    const [itemState, setItemState] = useState(getItemState(data));
-    useAfterInitialEffect(() => {
-        setItemState(getItemState(data, itemState));
-    }, [data]);
-    // recursive function to add to items to the tree
-    const addToTree = (parentNode, depth) => {
-        const nodes = parentNode.childNodes.map(node => {
-            if (node.childNodes) {
-                return addToTree(node, depth + 1);
-            }
-            // returns list element if item has no children
-            return (_jsx("li", Object.assign({}, node.props, { children: _jsx(NodeRenderer, Object.assign({ depth: depth + 1, data: node.data }, { children: node.element }), void 0) }), node.nodeId));
-        });
-        return (_jsxs("li", Object.assign({}, parentNode.props, { children: [_jsx(ParentNodeRenderer, Object.assign({ active: itemState[parentNode.nodeId], depth: depth, toggle: () => {
-                        setItemState(curr => {
-                            return { ...curr, [parentNode.nodeId]: !curr[parentNode.nodeId] };
-                        });
-                    }, data: parentNode.data }, { children: parentNode.element }), void 0),
-                _jsx(ExpandCollapse, Object.assign({ collapsed: !itemState[parentNode.nodeId], as: 'ul', nullWhenCollapsed: true }, { children: [...nodes] }), parentNode.nodeId)] }), parentNode.nodeId));
-    };
-    return (_jsx(StyledTree, Object.assign({ ref: ref }, restProps, { children: data.map(node => {
-            if (node.childNodes) {
-                return addToTree(node, 0);
-            }
-            return (_jsx("li", Object.assign({}, node.props, { children: _jsx(NodeRenderer, Object.assign({ depth: 0, data: node.data }, { children: node.element }), void 0) }), node.nodeId));
-        }) }), void 0));
+TreeList = forwardRef(({ nodes, depth, nodeRenderer, ...restProps }, ref) => {
+    const hasParentSibling = nodes.some(node => !!node.nodes);
+    return nodes.length > 0 ? (_jsx(StyledTreeList, { ...restProps, ref: ref, role: depth === 0 ? 'tree' : 'group', children: nodes.map(node => (_createElement(TreeItem, { ...node, key: node.id, depth: depth, nodeRenderer: nodeRenderer, hasParentSibling: hasParentSibling }))) }, void 0)) : null;
+});
+const Tree = forwardRef(({ nodeRenderer = DefaultNodeRenderer, ...restProps }, ref) => {
+    return _jsx(TreeList, { ...restProps, ref: ref, depth: 0, nodeRenderer: nodeRenderer }, void 0);
 });
 export default Tree;
 //# sourceMappingURL=Tree.js.map

package/lib/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  Ref,\n  ReactNode,\n  useState,\n  ComponentType\n} from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { useAfterInitialEffect } from '../../hooks';\nimport { defaultThemeProp } from '../../theme';\nimport ExpandCollapse from '../ExpandCollapse';\nimport BareButton from '../Button/BareButton';\n\ninterface Node {\n  /** The id of the Node. Referenced as the key for the li element wrapping the Node. */\n  nodeId: string | number;\n  /** The content for the Node. */\n  element: ReactNode;\n  /** Children are not allowed for Nodes. */\n  childNodes?: never;\n  /** Additional meta data associated with this Node. */\n  data?: any;\n  /** Props passed to the li element wrapping the Node. */\n  props?: ForwardProps;\n}\n\ninterface ParentNode {\n  /** The id of the ParentNode. Referenced as the key for the li element wrapping the ParentNode. */\n  nodeId: string | number;\n  /** The content for the ParentNode. */\n  element: ReactNode;\n  /** An array of ParentNodes or Nodes that are direct descendants of this ParentNode. */\n  childNodes: (ParentNode | Node)[];\n  /** If true, this ParentNode will display all of its children by default. */\n  expand?: boolean;\n  /** Additional meta data associated with this ParentNode. */\n  data?: any;\n  /** Props passed to the li element wrapping the ParentNode.  */\n  props?: ForwardProps;\n}\n\n// creating an interface to define the types of the props\nexport interface TreeProps extends BaseProps {\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n  /** An array of ParentNodes and Nodes that compose the layout of the Tree. */\n  data: (ParentNode | Node)[];\n  /** A function that allows custom styling and behavior for all Nodes. */\n  nodeRenderer?: ComponentType<{ children: ReactNode; depth: number; data?: any }>;\n  /** A function that allows custom styling and behavior for all ParentNodes. */\n  parentNodeRenderer?: ComponentType<{\n    children: ReactNode;\n    depth: number;\n    active?: boolean;\n    toggle: () => void;\n    data?: any;\n  }>;\n  /**\n   * Determines if the entire Tree should be expanded by default.\n   * @default false\n   */\n  expand?: boolean;\n}\n\n// using the styled components library to add css to the Tree and Toggle component\nconst StyledTree = styled.ul`\n  &,\n  ul {\n    list-style: none;\n    position: relative;\n  }\n\n  li {\n    position: relative;\n  }\n`;\n\nStyledTree.defaultProps = defaultThemeProp;\n\nconst DefaultNodeRenderer: TreeProps['nodeRenderer'] = ({ children }) => {\n  return <>{children}</>;\n};\n\nconst DefaultParentNodeRenderer: TreeProps['parentNodeRenderer'] = ({ children, toggle }) => {\n  return <BareButton onClick={toggle}>{children}</BareButton>;\n};\n\nconst Tree: FunctionComponent<TreeProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<TreeProps>, ref: TreeProps['ref']) => {\n    // setting the prop values\n    const {\n      data,\n      expand = false,\n      nodeRenderer: NodeRenderer = DefaultNodeRenderer,\n      parentNodeRenderer: ParentNodeRenderer = DefaultParentNodeRenderer,\n      ...restProps\n    } = props;\n\n    const getItemState = (nodes: TreeProps['data'], pastState?: any) => {\n      let state = pastState || {};\n      nodes.forEach(node => {\n        if (node.childNodes) {\n          if (expand || node.expand) {\n            state[node.nodeId] = true;\n          }\n          state = getItemState(node.childNodes, state);\n        }\n      });\n      return state;\n    };\n\n    const [itemState, setItemState] = useState<{ [key: string]: boolean | undefined }>(\n      getItemState(data)\n    );\n\n    useAfterInitialEffect(() => {\n      setItemState(getItemState(data, itemState));\n    }, [data]);\n\n    // recursive function to add to items to the tree\n    const addToTree = (parentNode: ParentNode, depth: number): ReactNode => {\n      const nodes = parentNode.childNodes.map(node => {\n        if (node.childNodes) {\n          return addToTree(node, depth + 1);\n        }\n\n        // returns list element if item has no children\n        return (\n          <li key={node.nodeId} {...node.props}>\n            <NodeRenderer depth={depth + 1} data={node.data}>\n              {node.element}\n            </NodeRenderer>\n          </li>\n        );\n      });\n\n      return (\n        <li key={parentNode.nodeId} {...parentNode.props}>\n          <ParentNodeRenderer\n            active={itemState[parentNode.nodeId]}\n            depth={depth}\n            toggle={() => {\n              setItemState(curr => {\n                return { ...curr, [parentNode.nodeId]: !curr[parentNode.nodeId] };\n              });\n            }}\n            data={parentNode.data}\n          >\n            {parentNode.element}\n          </ParentNodeRenderer>\n          <ExpandCollapse\n            key={parentNode.nodeId}\n            collapsed={!itemState[parentNode.nodeId]}\n            as='ul'\n            nullWhenCollapsed\n          >\n            {[...nodes]}\n          </ExpandCollapse>\n        </li>\n      );\n    };\n\n    return (\n      <StyledTree ref={ref} {...restProps}>\n        {data.map(node => {\n          if (node.childNodes) {\n            return addToTree(node, 0);\n          }\n          return (\n            <li key={node.nodeId} {...node.props}>\n              <NodeRenderer depth={0} data={node.data}>\n                {node.element}\n              </NodeRenderer>\n            </li>\n          );\n        })}\n      </StyledTree>\n    );\n  }\n);\n\nexport default Tree;\n"]}
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAyCvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAAA,EAAE,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;IAOnC,kBAAkB;;;CAGrB,CAAC;AAEF,MAAM,mBAAmB,GAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,8BACG,IAAI,EACJ,OAAO,YACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAaF,IAAI,QAAsC,CAAC;AAE3C,MAAM,QAAQ,GAAG,CAAC,EAChB,aAAa,EACb,KAAK,EACL,KAAK,EACL,YAAY,EAAE,YAAY,EAC1B,GAAG,SAAS,EACE,EAAE,EAAE;IAClB,OAAO,CACL,KAAC,kBAAkB,OAAK,aAAa,YACnC,KAAC,YAAY,OACP,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,WAAI,WAC1F,WACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,GAAG,UAAU,CACnB,CACE,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,SAAS,EAAkC,EAC5E,GAAsB,EACtB,EAAE;IACF,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,KAAC,cAAc,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAC1E,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,eAAC,QAAQ,OACH,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,WACa,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,YAAY,GAAG,mBAAmB,EAAE,GAAG,SAAS,EAA8B,EAChF,GAAqB,EACrB,EAAE;IACF,OAAO,KAAC,QAAQ,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,YAAY,WAAI,CAAC;AACrF,CAAC,CAC2F,CAAC;AAE/F,eAAe,IAAI,CAAC","sourcesContent":["import { forwardRef, PropsWithoutRef, Ref, ComponentType, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, NoChildrenProp, ForwardProps } from '../../types';\n\nexport type OldTreeNode<T extends object = Record<string, unknown>> = {\n  /** The id of the Node. Used as the key for the li element wrapping the Node. */\n  id: string;\n  /** Child nodes. */\n  nodes?: OldTreeNode<T>[];\n  /** Props to apply to the li. */\n  listItemProps?: ForwardProps;\n\n  [key: string]: unknown;\n} & T;\n\nexport type TreeNode = {\n  /** The id of the Node. Used as the key for the li element wrapping the Node. */\n  id: string;\n  /** Child nodes. */\n  nodes?: TreeNode[];\n  /** Props to apply to the li. */\n  listItemProps?: ForwardProps;\n\n  [key: string]: unknown;\n};\n\nexport interface TreeProps<T extends TreeNode = TreeNode> extends BaseProps, NoChildrenProp {\n  /** An array of ParentNodes and Nodes that compose the layout of the Tree. */\n  nodes: T[];\n  /** A function that allows custom styling and behavior for all Nodes. */\n  nodeRenderer?: ComponentType<\n    {\n      depth: number;\n      subTree?: ReactNode;\n      hasParentSibling: TreeItemProps['hasParentSibling'];\n    } & Exclude<T, 'listItemProps'>\n  >;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledTreeListItem = styled.li``;\n\nexport const StyledTreeList = styled.ul`\n  &,\n  & & {\n    list-style: none;\n    position: relative;\n  }\n\n  ${StyledTreeListItem} {\n    position: relative;\n  }\n`;\n\nconst DefaultNodeRenderer: TreeProps['nodeRenderer'] = ({ data, subTree }) => {\n  return (\n    <>\n      {data}\n      {subTree}\n    </>\n  );\n};\n\ninterface TreeItemProps extends TreeNode {\n  nodeRenderer: NonNullable<TreeProps['nodeRenderer']>;\n  depth: number;\n  hasParentSibling: boolean;\n}\n\ninterface TreeListProps extends Pick<TreeProps, 'nodes' | 'ref'> {\n  nodeRenderer: NonNullable<TreeProps['nodeRenderer']>;\n  depth: number;\n}\n\nlet TreeList: ComponentType<TreeListProps>;\n\nconst TreeItem = ({\n  listItemProps,\n  depth,\n  nodes,\n  nodeRenderer: NodeRenderer,\n  ...restProps\n}: TreeItemProps) => {\n  return (\n    <StyledTreeListItem {...listItemProps}>\n      <NodeRenderer\n        {...restProps}\n        depth={depth}\n        nodes={nodes}\n        subTree={nodes && <TreeList depth={depth + 1} nodes={nodes} nodeRenderer={NodeRenderer} />}\n      />\n    </StyledTreeListItem>\n  );\n};\n\nTreeList = forwardRef(\n  (\n    { nodes, depth, nodeRenderer, ...restProps }: PropsWithoutRef<TreeListProps>,\n    ref?: TreeProps['ref']\n  ) => {\n    const hasParentSibling = nodes.some(node => !!node.nodes);\n    return nodes.length > 0 ? (\n      <StyledTreeList {...restProps} ref={ref} role={depth === 0 ? 'tree' : 'group'}>\n        {nodes.map(node => (\n          <TreeItem\n            {...node}\n            key={node.id}\n            depth={depth}\n            nodeRenderer={nodeRenderer}\n            hasParentSibling={hasParentSibling}\n          />\n        ))}\n      </StyledTreeList>\n    ) : null;\n  }\n);\n\nconst Tree = forwardRef(\n  (\n    { nodeRenderer = DefaultNodeRenderer, ...restProps }: PropsWithoutRef<TreeProps>,\n    ref: TreeProps['ref']\n  ) => {\n    return <TreeList {...restProps} ref={ref} depth={0} nodeRenderer={nodeRenderer} />;\n  }\n) as <T extends TreeNode = TreeNode>(props: TreeProps<T> & ForwardProps) => JSX.Element | null;\n\nexport default Tree;\n"]}

package/lib/components/Tree/helpers.d.ts

@@ -0,0 +1,19 @@
+import type { TreeNode } from './Tree';
+declare const helpers: {
+    getNode<T extends TreeNode = TreeNode>(nodes: T[], id: T["id"]): T | undefined;
+    getParentNode<T_1 extends TreeNode = TreeNode>(nodes: T_1[], id: T_1["id"]): T_1 | undefined;
+    mapTree<T1 extends TreeNode = TreeNode, T2 extends TreeNode = T1>(nodes: T1[], fn: (node: T1, index: number, nodes: T1[]) => T2): T2[];
+    mapNode<T1_1 extends TreeNode = TreeNode, T2_1 extends TreeNode = T1_1>(nodes: T1_1[], id: T1_1["id"], fn: (node: T1_1, index: number, array: T1_1[]) => T2_1): (T1_1 | T2_1)[];
+    flatten<T_2 extends TreeNode = TreeNode>(nodes: T_2[], ancestors?: T_2[] | undefined): (T_2 & {
+        ancestors?: T_2[] | undefined;
+    })[];
+    appendTo<T_3 extends TreeNode = TreeNode>(nodes: T_3[], id: T_3["id"], newNodes: T_3[]): T_3[];
+    expandTo<T_4 extends TreeNode = TreeNode>(nodes: T_4[], id: T_4["id"]): T_4[];
+    getFirstChildNode<T_5 extends TreeNode = TreeNode>(nodes: T_5[], id: T_5["id"]): T_5 | undefined;
+    getAdjacentNode<T_6 extends TreeNode = TreeNode>(nodes: T_6[], id: T_6["id"]): T_6 | undefined;
+    getNextNode<T_7 extends TreeNode = TreeNode>(nodes: T_7[], id: T_7["id"]): T_7 | undefined;
+    getDeepestNode<T_8 extends TreeNode = TreeNode>(nodes: T_8[], id: T_8["id"]): T_8 | undefined;
+    getPreviousNode<T_9 extends TreeNode = TreeNode>(nodes: T_9[], id: T_9["id"]): T_9 | undefined;
+};
+export default helpers;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/components/Tree/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,QAAA,MAAM,OAAO;;;yGA8Ca,MAAM;mIAmBN,MAAM;;;;;;;;;;;CA2I/B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Tree/helpers.js

@@ -0,0 +1,180 @@
+const helpers = {
+    getNode(nodes, id) {
+        let found;
+        nodes.some(node => {
+            if (node.id === id) {
+                found = node;
+                return true;
+            }
+            if (node.nodes) {
+                found = this.getNode(node.nodes, id);
+                return !!found;
+            }
+            return false;
+        });
+        return found;
+    },
+    getParentNode(nodes, id) {
+        let found;
+        nodes.some(node => {
+            const childNodes = node.nodes || [];
+            childNodes.some(childNode => {
+                if (childNode.id === id) {
+                    found = node;
+                    return true;
+                }
+                if (childNode.nodes) {
+                    found = this.getParentNode(childNodes, id);
+                    return !!found;
+                }
+                return false;
+            });
+            return !!found;
+        });
+        return found;
+    },
+    mapTree(nodes, fn) {
+        return nodes.map((node, index, array) => {
+            let newNode = node;
+            if (node.nodes) {
+                newNode = {
+                    ...newNode,
+                    nodes: this.mapTree(node.nodes, fn)
+                };
+            }
+            return fn(newNode, index, array);
+        });
+    },
+    mapNode(nodes, id, fn) {
+        return nodes.map((node, index, array) => {
+            let newNode = node;
+            if (node.nodes) {
+                newNode = {
+                    ...newNode,
+                    nodes: this.mapNode(node.nodes, id, fn)
+                };
+            }
+            if (node.id === id) {
+                newNode = fn(newNode, index, array);
+            }
+            return newNode;
+        });
+    },
+    flatten(nodes, ancestors) {
+        return nodes.reduce((flatNodes, node) => {
+            if (node.nodes) {
+                return [
+                    ...flatNodes,
+                    node,
+                    ...this.flatten(node.nodes, ancestors ? [...ancestors, node] : [node])
+                ];
+            }
+            return [...flatNodes, ancestors ? { ...node, ancestors } : node];
+        }, []);
+    },
+    appendTo(nodes, id, newNodes) {
+        if (id) {
+            return this.mapNode(nodes, id, node => ({
+                ...node,
+                nodes: [...(node.nodes ?? []), ...newNodes]
+            }));
+        }
+        return [...nodes, ...newNodes];
+    },
+    expandTo(nodes, id) {
+        return nodes.map(node => {
+            // leaf node
+            if (node.id === id) {
+                return {
+                    ...node,
+                    expanded: true
+                };
+            }
+            // parent node
+            if (node.nodes && !!this.getNode(node.nodes, id)) {
+                return {
+                    ...node,
+                    nodes: this.expandTo(node.nodes, id),
+                    expanded: true
+                };
+            }
+            return { ...node, expanded: false };
+        });
+    },
+    getFirstChildNode(nodes, id) {
+        let firstChildNode;
+        const node = this.getNode(nodes, id);
+        if (node && node.expanded && node.nodes && node.nodes.length > 0) {
+            const childNodes = node.nodes;
+            firstChildNode = childNodes[0];
+        }
+        return firstChildNode;
+    },
+    getAdjacentNode(nodes, id) {
+        let nextNode;
+        const parent = this.getParentNode(nodes, id);
+        if (parent && parent.nodes && parent.nodes.length > 0) {
+            const childNodes = parent.nodes;
+            const currentIndex = childNodes.map(nodeEl => nodeEl.id).indexOf(id);
+            if (currentIndex === childNodes.length - 1) {
+                nextNode = this.getAdjacentNode(nodes, parent.id);
+            }
+            else {
+                nextNode = childNodes[currentIndex + 1];
+            }
+        }
+        else {
+            const index = nodes.map(nodeEl => nodeEl.id).indexOf(id);
+            nextNode = nodes[index + 1];
+        }
+        return nextNode;
+    },
+    getNextNode(nodes, id) {
+        let nextNode;
+        const firstChildNode = this.getFirstChildNode(nodes, id);
+        if (firstChildNode) {
+            nextNode = firstChildNode;
+        }
+        else {
+            nextNode = this.getAdjacentNode(nodes, id);
+        }
+        return nextNode;
+    },
+    getDeepestNode(nodes, id) {
+        let lastNode;
+        const node = this.getNode(nodes, id);
+        if (node && node.expanded && node.nodes && node.nodes.length > 0) {
+            const childNodes = node.nodes;
+            const lastChildNode = childNodes[childNodes.length - 1];
+            if (lastChildNode.expanded) {
+                lastNode = this.getDeepestNode(nodes, lastChildNode.id);
+            }
+            else {
+                lastNode = lastChildNode;
+            }
+        }
+        return lastNode;
+    },
+    getPreviousNode(nodes, id) {
+        const parent = this.getParentNode(nodes, id);
+        let previousNode;
+        if (parent && parent.nodes && parent.nodes.length > 0) {
+            const childNodes = parent.nodes;
+            const currentIndex = childNodes.map(nodeEl => nodeEl.id).indexOf(id);
+            if (currentIndex === 0) {
+                previousNode = parent;
+            }
+            else {
+                previousNode = this.getDeepestNode(nodes, childNodes[currentIndex - 1].id);
+            }
+        }
+        else {
+            const index = nodes.map(node => node.id).indexOf(id);
+            if (nodes[index - 1])
+                previousNode = this.getDeepestNode(nodes, nodes[index - 1].id);
+        }
+        return previousNode;
+    }
+};
+export default helpers;
+//# sourceMappingURL=helpers.js.map

package/lib/components/Tree/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Tree/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG;IACd,OAAO,CAAgC,KAAU,EAAE,EAAW;QAC5D,IAAI,KAAK,CAAC;QACV,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAChB,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAClB,KAAK,GAAG,IAAI,CAAC;gBACb,OAAO,IAAI,CAAC;aACb;YAED,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACrC,OAAO,CAAC,CAAC,KAAK,CAAC;aAChB;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,aAAa,CAAgC,KAAU,EAAE,EAAW;QAClE,IAAI,KAAoB,CAAC;QACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACpC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;gBAC1B,IAAI,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;oBACvB,KAAK,GAAG,IAAI,CAAC;oBACb,OAAO,IAAI,CAAC;iBACb;gBAED,IAAI,SAAS,CAAC,KAAK,EAAE;oBACnB,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,CAAM,CAAC;oBAChD,OAAO,CAAC,CAAC,KAAK,CAAC;iBAChB;gBAED,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YAEH,OAAO,CAAC,CAAC,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,KAAW,EACX,EAAgD;QAEhD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACtC,IAAI,OAAO,GAAG,IAAI,CAAC;YAEnB,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,OAAO,GAAG;oBACR,GAAG,OAAO;oBACV,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAa,EAAE,EAAE,CAAC;iBAC5C,CAAC;aACH;YAED,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,KAAW,EACX,EAAY,EACZ,EAAgD;QAEhD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACtC,IAAI,OAAO,GAAY,IAAI,CAAC;YAE5B,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,OAAO,GAAG;oBACR,GAAG,OAAO;oBACV,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAa,EAAE,EAAE,EAAE,EAAE,CAAC;iBAChD,CAAC;aACH;YAED,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAClB,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;aACrC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAgC,KAAU,EAAE,SAAe;QAChE,OAAO,KAAK,CAAC,MAAM,CAA8B,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;YACnE,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,OAAO;oBACL,GAAG,SAAS;oBACZ,IAAI;oBACJ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC9E,CAAC;aACH;YAED,OAAO,CAAC,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACnE,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC;IAED,QAAQ,CAAgC,KAAU,EAAE,EAAW,EAAE,QAAa;QAC5E,IAAI,EAAE,EAAE;YACN,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;gBACtC,GAAG,IAAI;gBACP,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC;aAC5C,CAAC,CAAC,CAAC;SACL;QAED,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,QAAQ,CAAgC,KAAU,EAAE,EAAW;QAC7D,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACtB,YAAY;YACZ,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAClB,OAAO;oBACL,GAAG,IAAI;oBACP,QAAQ,EAAE,IAAI;iBACf,CAAC;aACH;YAED,cAAc;YACd,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE;gBAChD,OAAO;oBACL,GAAG,IAAI;oBACP,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;oBACpC,QAAQ,EAAE,IAAI;iBACf,CAAC;aACH;YAED,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAgC,KAAU,EAAE,EAAW;QACtE,IAAI,cAAc,CAAC;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrC,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAY,CAAC;YACrC,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;SAChC;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,eAAe,CAAgC,KAAU,EAAE,EAAW;QACpE,IAAI,QAAQ,CAAC;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7C,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAY,CAAC;YACvC,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACrE,IAAI,YAAY,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC1C,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;aACnD;iBAAM;gBACL,QAAQ,GAAG,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;aACzC;SACF;aAAM;YACL,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACzD,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;SAC7B;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,WAAW,CAAgC,KAAU,EAAE,EAAW;QAChE,IAAI,QAAQ,CAAC;QACb,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzD,IAAI,cAAc,EAAE;YAClB,QAAQ,GAAG,cAAc,CAAC;SAC3B;aAAM;YACL,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC5C;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,cAAc,CAAgC,KAAU,EAAE,EAAW;QACnE,IAAI,QAAQ,CAAC;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrC,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAY,CAAC;YACrC,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxD,IAAI,aAAa,CAAC,QAAQ,EAAE;gBAC1B,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC;aACzD;iBAAM;gBACL,QAAQ,GAAG,aAAa,CAAC;aAC1B;SACF;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,eAAe,CAAgC,KAAU,EAAE,EAAW;QACpE,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7C,IAAI,YAAY,CAAC;QACjB,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;YAChC,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACrE,IAAI,YAAY,KAAK,CAAC,EAAE;gBACtB,YAAY,GAAG,MAAM,CAAC;aACvB;iBAAM;gBACL,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aAC5E;SACF;aAAM;YACL,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACrD,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;gBAAE,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACtF;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;CACF,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import type { TreeNode } from './Tree';\n\nconst helpers = {\n  getNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let found;\n    nodes.some(node => {\n      if (node.id === id) {\n        found = node;\n        return true;\n      }\n\n      if (node.nodes) {\n        found = this.getNode(node.nodes, id);\n        return !!found;\n      }\n\n      return false;\n    });\n\n    return found;\n  },\n\n  getParentNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let found: T | undefined;\n    nodes.some(node => {\n      const childNodes = node.nodes || [];\n      childNodes.some(childNode => {\n        if (childNode.id === id) {\n          found = node;\n          return true;\n        }\n\n        if (childNode.nodes) {\n          found = this.getParentNode(childNodes, id) as T;\n          return !!found;\n        }\n\n        return false;\n      });\n\n      return !!found;\n    });\n\n    return found;\n  },\n\n  mapTree<T1 extends TreeNode = TreeNode, T2 extends TreeNode = T1>(\n    nodes: T1[],\n    fn: (node: T1, index: number, nodes: T1[]) => T2\n  ): T2[] {\n    return nodes.map((node, index, array) => {\n      let newNode = node;\n\n      if (node.nodes) {\n        newNode = {\n          ...newNode,\n          nodes: this.mapTree(node.nodes as T1[], fn)\n        };\n      }\n\n      return fn(newNode, index, array);\n    });\n  },\n\n  mapNode<T1 extends TreeNode = TreeNode, T2 extends TreeNode = T1>(\n    nodes: T1[],\n    id: T1['id'],\n    fn: (node: T1, index: number, array: T1[]) => T2\n  ): (T1 | T2)[] {\n    return nodes.map((node, index, array) => {\n      let newNode: T1 | T2 = node;\n\n      if (node.nodes) {\n        newNode = {\n          ...newNode,\n          nodes: this.mapNode(node.nodes as T1[], id, fn)\n        };\n      }\n\n      if (node.id === id) {\n        newNode = fn(newNode, index, array);\n      }\n\n      return newNode;\n    });\n  },\n\n  flatten<T extends TreeNode = TreeNode>(nodes: T[], ancestors?: T[]): (T & { ancestors?: T[] })[] {\n    return nodes.reduce<(T & { ancestors?: T[] })[]>((flatNodes, node) => {\n      if (node.nodes) {\n        return [\n          ...flatNodes,\n          node,\n          ...this.flatten(node.nodes as T[], ancestors ? [...ancestors, node] : [node])\n        ];\n      }\n\n      return [...flatNodes, ancestors ? { ...node, ancestors } : node];\n    }, []);\n  },\n\n  appendTo<T extends TreeNode = TreeNode>(nodes: T[], id: T['id'], newNodes: T[]): T[] {\n    if (id) {\n      return this.mapNode(nodes, id, node => ({\n        ...node,\n        nodes: [...(node.nodes ?? []), ...newNodes]\n      }));\n    }\n\n    return [...nodes, ...newNodes];\n  },\n\n  expandTo<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T[] {\n    return nodes.map(node => {\n      // leaf node\n      if (node.id === id) {\n        return {\n          ...node,\n          expanded: true\n        };\n      }\n\n      // parent node\n      if (node.nodes && !!this.getNode(node.nodes, id)) {\n        return {\n          ...node,\n          nodes: this.expandTo(node.nodes, id),\n          expanded: true\n        };\n      }\n\n      return { ...node, expanded: false };\n    });\n  },\n\n  getFirstChildNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let firstChildNode;\n    const node = this.getNode(nodes, id);\n    if (node && node.expanded && node.nodes && node.nodes.length > 0) {\n      const childNodes = node.nodes as T[];\n      firstChildNode = childNodes[0];\n    }\n    return firstChildNode;\n  },\n\n  getAdjacentNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let nextNode;\n    const parent = this.getParentNode(nodes, id);\n    if (parent && parent.nodes && parent.nodes.length > 0) {\n      const childNodes = parent.nodes as T[];\n      const currentIndex = childNodes.map(nodeEl => nodeEl.id).indexOf(id);\n      if (currentIndex === childNodes.length - 1) {\n        nextNode = this.getAdjacentNode(nodes, parent.id);\n      } else {\n        nextNode = childNodes[currentIndex + 1];\n      }\n    } else {\n      const index = nodes.map(nodeEl => nodeEl.id).indexOf(id);\n      nextNode = nodes[index + 1];\n    }\n    return nextNode;\n  },\n\n  getNextNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let nextNode;\n    const firstChildNode = this.getFirstChildNode(nodes, id);\n    if (firstChildNode) {\n      nextNode = firstChildNode;\n    } else {\n      nextNode = this.getAdjacentNode(nodes, id);\n    }\n    return nextNode;\n  },\n\n  getDeepestNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    let lastNode;\n    const node = this.getNode(nodes, id);\n    if (node && node.expanded && node.nodes && node.nodes.length > 0) {\n      const childNodes = node.nodes as T[];\n      const lastChildNode = childNodes[childNodes.length - 1];\n      if (lastChildNode.expanded) {\n        lastNode = this.getDeepestNode(nodes, lastChildNode.id);\n      } else {\n        lastNode = lastChildNode;\n      }\n    }\n    return lastNode;\n  },\n\n  getPreviousNode<T extends TreeNode = TreeNode>(nodes: T[], id: T['id']): T | undefined {\n    const parent = this.getParentNode(nodes, id);\n    let previousNode;\n    if (parent && parent.nodes && parent.nodes.length > 0) {\n      const childNodes = parent.nodes;\n      const currentIndex = childNodes.map(nodeEl => nodeEl.id).indexOf(id);\n      if (currentIndex === 0) {\n        previousNode = parent;\n      } else {\n        previousNode = this.getDeepestNode(nodes, childNodes[currentIndex - 1].id);\n      }\n    } else {\n      const index = nodes.map(node => node.id).indexOf(id);\n      if (nodes[index - 1]) previousNode = this.getDeepestNode(nodes, nodes[index - 1].id);\n    }\n    return previousNode;\n  }\n};\n\nexport default helpers;\n"]}

package/lib/components/Tree/index.d.ts

@@ -1,3 +1,5 @@
-export { default } from './Tree';
-export { TreeProps } from './Tree';
+export { default, TreeProps, StyledTreeList, StyledTreeListItem } from './Tree';
+export { default as StandardTree } from './StandardTree';
+export { StandardTreeProps } from './StandardTree.types';
+export { default as treeHelpers } from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Tree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Tree/index.js

@@ -1,2 +1,4 @@
-export { default } from './Tree';
+export { default, StyledTreeList, StyledTreeListItem } from './Tree';
+export { default as StandardTree } from './StandardTree';
+export { default as treeHelpers } from './helpers';
 //# sourceMappingURL=index.js.map

package/lib/components/Tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default } from './Tree';\nexport { TreeProps } from './Tree';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,cAAc,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default, TreeProps, StyledTreeList, StyledTreeListItem } from './Tree';\nexport { default as StandardTree } from './StandardTree';\nexport { StandardTreeProps } from './StandardTree.types';\nexport { default as treeHelpers } from './helpers';\n"]}

package/lib/components/URL/URLDisplay.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface URLDisplayProps extends BaseProps {
+import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
+export interface URLDisplayProps extends BaseProps, NoChildrenProp {
     /** URL address, includes scheme, 'http://', 'https://' */
     value?: string;
     /** The text to be displayed. */

package/lib/components/URL/URLDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"URLDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/URL/URLDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAA8B,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AA4BD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAoBjE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"URLDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/URL/URLDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAA8B,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AA4BD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAoBjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/URL/URLDisplay.js

@@ -26,8 +26,8 @@ const generateUrlMarkup = (url) => {
     }, []);
 };
 const URLDisplay = forwardRef(({ value, displayText, variant = 'link', ...restProps }, ref) => {
-    const displayValue = value ? (displayText || generateUrlMarkup(value)) : (_jsx("span", Object.assign({ "aria-hidden": 'true' }, { children: "\u2013\u2013" }), void 0));
-    return variant === 'text' || !value ? (_jsx("span", Object.assign({ ref: ref }, restProps, { children: displayValue }), void 0)) : (_jsx(Link, Object.assign({ ref: ref }, restProps, { href: value }, { children: displayValue }), void 0));
+    const displayValue = value ? (displayText || generateUrlMarkup(value)) : (_jsx("span", { "aria-hidden": 'true', children: "\u2013\u2013" }, void 0));
+    return variant === 'text' || !value ? (_jsx("span", { ref: ref, ...restProps, children: displayValue }, void 0)) : (_jsx(Link, { ref: ref, ...restProps, href: value, children: displayValue }, void 0));
 });
 export default URLDisplay;
 //# sourceMappingURL=URLDisplay.js.map

package/lib/components/URL/URLDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"URLDisplay.js","sourceRoot":"","sources":["../../../src/components/URL/URLDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsD,MAAM,OAAO,CAAC;AAEvF,OAAO,IAAI,MAAM,SAAS,CAAC;AAiB3B;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAa,EAAE;IACnD,MAAM,SAAS,GAAG,GAAG;SAClB,KAAK,CAAC,IAAI,CAAC;QACZ,6EAA6E;SAC5E,GAAG,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,GAAG;aACP,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC;aACzB,OAAO,CAAC,kBAAkB,EAAE,QAAQ,CAAC;aACrC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACtC,CAAC,CAAC;SACD,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElB,+HAA+H;IAC/H,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAc,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE;QACxE,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAU,YAAY,CAAC,MAAM,CAAI,CAAC,CAAC;QAC3D,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,UAAU,GAAsD,UAAU,CAC9E,CACE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,SAAS,EAAoC,EACxF,GAA2B,EAC3B,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAC3B,WAAW,IAAI,iBAAiB,CAAC,KAAK,CAAC,CACxC,CAAC,CAAC,CAAC,CACF,4CAAkB,MAAM,0CAAsB,CAC/C,CAAC;IACF,OAAO,OAAO,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACpC,6BAAM,GAAG,EAAE,GAA2B,IAAM,SAAS,cAClD,YAAY,YACR,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,kBAAC,GAAG,EAAE,GAA6B,IAAM,SAAS,IAAE,IAAI,EAAE,KAAK,gBACjE,YAAY,YACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, ReactNode, Ref } from 'react';\n\nimport Link from '../Link';\nimport { BaseProps, ForwardProps } from '../../types';\n\nexport interface URLDisplayProps extends BaseProps {\n  /** URL address, includes scheme, 'http://', 'https://' */\n  value?: string;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default \"link\"\n   */\n  variant?: 'link' | 'text';\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\n/**\n * Function gets the url as a string and converts it to a HTML markup with whitespace opportunity elements.\n * It helps breaking a long url correctly to avoid parent container overflow issues\n * according to \"The Chicago Manual of Style\" copywriting standard.\n * @param url input url to construct markup for\n * @returns array of nodes\n */\nconst generateUrlMarkup = (url: string): ReactNode => {\n  const markedUrl = url\n    .split('//')\n    /* Insert \\x1f (unit separator) char as a placeholder at correct position. */\n    .map(str => {\n      return str\n        .replace(/:/giu, '$&\\x1f')\n        .replace(/[/~.,\\\\-_?#%]/giu, '\\x1f$&')\n        .replace(/[=&]/giu, '\\x1f$&\\x1f');\n    })\n    .join('//\\x1f');\n\n  /* Replace unit separator character with <wbr /> element. Create an array of nodes in place of string to pass tags escaping. */\n  return markedUrl.split('\\x1f').reduce<ReactNode[]>((urlFragments, part) => {\n    urlFragments.push(part, <wbr key={urlFragments.length} />);\n    return urlFragments;\n  }, []);\n};\n\nconst URLDisplay: FunctionComponent<URLDisplayProps & ForwardProps> = forwardRef(\n  (\n    { value, displayText, variant = 'link', ...restProps }: PropsWithoutRef<URLDisplayProps>,\n    ref: URLDisplayProps['ref']\n  ) => {\n    const displayValue = value ? (\n      displayText || generateUrlMarkup(value)\n    ) : (\n      <span aria-hidden='true'>&ndash;&ndash;</span>\n    );\n    return variant === 'text' || !value ? (\n      <span ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n        {displayValue}\n      </span>\n    ) : (\n      <Link ref={ref as Ref<HTMLAnchorElement>} {...restProps} href={value}>\n        {displayValue}\n      </Link>\n    );\n  }\n);\n\nexport default URLDisplay;\n"]}
+{"version":3,"file":"URLDisplay.js","sourceRoot":"","sources":["../../../src/components/URL/URLDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsD,MAAM,OAAO,CAAC;AAEvF,OAAO,IAAI,MAAM,SAAS,CAAC;AAiB3B;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAa,EAAE;IACnD,MAAM,SAAS,GAAG,GAAG;SAClB,KAAK,CAAC,IAAI,CAAC;QACZ,6EAA6E;SAC5E,GAAG,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,GAAG;aACP,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC;aACzB,OAAO,CAAC,kBAAkB,EAAE,QAAQ,CAAC;aACrC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACtC,CAAC,CAAC;SACD,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElB,+HAA+H;IAC/H,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAc,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE;QACxE,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAU,YAAY,CAAC,MAAM,CAAI,CAAC,CAAC;QAC3D,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,UAAU,GAAsD,UAAU,CAC9E,CACE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,SAAS,EAAoC,EACxF,GAA2B,EAC3B,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAC3B,WAAW,IAAI,iBAAiB,CAAC,KAAK,CAAC,CACxC,CAAC,CAAC,CAAC,CACF,8BAAkB,MAAM,qCAAsB,CAC/C,CAAC;IACF,OAAO,OAAO,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACpC,eAAM,GAAG,EAAE,GAA2B,KAAM,SAAS,YAClD,YAAY,WACR,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA6B,KAAM,SAAS,EAAE,IAAI,EAAE,KAAK,YACjE,YAAY,WACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, ReactNode, Ref } from 'react';\n\nimport Link from '../Link';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface URLDisplayProps extends BaseProps, NoChildrenProp {\n  /** URL address, includes scheme, 'http://', 'https://' */\n  value?: string;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default \"link\"\n   */\n  variant?: 'link' | 'text';\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\n/**\n * Function gets the url as a string and converts it to a HTML markup with whitespace opportunity elements.\n * It helps breaking a long url correctly to avoid parent container overflow issues\n * according to \"The Chicago Manual of Style\" copywriting standard.\n * @param url input url to construct markup for\n * @returns array of nodes\n */\nconst generateUrlMarkup = (url: string): ReactNode => {\n  const markedUrl = url\n    .split('//')\n    /* Insert \\x1f (unit separator) char as a placeholder at correct position. */\n    .map(str => {\n      return str\n        .replace(/:/giu, '$&\\x1f')\n        .replace(/[/~.,\\\\-_?#%]/giu, '\\x1f$&')\n        .replace(/[=&]/giu, '\\x1f$&\\x1f');\n    })\n    .join('//\\x1f');\n\n  /* Replace unit separator character with <wbr /> element. Create an array of nodes in place of string to pass tags escaping. */\n  return markedUrl.split('\\x1f').reduce<ReactNode[]>((urlFragments, part) => {\n    urlFragments.push(part, <wbr key={urlFragments.length} />);\n    return urlFragments;\n  }, []);\n};\n\nconst URLDisplay: FunctionComponent<URLDisplayProps & ForwardProps> = forwardRef(\n  (\n    { value, displayText, variant = 'link', ...restProps }: PropsWithoutRef<URLDisplayProps>,\n    ref: URLDisplayProps['ref']\n  ) => {\n    const displayValue = value ? (\n      displayText || generateUrlMarkup(value)\n    ) : (\n      <span aria-hidden='true'>&ndash;&ndash;</span>\n    );\n    return variant === 'text' || !value ? (\n      <span ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n        {displayValue}\n      </span>\n    ) : (\n      <Link ref={ref as Ref<HTMLAnchorElement>} {...restProps} href={value}>\n        {displayValue}\n      </Link>\n    );\n  }\n);\n\nexport default URLDisplay;\n"]}

package/lib/hooks/index.d.ts

@@ -1,22 +1,25 @@
+export { default as useActiveDescendant, UseActiveDescendantConfig } from './useActiveDescendant';
 export { default as useAfterInitialEffect } from './useAfterInitialEffect';
 export { default as useArrows } from './useArrows';
 export { default as useAutoResize } from './useAutoResize';
 export { default as useBreakpoint } from './useBreakpoint';
 export { default as useConfiguration } from './useConfiguration';
 export { default as useConsolidatedRef } from './useConsolidatedRef';
+export { default as useDirection } from './useDirection';
+export { default as useDraggable } from './useDraggable';
 export { default as useElement } from './useElement';
 export { default as useFocusWithin } from './useFocusWithin';
 export { default as useI18n } from './useI18n';
+export { default as useItemIntersection } from './useItemIntersection';
+export { default as useLongPress } from './useLongPress';
 export { default as useOuterEvent } from './useOuterEvent';
 export { default as useOverride } from './useOverride';
 export { default as usePrevious } from './usePrevious';
 export { default as useScrollStick } from './useScrollStick';
+export { default as useScrollToggle } from './useScrollToggle';
 export { default as useTheme } from './useTheme';
+export { default as useTransitionState } from './useTransitionState';
 export { default as useTriggerableEffect } from './useTriggerableEffect';
 export { default as useTriggerableLayoutEffect } from './useTriggerableLayoutEffect';
-export { default as useItemIntersection } from './useItemIntersection';
 export { default as useUID } from './useUID';
-export { default as useDirection } from './useDirection';
-export { default as useActiveDescendant } from './useActiveDescendant';
-export { UseActiveDescendantConfig } from './useActiveDescendant';
 //# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}