@capillarytech/blaze-ui 6.4.0 → 6.5.0

package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts

@@ -0,0 +1,22 @@
+import type { CapPopoverTreeProps, TreeNodeData } from '../types';
+export declare const basicTreeData: TreeNodeData[];
+export declare const treeDataWithIcons: TreeNodeData[];
+export declare const singleNodeTreeData: TreeNodeData[];
+export declare const emptyTreeData: TreeNodeData[];
+export declare const nestedTreeData: TreeNodeData[];
+export declare const mockOnSelect: jest.Mock<any, any, any>;
+export declare const defaultProps: CapPopoverTreeProps;
+export declare const propsWithSelectedKey: CapPopoverTreeProps;
+export declare const propsWithDisabledTrigger: CapPopoverTreeProps;
+export declare const propsWithTooltip: CapPopoverTreeProps;
+export declare const propsWithLoading: CapPopoverTreeProps;
+export declare const propsWithEmptyMessage: CapPopoverTreeProps;
+export declare const propsWithSearchPlaceholder: CapPopoverTreeProps;
+export declare const propsWithDefaultExpandAll: CapPopoverTreeProps;
+export declare const propsWithCustomClassName: CapPopoverTreeProps;
+export declare const propsWithRenderOnKeyChange: CapPopoverTreeProps;
+export declare const propsWithTriggerProps: CapPopoverTreeProps;
+export declare const propsWithPlacement: CapPopoverTreeProps;
+export declare const propsWithTriggerHover: CapPopoverTreeProps;
+export declare const propsWithTriggerFocus: CapPopoverTreeProps;
+//# sourceMappingURL=CapPopoverTree.mockData.d.ts.map

package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapPopoverTree.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapPopoverTree/tests/CapPopoverTree.mockData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,YAAY,EAcvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAW3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAM5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,YAAY,EAAO,CAAC;AAEhD,eAAO,MAAM,cAAc,EAAE,YAAY,EAYxC,CAAC;AAEF,eAAO,MAAM,YAAY,0BAAY,CAAC;AAEtC,eAAO,MAAM,YAAY,EAAE,mBAK1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,mBAItC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,mBAG9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,mBAI9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAInC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,mBAGxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,mBAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,mBAGxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC"}

package/CapPopoverTree/types.d.ts

@@ -0,0 +1,62 @@
+import type { TreeProps } from 'antd-v5';
+import type React from 'react';
+import type { CapPopoverProps } from '../CapPopover/types';
+export interface TreeNodeData {
+    title: string | React.ReactNode;
+    key: string;
+    children?: TreeNodeData[];
+    icon?: string;
+    info?: string;
+    [key: string]: unknown;
+}
+/**
+ * Props for CapPopoverTree component
+ *
+ * @deprecated Props inherited from CapPopoverProps (Ant Design Popover component):
+ * - `overlayClassName` - Use `classNames.root` on CapPopover instead
+ * - `visible` - Use `open` instead (not recommended for public API - component manages popover state internally)
+ * - `onVisibleChange` - Use `onOpenChange` instead (not recommended for public API - component manages popover state internally)
+ *
+ * These deprecated props are handled internally by CapPopover with backward compatibility.
+ * They will show deprecation warnings in development mode.
+ *
+ * Note: `visible` and `onVisibleChange` are inherited from CapPopoverProps but are not recommended
+ * for use as the component manages popover state internally. Use `overlayClassName` if needed for styling.
+ */
+export interface CapPopoverTreeProps extends Omit<TreeProps, 'treeData' | 'onSelect' | 'className' | 'classNames' | 'styles' | 'motion'>, Omit<CapPopoverProps, 'content' | 'classNames' | 'motion'> {
+    /** Tree data structure */
+    treeData?: TreeNodeData[];
+    /** Component to use as trigger */
+    TriggerComponent?: React.ComponentType<Record<string, unknown>>;
+    /** Text to display in trigger component */
+    componentText?: string;
+    /** Props to pass to trigger component */
+    triggerProps?: Record<string, unknown>;
+    /** Whether trigger is disabled */
+    isTriggerDisabled?: boolean;
+    /** Text to show when trigger is disabled */
+    triggerDisabledText?: string;
+    /** Tooltip text */
+    tooltipText?: string;
+    /** Whether data is loading */
+    isLoadingData?: boolean;
+    /** Loading tip text */
+    loadingTip?: string;
+    /** Custom switcher icon */
+    switcherIcon?: React.ReactNode;
+    /** Additional CSS class name */
+    className?: string;
+    /** Expand all nodes by default */
+    defaultExpandAll?: boolean;
+    /** Callback when node is selected */
+    onSelect?: (selectedKey: string[]) => void;
+    /** Currently selected key */
+    selectedKey?: string[];
+    /** Message to show when tree data is empty */
+    emptyDataMessage?: string | React.ReactNode;
+    /** Placeholder text for search input */
+    searchPlaceholder?: string | React.ReactNode;
+    /** Whether to re-render tree on key change */
+    renderOnKeyChange?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapPopoverTree/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,SAAS,EACT,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAC3E,EACD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC5D,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5C,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/CapTimeline/CapTimelineCard.d.ts

@@ -1,7 +1,30 @@
+import PropTypes from 'prop-types';
 import React from 'react';
-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">>;
+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">>;
 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":"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"}
+{"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"}

package/CapTimeline/CapTimelineCard.js

@@ -1,14 +1,19 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Timeline } from "antd";
 import classNames from "classnames";
-import { injectIntl } from "react-intl";
+import PropTypes from "prop-types";
 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 messages from "./messages.js";
-import styles from "./styles.module.scss.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;
 const clsPrefix = "cap-timeline-card-v1";
 const CapTimelineCard = (props) => {
   const {
+    className,
     isSelected = false,
     handleClick = () => {
     },
@@ -20,58 +25,170 @@ const CapTimelineCard = (props) => {
     alwaysShowDescription = false,
     complete = false,
     configError = false,
+    defaultConfiguringMessage,
     paneKey,
+    isLastPane = false,
     width = 380,
-    intl: { formatMessage }
+    // texts from the translation file
+    defaultNotConfiguredMessage,
+    toConfigure,
+    completePrevSteps,
+    edited
   } = 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;
   };
-  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,
+  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,
     {
-      style: { width },
       className: classNames(
-        isSelected && styles[`${clsPrefix}-pane-selected`],
-        styles[`${clsPrefix}-enabled-card`],
-        styles[`${clsPrefix}-card-body`],
-        !complete && styles[`${clsPrefix}-incomplete-card`],
-        configError && styles[`${clsPrefix}-warning-card`]
+        className,
+        "no-wrap",
+        !configError && `${clsPrefix}-division`,
+        configError && `${clsPrefix}-warning-division`
       ),
+      type: "flex",
+      align: "middle",
+      justify: "space-between",
       children: [
-        milestoneHeader,
-        /* @__PURE__ */ jsx(CapRow, { className: styles[`${clsPrefix}-card-description`], children: isSelected ? getDescriptionForEnabled() : milestoneDescription })
+        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 })
+                ]
+              }
+            ) })
+          }
+        )
       ]
     }
-  ) });
+  );
+};
+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 = injectIntl(CapTimelineCard);
+const CapTimelineCard$1 = LocaleHoc(CapTimelineCard, { key: "CapTimelineCard" });
 export {
   CapTimelineCard,
   CapTimelineCard$1 as default

package/CapTimeline/CapTimelinePanesWrapper.d.ts

@@ -1,7 +1,28 @@
+import PropTypes from 'prop-types';
 import React from 'react';
-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">>;
+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">>;
 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":"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"}
+{"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"}

package/CapTimeline/CapTimelinePanesWrapper.js

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

package/CapTimeline/index.d.ts

@@ -3,7 +3,22 @@
  * CapTimeline
  *
  */
-import type { CapTimelineProps } from './types';
-declare const CapTimeline: ({ className, timelinePanes, activeTab, isReviewScreen, width, }: CapTimelineProps) => import("react/jsx-runtime").JSX.Element;
+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>;
+    };
+};
 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;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AAMlE,QAAA,MAAM,WAAW,GAAI,iEAMlB,gBAAgB,4CAoHlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"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"}

package/CapTimeline/index.js

@@ -1,22 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import { Timeline } from "antd";
 import classNames from "classnames";
-import CapIcon from "../CapIcon/index.js";
+import PropTypes from "prop-types";
 import CapRow from "../CapRow/index.js";
-import CapTooltip from "../CapTooltip/index.js";
-import * as styles__variables from "../styles/_variables.js";
 import CapTimelineCard from "./CapTimelineCard.js";
 import CapTimelinePanesWrapper from "./CapTimelinePanesWrapper.js";
-import styles from "./styles.module.scss.js";
-const { FONT_SIZE_M, CAP_G04, CAP_RED } = styles__variables;
-const clsCardPrefix = "cap-timeline-card-v1";
+import './styles.css';/* empty css            */
 const clsPrefix = "cap-timeline-v1";
-const CapTimeline = ({
-  className,
-  timelinePanes,
-  activeTab,
-  isReviewScreen,
-  width = 380
-}) => {
+const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, width }) => {
   const { timelineLeftPaneContents, timelineRightCards } = timelinePanes.reduce(
     (accumulator, {
       milestoneHeader,
@@ -31,37 +22,10 @@ const CapTimeline = ({
       content,
       configError,
       edited,
-      handleClick = () => {
-      }
+      handleClick
     }, index) => {
-      const isSelected = activeTab === key;
-      const isLastPane = index === (timelinePanes == null ? void 0 : timelinePanes.length) - 1;
-      let icon;
-      if (disabled) {
-        icon = 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"
-          }
-        );
-      } else if (configError) {
-        icon = /* @__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) {
-        icon = /* @__PURE__ */ jsx(CapTooltip, { title: "Pending", children: /* @__PURE__ */ jsx(
-          CapIcon,
-          {
-            style: { color: CAP_G04, fontSize: FONT_SIZE_M, marginTop: "1px" },
-            type: "exclamation-circle"
-          }
-        ) });
-      } else {
-        icon = /* @__PURE__ */ jsx(CapTooltip, { title: "Completed", children: /* @__PURE__ */ jsx("span", { className: styles[`${clsCardPrefix}-icon-parent`], children: /* @__PURE__ */ jsx(CapIcon, { type: "check", style: { fontSize: FONT_SIZE_M } }) }) });
-      }
-      const item = {
-        key,
-        icon,
-        content: /* @__PURE__ */ jsx(
+      accumulator.timelineRightCards.push(
+        /* @__PURE__ */ jsx(
           CapTimelineCard,
           {
             milestoneHeader,
@@ -73,23 +37,15 @@ const CapTimeline = ({
             alwaysShowDescription,
             complete,
             configError,
+            isLastPane: index === (timelinePanes == null ? void 0 : timelinePanes.length) - 1 ? true : false,
+            width,
+            edited,
             handleClick,
-            isSelected,
-            isLastPane,
-            width
-          }
-        ),
-        className: classNames(
-          disabled ? styles[`${clsCardPrefix}-disabled-timeline-item`] : styles[`${clsCardPrefix}-enabled-timeline-item`],
-          isLastPane && styles[`${clsCardPrefix}-last-pane`],
-          !disabled && complete && styles[`${clsCardPrefix}-completed-tail`],
-          !disabled && configError && styles[`${clsCardPrefix}-warning-tail`],
-          !disabled && configError && styles[`${clsCardPrefix}-warning-card`],
-          !disabled && complete && !isSelected && styles[`${clsCardPrefix}-complete-head`],
-          !configError ? styles[`${clsCardPrefix}-division`] : styles[`${clsCardPrefix}-warning-division`]
+            isSelected: activeTab === key
+          },
+          key
         )
-      };
-      accumulator.timelineRightCards.push(item);
+      );
       accumulator.timelineLeftPaneContents[key] = content;
       return accumulator;
     },
@@ -98,16 +54,21 @@ const CapTimeline = ({
       timelineRightCards: []
     }
   );
-  return /* @__PURE__ */ jsx(CapRow, { className, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(CapRow, { className, children: /* @__PURE__ */ jsx(Timeline, { className: classNames(`${clsPrefix}-body`), children: /* @__PURE__ */ jsx(
     CapTimelinePanesWrapper,
     {
       activeTab,
       timelineLeftPaneContents,
       timelineRightCards,
-      isReviewScreen,
-      timelineClassName: styles[`${clsPrefix}-body`]
+      isReviewScreen
     }
-  ) });
+  ) }) });
+};
+CapTimeline.propTypes = {
+  timelinePanes: PropTypes.array,
+  currentStep: PropTypes.string,
+  setCurrentStep: PropTypes.func,
+  width: PropTypes.number
 };
 export {
   CapTimeline as default