@capillarytech/blaze-ui 6.4.0 → 6.6.0

package/CapAdvancedIcon/types.d.ts

@@ -27,6 +27,7 @@ export interface BackgroundProps extends React.HTMLAttributes<HTMLSpanElement> {
     backgroundColor?: string;
     className?: string;
     style?: React.CSSProperties;
+    opacity?: number;
 }
 export type StoreUploadStatusIndicator = React.ReactElement | null;
 export interface CapAdvancedIconProps {

package/CapAdvancedIcon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapAdvancedIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,8BAA8B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,OAAO,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;IACxF,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapAdvancedIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,8BAA8B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,OAAO,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;IACxF,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/CapDateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,iCAAiC,CAAC;;AA0OzC,wBAAyD;AACzD,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,iCAAiC,CAAC;;AA8OzC,wBAAyD;AACzD,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/CapDateRangePicker/index.js

@@ -47,6 +47,7 @@ const CapDateRangePicker = ({
   open,
   onOpenChange,
   suffixIcon,
+  isSingleMonthRangePicker = false,
   ...rest
 }) => {
   logDeprecationWarning(
@@ -173,7 +174,10 @@ const CapDateRangePicker = ({
           popupClassName: classNames(
             `${commonClsPrefix}-dropdown`,
             `${clsPrefix}-dropdown`,
-            finalPopupClassName
+            finalPopupClassName,
+            {
+              [styles[`${clsPrefix}--single-month-range-picker`]]: isSingleMonthRangePicker
+            }
           ),
           popupStyle: finalPopupStyle,
           getPopupContainer: finalGetPopupContainer,

package/CapDateRangePicker/styles.css

@@ -32,4 +32,32 @@
   padding: 0;
   border: 0;
   overflow: hidden;
+}
+.cap-date-range-picker-v2--single-month-range-picker {
+  --ant-size-popup-arrow: 0;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-header {
+  --ant-color-icon: $CAP_G01;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panels {
+  position: relative;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100% !important;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-header-view {
+  display: none;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-header {
+  position: absolute;
+  right: 0.143rem;
+  height: 3rem;
+  width: unset;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-body {
+  display: none;
 }

package/CapDateRangePicker/styles.module.scss.js

@@ -1,7 +1,8 @@
 import './styles.css';const styles = {
   "cap-date-range-picker-v2__timezone-footer": "cap-date-range-picker-v2__timezone-footer",
   "cap-icon": "cap-icon",
-  "cap-date-range-picker-v2--calendar-only": "cap-date-range-picker-v2--calendar-only"
+  "cap-date-range-picker-v2--calendar-only": "cap-date-range-picker-v2--calendar-only",
+  "cap-date-range-picker-v2--single-month-range-picker": "cap-date-range-picker-v2--single-month-range-picker"
 };
 export {
   styles as default

package/CapDateRangePicker/styles.scss

@@ -38,4 +38,41 @@ $clsPrefix: 'cap-date-range-picker-v2';
       }
     }
   }
+
+  &--single-month-range-picker {
+    :global {
+      --ant-size-popup-arrow: 0;
+
+      .ant-picker-header {
+        --ant-color-icon: $CAP_G01;
+      }
+
+      .ant-picker-panels {
+        position: relative;
+      }
+
+      .ant-picker-panel:last-of-type {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100% !important;
+
+        .ant-picker-header-view {
+          display: none;
+        }
+
+        .ant-picker-header {
+          position: absolute;
+          right: 0.143rem;
+          height: 3rem;
+          width: unset;
+        }
+
+        .ant-picker-body {
+          display: none;
+        }
+      }
+    }
+  }
 }

package/CapDateRangePicker/types.d.ts

@@ -138,5 +138,10 @@ export interface CapDateRangePickerProps extends Omit<RangePickerProps, 'value'
      * @deprecated Use `autoFocus` instead. Will be removed in next major version.
      */
     autoFocusEndDate?: boolean;
+    /**
+     * Whether to show a single month range picker
+     * @default false
+     */
+    isSingleMonthRangePicker?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/CapDateRangePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,MAAM,GACN,WAAW,CACd;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAEjE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAEvC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,MAAM,GACN,WAAW,CACd;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAEjE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAEvC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC"}

package/CapDnDGraph/index.js

@@ -11,7 +11,7 @@ import { useDrop } from "react-dnd";
 import { createRoot } from "react-dom/client";
 import { IntlProvider } from "react-intl";
 import CapBorderedBox from "../CapBorderedBox/index.js";
-import CapIconsSidebar from "../CapDndGraphSidebar/index.js";
+import { CapDndGraphSidebar } from "../CapDndGraphSidebar/index.js";
 import CapHeadingWithStatic from "../CapHeading/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapLabelWithStatic from "../CapLabel/index.js";
@@ -918,7 +918,7 @@ const CapDndGraph = (props) => {
   }, []);
   return /* @__PURE__ */ jsxs(CapRow, { className: "cap-graph-builder", style: { height: "calc(100vh - 120px)" }, children: [
     /* @__PURE__ */ jsx(
-      CapIconsSidebar,
+      CapDndGraphSidebar,
       {
         ...sidebarProps,
         onDropOutsideCanvas: onDrop,

package/CapDndGraphSidebar/SideBarIcon.d.ts

@@ -1,25 +1,5 @@
-import PropTypes from 'prop-types';
-declare const SideBarIcon: {
-    ({ childNode, color, isNodeDraggable, viewMode, onDropOutsideCanvas, showModel, setShowModel, }: {
-        childNode: any;
-        color: any;
-        isNodeDraggable: any;
-        viewMode: any;
-        onDropOutsideCanvas: any;
-        showModel: any;
-        setShowModel: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        childNode: PropTypes.Requireable<object>;
-        color: PropTypes.Requireable<string>;
-        isNodeDraggable: PropTypes.Requireable<boolean>;
-        viewMode: PropTypes.Requireable<boolean>;
-        onDropOutsideCanvas: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        viewMode: boolean;
-        onDropOutsideCanvas: () => void;
-    };
-};
+import React from 'react';
+import type { SideBarIconProps } from './types';
+declare const SideBarIcon: React.FC<SideBarIconProps>;
 export default SideBarIcon;
 //# sourceMappingURL=SideBarIcon.d.ts.map

package/CapDndGraphSidebar/SideBarIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideBarIcon.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/SideBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CA8FhB,CAAC;AAeF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SideBarIcon.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/SideBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2G3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/CapDndGraphSidebar/SideBarIcon.js

@@ -1,32 +1,20 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { useDrag } from "react-dnd";
-import styled from "styled-components";
 import CapAdvancedIcon from "../CapAdvancedIcon/index.js";
 import { CHANNEL_TO_ICONS_MAPPING } from "../CapDnDGraph/constants.js";
 import CapIcon from "../CapIcon/index.js";
 import CapLabelWithStatic from "../CapLabel/index.js";
 import CapModalWithHoc from "../CapModal/index.js";
 import CapTooltip from "../CapTooltip/index.js";
-const PremiumModel = styled(CapModalWithHoc)`
-  .ant-modal-content {
-    width: 33.786rem;
-    height: 19.429rem;
-    div.ant-modal-body {
-      padding: 1.715rem 1.715rem 1.575rem 1.715rem;
-    }
-    .ant-modal-footer {
-      display: none;
-    }
-  }
-`;
+import styles from "./styles.module.scss.js";
 const SideBarIcon = ({
   childNode,
   color,
   isNodeDraggable,
-  viewMode,
-  onDropOutsideCanvas,
-  showModel,
+  viewMode = false,
+  onDropOutsideCanvas = () => {
+  },
+  showModel = false,
   setShowModel
 }) => {
   const {
@@ -61,10 +49,13 @@ const SideBarIcon = ({
     {
       type,
       backgroundProps: {
-        backgroundColor: color,
-        opacity: viewMode || isDisabled ? 0.5 : 1
+        style: {
+          backgroundColor: color,
+          opacity: viewMode || isDisabled ? 0.5 : 1,
+          borderRadius: 18
+        }
       },
-      label: /* @__PURE__ */ jsx(CapLabelWithStatic, { className: "node-label", type: "label5", children: label }),
+      label: /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles["node-label"], type: "label5", children: label }),
       svgProps: {
         height: "24px",
         width: "24px",
@@ -75,43 +66,34 @@ const SideBarIcon = ({
     }
   );
   const handleModel = () => {
-    setShowModel(!showModel);
+    if (setShowModel) {
+      setShowModel(!showModel);
+    }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "node-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "node-container-inner", children: [
+  const tooltipContent = showPremiumIcon && typeof tooltipText === "function" ? tooltipText(id, isDisabled, handleModel) : typeof tooltipText === "function" ? tooltipText(id, isDisabled, handleModel) : tooltipText;
+  return /* @__PURE__ */ jsxs("div", { className: styles["node-container"], children: [
+    /* @__PURE__ */ jsxs("div", { children: [
       tooltipText ? /* @__PURE__ */ jsx(
         CapTooltip,
         {
           placement: showPremiumIcon && isDisabled ? "right" : "top",
-          title: showPremiumIcon ? tooltipText(id, isDisabled, handleModel) : tooltipText,
-          children: Icon
+          title: tooltipContent,
+          children: /* @__PURE__ */ jsx("div", { children: Icon })
         }
       ) : /* @__PURE__ */ jsx(Fragment, { children: Icon }),
       showPremiumIcon && /* @__PURE__ */ jsx(CapTooltip, { title: premiumTooltipText, children: /* @__PURE__ */ jsx(
         CapIcon,
         {
           svgProps: { width: 12, height: 12 },
-          className: "premium-icon",
+          className: styles["premium-icon"],
           type: "premiumColored",
           size: "s"
         }
       ) })
     ] }),
-    showPremiumIcon && /* @__PURE__ */ jsx(PremiumModel, { visible: showModel, onCancel: handleModel, children: premiumModelContent() })
+    showPremiumIcon && premiumModelContent && /* @__PURE__ */ jsx(CapModalWithHoc, { open: showModel, onCancel: handleModel, className: styles["premium-modal"], children: premiumModelContent() })
   ] }, type);
 };
-SideBarIcon.propTypes = {
-  childNode: PropTypes.object,
-  color: PropTypes.string,
-  isNodeDraggable: PropTypes.bool,
-  viewMode: PropTypes.bool,
-  onDropOutsideCanvas: PropTypes.func
-};
-SideBarIcon.defaultProps = {
-  viewMode: false,
-  onDropOutsideCanvas: () => {
-  }
-};
 export {
   SideBarIcon as default
 };

package/CapDndGraphSidebar/SidebarNodesRendered.d.ts

@@ -1,11 +1,5 @@
-declare const SidebarNodesRendered: ({ nodes, isNodeDraggable, endDrag, viewMode, onDropOutsideCanvas, showModel, setShowModel, }: {
-    nodes?: any[];
-    isNodeDraggable: any;
-    endDrag: any;
-    viewMode: any;
-    onDropOutsideCanvas: any;
-    showModel: any;
-    setShowModel: any;
-}) => import("react/jsx-runtime").JSX.Element[];
+import React from 'react';
+import type { SidebarNodesRenderedProps } from './types';
+declare const SidebarNodesRendered: React.FC<SidebarNodesRenderedProps>;
 export default SidebarNodesRendered;
 //# sourceMappingURL=SidebarNodesRendered.d.ts.map

package/CapDndGraphSidebar/SidebarNodesRendered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNodesRendered.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/SidebarNodesRendered.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,oBAAoB,GAAI;;;;;;;;CAQ7B,8CA8BG,CAAC;AAEL,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"SidebarNodesRendered.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/SidebarNodesRendered.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAIzD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0C1D,CAAC;AAEL,eAAe,oBAAoB,CAAC"}

package/CapDndGraphSidebar/SidebarNodesRendered.js

@@ -1,9 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 import CapHeadingWithStatic from "../CapHeading/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapRow from "../CapRow/index.js";
 import CapTooltip from "../CapTooltip/index.js";
 import SideBarIcon from "./SideBarIcon.js";
+import styles from "./styles.module.scss.js";
 const { CapHeadingSpan } = CapHeadingWithStatic;
 const SidebarNodesRendered = ({
   nodes = [],
@@ -15,12 +17,19 @@ const SidebarNodesRendered = ({
   setShowModel
 }) => nodes.map((node) => {
   const { title, tooltipText, children, color, key } = node;
-  return /* @__PURE__ */ jsxs(CapRow, { className: "category-container", children: [
-    /* @__PURE__ */ jsxs(CapRow, { className: "align-items-center", children: [
+  return /* @__PURE__ */ jsxs(CapRow, { className: styles["category-container"], children: [
+    /* @__PURE__ */ jsxs(CapRow, { className: styles["align-items-center"], children: [
       /* @__PURE__ */ jsx(CapHeadingSpan, { type: "h4", children: title }),
-      tooltipText && /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, overlayClassName: "hide-tooltip-pointer", children: /* @__PURE__ */ jsx(CapIcon, { type: "info", className: "info-icon margin-l-4", size: "xs" }) })
+      tooltipText && /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, classNames: { root: styles["hide-tooltip-pointer"] }, children: /* @__PURE__ */ jsx(
+        CapIcon,
+        {
+          type: "info",
+          className: classNames(styles["info-icon"], styles["margin-l-4"]),
+          size: "xs"
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ jsx(CapRow, { className: "icons-container", children: children.map((childNode) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(CapRow, { className: styles["icons-container"], children: children.map((childNode) => /* @__PURE__ */ jsx(
       SideBarIcon,
       {
         childNode,

package/CapDndGraphSidebar/index.d.ts

@@ -1,22 +1,6 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import './styles.scss';
-export declare const CapDndGraphSidebar: {
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        nodes: PropTypes.Requireable<object>;
-        sidebarTitle: PropTypes.Requireable<string>;
-        sidebarDescription: PropTypes.Requireable<string>;
-        sidebarTitleInfo: PropTypes.Requireable<string>;
-        isNodeDraggable: PropTypes.Requireable<boolean>;
-        endDrag: PropTypes.Requireable<object>;
-        viewMode: PropTypes.Requireable<boolean>;
-        onDropOutsideCanvas: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        viewMode: boolean;
-    };
-};
-declare const _default: React.ComponentType<Omit<any, "intl">>;
-export default _default;
+import type { CapDndGraphSidebarProps } from './types';
+export declare const CapDndGraphSidebar: React.FC<CapDndGraphSidebarProps>;
+export default CapDndGraphSidebar;
+export type { CapDndGraphSidebarProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/CapDndGraphSidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,eAAe,CAAC;AAIvB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAyC9B,CAAC;;AAiBF,wBAA4E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDndGraphSidebar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAClC,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

package/CapDndGraphSidebar/index.js

@@ -1,33 +1,45 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
+import classNames from "classnames";
 import { useState } from "react";
 import CapHeadingWithStatic from "../CapHeading/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapLabelWithStatic from "../CapLabel/index.js";
 import CapRow from "../CapRow/index.js";
 import CapTooltip from "../CapTooltip/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
 import SidebarNodesRendered from "./SidebarNodesRendered.js";
-import './styles.css';/* empty css            */
+import styles from "./styles.module.scss.js";
 const { CapHeadingSpan } = CapHeadingWithStatic;
-const CapDndGraphSidebar = (props) => {
-  const {
-    nodes = [],
-    sidebarTitle,
-    sidebarDescription,
-    sidebarTitleInfo,
-    isNodeDraggable,
-    endDrag,
-    viewMode,
-    onDropOutsideCanvas
-  } = props;
+const CapDndGraphSidebar = ({
+  nodes = [],
+  sidebarTitle,
+  sidebarDescription,
+  sidebarTitleInfo,
+  isNodeDraggable,
+  endDrag,
+  viewMode = false,
+  onDropOutsideCanvas
+}) => {
   const [showModel, setShowModel] = useState(false);
-  return /* @__PURE__ */ jsxs(CapRow, { className: "dnd-graph-sidebar-container", children: [
-    sidebarTitle && /* @__PURE__ */ jsxs(CapRow, { className: "align-items-center", children: [
+  return /* @__PURE__ */ jsxs(CapRow, { className: styles["dnd-graph-sidebar-container"], children: [
+    sidebarTitle && /* @__PURE__ */ jsxs(CapRow, { className: styles["align-items-center"], children: [
       /* @__PURE__ */ jsx(CapHeadingSpan, { type: "h3", children: sidebarTitle }),
-      sidebarTitleInfo && /* @__PURE__ */ jsx(CapTooltip, { title: sidebarTitleInfo, overlayClassName: "hide-tooltip-pointer", children: /* @__PURE__ */ jsx(CapIcon, { type: "info", className: "info-icon margin-l-4", size: "xs" }) })
+      sidebarTitleInfo && /* @__PURE__ */ jsx(
+        CapTooltip,
+        {
+          title: sidebarTitleInfo,
+          classNames: { root: styles["hide-tooltip-pointer"] },
+          children: /* @__PURE__ */ jsx(
+            CapIcon,
+            {
+              type: "info",
+              className: classNames(styles["info-icon"], styles["margin-l-4"]),
+              size: "xs"
+            }
+          )
+        }
+      )
     ] }),
-    sidebarDescription && /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label3", className: "margin-t-4", children: sidebarDescription }),
+    sidebarDescription && /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label3", className: styles["margin-t-4"], children: sidebarDescription }),
     /* @__PURE__ */ jsx(
       SidebarNodesRendered,
       {
@@ -42,21 +54,7 @@ const CapDndGraphSidebar = (props) => {
     )
   ] });
 };
-CapDndGraphSidebar.propTypes = {
-  nodes: PropTypes.object,
-  sidebarTitle: PropTypes.string,
-  sidebarDescription: PropTypes.string,
-  sidebarTitleInfo: PropTypes.string,
-  isNodeDraggable: PropTypes.bool,
-  endDrag: PropTypes.object,
-  viewMode: PropTypes.bool,
-  onDropOutsideCanvas: PropTypes.func
-};
-CapDndGraphSidebar.defaultProps = {
-  viewMode: false
-};
-const CapIconsSidebar = LocaleHoc(CapDndGraphSidebar, { key: "CapDndGraphSidebar" });
 export {
   CapDndGraphSidebar,
-  CapIconsSidebar as default
+  CapDndGraphSidebar as default
 };

package/CapDndGraphSidebar/styles.css

@@ -8,19 +8,28 @@
 /* Timezones Footer */
 .dnd-graph-sidebar-container {
   background: #fafbfc;
-  width: 240px;
+  width: 17.143rem;
   height: 100%;
   display: inline-block;
-  padding: 15px 1.714rem;
+  padding: 1.071rem 1.714rem;
   overflow: auto;
 }
-.dnd-graph-sidebar-container .title-row {
+.dnd-graph-sidebar-container .align-items-center {
   display: flex;
+  align-items: center;
+}
+.dnd-graph-sidebar-container .margin-l-4 {
+  margin-left: 0.285rem;
+}
+.dnd-graph-sidebar-container .margin-t-4 {
+  margin-top: 0.285rem;
 }
-.dnd-graph-sidebar-container .title-row .info-icon {
+.dnd-graph-sidebar-container .info-icon {
   display: flex;
   align-items: center;
-  margin-left: 0.285rem;
+}
+.dnd-graph-sidebar-container .title-row {
+  display: flex;
 }
 .dnd-graph-sidebar-container .category-container {
   margin: 1.142rem 0;
@@ -28,6 +37,7 @@
 .dnd-graph-sidebar-container .category-container .icons-container {
   display: flex;
   flex-wrap: wrap;
+  width: 100%;
 }
 .dnd-graph-sidebar-container .category-container .icons-container .node-container {
   width: 33.3333333333%;
@@ -36,7 +46,7 @@
   position: relative;
 }
 .dnd-graph-sidebar-container .category-container .icons-container .node-container .cap-icon-background {
-  padding: 9px;
+  padding: 0.643rem;
 }
 .dnd-graph-sidebar-container .category-container .icons-container .node-container .node-label {
   white-space: nowrap;
@@ -52,4 +62,7 @@
   padding: 0.125rem;
   background-color: #ffffff;
   border-radius: 50%;
+}
+.dnd-graph-sidebar-container .category-container .icons-container .node-container .cap-tooltip-wrapper {
+  display: block;
 }

package/CapDndGraphSidebar/styles.module.scss.js

@@ -0,0 +1,15 @@
+import './styles.css';const styles = {
+  "dnd-graph-sidebar-container": "dnd-graph-sidebar-container",
+  "align-items-center": "align-items-center",
+  "margin-l-4": "margin-l-4",
+  "margin-t-4": "margin-t-4",
+  "info-icon": "info-icon",
+  "category-container": "category-container",
+  "icons-container": "icons-container",
+  "node-container": "node-container",
+  "node-label": "node-label",
+  "premium-icon": "premium-icon"
+};
+export {
+  styles as default
+};