@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapTimePicker/styles.module.scss.js

@@ -0,0 +1,6 @@
+import './styles.module.css';const styles = {
+  "cap-timepicker-v2": "cap-timepicker-v2"
+};
+export {
+  styles as default
+};

package/CapTimePicker/styles.scss

@@ -1,7 +1,7 @@
 @import '../styles/_variables.scss';
 
-.cap-timepicker-v2_n6WFj {
-  .ant-picker-suffix {
+.cap-timepicker-v2 {
+  :global(.ant-picker-suffix) {
     color: $FONT_COLOR_01;
   }
 }

package/CapTimePicker/types.js

@@ -1 +1 @@
-export {};
+

package/CapTimeline/CapTimelineCard.js

@@ -1,36 +1,27 @@
-/**
- *
- * CapTimelineCard
- *
- */
-import { Timeline } from 'antd';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import CapCard from "../CapCard";
-import CapIcon from "../CapIcon";
-import CapRow from "../CapRow";
-import CapTooltip from "../CapTooltip";
-import LocaleHoc from "../LocaleHoc";
-import * as styledVars from "../styles/_variables";
-import "./styles.scss";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var {
-  FONT_SIZE_M,
-  CAP_G04,
-  CAP_RED
-} = styledVars;
-var clsPrefix = 'cap-timeline-card-v1';
-export var CapTimelineCard = props => {
-  var {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Timeline } from "antd";
+import classNames from "classnames";
+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 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 = () => {},
-    milestoneHeader = '',
-    milestoneDescription = '',
+    handleClick = () => {
+    },
+    milestoneHeader = "",
+    milestoneDescription = "",
     disabled = false,
-    configuringMessage = '',
-    notConfiguredMessage = '',
+    configuringMessage = "",
+    notConfiguredMessage = "",
     alwaysShowDescription = false,
     complete = false,
     configError = false,
@@ -44,116 +35,137 @@ export var CapTimelineCard = props => {
     completePrevSteps,
     edited
   } = props;
-
-  // the description text to be shown when the current card is disabled.
-  var getDescriptionForDisabled = () => {
+  const getDescriptionForDisabled = () => {
     if (alwaysShowDescription) {
       return milestoneDescription;
     }
     return notConfiguredMessage ? notConfiguredMessage : defaultNotConfiguredMessage;
   };
-
-  // the description text to be shown when the current card is enabled.
-  var getDescriptionForEnabled = () => {
+  const getDescriptionForEnabled = () => {
     if (alwaysShowDescription) {
       return milestoneDescription;
     }
     return notConfiguredMessage ? configuringMessage : defaultConfiguringMessage;
   };
-  var getTimelineIcon = () => {
+  const getTimelineIcon = () => {
     if (configError) {
-      return /*#__PURE__*/_jsx(CapTooltip, {
-        title: "Warning",
-        children: /*#__PURE__*/_jsx(CapIcon, {
+      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) {
-      // || isSelected
-      return /*#__PURE__*/_jsx(CapTooltip, {
-        title: "Pending",
-        children: /*#__PURE__*/_jsx(CapIcon, {
+      return /* @__PURE__ */ jsx(CapTooltip, { title: "Pending", children: /* @__PURE__ */ jsx(
+        CapIcon,
+        {
           style: {
             color: CAP_G04,
             fontSize: FONT_SIZE_M,
-            marginTop: '1px'
+            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__ */ jsx(CapTooltip, { title: "Completed", children: /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-icon-parent`), children: /* @__PURE__ */ jsx(CapIcon, { type: "check" }) }) });
   };
-  return /*#__PURE__*/_jsxs(CapRow, {
-    className: classNames(className, 'no-wrap', !configError && clsPrefix + "-division", configError && clsPrefix + "-warning-division"),
-    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: 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: 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
-          })]
-        })
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    CapRow,
+    {
+      className: classNames(
+        className,
+        "no-wrap",
+        !configError && `${clsPrefix}-division`,
+        configError && `${clsPrefix}-warning-division`
+      ),
+      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 })
+                ]
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
 };
 CapTimelineCard.propTypes = {
   children: PropTypes.any,
@@ -176,6 +188,8 @@ CapTimelineCard.propTypes = {
   isLastPane: PropTypes.bool,
   width: PropTypes.number
 };
-export default LocaleHoc(CapTimelineCard, {
-  key: 'CapTimelineCard'
-});
+const CapTimelineCard$1 = LocaleHoc(CapTimelineCard, { key: "CapTimelineCard" });
+export {
+  CapTimelineCard,
+  CapTimelineCard$1 as default
+};

package/CapTimeline/CapTimelinePanesWrapper.js

@@ -1,50 +1,36 @@
-/**
- * CapTimelinePaneWrapper
- */
-import classnames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import CapColumn from "../CapColumn";
-import CapDivider from "../CapDivider";
-import CapRow from "../CapRow";
-import LocaleHoc from "../LocaleHoc";
-import "./styles.scss";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var clsPrefix = 'cap-timeline-panes-wrapper-v1';
-export var CapTimelinePanesWrapper = _ref => {
-  var {
-    className,
-    isReviewScreen,
-    activeTab,
-    timelineLeftPaneContents,
-    timelineRightCards
-  } = _ref;
-  var renderActiveTabContent = () => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+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            */
+const clsPrefix = "cap-timeline-panes-wrapper-v1";
+const CapTimelinePanesWrapper = ({
+  className,
+  isReviewScreen,
+  activeTab,
+  timelineLeftPaneContents,
+  timelineRightCards
+}) => {
+  const renderActiveTabContent = () => {
     return Object.keys(timelineLeftPaneContents).map((key, index) => {
-      var className = activeTab === key || isReviewScreen ? clsPrefix + "-active-pane" : clsPrefix + "-inactive-pane";
-      return /*#__PURE__*/_jsx(CapRow, {
-        className: classnames(className),
-        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, 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(clsPrefix + "-right-pane-col", clsPrefix + "-custom-scroll"),
-      children: renderActiveTabContent()
-    })]
-  });
+  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(`${clsPrefix}-right-pane-col`, `${clsPrefix}-custom-scroll`),
+        children: renderActiveTabContent()
+      }
+    )
+  ] });
 };
 CapTimelinePanesWrapper.propTypes = {
   className: PropTypes.string,
@@ -53,6 +39,10 @@ CapTimelinePanesWrapper.propTypes = {
   timelineLeftPaneContents: PropTypes.object,
   timelineRightCards: PropTypes.array
 };
-export default LocaleHoc(CapTimelinePanesWrapper, {
-  key: 'CapTimelinePanesWrapper'
-});
+const CapTimelinePanesWrapper$1 = LocaleHoc(CapTimelinePanesWrapper, {
+  key: "CapTimelinePanesWrapper"
+});
+export {
+  CapTimelinePanesWrapper,
+  CapTimelinePanesWrapper$1 as default
+};

package/CapTimeline/constants.js

@@ -1,2 +1,6 @@
-export var REGULAR = 'REGULAR';
-export var NESTED = 'NESTED';
+const REGULAR = "REGULAR";
+const NESTED = "NESTED";
+export {
+  NESTED,
+  REGULAR
+};

package/CapTimeline/index.js

@@ -1,32 +1,15 @@
-/**
- *
- * CapTimeline
- *
- */
-
-import { Timeline } from 'antd';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import CapRow from "../CapRow";
-import CapTimelineCard from "./CapTimelineCard";
-import CapTimelinePanesWrapper from "./CapTimelinePanesWrapper";
-import "./styles.scss";
-import { jsx as _jsx } from "react/jsx-runtime";
-var clsPrefix = 'cap-timeline-v1';
-var CapTimeline = _ref => {
-  var {
-    className,
-    timelinePanes,
-    activeTab,
-    isReviewScreen,
-    width
-  } = _ref;
-  var {
-    timelineLeftPaneContents,
-    timelineRightCards
-  } = timelinePanes.reduce((accumulator, _ref2, index) => {
-    var {
+import { jsx } from "react/jsx-runtime";
+import { Timeline } from "antd";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import CapRow from "../CapRow/index.js";
+import CapTimelineCard from "./CapTimelineCard.js";
+import CapTimelinePanesWrapper from "./CapTimelinePanesWrapper.js";
+import './styles.css';/* empty css            */
+const clsPrefix = "cap-timeline-v1";
+const CapTimeline = ({ className, timelinePanes, activeTab, isReviewScreen, width }) => {
+  const { timelineLeftPaneContents, timelineRightCards } = timelinePanes.reduce(
+    (accumulator, {
       milestoneHeader,
       milestoneDescription,
       disabled,
@@ -40,41 +23,46 @@ var CapTimeline = _ref => {
       configError,
       edited,
       handleClick
-    } = _ref2;
-    accumulator.timelineRightCards.push(/*#__PURE__*/_jsx(CapTimelineCard, {
-      milestoneHeader: milestoneHeader,
-      milestoneDescription: milestoneDescription,
-      disabled: disabled,
-      configuringMessage: configuringMessage,
-      notConfiguredMessage: notConfiguredMessage,
-      paneKey: paneKey,
-      alwaysShowDescription: alwaysShowDescription,
-      complete: complete,
-      configError: configError,
-      isLastPane: index === (timelinePanes == null ? void 0 : timelinePanes.length) - 1 ? true : false,
-      width: width,
-      edited: edited,
-      handleClick: handleClick,
-      isSelected: activeTab === key
-    }, key));
-    accumulator.timelineLeftPaneContents[key] = content;
-    return accumulator;
-  }, {
-    timelineLeftPaneContents: {},
-    timelineRightCards: []
-  });
-  return /*#__PURE__*/_jsx(CapRow, {
-    className: className,
-    children: /*#__PURE__*/_jsx(Timeline, {
-      className: classNames(clsPrefix + "-body"),
-      children: /*#__PURE__*/_jsx(CapTimelinePanesWrapper, {
-        activeTab: activeTab,
-        timelineLeftPaneContents: timelineLeftPaneContents,
-        timelineRightCards: timelineRightCards,
-        isReviewScreen: isReviewScreen
-      })
-    })
-  });
+    }, index) => {
+      accumulator.timelineRightCards.push(
+        /* @__PURE__ */ jsx(
+          CapTimelineCard,
+          {
+            milestoneHeader,
+            milestoneDescription,
+            disabled,
+            configuringMessage,
+            notConfiguredMessage,
+            paneKey,
+            alwaysShowDescription,
+            complete,
+            configError,
+            isLastPane: index === (timelinePanes == null ? void 0 : timelinePanes.length) - 1 ? true : false,
+            width,
+            edited,
+            handleClick,
+            isSelected: activeTab === key
+          },
+          key
+        )
+      );
+      accumulator.timelineLeftPaneContents[key] = content;
+      return accumulator;
+    },
+    {
+      timelineLeftPaneContents: {},
+      timelineRightCards: []
+    }
+  );
+  return /* @__PURE__ */ jsx(CapRow, { className, children: /* @__PURE__ */ jsx(Timeline, { className: classNames(`${clsPrefix}-body`), children: /* @__PURE__ */ jsx(
+    CapTimelinePanesWrapper,
+    {
+      activeTab,
+      timelineLeftPaneContents,
+      timelineRightCards,
+      isReviewScreen
+    }
+  ) }) });
 };
 CapTimeline.propTypes = {
   timelinePanes: PropTypes.array,
@@ -82,4 +70,6 @@ CapTimeline.propTypes = {
   setCurrentStep: PropTypes.func,
   width: PropTypes.number
 };
-export default CapTimeline;
+export {
+  CapTimeline as default
+};