@capillarytech/blaze-ui 6.5.0 → 6.6.1

package/CapMediaPreview/styles.scss

@@ -12,42 +12,51 @@ $flex-center: (
     #{$property}: $value;
   }
 
-  .ant-modal {
+  :global(.ant-modal) {
     top: 0;
     padding-bottom: 0;
   }
 }
 
-.#{$media-preview} {
+:global(.ant-modal).#{$media-preview},
+:global(.ant-modal-wrap .ant-modal).#{$media-preview} {
   width: var(--modal-width) !important;
   height: var(--modal-height) !important;
   top: var(--top-navigation-height) !important;
-  padding: 0;
-  margin: 0;
-
-  .ant-modal-content {
-    height: calc(var(--modal-height) - var(--top-navigation-height));
-    background-color: rgba(94, 94, 94, 0.4);
-    backdrop-filter: blur($CAP_SPACE_12);
-    border-radius: 0;
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-  }
+}
 
-  .ant-modal-body {
-    flex: 1;
-    @each $property, $value in $flex-center {
-      #{$property}: $value;
-    }
-    padding: 0;
-    overflow: hidden;
+.#{$media-preview}-modal-content {
+  height: calc(var(--modal-height) - var(--top-navigation-height)) !important;
+  background: rgba(94, 94, 94, 0.4) !important;
+  backdrop-filter: blur($CAP_SPACE_12) !important;
+  border-radius: 0 !important;
+  display: flex !important;
+  flex-direction: column !important;
+  padding: 0 !important;
+  box-shadow: none !important;
+  width: 100% !important;
+  margin: 0 !important;
+  border: none !important;
+  outline: none !important;
+  transform: none !important;
+  position: relative !important;
+  color: inherit !important;
+}
+
+.#{$media-preview}-body {
+  flex: 1 !important;
+  flex-direction: column !important;
+  @each $property, $value in $flex-center {
+    #{$property}: $value;
   }
+  padding: 0 !important;
+  overflow: hidden;
 }
 
 .#{$media-preview}-container {
   width: 100%;
-  height: 100%;
+  flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   @each $property, $value in $flex-center {
@@ -73,7 +82,8 @@ $flex-center: (
 .#{$media-preview}-content {
   position: relative;
   width: 100%;
-  height: 100%;
+  flex: 1;
+  min-height: 0;
   @each $property, $value in $flex-center {
     #{$property}: $value;
   }
@@ -100,7 +110,8 @@ $flex-center: (
   flex-shrink: 0;
   aspect-ratio: 964.62/540;
   object-fit: contain;
-  box-shadow: 0 0 0.071rem rgba(9, 30, 66, 0.31),
+  box-shadow:
+    0 0 0.071rem rgba(9, 30, 66, 0.31),
     0 0.286rem 0.571rem -0.143rem rgba(9, 30, 66, 0.25);
 }
 
@@ -115,15 +126,15 @@ $flex-center: (
   background-color: $CAP_G09;
   cursor: pointer;
 
-  &.left {
+  &.#{$media-preview}-nav-button-left {
     left: $CAP_SPACE_24;
   }
 
-  &.right {
+  &.#{$media-preview}-nav-button-right {
     right: $CAP_SPACE_24;
   }
 
-  &.disabled {
+  &.#{$media-preview}-nav-button-disabled {
     cursor: not-allowed;
     .#{$media-preview}-nav-button-icon {
       color: $CAP_G06;

package/CapMediaPreview/types.d.ts

@@ -0,0 +1,48 @@
+import type { ModalProps } from 'antd-v5';
+import type { WrappedComponentProps } from 'react-intl';
+export interface MediaItem {
+    type: string;
+    file: string | File;
+    name?: string;
+    imageProps?: Record<string, unknown>;
+    videoProps?: Record<string, unknown>;
+}
+export interface CapMediaPreviewProps extends Omit<ModalProps, 'open' | 'visible' | 'onVisibleChange' | 'onOpenChange'> {
+    /** Override className for Modal */
+    overrideClassName?: string;
+    /** Override className for Modal wrapper */
+    overrideWrapperClassName?: string;
+    /** Whether the media preview modal is visible */
+    isMediaPreviewVisible?: boolean;
+    /** Array of media items to display */
+    media?: MediaItem[];
+    /** Starting index for media carousel */
+    startIndex?: number;
+    /** Width of the modal */
+    width?: ModalProps['width'];
+    /** Height of the modal */
+    height?: string;
+    /** Top navigation height (used for CSS variable) */
+    topNavigationHeight?: string;
+    /** Callback when modal is closed */
+    onClose?: () => void;
+    /** Additional props to pass to Modal component */
+    modalProps?: Omit<ModalProps, 'open' | 'visible' | 'onVisibleChange' | 'onOpenChange'>;
+}
+export interface MediaRendererProps extends WrappedComponentProps {
+    /** Current media item to render */
+    currentMedia?: MediaItem;
+}
+export interface ImageRendererProps {
+    /** Image source URL */
+    src?: string | null;
+    /** Additional props to pass to CapImage */
+    imageProps?: Record<string, unknown>;
+}
+export interface VideoPlayerProps extends WrappedComponentProps {
+    /** Video source URL */
+    src?: string | null;
+    /** Additional props to pass to video element */
+    videoProps?: Record<string, unknown>;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapMediaPreview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,cAAc,CAAC;IACjF,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,cAAc,CAAC,CAAC;CACxF;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,mCAAmC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC"}

package/CapMediaPreview/types.js

@@ -0,0 +1 @@
+

package/CapPopoverTree/index.d.ts

@@ -1,6 +1,43 @@
+import PropTypes from 'prop-types';
 import React from 'react';
-import type { CapPopoverTreeProps } from './types';
-export declare const CapPopoverTree: (props: CapPopoverTreeProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.ComponentType<Omit<CapPopoverTreeProps & import("react-intl").WrappedComponentProps, "intl">>;
+import './styles.scss';
+export declare const CapPopoverTree: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        trigger: string;
+        placement: string;
+        showIcon: boolean;
+        blockNode: boolean;
+        defaultExpandAll: boolean;
+        isLoadingData: boolean;
+        switcherIcon: import("react/jsx-runtime").JSX.Element;
+        renderOnKeyChange: boolean;
+    };
+    propTypes: {
+        trigger: PropTypes.Requireable<string>;
+        placement: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        defaultExpandAll: PropTypes.Requireable<boolean>;
+        overlayClassName: PropTypes.Requireable<string>;
+        showIcon: PropTypes.Requireable<boolean>;
+        blockNode: PropTypes.Requireable<boolean>;
+        propsTreeData: PropTypes.Requireable<any[]>;
+        switcherIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        TriggerComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        componentText: PropTypes.Requireable<string>;
+        triggerProps: PropTypes.Requireable<object>;
+        isTriggerDisabled: PropTypes.Requireable<boolean>;
+        triggerDisabledText: PropTypes.Requireable<string>;
+        tooltipText: PropTypes.Requireable<string>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        propsSelectedKey: PropTypes.Requireable<any[]>;
+        isLoadingData: PropTypes.Requireable<boolean>;
+        loadingTip: PropTypes.Requireable<string>;
+        searchPlaceholder: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        emptyDataMessage: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        renderOnKeyChange: PropTypes.Requireable<boolean>;
+    };
+};
+declare const _default: React.ComponentType<Omit<any, "intl">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/CapPopoverTree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,SAAS,CAAC;AAKjE,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CA8OxD,CAAC;;AAEF,wBAEG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/index.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,eAAe,CAAC;AAMvB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0M1B,CAAC;;AAsCF,wBAAoE"}

package/CapPopoverTree/index.js

@@ -1,56 +1,54 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { InfoCircleOutlined } from "@ant-design-v5/icons";
-import { Tree, Input, Tooltip } from "antd-v5";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Tree, Tooltip, Icon } from "antd";
 import classNames from "classnames";
+import PropTypes from "prop-types";
 import { useState, useEffect } from "react";
-import CapColumn from "../CapColumn/index.js";
 import CapHeadingWithStatic from "../CapHeading/index.js";
-import CapIcon from "../CapIcon/index.js";
+import InputFinal from "../CapInput/index.js";
 import CapPopover from "../CapPopover/index.js";
 import CapRow from "../CapRow/index.js";
 import CapSpin from "../CapSpin/index.js";
 import CapTooltip from "../CapTooltip/index.js";
-import CapTree from "../CapTree/index.js";
 import LocaleHoc from "../LocaleHoc/index.js";
-import styles from "./styles.module.scss.js";
+import { StyledCapTree, StyledIcon, StyledCapHeading, StyledCapColumn, ExpandIcon } from "./style.js";
+import './styles.css';/* empty css            */
 const { TreeNode } = Tree;
+const { Search } = InputFinal;
 const clsPrefix = "cap-popover-tree-v2";
 const CapPopoverTree = (props) => {
   var _a;
   const {
     treeData: propsTreeData = [],
     overlayClassName,
-    trigger = "click",
+    trigger,
     TriggerComponent,
     componentText,
     triggerProps,
     isTriggerDisabled,
     triggerDisabledText,
     tooltipText,
-    isLoadingData = false,
+    isLoadingData,
     loadingTip,
-    placement = "rightBottom",
-    switcherIcon = /* @__PURE__ */ jsx(CapIcon, { className: styles.expandIcon, size: "m", type: "chevron-down" }),
+    placement,
+    switcherIcon,
     className,
-    defaultExpandAll = false,
+    defaultExpandAll,
     onSelect,
     selectedKey: propsSelectedKey,
     emptyDataMessage,
     searchPlaceholder,
-    renderOnKeyChange = false,
+    renderOnKeyChange,
     ...rest
   } = props || {};
-  const defaultExpandKey = (propsTreeData == null ? void 0 : propsTreeData.length) === 1 && ((_a = propsTreeData[0]) == null ? void 0 : _a.key) ? propsTreeData[0].key : null;
+  const defaultExpandKey = (propsTreeData == null ? void 0 : propsTreeData.length) === 1 && ((_a = propsTreeData[0]) == null ? void 0 : _a.key);
   const [searchText, setSearchText] = useState(null);
   const [showPopover, setShowPopover] = useState(null);
   const [filteredTreeData, setFilteredTreeData] = useState(propsTreeData || []);
-  const [expandedKeys, setExpandedKeys] = useState(
-    defaultExpandKey ? [defaultExpandKey] : []
-  );
+  const [expandedKeys, setExpandedKeys] = useState(defaultExpandKey ? [defaultExpandKey] : []);
   useEffect(() => {
     setFilteredTreeData(propsTreeData);
-    setExpandedKeys(defaultExpandKey ? [defaultExpandKey] : []);
-  }, [propsTreeData, defaultExpandKey]);
+    setExpandedKeys([defaultExpandKey]);
+  }, [propsTreeData]);
   const handleSearch = (e) => {
     const { value } = e.target;
     setSearchText(value);
@@ -65,15 +63,13 @@ const CapPopoverTree = (props) => {
     }
     setExpandedKeys(keys);
   };
-  const handleSelect = (selectedKey, info) => {
-    const { node } = info;
-    const nodeProps = node == null ? void 0 : node.props;
-    const { isLeafNode, eventKey, expanded } = nodeProps || {};
+  const handleSelect = (selectedKey, { node }) => {
+    const { isLeafNode, eventKey, expanded } = (node == null ? void 0 : node.props) || {};
     if (isLeafNode) {
       setShowPopover(false);
-      onSelect == null ? void 0 : onSelect(selectedKey);
+      onSelect(selectedKey);
     } else {
-      const key = expanded ? [] : eventKey !== void 0 ? [eventKey] : [];
+      const key = expanded ? [] : [eventKey];
       handleOnExpand(key);
     }
   };
@@ -82,38 +78,25 @@ const CapPopoverTree = (props) => {
       var _a2, _b;
       const { title, key, icon, children = [], info } = data;
       if (title) {
-        const titleString = typeof title === "string" ? title : String(title);
-        const itemName = (_a2 = titleString == null ? void 0 : titleString.toLowerCase()) == null ? void 0 : _a2.trim();
+        const itemName = (_a2 = title == null ? void 0 : title.toLowerCase()) == null ? void 0 : _a2.trim();
         const searchValue = (_b = searchText == null ? void 0 : searchText.toLowerCase()) == null ? void 0 : _b.trim();
-        const searchIndex = searchValue && itemName ? itemName.indexOf(searchValue) : -1;
-        const beforeString = titleString == null ? void 0 : titleString.substr(0, searchIndex >= 0 ? searchIndex : 0);
-        const afterString = titleString == null ? void 0 : titleString.substr(
-          (searchIndex >= 0 ? searchIndex : 0) + ((searchValue == null ? void 0 : searchValue.length) || 0)
-        );
-        const matchedSearch = titleString == null ? void 0 : titleString.substr(
-          searchIndex >= 0 ? searchIndex : 0,
-          (searchValue == null ? void 0 : searchValue.length) || 0
-        );
+        const searchIndex = searchValue && (itemName == null ? void 0 : itemName.indexOf(searchValue));
+        const beforeString = title == null ? void 0 : title.substr(0, searchIndex);
+        const afterString = title == null ? void 0 : title.substr(searchIndex + (searchValue == null ? void 0 : searchValue.length));
+        const matchedSearch = title == null ? void 0 : title.substr(searchIndex, searchValue == null ? void 0 : searchValue.length);
         const searchResult = /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(CapColumn, { className: styles.styledCapColumn, children: beforeString }),
-          /* @__PURE__ */ jsx(CapColumn, { className: classNames(styles.styledCapColumn, styles.matchedSearch), children: matchedSearch }),
-          /* @__PURE__ */ jsx(CapColumn, { className: styles.styledCapColumn, children: afterString })
+          /* @__PURE__ */ jsx(StyledCapColumn, { children: beforeString }),
+          /* @__PURE__ */ jsx(StyledCapColumn, { style: { fontWeight: 500 }, children: matchedSearch }),
+          /* @__PURE__ */ jsx(StyledCapColumn, { children: afterString })
         ] });
         const treeNodeProps = {
-          title: /* @__PURE__ */ jsxs(CapHeadingWithStatic, { className: classNames(styles.styledCapHeading, "tree-node-title"), children: [
+          title: /* @__PURE__ */ jsxs(StyledCapHeading, { className: "tree-node-title", children: [
             searchIndex > -1 ? searchResult : title,
-            info && /* @__PURE__ */ jsx("span", { className: "info-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", title: info, children: /* @__PURE__ */ jsx(InfoCircleOutlined, { className: "info-icon" }) }) })
+            info && /* @__PURE__ */ jsx("span", { className: "info-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", title: info, children: /* @__PURE__ */ jsx(Icon, { className: "info-icon", type: "info-circle-o" }) }) })
           ] }),
           key,
           isLeafNode: !(children == null ? void 0 : children.length),
-          icon: icon && /* @__PURE__ */ jsx(
-            CapIcon,
-            {
-              className: classNames(styles.styledIcon, "tree-node-icon"),
-              size: "s",
-              type: icon
-            }
-          )
+          icon: icon && /* @__PURE__ */ jsx(StyledIcon, { className: "tree-node-icon", size: "s", type: icon })
         };
         result.push(
           /* @__PURE__ */ jsx(TreeNode, { ...treeNodeProps, children: (children == null ? void 0 : children.length) && getTreeData(children) })
@@ -131,15 +114,15 @@ const CapPopoverTree = (props) => {
       return;
     }
     const filteredData = propsTreeData.reduce((result, currentData) => {
-      var _a3;
-      const titleString = typeof (currentData == null ? void 0 : currentData.title) === "string" ? currentData.title : String((currentData == null ? void 0 : currentData.title) || "");
-      const parentName = titleString == null ? void 0 : titleString.toLowerCase();
+      var _a3, _b;
+      const parentName = (_a3 = currentData == null ? void 0 : currentData.title) == null ? void 0 : _a3.toLowerCase();
       const isParent = (parentName == null ? void 0 : parentName.indexOf(searchString)) > -1;
-      const childItems = (_a3 = currentData == null ? void 0 : currentData.children) == null ? void 0 : _a3.filter((childItem) => {
-        var _a4;
-        const childTitleString = typeof (childItem == null ? void 0 : childItem.title) === "string" ? childItem.title : String((childItem == null ? void 0 : childItem.title) || "");
-        return ((_a4 = childTitleString == null ? void 0 : childTitleString.toLowerCase()) == null ? void 0 : _a4.indexOf(searchString)) > -1;
-      });
+      const childItems = (_b = currentData == null ? void 0 : currentData.children) == null ? void 0 : _b.filter(
+        (childItem) => {
+          var _a4, _b2;
+          return ((_b2 = (_a4 = childItem == null ? void 0 : childItem.title) == null ? void 0 : _a4.toLowerCase()) == null ? void 0 : _b2.indexOf(searchString)) > -1;
+        }
+      );
       const hasChildren = !!(childItems == null ? void 0 : childItems.length);
       const currentDataCopy = { ...currentData };
       if (hasChildren) {
@@ -158,18 +141,16 @@ const CapPopoverTree = (props) => {
     /* @__PURE__ */ jsx(
       CapPopover,
       {
-        visible: showPopover ?? void 0,
-        onVisibleChange: (visible) => setShowPopover(visible),
+        visible: showPopover,
+        onVisibleChange: setShowPopover,
         trigger,
         placement,
         overlayClassName: classNames(`${clsPrefix}`, overlayClassName),
         ...rest,
         content: /* @__PURE__ */ jsx(CapRow, { className: "search-and-tree-wrapper", children: /* @__PURE__ */ jsxs(CapSpin, { spinning: isLoadingData, tip: loadingTip, children: [
           /* @__PURE__ */ jsx(
-            Input,
+            Search,
             {
-              prefix: /* @__PURE__ */ jsx(CapIcon, { type: "search", size: "s" }),
-              variant: "borderless",
               placeholder: searchPlaceholder,
               onChange: handleSearch,
               className: "search-tree-node"
@@ -177,7 +158,7 @@ const CapPopoverTree = (props) => {
           ),
           /* @__PURE__ */ jsx("div", { className: "divider" }),
           (filteredTreeData == null ? void 0 : filteredTreeData.length) ? /* @__PURE__ */ jsx(
-            CapTree,
+            StyledCapTree,
             {
               showIcon: true,
               blockNode: true,
@@ -187,11 +168,8 @@ const CapPopoverTree = (props) => {
               onExpand: handleOnExpand,
               onSelect: handleSelect,
               switcherIcon,
-              className: classNames(
-                styles.styledCapTree,
-                (expandedKeys == null ? void 0 : expandedKeys.length) && !searchText && styles.isExpanded,
-                className
-              ),
+              isExpanded: (expandedKeys == null ? void 0 : expandedKeys.length) && !searchText,
+              className,
               ...renderOnKeyChange ? { key: JSON.stringify(filteredTreeData) } : {},
               ...rest,
               children: getTreeData(searchText ? filteredTreeData : propsTreeData)
@@ -200,12 +178,44 @@ const CapPopoverTree = (props) => {
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx(CapRow, { children: !isTriggerDisabled ? /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, overlayClassName: "add-condition-tooltip", children: TriggerComponent && /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, onClick: () => setShowPopover(true), children: componentText }) }) : /* @__PURE__ */ jsx(CapTooltip, { title: triggerDisabledText, children: /* @__PURE__ */ jsx("span", { className: "button-disabled-tooltip-wrapper", children: TriggerComponent && /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, children: componentText }) }) }) })
+    /* @__PURE__ */ jsx(CapRow, { children: !isTriggerDisabled ? /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, overlayClassName: "add-condition-tooltip", children: /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, onClick: () => setShowPopover(true), children: componentText }) }) : /* @__PURE__ */ jsx(CapTooltip, { title: triggerDisabledText, children: /* @__PURE__ */ jsx("span", { className: "button-disabled-tooltip-wrapper", children: /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, children: componentText }) }) }) })
   ] });
 };
-const index = LocaleHoc(CapPopoverTree, {
-  key: "CapPopoverTree"
-});
+CapPopoverTree.defaultProps = {
+  trigger: "click",
+  placement: "rightBottom",
+  showIcon: true,
+  blockNode: true,
+  defaultExpandAll: false,
+  isLoadingData: false,
+  switcherIcon: /* @__PURE__ */ jsx(ExpandIcon, { size: "m", type: "chevron-down" }),
+  renderOnKeyChange: false
+};
+CapPopoverTree.propTypes = {
+  trigger: PropTypes.string,
+  placement: PropTypes.string,
+  className: PropTypes.string,
+  defaultExpandAll: PropTypes.bool,
+  overlayClassName: PropTypes.string,
+  showIcon: PropTypes.bool,
+  blockNode: PropTypes.bool,
+  propsTreeData: PropTypes.array,
+  switcherIcon: PropTypes.node,
+  TriggerComponent: PropTypes.node,
+  componentText: PropTypes.string,
+  triggerProps: PropTypes.object,
+  isTriggerDisabled: PropTypes.bool,
+  triggerDisabledText: PropTypes.string,
+  tooltipText: PropTypes.string,
+  onSelect: PropTypes.func,
+  propsSelectedKey: PropTypes.array,
+  isLoadingData: PropTypes.bool,
+  loadingTip: PropTypes.string,
+  searchPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  emptyDataMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  renderOnKeyChange: PropTypes.bool
+};
+const index = LocaleHoc(CapPopoverTree, { key: "CapPopoverTree" });
 export {
   CapPopoverTree,
   index as default

package/CapPopoverTree/style.d.ts

@@ -1,10 +1,6 @@
-interface StyledCapTreeProps {
-    isExpanded?: boolean;
-}
 export declare const ExpandIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
 export declare const StyledCapHeading: import("styled-components").StyledComponent<import("../CapHeading/types").CapHeadingComponent, any, {}, never>;
 export declare const StyledCapColumn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../CapColumn").CapColumnProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledCapTree: import("styled-components").StyledComponent<import("react").FC<import("../CapTree").CapTreeProps>, any, StyledCapTreeProps, never>;
-export {};
+export declare const StyledCapTree: import("styled-components").StyledComponent<import("react").FC<import("../CapTree").CapTreeProps>, any, {}, never>;
 //# sourceMappingURL=style.d.ts.map

package/CapPopoverTree/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/style.ts"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,oGAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,oGAItB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gHAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,oIA6DzB,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/style.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,oGAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,oGAItB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gHAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,oHA4DzB,CAAC"}

package/CapPopoverTree/styles.css

@@ -6,132 +6,31 @@
 /* Border Width */
 /* Transition */
 /* Timezones Footer */
-.expandIcon {
-  margin-top: 0.714rem;
-  z-index: 1;
-}
-.expandIcon svg {
-  height: 1.714rem;
-  width: 1.714rem;
-}
-.styledIcon {
-  z-index: 1;
-  padding: 0.286rem;
-  border-radius: 0.571rem;
-  background: #ebecf0;
-}
-.styledCapHeading {
-  display: inline;
-  margin-left: 0.286rem;
-}
-.styledCapColumn {
-  display: inline;
-}
-.matchedSearch {
-  font-weight: 500;
-}
-.styledCapTree.ant-tree.cap-tree-v2 {
-  min-height: 8.857rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2 li {
-  padding: 0;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper {
-  height: 2.857rem;
-  padding: 0.643rem 0 0.786rem 0.286rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper:hover {
-  background-color: #faf9f4;
-  margin-left: -2.857rem;
-  padding-left: 3.143rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-selected .tree-node-title {
-  color: #1d61ee;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open {
-  margin-left: -2.857rem;
-  padding-left: 3.143rem;
-  width: 23.143rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open {
-  background: #e9f0fe;
-  border-left: 0.143rem solid #2466ea;
-}
-.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open:hover {
-  background-color: #e9f0fe;
-}
-.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open .tree-node-title {
-  color: #1d61ee;
-}
-.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open .tree-node-icon {
-  z-index: 1;
-  background: #2466ea;
-  color: #ffffff;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-node-content-wrapper {
-  position: relative;
-  margin-left: 1.143rem;
-  padding-left: 0;
-  width: 17.857rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-node-selected {
-  background-color: #e9f0fe;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-title {
-  margin-left: -0.857rem;
-}
-.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-title .info-icon {
-  position: absolute;
-  right: 1.786rem;
-  top: 1rem;
-}
-.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open {
-  background: #e9f0fe;
-  border-left: 0.143rem solid #2466ea;
-}
-.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open:hover {
-  background-color: #e9f0fe;
-}
-.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open .tree-node-title {
-  color: #1d61ee;
-}
-.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open .tree-node-icon {
-  z-index: 1;
-  background: #2466ea;
-  color: #ffffff;
-}
-.ant-popover.cap-popover-tree-v2 {
-  width: 23.857rem;
-}
 .ant-popover.cap-popover-tree-v2 .ant-popover-content {
+  width: 334px;
   padding: 0;
-  min-height: 12.571rem;
-}
-.ant-popover.cap-popover-tree-v2 .ant-popover-inner-content {
-  padding: 0 0 0.857rem 0;
-}
-.ant-popover.cap-popover-tree-v2 .search-and-tree-wrapper {
-  display: block;
-}
-.ant-popover.cap-popover-tree-v2 .search-and-tree-wrapper .ant-spin-container {
-  width: 100%;
-}
-.ant-popover.cap-popover-tree-v2 .search-tree-node.ant-input-affix-wrapper {
-  width: 100%;
-  padding: 0.571rem 0.857rem;
-  border-bottom: 0.071rem solid #dfe2e7;
-}
-.ant-popover.cap-popover-tree-v2 .search-tree-node.ant-input-affix-wrapper .ant-input {
-  margin-left: 0.286rem;
+  min-height: 176px;
 }
 .ant-popover.cap-popover-tree-v2 .divider {
-  display: none;
+  border-top: 1px solid #dfe2e7;
 }
 .ant-popover.cap-popover-tree-v2 .empty-data-text {
   text-align: center;
-  margin-top: 0.857rem;
-  padding: 0.714rem 0.857rem;
+  margin-top: 12px;
+  padding: 10px 0;
+}
+.ant-popover.cap-popover-tree-v2 .ant-popover-inner-content {
+  padding: 0 0 12px 0;
+}
+.ant-popover.cap-popover-tree-v2 .search-tree-node .ant-input-affix-wrapper {
+  width: 300px;
+  margin-left: 12px;
+}
+.ant-popover.cap-popover-tree-v2 .search-tree-node .ant-input-affix-wrapper .ant-input.ant-input-lg {
+  border: none !important;
+  border-radius: 0 !important;
+  margin-left: 8px;
 }
 .add-condition-tooltip .ant-tooltip-inner {
-  width: 27.571rem;
+  width: 386px;
 }