@capillarytech/blaze-ui 6.5.0 → 6.6.0

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/CapSelectFilter/types.d.ts

@@ -1,4 +1,4 @@
-import { DropdownProps } from 'antd-v5';
+import type { DropdownProps } from 'antd-v5';
 import React from 'react';
 export interface CapSelectFilterMenuItem {
     key: string;

package/CapSelectFilter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/CapTimeline/CapTimelineCard.d.ts

@@ -1,30 +1,7 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import './styles.scss';
-export declare const CapTimelineCard: {
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        isSelected: PropTypes.Requireable<boolean>;
-        handleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        milestoneHeader: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        milestoneDescription: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        configuringMessage: PropTypes.Requireable<string>;
-        notConfiguredMessage: PropTypes.Requireable<string>;
-        alwaysShowDescription: PropTypes.Requireable<boolean>;
-        complete: PropTypes.Requireable<boolean>;
-        configError: PropTypes.Requireable<boolean>;
-        defaultConfiguringMessage: PropTypes.Requireable<string>;
-        defaultNotConfiguredMessage: PropTypes.Requireable<string>;
-        toConfigure: PropTypes.Requireable<string>;
-        completePrevSteps: PropTypes.Requireable<string>;
-        paneKey: PropTypes.Requireable<any>;
-        isLastPane: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<number>;
-    };
-};
-declare const _default: React.ComponentType<Omit<any, "intl">>;
+import type { WrappedComponentProps } from 'react-intl';
+import type { CapTimelineCardProps } from './types';
+export declare const CapTimelineCard: (props: CapTimelineCardProps & WrappedComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ComponentType<Omit<CapTimelineCardProps & WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=CapTimelineCard.d.ts.map

package/CapTimeline/CapTimelineCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CapTimelineCard.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/CapTimelineCard.tsx"],"names":[],"mappings":"AAOA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,eAAe,CAAC;AAMvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CA0K3B,CAAC;;AAwBF,wBAAsE"}
+{"version":3,"file":"CapTimelineCard.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/CapTimelineCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,GAAG,qBAAqB,4CAyElF,CAAC;;AAEF,wBAA2C"}

package/CapTimeline/CapTimelineCard.js

@@ -1,19 +1,14 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Timeline } from "antd";
+import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
-import PropTypes from "prop-types";
+import { injectIntl } from "react-intl";
 import CapCard from "../CapCard/index.js";
-import CapIcon from "../CapIcon/index.js";
 import CapRow from "../CapRow/index.js";
 import CapTooltip from "../CapTooltip/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
-import * as styles__variables from "../styles/_variables.js";
-import './styles.css';/* empty css            */
-const { FONT_SIZE_M, CAP_G04, CAP_RED } = styles__variables;
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
 const clsPrefix = "cap-timeline-card-v1";
 const CapTimelineCard = (props) => {
   const {
-    className,
     isSelected = false,
     handleClick = () => {
     },
@@ -25,170 +20,58 @@ const CapTimelineCard = (props) => {
     alwaysShowDescription = false,
     complete = false,
     configError = false,
-    defaultConfiguringMessage,
     paneKey,
-    isLastPane = false,
     width = 380,
-    // texts from the translation file
-    defaultNotConfiguredMessage,
-    toConfigure,
-    completePrevSteps,
-    edited
+    intl: { formatMessage }
   } = props;
+  const defaultConfiguringMessage = formatMessage(messages.defaultConfiguringMessage);
+  const defaultNotConfiguredMessage = formatMessage(messages.defaultNotConfiguredMessage);
+  const toConfigure = formatMessage(messages.toConfigure);
+  const completePrevSteps = formatMessage(messages.completePrevSteps);
   const getDescriptionForDisabled = () => {
-    if (alwaysShowDescription) {
-      return milestoneDescription;
-    }
+    if (alwaysShowDescription) return milestoneDescription;
     return notConfiguredMessage ? notConfiguredMessage : defaultNotConfiguredMessage;
   };
   const getDescriptionForEnabled = () => {
-    if (alwaysShowDescription) {
-      return milestoneDescription;
-    }
+    if (alwaysShowDescription) return milestoneDescription;
     return notConfiguredMessage ? configuringMessage : defaultConfiguringMessage;
   };
-  const getTimelineIcon = () => {
-    if (configError) {
-      return /* @__PURE__ */ jsx(CapTooltip, { title: "Warning", children: /* @__PURE__ */ jsx(
-        CapIcon,
-        {
-          style: {
-            color: CAP_RED,
-            fontSize: FONT_SIZE_M
-          },
-          type: "warning",
-          size: "l"
-        }
-      ) });
-    } else if (!complete || edited) {
-      return /* @__PURE__ */ jsx(CapTooltip, { title: "Pending", children: /* @__PURE__ */ jsx(
-        CapIcon,
-        {
-          style: {
-            color: CAP_G04,
-            fontSize: FONT_SIZE_M,
-            marginTop: "1px"
-          },
-          type: "exclamation-circle"
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx(CapTooltip, { title: "Completed", children: /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-icon-parent`), children: /* @__PURE__ */ jsx(CapIcon, { type: "check" }) }) });
-  };
-  return /* @__PURE__ */ jsxs(
-    CapRow,
+  if (disabled) {
+    return /* @__PURE__ */ jsx(CapTooltip, { placement: "right", title: `${toConfigure} ${paneKey}, ${completePrevSteps}`, children: /* @__PURE__ */ jsx(CapRow, { className: styles[`${clsPrefix}-disabled-card`], onClick: handleClick, children: /* @__PURE__ */ jsxs(
+      CapCard,
+      {
+        style: { width },
+        className: classNames(
+          styles[`${clsPrefix}-card-body`],
+          styles[`${clsPrefix}-incomplete-card`],
+          configError && styles[`${clsPrefix}-warning-card`]
+        ),
+        children: [
+          milestoneHeader,
+          /* @__PURE__ */ jsx(CapRow, { className: styles[`${clsPrefix}-card-description`], children: getDescriptionForDisabled() })
+        ]
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(CapRow, { onClick: handleClick, children: /* @__PURE__ */ jsxs(
+    CapCard,
     {
+      style: { width },
       className: classNames(
-        className,
-        "no-wrap",
-        !configError && `${clsPrefix}-division`,
-        configError && `${clsPrefix}-warning-division`
+        isSelected && styles[`${clsPrefix}-pane-selected`],
+        styles[`${clsPrefix}-enabled-card`],
+        styles[`${clsPrefix}-card-body`],
+        !complete && styles[`${clsPrefix}-incomplete-card`],
+        configError && styles[`${clsPrefix}-warning-card`]
       ),
-      type: "flex",
-      align: "middle",
-      justify: "space-between",
       children: [
-        disabled && /* @__PURE__ */ jsx(CapTooltip, { placement: "right", title: `${toConfigure} ${paneKey}, ${completePrevSteps}`, children: /* @__PURE__ */ jsx(
-          Timeline.Item,
-          {
-            dot: configError ? /* @__PURE__ */ jsx(
-              CapIcon,
-              {
-                style: {
-                  color: CAP_RED,
-                  fontSize: FONT_SIZE_M
-                },
-                type: "warning"
-              }
-            ) : /* @__PURE__ */ jsx(
-              CapIcon,
-              {
-                style: {
-                  color: CAP_G04,
-                  fontSize: FONT_SIZE_M,
-                  marginTop: "1px"
-                },
-                type: "exclamation-circle"
-              }
-            ),
-            className: classNames(
-              `${clsPrefix}-disabled-timeline-item`,
-              isLastPane && `${clsPrefix}-last-pane`
-            ),
-            children: /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-disabled-card`), onClick: handleClick, children: /* @__PURE__ */ jsxs(
-              CapCard,
-              {
-                style: { width },
-                className: classNames(
-                  `${clsPrefix}-card-body`,
-                  `${clsPrefix}-incomplete-card`,
-                  configError && `${clsPrefix}-warning-card`
-                ),
-                children: [
-                  milestoneHeader,
-                  /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-card-description`), children: getDescriptionForDisabled() })
-                ]
-              }
-            ) })
-          }
-        ) }),
-        !disabled && /* @__PURE__ */ jsx(
-          Timeline.Item,
-          {
-            dot: getTimelineIcon(),
-            className: classNames(
-              `${clsPrefix}-enabled-timeline-item`,
-              isLastPane && `${clsPrefix}-last-pane`,
-              complete && `${clsPrefix}-completed-tail`,
-              configError && `${clsPrefix}-warning-tail`,
-              configError && `${clsPrefix}-warning-card`,
-              complete && !isSelected && `${clsPrefix}-complete-head`
-            ),
-            children: /* @__PURE__ */ jsx(CapRow, { onClick: handleClick, children: /* @__PURE__ */ jsxs(
-              CapCard,
-              {
-                style: { width },
-                className: classNames(
-                  isSelected && `${clsPrefix}-pane-selected`,
-                  `${clsPrefix}-enabled-card`,
-                  `${clsPrefix}-card-body`,
-                  !complete && `${clsPrefix}-incomplete-card`,
-                  configError && `${clsPrefix}-warning-card`
-                ),
-                children: [
-                  milestoneHeader,
-                  /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-card-description`), children: isSelected ? getDescriptionForEnabled() : milestoneDescription })
-                ]
-              }
-            ) })
-          }
-        )
+        milestoneHeader,
+        /* @__PURE__ */ jsx(CapRow, { className: styles[`${clsPrefix}-card-description`], children: isSelected ? getDescriptionForEnabled() : milestoneDescription })
       ]
     }
-  );
-};
-CapTimelineCard.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  isSelected: PropTypes.bool,
-  handleClick: PropTypes.func,
-  milestoneHeader: PropTypes.element,
-  milestoneDescription: PropTypes.element,
-  disabled: PropTypes.bool,
-  configuringMessage: PropTypes.string,
-  notConfiguredMessage: PropTypes.string,
-  alwaysShowDescription: PropTypes.bool,
-  complete: PropTypes.bool,
-  configError: PropTypes.bool,
-  defaultConfiguringMessage: PropTypes.string,
-  defaultNotConfiguredMessage: PropTypes.string,
-  toConfigure: PropTypes.string,
-  completePrevSteps: PropTypes.string,
-  paneKey: PropTypes.any,
-  isLastPane: PropTypes.bool,
-  width: PropTypes.number
+  ) });
 };
-const CapTimelineCard$1 = LocaleHoc(CapTimelineCard, { key: "CapTimelineCard" });
+const CapTimelineCard$1 = injectIntl(CapTimelineCard);
 export {
   CapTimelineCard,
   CapTimelineCard$1 as default

package/CapTimeline/CapTimelinePanesWrapper.d.ts

@@ -1,28 +1,7 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import './styles.scss';
-export declare const CapTimelinePanesWrapper: {
-    ({ className, isReviewScreen, activeTab, timelineLeftPaneContents, timelineRightCards, }: {
-        className: any;
-        isReviewScreen: any;
-        activeTab: any;
-        timelineLeftPaneContents: any;
-        timelineRightCards: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        isReviewScreen: PropTypes.Requireable<boolean>;
-        activeTab: PropTypes.Requireable<string>;
-        timelineLeftPaneContents: PropTypes.Requireable<object>;
-        timelineRightCards: PropTypes.Requireable<any[]>;
-    };
-};
-declare const _default: React.ComponentType<Omit<{
-    className: any;
-    isReviewScreen: any;
-    activeTab: any;
-    timelineLeftPaneContents: any;
-    timelineRightCards: any;
-} & import("react-intl").WrappedComponentProps, "intl">>;
+import type { WrappedComponentProps } from 'react-intl';
+import type { CapTimelinePanesWrapperProps } from './types';
+export declare const CapTimelinePanesWrapper: ({ className, isReviewScreen, activeTab, timelineLeftPaneContents, timelineRightCards, timelineClassName, }: CapTimelinePanesWrapperProps & WrappedComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ComponentType<Omit<CapTimelinePanesWrapperProps & WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=CapTimelinePanesWrapper.d.ts.map

package/CapTimeline/CapTimelinePanesWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CapTimelinePanesWrapper.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/CapTimelinePanesWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,eAAe,CAAC;AAIvB,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;CAuCnC,CAAC;;;;;;;;AAUF,wBAEG"}
+{"version":3,"file":"CapTimelinePanesWrapper.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/CapTimelinePanesWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAOxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAI5D,eAAO,MAAM,uBAAuB,GAAI,4GAOrC,4BAA4B,GAAG,qBAAqB,4CA+CtD,CAAC;;AAEF,wBAAmD"}

package/CapTimeline/CapTimelinePanesWrapper.js

@@ -1,47 +1,51 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Timeline } from "antd-v5";
 import classNames from "classnames";
-import PropTypes from "prop-types";
+import { injectIntl } from "react-intl";
 import CapColumn from "../CapColumn/index.js";
 import CapDivider from "../CapDivider/index.js";
 import CapRow from "../CapRow/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
-import './styles.css';/* empty css            */
+import styles from "./styles.module.scss.js";
 const clsPrefix = "cap-timeline-panes-wrapper-v1";
 const CapTimelinePanesWrapper = ({
   className,
   isReviewScreen,
   activeTab,
   timelineLeftPaneContents,
-  timelineRightCards
+  timelineRightCards,
+  timelineClassName
 }) => {
   const renderActiveTabContent = () => {
     return Object.keys(timelineLeftPaneContents).map((key, index) => {
-      const className2 = activeTab === key || isReviewScreen ? `${clsPrefix}-active-pane` : `${clsPrefix}-inactive-pane`;
-      return /* @__PURE__ */ jsx(CapRow, { className: classNames(className2), id: key, children: timelineLeftPaneContents[key] }, index);
+      const paneClassName = activeTab === key || isReviewScreen ? styles[`${clsPrefix}-active-pane`] : styles[`${clsPrefix}-inactive-pane`];
+      return /* @__PURE__ */ jsx(CapRow, { className: classNames(paneClassName), id: key, children: timelineLeftPaneContents[key] }, index);
     });
   };
-  return /* @__PURE__ */ jsxs(CapRow, { className: classNames(className, `${clsPrefix}-pane-wrapper`), children: [
-    /* @__PURE__ */ jsx(CapColumn, { className: classNames(`${clsPrefix}-left-pane-col`, `${clsPrefix}-custom-scroll`), children: timelineRightCards }),
-    /* @__PURE__ */ jsx(CapColumn, { className: classNames(`${clsPrefix}-divider-col`), children: /* @__PURE__ */ jsx(CapDivider, { className: `${clsPrefix}-timelinePane-divider`, type: "vertical" }) }),
+  return /* @__PURE__ */ jsxs(CapRow, { className: classNames(className, styles[`${clsPrefix}-pane-wrapper`]), children: [
     /* @__PURE__ */ jsx(
       CapColumn,
       {
-        className: classNames(`${clsPrefix}-right-pane-col`, `${clsPrefix}-custom-scroll`),
+        className: classNames(
+          styles[`${clsPrefix}-left-pane-col`],
+          styles[`${clsPrefix}-custom-scroll`]
+        ),
+        children: /* @__PURE__ */ jsx(Timeline, { className: timelineClassName, children: timelineRightCards.map((item) => /* @__PURE__ */ jsx(Timeline.Item, { dot: item.icon, className: item.className, children: item.content }, item.key)) })
+      }
+    ),
+    /* @__PURE__ */ jsx(CapColumn, { className: classNames(styles[`${clsPrefix}-divider-col`]), children: /* @__PURE__ */ jsx(CapDivider, { className: styles[`${clsPrefix}-timelinePane-divider`], type: "vertical" }) }),
+    /* @__PURE__ */ jsx(
+      CapColumn,
+      {
+        className: classNames(
+          styles[`${clsPrefix}-right-pane-col`],
+          styles[`${clsPrefix}-custom-scroll`]
+        ),
         children: renderActiveTabContent()
       }
     )
   ] });
 };
-CapTimelinePanesWrapper.propTypes = {
-  className: PropTypes.string,
-  isReviewScreen: PropTypes.bool,
-  activeTab: PropTypes.string,
-  timelineLeftPaneContents: PropTypes.object,
-  timelineRightCards: PropTypes.array
-};
-const CapTimelinePanesWrapper$1 = LocaleHoc(CapTimelinePanesWrapper, {
-  key: "CapTimelinePanesWrapper"
-});
+const CapTimelinePanesWrapper$1 = injectIntl(CapTimelinePanesWrapper);
 export {
   CapTimelinePanesWrapper,
   CapTimelinePanesWrapper$1 as default

package/CapTimeline/index.d.ts

@@ -3,22 +3,7 @@
  * CapTimeline
  *
  */
-import PropTypes from 'prop-types';
-import './styles.scss';
-declare const CapTimeline: {
-    ({ className, timelinePanes, activeTab, isReviewScreen, width }: {
-        className: any;
-        timelinePanes: any;
-        activeTab: any;
-        isReviewScreen: any;
-        width: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        timelinePanes: PropTypes.Requireable<any[]>;
-        currentStep: PropTypes.Requireable<string>;
-        setCurrentStep: PropTypes.Requireable<(...args: any[]) => any>;
-        width: PropTypes.Requireable<number>;
-    };
-};
+import type { CapTimelineProps } from './types';
+declare const CapTimeline: ({ className, timelinePanes, activeTab, isReviewScreen, width, }: CapTimelineProps) => import("react/jsx-runtime").JSX.Element;
 export default CapTimeline;
 //# sourceMappingURL=index.d.ts.map

package/CapTimeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,eAAe,CAAC;AAIvB,QAAA,MAAM,WAAW;;;;;;;;;;;;;;CA6DhB,CAAC;AASF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AAMlE,QAAA,MAAM,WAAW,GAAI,iEAMlB,gBAAgB,4CAoHlB,CAAC;AAEF,eAAe,WAAW,CAAC"}