@capillarytech/blaze-ui 6.1.6 → 6.1.8

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/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"}

package/CapTimeline/index.js

@@ -1,13 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import { Timeline } from "antd";
 import classNames from "classnames";
-import PropTypes from "prop-types";
+import CapIcon from "../CapIcon/index.js";
 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.css';/* empty css            */
+import styles from "./styles.module.scss.js";
+const { FONT_SIZE_M, CAP_G04, CAP_RED } = styles__variables;
+const clsCardPrefix = "cap-timeline-card-v1";
 const clsPrefix = "cap-timeline-v1";
-const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, width }) => {
+const CapTimeline = ({
+  className,
+  timelinePanes,
+  activeTab,
+  isReviewScreen,
+  width = 380
+}) => {
   const { timelineLeftPaneContents, timelineRightCards } = timelinePanes.reduce(
     (accumulator, {
       milestoneHeader,
@@ -22,10 +31,37 @@ const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, widt
       content,
       configError,
       edited,
-      handleClick
+      handleClick = () => {
+      }
     }, index) => {
-      accumulator.timelineRightCards.push(
-        /* @__PURE__ */ jsx(
+      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(
           CapTimelineCard,
           {
             milestoneHeader,
@@ -37,15 +73,23 @@ const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, widt
             alwaysShowDescription,
             complete,
             configError,
-            isLastPane: index === (timelinePanes == null ? void 0 : timelinePanes.length) - 1 ? true : false,
-            width,
-            edited,
             handleClick,
-            isSelected: activeTab === key
-          },
-          key
+            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`]
         )
-      );
+      };
+      accumulator.timelineRightCards.push(item);
       accumulator.timelineLeftPaneContents[key] = content;
       return accumulator;
     },
@@ -54,21 +98,16 @@ const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, widt
       timelineRightCards: []
     }
   );
-  return /* @__PURE__ */ jsx(CapRow, { className, children: /* @__PURE__ */ jsx(Timeline, { className: classNames(`${clsPrefix}-body`), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(CapRow, { className, children: /* @__PURE__ */ jsx(
     CapTimelinePanesWrapper,
     {
       activeTab,
       timelineLeftPaneContents,
       timelineRightCards,
-      isReviewScreen
+      isReviewScreen,
+      timelineClassName: styles[`${clsPrefix}-body`]
     }
-  ) }) });
-};
-CapTimeline.propTypes = {
-  timelinePanes: PropTypes.array,
-  currentStep: PropTypes.string,
-  setCurrentStep: PropTypes.func,
-  width: PropTypes.number
+  ) });
 };
 export {
   CapTimeline as default

package/CapTimeline/messages.d.ts

@@ -0,0 +1,21 @@
+export declare const scope = "app.commonUtils.capUiLibrary.CapTimelineCard";
+declare const _default: {
+    defaultConfiguringMessage: {
+        id: string;
+        defaultMessage: string;
+    };
+    defaultNotConfiguredMessage: {
+        id: string;
+        defaultMessage: string;
+    };
+    toConfigure: {
+        id: string;
+        defaultMessage: string;
+    };
+    completePrevSteps: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=messages.d.ts.map

package/CapTimeline/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapTimeline/messages.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,iDAAiD,CAAC;;;;;;;;;;;;;;;;;;;AAEpE,wBAiBG"}