@capillarytech/blaze-ui 6.1.3 → 6.1.5

package/CapDragReorder/Card.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import './styles.scss';
-export declare const Card: React.NamedExoticComponent<object>;
+import type { CardProps } from './types';
+export declare const Card: React.MemoExoticComponent<({ id, text, moveCard, findCard, title, weightage, tooltipMessage }: CardProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=Card.d.ts.map

package/CapDragReorder/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,IAAI,oCA4Df,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAWpC,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,IAAI,iGACsD,SAAS,6CA+D/E,CAAC"}

package/CapDragReorder/Card.js

@@ -7,59 +7,61 @@ import CapLabelWithStatic from "../CapLabel/index.js";
 import CapTooltip from "../CapTooltip/index.js";
 import messages from "./messages.js";
 import { style } from "./styles.js";
-import './styles.css';/* empty css            */
-const Card = memo(({ id, text, moveCard, findCard, title, weightage, tooltipMessage }) => {
-  const originalIndex = findCard(id).index;
-  const [{ isDragging }, drag, preview] = useDrag(
-    {
-      accept: "card",
-      item: { id, originalIndex, type: "card" },
-      collect: (monitor) => ({
-        isDragging: monitor.isDragging()
-      }),
-      end: (item, monitor) => {
-        const { id: droppedId, originalIndex: originalIndex2 } = item;
-        const didDrop = monitor.didDrop();
-        if (!didDrop) {
-          moveCard(droppedId, originalIndex2);
-        }
-      }
-    },
-    [id, originalIndex, moveCard]
-  );
-  const [, drop] = useDrop(
-    {
-      accept: "card",
-      hover({ id: draggedId }) {
-        if (draggedId !== id) {
-          const { index: overIndex } = findCard(id);
-          moveCard(draggedId, overIndex);
+import styles from "./styles.module.scss.js";
+const Card = memo(
+  ({ id, text, moveCard, findCard, title, weightage, tooltipMessage }) => {
+    const originalIndex = findCard(id).index;
+    const [{ isDragging }, drag, preview] = useDrag(
+      {
+        type: "card",
+        item: { id, originalIndex, type: "card" },
+        collect: (monitor) => ({
+          isDragging: monitor.isDragging()
+        }),
+        end: (item, monitor) => {
+          const { id: droppedId, originalIndex: origIdx } = item;
+          const didDrop = monitor.didDrop();
+          if (!didDrop) {
+            moveCard(droppedId, origIdx);
+          }
         }
-      }
-    },
-    [findCard, moveCard]
-  );
-  const opacity = isDragging ? 0 : 1;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { ref: (node) => preview(drop(node)), style: { ...style, opacity }, children: /* @__PURE__ */ jsxs("div", { className: "card-body", children: [
-    /* @__PURE__ */ jsx(
-      CapTooltip,
+      },
+      [id, originalIndex, moveCard]
+    );
+    const [, drop] = useDrop(
       {
-        title: tooltipMessage ? tooltipMessage : /* @__PURE__ */ jsx(FormattedMessage, { ...messages.dragTooltip }),
-        children: /* @__PURE__ */ jsx("div", { ref: drag, children: /* @__PURE__ */ jsx(CapIcon, { type: "six-dots", className: "six-dots" }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "card-data", children: [
-      /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", children: title }),
-      /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label1", className: "kpi-desc", children: text })
-    ] }),
-    /* @__PURE__ */ jsx(CapLabelWithStatic, { className: "cross", type: "label16", children: "x" }),
-    /* @__PURE__ */ jsx(CapIcon, { className: "fill", type: "fill-circle", percent: weightage, size: "s" }),
-    /* @__PURE__ */ jsxs(CapLabelWithStatic, { type: "label33", className: "card-split", children: [
-      weightage,
-      "%"
-    ] })
-  ] }) }) });
-});
+        accept: "card",
+        hover({ id: draggedId }) {
+          if (draggedId !== id) {
+            const { index: overIndex } = findCard(id);
+            moveCard(draggedId, overIndex);
+          }
+        }
+      },
+      [findCard, moveCard]
+    );
+    const opacity = isDragging ? 0 : 1;
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { ref: (node) => preview(drop(node)), style: { ...style, opacity }, children: /* @__PURE__ */ jsxs("div", { className: styles["card-body"], children: [
+      /* @__PURE__ */ jsx(
+        CapTooltip,
+        {
+          title: tooltipMessage ? tooltipMessage : /* @__PURE__ */ jsx(FormattedMessage, { ...messages.dragTooltip }),
+          children: /* @__PURE__ */ jsx("div", { ref: drag, children: /* @__PURE__ */ jsx(CapIcon, { type: "six-dots", className: styles["six-dots"] }) })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: styles["card-data"], children: [
+        /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", children: title }),
+        /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label1", className: styles["kpi-desc"], children: text })
+      ] }),
+      /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles["cross"], type: "label16", children: "x" }),
+      /* @__PURE__ */ jsx(CapIcon, { className: styles["fill"], type: "fill-circle", percent: weightage, size: "s" }),
+      /* @__PURE__ */ jsxs(CapLabelWithStatic, { type: "label33", className: styles["card-split"], children: [
+        weightage,
+        "%"
+      ] })
+    ] }) }) });
+  }
+);
 export {
   Card
 };

package/CapDragReorder/index.d.ts

@@ -1,10 +1,3 @@
-import PropTypes from 'prop-types';
-declare function CapDragReorder(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace CapDragReorder {
-    var propTypes: {
-        cards: PropTypes.Requireable<any[]>;
-        setCards: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default CapDragReorder;
+import type { CapDragReorderProps } from './types';
+export default function CapDragReorder({ cards, setCards, onCardDelete, supportDelete, tooltipMessage, }: CapDragReorderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/CapDragReorder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/index.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,iBAAwB,cAAc,CAAC,KAAK,KAAA,2CAyE3C;kBAzEuB,cAAc;;;;;;eAAd,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,cAAc,GACf,EAAE,mBAAmB,2CAiFrB"}

package/CapDragReorder/index.js

@@ -1,6 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import update from "immutability-helper";
-import PropTypes from "prop-types";
 import { useCallback } from "react";
 import { useDrop } from "react-dnd";
 import CapButton from "../CapButton/index.js";
@@ -8,8 +7,14 @@ import CapDivider from "../CapDivider/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapLabelWithStatic from "../CapLabel/index.js";
 import { Card } from "./Card.js";
-function CapDragReorder(props) {
-  const { cards, setCards, onCardDelete, supportDelete, tooltipMessage } = props;
+import styles from "./styles.module.scss.js";
+function CapDragReorder({
+  cards,
+  setCards,
+  onCardDelete,
+  supportDelete,
+  tooltipMessage
+}) {
   const findCard = useCallback(
     (id) => {
       const card = cards.filter((c) => `${c.id}` === id)[0];
@@ -35,14 +40,15 @@ function CapDragReorder(props) {
     [findCard, cards, setCards]
   );
   const handleDelete = (event) => {
-    onCardDelete(event.target.id);
+    const target = event.currentTarget;
+    onCardDelete == null ? void 0 : onCardDelete(Number(target.id));
   };
   const [, drop] = useDrop({
     accept: "card"
   });
-  return /* @__PURE__ */ jsx("div", { ref: drop, children: cards.map((card, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "card-area", children: [
-    /* @__PURE__ */ jsx("div", { className: "rank-area", children: /* @__PURE__ */ jsx(CapLabelWithStatic, { className: "rank-label", type: "label2", children: index + 1 }) }),
-    /* @__PURE__ */ jsxs("div", { className: "card", children: [
+  return /* @__PURE__ */ jsx("div", { ref: drop, children: cards.map((card, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: styles["card-area"], children: [
+    /* @__PURE__ */ jsx("div", { className: styles["rank-area"], children: /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles["rank-label"], type: "label2", children: index + 1 }) }),
+    /* @__PURE__ */ jsxs("div", { className: styles["card"], children: [
       /* @__PURE__ */ jsx(
         Card,
         {
@@ -56,18 +62,23 @@ function CapDragReorder(props) {
         },
         card.id
       ),
-      index !== cards.length - 1 && /* @__PURE__ */ jsxs("div", { className: "separator", children: [
-        /* @__PURE__ */ jsx(CapIcon, { className: "plus-icon", type: "add", size: "s" }),
-        /* @__PURE__ */ jsx(CapDivider, { className: "card-divider" })
+      index !== cards.length - 1 && /* @__PURE__ */ jsxs("div", { className: styles["separator"], children: [
+        /* @__PURE__ */ jsx(CapIcon, { className: styles["plus-icon"], type: "add", size: "s" }),
+        /* @__PURE__ */ jsx(CapDivider, { className: styles["card-divider"] })
       ] })
     ] }),
-    supportDelete && /* @__PURE__ */ jsx("div", { className: "delete-area", children: /* @__PURE__ */ jsx(CapButton, { type: "flat", className: "delete-icon", id: index, onClick: handleDelete, children: /* @__PURE__ */ jsx(CapIcon, { type: "delete", "aria-label": "delete icon" }) }) })
+    supportDelete && /* @__PURE__ */ jsx("div", { className: styles["delete-area"], children: /* @__PURE__ */ jsx(
+      CapButton,
+      {
+        type: "flat",
+        className: styles["delete-icon"],
+        id: String(index),
+        onClick: handleDelete,
+        children: /* @__PURE__ */ jsx(CapIcon, { type: "delete", "aria-label": "delete icon" })
+      }
+    ) })
   ] }) })) });
 }
-CapDragReorder.propTypes = {
-  cards: PropTypes.array,
-  setCards: PropTypes.func
-};
 export {
   CapDragReorder as default
 };

package/CapDragReorder/styles.css

@@ -17,7 +17,7 @@
   width: 41.5rem;
 }
 .rank-area {
-  background: #DFE2E7;
+  background: #dfe2e7;
   margin-top: 0.857rem;
   width: 2rem;
   height: 2rem;
@@ -45,7 +45,6 @@
 }
 .card-body {
   text-align: left;
-  padding-top: 0.571rem;
   display: flex;
 }
 .six-dots {
@@ -62,6 +61,17 @@
 .fill {
   margin-left: 6rem;
 }
+.fill .pie {
+  width: 2.571rem;
+  background: #b3bac5;
+  border-radius: 50%;
+  transform: rotate(-90deg);
+}
+.fill .pie circle {
+  fill: none;
+  stroke: #091e42;
+  stroke-width: 32;
+}
 .card-split {
   display: inline;
   margin-top: 0.57rem;

package/CapDragReorder/styles.d.ts

@@ -1,13 +1,3 @@
-export declare const style: {
-    border: string;
-    display: string;
-    marginBottom: string;
-    backgroundColor: string;
-    height: string;
-    borderRadius: string;
-    justify: string;
-    padding: string;
-    background: string;
-    textAlign: string;
-};
+import type { CSSProperties } from 'react';
+export declare const style: CSSProperties;
 //# sourceMappingURL=styles.d.ts.map

package/CapDragReorder/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,eAAO,MAAM,KAAK,EAAE,aAWnB,CAAC"}

package/CapDragReorder/styles.js

@@ -6,7 +6,7 @@ const style = {
   backgroundColor: "white",
   height: "3.9rem",
   borderRadius: "0.25rem",
-  justify: "space-between",
+  justifyContent: "space-between",
   padding: "0.5rem 1rem",
   background: CAP_G09,
   textAlign: "center"

package/CapDragReorder/styles.module.scss.js

@@ -0,0 +1,29 @@
+import './styles.css';const card = "card";
+const separator = "separator";
+const cross = "cross";
+const fill = "fill";
+const styles = {
+  "kpi-desc": "kpi-desc",
+  "card-area": "card-area",
+  "rank-area": "rank-area",
+  "rank-label": "rank-label",
+  card,
+  separator,
+  "card-divider": "card-divider",
+  "plus-icon": "plus-icon",
+  "card-body": "card-body",
+  "six-dots": "six-dots",
+  "card-data": "card-data",
+  cross,
+  fill,
+  "card-split": "card-split",
+  "delete-area": "delete-area",
+  "delete-icon": "delete-icon"
+};
+export {
+  card,
+  cross,
+  styles as default,
+  fill,
+  separator
+};

package/CapDragReorder/styles.scss

@@ -10,7 +10,7 @@
   width: 41.5rem;
 }
 .rank-area {
-  background: #DFE2E7;
+  background: $CAP_G07;
   margin-top: $CAP_SPACE_12;
   width: $CAP_SPACE_28;
   height: $CAP_SPACE_28;
@@ -18,17 +18,17 @@
   margin-right: $CAP_SPACE_16;
   text-align: center;
 }
-.rank-label{
+.rank-label {
   margin-top: $CAP_SPACE_06;
 }
 .card {
   width: 32.9rem;
 }
-.separator{
+.separator {
   display: flex;
   height: $CAP_SPACE_32;
 }
-.card-divider{
+.card-divider {
   margin: auto !important;
   min-width: 29.9rem;
   width: 29.9rem;
@@ -36,17 +36,16 @@
 .plus-icon {
   margin: auto;
 }
-.card-body{
+.card-body {
   text-align: left;
-  padding-top: $CAP_SPACE_08;
   display: flex;
 }
-.six-dots{
+.six-dots {
   padding: 0.3125rem 0.5rem 1rem 1rem;
   cursor: move;
 }
 .card-data {
-  margin-top: 0.25rem; 
+  margin-top: 0.25rem;
   width: 13.72rem;
 }
 .cross {
@@ -54,17 +53,31 @@
 }
 .fill {
   margin-left: 6rem;
+
+  // Pie chart icon styles for fill-circle CapIcon
+  :global(.pie) {
+    width: $CAP_SPACE_36;
+    background: $CAP_G06;
+    border-radius: 50%;
+    transform: rotate(-90deg);
+  }
+
+  :global(.pie) circle {
+    fill: none;
+    stroke: $CAP_G01;
+    stroke-width: 32;
+  }
 }
 .card-split {
   display: inline;
   margin-top: 0.57rem;
   margin-left: $CAP_SPACE_16;
 }
-.delete-area{
+.delete-area {
   margin-left: auto;
   margin-top: $CAP_SPACE_08;
 }
 .delete-icon {
   color: $CAP_G01 !important;
   margin-left: $CAP_SPACE_08;
-}
+}

package/CapDragReorder/tests/CapDragReorder.mockData.d.ts

@@ -0,0 +1,4 @@
+import type { CardData } from '../types';
+export declare const mockCards: CardData[];
+export declare const twoCards: CardData[];
+//# sourceMappingURL=CapDragReorder.mockData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CapDragReorder.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapDragReorder/tests/CapDragReorder.mockData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,QAAQ,EAI/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,EAG9B,CAAC"}

package/CapDragReorder/types.d.ts

@@ -0,0 +1,32 @@
+import type React from 'react';
+export interface DragItem {
+    id: string;
+    originalIndex: number;
+    type: string;
+}
+export interface CardData {
+    id: number | string;
+    title: string;
+    text: string;
+    weightage: number;
+}
+export interface CardProps {
+    id: string;
+    text: string;
+    title: string;
+    weightage: number;
+    moveCard: (id: string, atIndex: number) => void;
+    findCard: (id: string) => {
+        card: CardData;
+        index: number;
+    };
+    tooltipMessage?: React.ReactNode;
+}
+export interface CapDragReorderProps {
+    cards: CardData[];
+    setCards: (cards: CardData[]) => void;
+    onCardDelete?: (id: number | string) => void;
+    supportDelete?: boolean;
+    tooltipMessage?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapDragReorder/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDragReorder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC"}

package/CapDragReorder/types.js

@@ -0,0 +1 @@
+

package/CapProductSelection/index.d.ts

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

package/CapProductSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoZnD,wBAA8E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA0BnD,OAAO,KAAK,EAAE,gCAAgC,EAAgB,MAAM,SAAS,CAAC;;AAmV9E,wBAA+C;AAC/C,YAAY,EAAE,wBAAwB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}