@itwin/tree-widget-react 4.0.0-alpha.1 → 4.0.0-alpha.3

package/lib/esm/tree-widget-react/components/tree-header/TreeHeader.scss

@@ -1,56 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// Buttons dropdown container
-.tree-header-button-dropdown-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: calc(var(--iui-size-2xs) + var(--iui-size-3xs));
-
-  .dropdown-item {
-    width: 100%;
-
-    > * {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-
-.tree-widget-tree-header {
-  --tree-header-height-inner: var(--tree-header-height, --iui-size-xl);
-  --tree-header-contracted-width-inner: var(--tree-header-contracted-width, --iui-size-xl);
-
-  display: flex;
-  align-items: center;
-  height: var(--tree-header-height-inner);
-
-  .tree-widget-search-box {
-    width: calc(100% - var(--tree-header-contracted-width-inner));
-
-    &.contracted {
-      width: unset;
-
-      &::before {
-        border: none;
-      }
-    }
-
-    .searchbox-stepping-count {
-      font-size: var(--iui-size-s);
-      color: var(--iui-color-text);
-      margin-right: var(--iui-size-2xs);
-    }
-  }
-
-  .button-container {
-    width: calc(100% - var(--tree-header-contracted-width-inner));
-
-    &.contracted {
-      width: var(--tree-header-contracted-width-inner);
-    }
-  }
-}

package/lib/esm/tree-widget-react/components/tree-header/TreeWithHeader.d.ts

@@ -1,13 +0,0 @@
-import "./TreeWithHeader.scss";
-import type { PropsWithChildren, ReactNode } from "react";
-import type { TreeFilteringProps } from "./TreeHeader.js";
-/** @beta */
-interface TreeWithHeaderProps {
-    density?: "enlarged" | "default";
-    filteringProps?: TreeFilteringProps;
-    buttons?: ReactNode;
-}
-/** @beta */
-export declare function TreeWithHeader({ filteringProps, buttons, density, children }: PropsWithChildren<TreeWithHeaderProps>): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TreeWithHeader.d.ts.map

package/lib/esm/tree-widget-react/components/tree-header/TreeWithHeader.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import "./TreeWithHeader.scss";
-import classNames from "classnames";
-import { TreeHeader } from "./TreeHeader.js";
-/** @beta */
-export function TreeWithHeader({ filteringProps, buttons, density, children }) {
-    return (_jsxs("div", { className: classNames("tw-tree-with-header", density === "enlarged" && "enlarge"), children: [_jsx(TreeHeader, { filteringProps: filteringProps, density: density, children: buttons }), _jsx("div", { className: "tw-tree-content", children: children })] }));
-}
-//# sourceMappingURL=TreeWithHeader.js.map

package/lib/esm/tree-widget-react/components/tree-header/TreeWithHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeWithHeader.js","sourceRoot":"","sources":["../../../../../src/tree-widget-react/components/tree-header/TreeWithHeader.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,YAAY;AACZ,MAAM,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAA0C;IACnH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,OAAO,KAAK,UAAU,IAAI,SAAS,CAAC,aACpF,KAAC,UAAU,IAAC,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,YACzD,OAAO,GACG,EACb,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport \"./TreeWithHeader.scss\";\nimport classNames from \"classnames\";\nimport { TreeHeader } from \"./TreeHeader.js\";\n\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport type { TreeFilteringProps } from \"./TreeHeader.js\";\n\n/** @beta */\ninterface TreeWithHeaderProps {\n  density?: \"enlarged\" | \"default\";\n  filteringProps?: TreeFilteringProps;\n  buttons?: ReactNode;\n}\n\n/** @beta */\nexport function TreeWithHeader({ filteringProps, buttons, density, children }: PropsWithChildren<TreeWithHeaderProps>) {\n  return (\n    <div className={classNames(\"tw-tree-with-header\", density === \"enlarged\" && \"enlarge\")}>\n      <TreeHeader filteringProps={filteringProps} density={density}>\n        {buttons}\n      </TreeHeader>\n      <div className=\"tw-tree-content\">{children}</div>\n    </div>\n  );\n}\n"]}