@capillarytech/blaze-ui 6.1.1 → 6.1.2

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;
 }

package/CapPopoverTree/styles.scss

@@ -2,186 +2,38 @@
 
 $popoverTree: cap-popover-tree-v2;
 
-// ExpandIcon styles
-.expandIcon {
-  margin-top: 0.714rem; // 10px / 14
-  z-index: 1;
-
-  svg {
-    height: 1.714rem; // 24px / 14
-    width: 1.714rem; // 24px / 14
-  }
-}
-
-// StyledIcon styles
-.styledIcon {
-  z-index: 1;
-  padding: 0.286rem; // 4px / 14
-  border-radius: 0.571rem; // 8px / 14
-  background: $CAP_G08;
-}
-
-// StyledCapHeading styles
-.styledCapHeading {
-  display: inline;
-  margin-left: 0.286rem; // 4px / 14
-}
-
-// StyledCapColumn styles
-.styledCapColumn {
-  display: inline;
-}
-
-.matchedSearch {
-  font-weight: 500;
-}
-
-// StyledCapTree styles
-.styledCapTree {
-  &.ant-tree.cap-tree-v2 {
-    min-height: 8.857rem; // 124px / 14
-
-    li {
-      padding: 0;
-    }
-
-    .ant-tree-node-content-wrapper {
-      height: 2.857rem; // 40px / 14
-      padding: 0.643rem 0 0.786rem 0.286rem; // 9px 0 11px 4px / 14
-
-      &:hover {
-        background-color: $BG_01;
-        margin-left: -2.857rem; // -40px / 14
-        padding-left: 3.143rem; // 44px / 14
-      }
-    }
-
-    .ant-tree-node-selected {
-      .tree-node-title {
-        color: $CAP_COLOR_17; // #1d61ee
-      }
-    }
-
-    .ant-tree-node-content-wrapper-open {
-      margin-left: -2.857rem; // -40px / 14
-      padding-left: 3.143rem; // 44px / 14
-      width: 23.143rem; // 324px / 14
-    }
-
-    &.isExpanded {
-      .ant-tree-node-content-wrapper-open {
-        background: $CAP_PALE_GREY;
-        border-left: 0.143rem solid $FONT_COLOR_05; // 2px / 14
-
-        &:hover {
-          background-color: $CAP_PALE_GREY;
-        }
-
-        .tree-node-title {
-          color: $CAP_COLOR_17; // #1d61ee
-        }
-
-        .tree-node-icon {
-          z-index: 1;
-          background: $FONT_COLOR_05;
-          color: $CAP_WHITE;
-        }
-      }
-    }
-
-    .ant-tree-child-tree {
-      .ant-tree-node-content-wrapper {
-        position: relative;
-        margin-left: 1.143rem; // 16px / 14
-        padding-left: 0;
-        width: 17.857rem; // 250px / 14
-      }
-
-      .ant-tree-node-selected {
-        background-color: $CAP_PALE_GREY;
-      }
-
-      .ant-tree-title {
-        margin-left: -0.857rem; // -12px / 14
-
-        .info-icon {
-          position: absolute;
-          right: 1.786rem; // 25px / 14
-          top: 1rem; // 14px / 14
-        }
-      }
-    }
-  }
-}
-
-// IsExpanded styles - exported as separate class for CSS module
-.isExpanded {
-  &.ant-tree.cap-tree-v2 {
-    .ant-tree-node-content-wrapper-open {
-      background: $CAP_PALE_GREY;
-      border-left: 0.143rem solid $FONT_COLOR_05; // 2px / 14
-
-      &:hover {
-        background-color: $CAP_PALE_GREY;
-      }
-
-      .tree-node-title {
-        color: $CAP_COLOR_17; // #1d61ee
-      }
-
-      .tree-node-icon {
-        z-index: 1;
-        background: $FONT_COLOR_05;
-        color: $CAP_WHITE;
-      }
-    }
-  }
-}
-
 .ant-popover.#{$popoverTree} {
-  width: 23.857rem; // 334px / 14
-  .ant-popover-content {
-    padding: 0;
-    min-height: 12.571rem; // 176px / 14
-  }
-
-  .ant-popover-inner-content {
-    padding: 0 0 $CAP_SPACE_12 0;
-  }
-
-  .search-and-tree-wrapper {
-    display: block;
-
-    .ant-spin-container {
-      width: 100%;
-    }
-  }
-
-  .search-tree-node {
-    &.ant-input-affix-wrapper {
-      width: 100%;
-      padding: 0.571rem $CAP_SPACE_12; // 8px 12px / 14
-      border-bottom: 0.071rem solid $CAP_G07; // 1px / 14
-
-      .ant-input {
-        margin-left: 0.286rem; // 4px / 14
-      }
+    .ant-popover-content {
+        width: 334px;
+        padding: 0;
+        min-height: 176px;
+    }
+
+    .divider {
+        border-top: 1px solid $CAP_G07;
+    }
+    .empty-data-text {
+        text-align: center;
+        margin-top: 12px;
+        padding: 10px 0;
+    }
+    .ant-popover-inner-content {
+        padding: 0 0 12px 0;
+    }
+    .search-tree-node {
+        .ant-input-affix-wrapper {
+            width: 300px;
+            margin-left: 12px;
+            .ant-input.ant-input-lg {
+                border: none !important;
+                border-radius: 0 !important;
+                margin-left: 8px;
+            }
+        }
     }
-  }
-
-  .divider {
-    display: none; // replaced by search input bottom border
-  }
-
-  .empty-data-text {
-    text-align: center;
-    margin-top: 0.857rem; // 12px / 14
-    padding: 0.714rem $CAP_SPACE_12; // 10px 12px / 14
-  }
 }
-
 .add-condition-tooltip {
-  .ant-tooltip-inner {
-    width: 27.571rem; // 386px / 14
-  }
-}
+    .ant-tooltip-inner {
+        width: 386px;
+      }
+}

package/CapProductSelection/index.d.ts

@@ -1,32 +1,10 @@
 import React from 'react';
-declare const _default: React.ComponentType<Omit<{
-    [x: string]: any;
-    treeData: any;
-    target: any;
-    trigger?: string;
-    placement: any;
-    overlayClassName: any;
-    selectedAttributes?: any[];
-    handleSelect?: () => void;
-    isProductMandatory: any;
-    lineItem: any;
-    selectAttribute: any;
-    brand: any;
-    brandInfo: any;
-    category: any;
-    categoryInfo: any;
-    product: any;
-    productInfo: any;
-    SKU: any;
-    uploadSKU: any;
-    uploadSKUInfo: any;
-    comingSoon: any;
-    changeSelection: any;
-    description: any;
-    okText: any;
-    cancelText: any;
-    selectValues: any;
-    atleast1Attribute: any;
-} & import("react-intl").WrappedComponentProps, "intl">>;
+import type { IntlShape } from 'react-intl';
+import type { CapProductSelectionProps } from './types';
+interface CapProductSelectionWithIntlProps extends CapProductSelectionProps {
+    intl: IntlShape;
+}
+declare const _default: React.ComponentType<Omit<CapProductSelectionWithIntlProps, "intl">>;
 export default _default;
+export type { CapProductSelectionProps, TreeNodeItem } from './types';
 //# sourceMappingURL=index.d.ts.map

package/CapProductSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoZnD,wBAA8E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAyB5C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,IAAI,EAAE,SAAS,CAAC;CACjB;;AA0VD,wBAA+C;AAC/C,YAAY,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/CapProductSelection/index.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Checkbox, Tree, Tooltip } from "antd";
+import { useState, useEffect, createElement } from "react";
+import { Checkbox, Tree, Tooltip } from "antd-v5";
 import classNames from "classnames";
-import PropTypes from "prop-types";
-import { useState, useEffect } from "react";
+import { injectIntl } from "react-intl";
 import CapButton from "../CapButton/index.js";
+import CapCard from "../CapCard/index.js";
 import CapHeadingWithStatic from "../CapHeading/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapPopover from "../CapPopover/index.js";
@@ -11,12 +12,13 @@ import CapRadio from "../CapRadio/index.js";
 import CapRow from "../CapRow/index.js";
 import CapTooltip from "../CapTooltip/index.js";
 import CapTree from "../CapTree/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
 import { CAP_G06 } from "../styles/_variables.js";
 import { SKU, ATTRIBUTE, BRAND, CATEGORY, PRODUCT_ATTRIBUTE, SKU_UPLOAD, SKU_SELECT, LINE_ITEM } from "./constants.js";
-import { StyledCapCard } from "./style.js";
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
 const clsPrefix = "cap-product-selection-v2";
 const CapProductSelection = ({
+  intl: { formatMessage },
   treeData: treeDataProps,
   target,
   trigger = "click",
@@ -26,25 +28,6 @@ const CapProductSelection = ({
   handleSelect = () => {
   },
   isProductMandatory,
-  /**LocaleHoc messages */
-  lineItem,
-  selectAttribute,
-  brand,
-  brandInfo,
-  category,
-  categoryInfo,
-  product,
-  productInfo,
-  SKU: SKU$1,
-  uploadSKU,
-  uploadSKUInfo,
-  comingSoon,
-  changeSelection,
-  description,
-  okText,
-  cancelText,
-  selectValues,
-  atleast1Attribute,
   ...rest
 }) => {
   const [showPopover, setShowPopover] = useState(false);
@@ -87,11 +70,17 @@ const CapProductSelection = ({
       if (attribute === ATTRIBUTE) handleSelect(checkedKeys);
       if (attribute === SKU) handleSelect([SKU]);
     }
-  }, [showPopover, isBrandSelected, isCategorySelected, isProductSelected, attribute]);
+  }, [
+    showPopover,
+    isBrandSelected,
+    isCategorySelected,
+    isProductSelected,
+    attribute,
+    handleSelect
+  ]);
   const handleCheckboxSelect = (event) => {
-    const {
-      target: { value }
-    } = event;
+    var _a;
+    const value = (_a = event.target) == null ? void 0 : _a.value;
     if (attribute && attribute !== ATTRIBUTE) {
       setShowModal(true);
       setIntermediateValue(ATTRIBUTE);
@@ -115,7 +104,7 @@ const CapProductSelection = ({
     setShowModal(false);
     setAttribute(intermediateValue);
     setIntermediateValue(null);
-    if (intermediateValue === SKU$1) {
+    if (intermediateValue === SKU) {
       setIsBrandSelected(false);
       setIsCategorySelected(false);
       setIsProductSelected(false);
@@ -142,12 +131,14 @@ const CapProductSelection = ({
     setIntermediateValue(null);
   };
   const handleRadioOnChange = (event) => {
+    var _a;
+    const value = (_a = event.target) == null ? void 0 : _a.value;
     if (attribute) {
       setShowModal(true);
-      setIntermediateValue(event.target.value);
+      setIntermediateValue(value);
       return;
     }
-    setAttribute(event.target.value);
+    setAttribute(value);
   };
   const checkedMap = {
     [BRAND]: isBrandSelected,
@@ -155,9 +146,9 @@ const CapProductSelection = ({
     [PRODUCT_ATTRIBUTE]: isProductSelected
   };
   const titleMap = {
-    [BRAND]: brand,
-    [CATEGORY]: category,
-    [PRODUCT_ATTRIBUTE]: product
+    [BRAND]: formatMessage(messages.brand),
+    [CATEGORY]: formatMessage(messages.category),
+    [PRODUCT_ATTRIBUTE]: formatMessage(messages.product)
   };
   const checkIfDisabled = (type) => {
     if (isProductMandatory) {
@@ -176,7 +167,7 @@ const CapProductSelection = ({
   };
   const getCheckboxComponent = (type) => {
     if (checkIfDisabled(type)) {
-      return /* @__PURE__ */ jsx(CapTooltip, { title: atleast1Attribute, children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(CapTooltip, { title: formatMessage(messages.atleast1Attribute), children: /* @__PURE__ */ jsx(
         Checkbox,
         {
           checked: checkedMap[type],
@@ -191,7 +182,7 @@ const CapProductSelection = ({
   };
   const defaultTreeData = [
     {
-      title: lineItem,
+      title: formatMessage(messages.lineItem),
       key: LINE_ITEM,
       children: [
         {
@@ -201,7 +192,7 @@ const CapProductSelection = ({
               checked: attribute === ATTRIBUTE,
               value: ATTRIBUTE,
               onChange: handleRadioOnChange,
-              children: selectAttribute
+              children: formatMessage(messages.selectAttribute)
             }
           ),
           key: ATTRIBUTE,
@@ -209,17 +200,17 @@ const CapProductSelection = ({
             {
               title: getCheckboxComponent(BRAND),
               key: BRAND,
-              info: brandInfo
+              info: formatMessage(messages.brandInfo)
             },
             {
               title: getCheckboxComponent(CATEGORY),
               key: CATEGORY,
-              info: categoryInfo
+              info: formatMessage(messages.categoryInfo)
             },
             {
               title: getCheckboxComponent(PRODUCT_ATTRIBUTE),
               key: PRODUCT_ATTRIBUTE,
-              info: productInfo
+              info: formatMessage(messages.productInfo)
             }
           ]
         },
@@ -230,7 +221,7 @@ const CapProductSelection = ({
               checked: attribute === SKU,
               value: SKU,
               onChange: handleRadioOnChange,
-              children: SKU$1
+              children: formatMessage(messages.SKU)
             }
           ),
           key: SKU,
@@ -242,16 +233,16 @@ const CapProductSelection = ({
                   onChange: handleRadioOnChange,
                   value: SKU,
                   checked: attribute === "SKU",
-                  children: uploadSKU
+                  children: formatMessage(messages.uploadSKU)
                 }
               ),
               key: SKU_UPLOAD,
-              info: uploadSKUInfo
+              info: formatMessage(messages.uploadSKUInfo)
             },
             {
-              title: /* @__PURE__ */ jsx(CapRadio, { disabled: true, children: selectValues }),
+              title: /* @__PURE__ */ jsx(CapRadio, { disabled: true, children: formatMessage(messages.selectValues) }),
               key: SKU_SELECT,
-              info: comingSoon,
+              info: formatMessage(messages.comingSoon),
               isHover: true
             }
           ]
@@ -260,7 +251,9 @@ const CapProductSelection = ({
     }
   ];
   const getTreeData = (treeData) => {
-    const finalTreeData = treeData == null ? void 0 : treeData.reduce((result, data) => {
+    const result = [];
+    if (!treeData) return result;
+    treeData.forEach((data) => {
       const { title, key, children = [], checkable, info, isHover } = data;
       const hoverProps = {};
       const tooltipProp = {};
@@ -280,33 +273,32 @@ const CapProductSelection = ({
           checkable
         };
         result.push(
-          /* @__PURE__ */ jsx(Tree.TreeNode, { ...treeNodeProps, children: (children == null ? void 0 : children.length) && getTreeData(children) })
+          /* @__PURE__ */ createElement(Tree.TreeNode, { ...treeNodeProps, key }, (children == null ? void 0 : children.length) ? getTreeData(children) : null)
         );
       }
-      return result;
-    }, []);
-    return finalTreeData;
+    });
+    return result;
   };
   return /* @__PURE__ */ jsx(
     CapPopover,
     {
-      visible: showPopover,
-      onVisibleChange: setShowPopover,
+      open: showPopover,
+      onOpenChange: setShowPopover,
       trigger,
       placement,
-      overlayClassName: classNames(`${clsPrefix}`, overlayClassName, { greyed: showModal }),
+      overlayClassName: classNames(clsPrefix, overlayClassName, { greyed: showModal }),
       ...rest,
       content: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CapTree, { blockNode: true, selectable: false, defaultExpandAll: true, disabled: showModal, ...rest, children: getTreeData(treeDataProps || defaultTreeData) }),
-        showModal && /* @__PURE__ */ jsxs(StyledCapCard, { children: [
-          /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "center", justify: "space-between", className: "card-title", children: [
-            /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h3", children: changeSelection }),
+        showModal && /* @__PURE__ */ jsxs(CapCard, { className: styles.changeSelectionCard, children: [
+          /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", justify: "space-between", className: "card-title", children: [
+            /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h3", children: formatMessage(messages.changeSelection) }),
             /* @__PURE__ */ jsx(CapIcon, { type: "close", size: "s", style: { paddingTop: "4px" } })
           ] }),
-          /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h5", className: "card-description", children: description }),
+          /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h5", className: "card-description", children: formatMessage(messages.description) }),
           /* @__PURE__ */ jsxs(CapRow, { className: "card-buttons", children: [
-            /* @__PURE__ */ jsx(CapButton, { onClick: handleOk, className: "card-buttons-primary", type: "primary", children: okText }),
-            /* @__PURE__ */ jsx(CapButton, { onClick: handleCancel, type: "secondary", children: cancelText })
+            /* @__PURE__ */ jsx(CapButton, { onClick: handleOk, className: "card-buttons-primary", type: "primary", children: formatMessage(messages.okText) }),
+            /* @__PURE__ */ jsx(CapButton, { onClick: handleCancel, type: "secondary", children: formatMessage(messages.cancelText) })
           ] })
         ] })
       ] }),
@@ -314,36 +306,7 @@ const CapProductSelection = ({
     }
   );
 };
-CapProductSelection.propTypes = {
-  target: PropTypes.node,
-  treeData: PropTypes.array,
-  trigger: PropTypes.string,
-  placement: PropTypes.string,
-  overlayClassName: PropTypes.string,
-  handleSelect: PropTypes.func,
-  selectedAttributes: PropTypes.array,
-  isProductMandatory: PropTypes.bool,
-  /**LocaleHoc messages */
-  lineItem: PropTypes.string,
-  selectAttribute: PropTypes.string,
-  brand: PropTypes.string,
-  brandInfo: PropTypes.string,
-  category: PropTypes.string,
-  categoryInfo: PropTypes.string,
-  product: PropTypes.string,
-  productInfo: PropTypes.string,
-  SKU: PropTypes.string,
-  uploadSKU: PropTypes.string,
-  uploadSKUInfo: PropTypes.string,
-  comingSoon: PropTypes.string,
-  changeSelection: PropTypes.string,
-  description: PropTypes.string,
-  okText: PropTypes.string,
-  cancelText: PropTypes.string,
-  selectValues: PropTypes.string,
-  atleast1Attribute: PropTypes.string
-};
-const CapProductSelection$1 = LocaleHoc(CapProductSelection, { key: "CapProductSelection" });
+const CapProductSelection$1 = injectIntl(CapProductSelection);
 export {
   CapProductSelection$1 as default
 };