pixel-priya 0.0.61 → 0.0.62

package/lib/ThirdPartyPackages/Adapter.js

@@ -1,6 +1,3 @@
-import adapter from '../node_modules/webrtc-adapter/src/js/adapter_core.js';
-
-
-
-export { adapter as default };
-//# sourceMappingURL=Adapter.js.map
+import adapter from 'webrtc-adapter';
+export default adapter;
+//# sourceMappingURL=Adapter.js.map

package/lib/ThirdPartyPackages/Adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adapter.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Adapter.js","sourceRoot":"","sources":["../../src/ThirdPartyPackages/Adapter.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,eAAe,OAAO,CAAC"}

package/lib/ThirdPartyPackages/JanusGateway.js

@@ -1,6 +1,3 @@
-import Janus from '../node_modules/janus-gateway/npm/dist/janus.es.js';
-
-
-
-export { Janus as default };
-//# sourceMappingURL=JanusGateway.js.map
+import Janus from 'janus-gateway';
+export default Janus;
+//# sourceMappingURL=JanusGateway.js.map

package/lib/ThirdPartyPackages/JanusGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"JanusGateway.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"JanusGateway.js","sourceRoot":"","sources":["../../src/ThirdPartyPackages/JanusGateway.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,eAAe,KAAK,CAAC"}

package/lib/assets/utils/functionUtils.js

@@ -1,72 +1,74 @@
-const isFunction = functionToCheck => {
-  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
+export const isFunction = (functionToCheck) => {
+    return (functionToCheck && {}.toString.call(functionToCheck) === '[object Function]');
 };
-const convertTo24Hour = time12h => {
-  const [time, modifier] = time12h.split(' ');
-  if (!time || !modifier) return '00:00';
-  let [hours, minutes] = time.split(':');
-  if (!hours || !minutes) return '00:00';
-  if (hours === '12') {
-    hours = '00';
-  }
-  if (modifier.toUpperCase() === 'PM') {
-    hours = (parseInt(hours, 10) + 12).toString();
-  }
-  return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;
+export const convertTo24Hour = (time12h) => {
+    const [time, modifier] = time12h.split(' ');
+    if (!time || !modifier)
+        return '00:00';
+    let [hours, minutes] = time.split(':');
+    if (!hours || !minutes)
+        return '00:00';
+    if (hours === '12') {
+        hours = '00';
+    }
+    if (modifier.toUpperCase() === 'PM') {
+        hours = (parseInt(hours, 10) + 12).toString();
+    }
+    return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;
 };
-const convertTo12Hour = time24 => {
-  const [hoursStr, minutesStr] = time24.split(':');
-  const hours = parseInt(hoursStr ?? '0', 10);
-  const minutes = parseInt(minutesStr ?? '0', 10);
-  const ampm = hours >= 12 ? 'PM' : 'AM';
-  const hours12 = hours % 12 || 12;
-  return `${hours12.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${ampm}`;
+export const convertTo12Hour = (time24) => {
+    const [hoursStr, minutesStr] = time24.split(':');
+    const hours = parseInt(hoursStr ?? '0', 10);
+    const minutes = parseInt(minutesStr ?? '0', 10);
+    const ampm = hours >= 12 ? 'PM' : 'AM';
+    const hours12 = hours % 12 || 12;
+    return `${hours12.toString().padStart(2, '0')}:${minutes
+        .toString()
+        .padStart(2, '0')} ${ampm}`;
 };
-const isValid12HourTime = timeString => {
-  const regex = /^(0[1-9]|1[0-2]):([0-5][0-9])(?:\s?(AM|PM))?$/i;
-  return regex.test(timeString);
+export const isValid12HourTime = (timeString) => {
+    const regex = /^(0[1-9]|1[0-2]):([0-5][0-9])(?:\s?(AM|PM))?$/i;
+    return regex.test(timeString);
 };
 // Utility to normalize memory values to bytes
-const UNIT_MULTIPLIERS = {
-  B: 1,
-  KB: 1024,
-  MB: 1024 * 1024,
-  GB: 1024 * 1024 * 1024
+export const UNIT_MULTIPLIERS = {
+    B: 1,
+    KB: 1024,
+    MB: 1024 * 1024,
+    GB: 1024 * 1024 * 1024,
 };
 // Parses a storage value string and converts it into a normalized value in bytes along with its unit.
-function normalizeStorageValue(value) {
-  const match = value.match(/^(\d+(?:\.\d+)?)\s*(B|KB|MB|GB)$/i);
-  if (!match) {
-    throw new Error(`Invalid storage value format: ${value}`);
-  }
-  const [, numericPart, unit] = match;
-  // Ensure numericPart and unit are defined
-  if (!numericPart || !unit) {
-    throw new Error(`Invalid storage value format: ${value}`);
-  }
-  const normalizedValue = parseFloat(numericPart) * (UNIT_MULTIPLIERS[unit.toUpperCase()] || 1);
-  return {
-    normalizedValue,
-    unit: unit.toUpperCase(),
-    value: parseFloat(numericPart)
-  };
+export function normalizeStorageValue(value) {
+    const match = value.match(/^(\d+(?:\.\d+)?)\s*(B|KB|MB|GB)$/i);
+    if (!match) {
+        throw new Error(`Invalid storage value format: ${value}`);
+    }
+    const [, numericPart, unit] = match;
+    // Ensure numericPart and unit are defined
+    if (!numericPart || !unit) {
+        throw new Error(`Invalid storage value format: ${value}`);
+    }
+    const normalizedValue = parseFloat(numericPart) * (UNIT_MULTIPLIERS[unit.toUpperCase()] || 1);
+    return {
+        normalizedValue,
+        unit: unit.toUpperCase(),
+        value: parseFloat(numericPart),
+    };
 }
 // Converts a byte value into a readable string with the largest appropriate unit (GB, MB, KB, B).
-function formatMemoryValue(valueInBytes) {
-  const units = ['GB', 'MB', 'KB', 'B'];
-  for (const unit of units) {
-    const factor = UNIT_MULTIPLIERS[unit];
-    if (factor === undefined) {
-      throw new Error(`Missing factor for unit: ${unit}`);
-    }
-    if (valueInBytes >= factor || unit === 'B') {
-      const normalizedValue = valueInBytes / factor;
-      const formattedValue = normalizedValue % 1 === 0 ? `${normalizedValue.toFixed(0)}` : `${normalizedValue.toFixed(2)}`;
-      return `${formattedValue} ${unit}`;
+export function formatMemoryValue(valueInBytes) {
+    const units = ['GB', 'MB', 'KB', 'B'];
+    for (const unit of units) {
+        const factor = UNIT_MULTIPLIERS[unit];
+        if (factor === undefined) {
+            throw new Error(`Missing factor for unit: ${unit}`);
+        }
+        if (valueInBytes >= factor || unit === 'B') {
+            const normalizedValue = valueInBytes / factor;
+            const formattedValue = normalizedValue % 1 === 0 ? `${normalizedValue.toFixed(0)}` : `${normalizedValue.toFixed(2)}`;
+            return `${formattedValue} ${unit}`;
+        }
     }
-  }
-  return `${valueInBytes} B`;
+    return `${valueInBytes} B`;
 }
-
-export { UNIT_MULTIPLIERS, convertTo12Hour, convertTo24Hour, formatMemoryValue, isFunction, isValid12HourTime, normalizeStorageValue };
-//# sourceMappingURL=functionUtils.js.map
+//# sourceMappingURL=functionUtils.js.map

package/lib/assets/utils/functionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"functionUtils.js","sources":["../../../src/assets/utils/functionUtils.ts"],"sourcesContent":[null],"names":["isFunction","functionToCheck","toString","call","convertTo24Hour","time12h","time","modifier","split","hours","minutes","toUpperCase","parseInt","padStart","convertTo12Hour","time24","hoursStr","minutesStr","ampm","hours12","isValid12HourTime","timeString","regex","test","UNIT_MULTIPLIERS","B","KB","MB","GB","normalizeStorageValue","value","match","Error","numericPart","unit","normalizedValue","parseFloat","formatMemoryValue","valueInBytes","units","factor","undefined","formattedValue","toFixed"],"mappings":"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"}
+{"version":3,"file":"functionUtils.js","sourceRoot":"","sources":["../../../src/assets/utils/functionUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,eAAoB,EAAE,EAAE;IACjD,OAAO,CACL,eAAe,IAAI,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,mBAAmB,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAe,EAAU,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IAEvC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACvC,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;QAAE,OAAO,OAAO,CAAC;IAEvC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;IAED,IAAI,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC;QACpC,KAAK,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;IAChD,CAAC;IAED,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAc,EAAU,EAAE;IACxD,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC;IAEjC,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,OAAO;SACrD,QAAQ,EAAE;SACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAkB,EAAW,EAAE;IAC/D,MAAM,KAAK,GAAG,gDAAgD,CAAC;IAC/D,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI,GAAG,IAAI;IACf,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI;CACvB,CAAC;AAEF,sGAAsG;AACtG,MAAM,UAAU,qBAAqB,CAAC,KAAa;IAKjD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;IAC/D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,iCAAiC,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;IACpC,0CAA0C;IAC1C,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,iCAAiC,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,eAAe,GACnB,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAExE,OAAO;QACL,eAAe;QACf,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;QACxB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC;KAC/B,CAAC;AACJ,CAAC;AAED,kGAAkG;AAClG,MAAM,UAAU,iBAAiB,CAAC,YAAoB;IACpD,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IAEtC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,4BAA4B,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,YAAY,IAAI,MAAM,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;YAC3C,MAAM,eAAe,GAAG,YAAY,GAAG,MAAM,CAAC;YAC9C,MAAM,cAAc,GAAG,eAAe,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACrH,OAAO,GAAG,cAAc,IAAI,IAAI,EAAE,CAAC;QACrC,CAAC;IACH,CAAC;IACD,OAAO,GAAG,YAAY,IAAI,CAAC;AAC7B,CAAC"}

package/lib/components/Accordion/Accordion.js

@@ -1,81 +1,30 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import Icon from '../Icon/Icon.js';
-import Tooltip from '../Tooltip/Tooltip.js';
-import Typography from '../Typography/Typography.js';
-import classNames from '../../_virtual/index.js';
-import HighlightText from '../HighlightText/HighlightText.js';
-
+import './Accordion.scss';
+import Icon from '../Icon';
+import '../../../index.scss';
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+import classNames from 'classnames';
+import HighlightText from '../HighlightText';
 /**
  * Accordion UI component
  */
-const Accordion = ({
-  highlightText = '',
-  headerTitle = '',
-  color,
-  minHeight = '32px',
-  // Default min-height for accordion content
-  accordionContent = jsx(Fragment, {
-    children: "This is accordion content"
-  }),
-  disable = false,
-  disableInfoMessage = '',
-  accordionStateIconName = 'arrow_down',
-  AccordionStateIconWidth = 12,
-  AccordionStateIconHeight = 8,
-  isExpand,
-  onClick,
-  className = '',
-  iconColor = 'var(--brand-color)'
-}) => {
-  const [isAccordionExpanded, setIsAccordionExpanded] = useState(isExpand ?? true);
-  const onAccordionClick = () => {
-    if (onClick) {
-      onClick();
-    }
-    if (!disable) {
-      setIsAccordionExpanded(!isAccordionExpanded);
-    }
-  };
-  return jsxs("div", {
-    className: `ff-accordion ${className}`,
-    children: [jsxs("div", {
-      className: `accordion-header ${disable && 'ff-disabled'} ${isAccordionExpanded && 'expanded'} `,
-      style: {
-        color: color || '--tooltip-bg-color'
-      },
-      onClick: onAccordionClick,
-      children: [jsx(Tooltip, {
-        title: disableInfoMessage,
-        children: jsx(Typography, {
-          as: "div",
-          className: "header-title",
-          fontWeight: "semi-bold",
-          lineHeight: "18px",
-          children: typeof headerTitle === "string" ? jsx(HighlightText, {
-            text: headerTitle,
-            highlight: highlightText
-          }) : headerTitle
-        })
-      }), jsx(Icon, {
-        name: accordionStateIconName,
-        hoverEffect: false,
-        className: classNames('accordion-arrow', {
-          expanded: isAccordionExpanded
-        }),
-        width: AccordionStateIconWidth,
-        height: AccordionStateIconHeight,
-        color: iconColor
-      })]
-    }), !disable && isAccordionExpanded && jsx("div", {
-      style: {
-        minHeight
-      },
-      className: "accordion-content",
-      children: accordionContent
-    })]
-  });
+const Accordion = ({ highlightText = '', headerTitle = '', color, minHeight = '32px', // Default min-height for accordion content
+accordionContent = _jsx(_Fragment, { children: "This is accordion content" }), disable = false, disableInfoMessage = '', accordionStateIconName = 'arrow_down', AccordionStateIconWidth = 12, AccordionStateIconHeight = 8, isExpand, onClick, className = '', iconColor = 'var(--brand-color)', }) => {
+    const [isAccordionExpanded, setIsAccordionExpanded] = useState(isExpand ?? true);
+    const onAccordionClick = () => {
+        if (onClick) {
+            onClick();
+        }
+        if (!disable) {
+            setIsAccordionExpanded(!isAccordionExpanded);
+        }
+    };
+    return (_jsxs("div", { className: `ff-accordion ${className}`, children: [_jsxs("div", { className: `accordion-header ${disable && 'ff-disabled'} ${isAccordionExpanded && 'expanded'} `, style: { color: color || '--tooltip-bg-color' }, onClick: onAccordionClick, children: [_jsx(Tooltip, { title: disableInfoMessage, children: _jsx(Typography, { as: "div", className: "header-title", fontWeight: "semi-bold", lineHeight: "18px", children: typeof headerTitle === "string" ?
+                                _jsx(HighlightText, { text: headerTitle, highlight: highlightText }) : headerTitle }) }), _jsx(Icon, { name: accordionStateIconName, hoverEffect: false, className: classNames('accordion-arrow', {
+                            expanded: isAccordionExpanded,
+                        }), width: AccordionStateIconWidth, height: AccordionStateIconHeight, color: iconColor })] }), !disable && isAccordionExpanded && (_jsx("div", { style: { minHeight }, className: "accordion-content", children: accordionContent }))] }));
 };
-
-export { Accordion as default };
-//# sourceMappingURL=Accordion.js.map
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/lib/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":["Accordion","highlightText","headerTitle","color","minHeight","accordionContent","_jsx","_Fragment","children","disable","disableInfoMessage","accordionStateIconName","AccordionStateIconWidth","AccordionStateIconHeight","isExpand","onClick","className","iconColor","isAccordionExpanded","setIsAccordionExpanded","useState","onAccordionClick","_jsxs","style","Tooltip","title","Typography","as","fontWeight","lineHeight","HighlightText","text","highlight","Icon","name","hoverEffect","classNames","expanded","width","height"],"mappings":";;;;;;;;AAUA;;AAEG;AACGA,MAAAA,SAAS,GAAGA,CAAC;AACjBC,EAAAA,aAAa,GAAG,EAAE;AAClBC,EAAAA,WAAW,GAAG,EAAE;EAChBC,KAAK;AACLC,EAAAA,SAAS,GAAG,MAAM;AAAE;AACpBC,EAAAA,gBAAgB,GAAGC,GAA8B,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EAAA;AAAA,GAAA,CAAA;AACjDC,EAAAA,OAAO,GAAG,KAAK;AACfC,EAAAA,kBAAkB,GAAG,EAAE;AACvBC,EAAAA,sBAAsB,GAAG,YAAY;AACrCC,EAAAA,uBAAuB,GAAG,EAAE;AAC5BC,EAAAA,wBAAwB,GAAG,CAAC;EAC5BC,QAAQ;EACRC,OAAO;AACPC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,SAAS,GAAG;AAAoB,CACjB,KAAI;EACnB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAC5DN,QAAQ,IAAI,IAAI,CACjB;EAED,MAAMO,gBAAgB,GAAGA,MAAK;AAC5B,IAAA,IAAIN,OAAO,EAAE;AACXA,MAAAA,OAAO,EAAE;AACX;IACA,IAAI,CAACN,OAAO,EAAE;MACZU,sBAAsB,CAAC,CAACD,mBAAmB,CAAC;AAC9C;GACD;EAED,OACEI,IAAA,CAAA,KAAA,EAAA;IAAKN,SAAS,EAAE,CAAgBA,aAAAA,EAAAA,SAAS,CAAE,CAAA;AAAAR,IAAAA,QAAA,EAAA,CACzCc,IACE,CAAA,KAAA,EAAA;MAAAN,SAAS,EAAE,oBAAoBP,OAAO,IAAI,aAAa,CACrDS,CAAAA,EAAAA,mBAAmB,IAAI,UACzB,CAAG,CAAA,CAAA;AACHK,MAAAA,KAAK,EAAE;QAAEpB,KAAK,EAAEA,KAAK,IAAI;OAAsB;AAC/CY,MAAAA,OAAO,EAAEM,gBAAgB;AAAAb,MAAAA,QAAA,EAAA,CAEzBF,GAAC,CAAAkB,OAAO,EAAC;AAAAC,QAAAA,KAAK,EAAEf,kBAAkB;AAChCF,QAAAA,QAAA,EAAAF,GAAA,CAACoB,UAAU,EAAA;AACTC,UAAAA,EAAE,EAAC,KAAK;AACRX,UAAAA,SAAS,EAAC,cAAc;AACxBY,UAAAA,UAAU,EAAC,WAAW;AACtBC,UAAAA,UAAU,EAAC,MAAM;UAAArB,QAAA,EAEhB,OAAON,WAAW,KAAK,QAAQ,GAChCI,GAAA,CAACwB,aAAa,EAAA;AAACC,YAAAA,IAAI,EAAE7B,WAAW;AAAE8B,YAAAA,SAAS,EAAE/B;AAAiB,WAAA,CAAA,GAAGC;SACtD;AAAA,OAAA,CACL,EAEVI,GAAA,CAAC2B,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAEvB,sBAAsB;AAC5BwB,QAAAA,WAAW,EAAE,KAAK;AAClBnB,QAAAA,SAAS,EAAEoB,UAAU,CAAC,iBAAiB,EAAE;AACvCC,UAAAA,QAAQ,EAAEnB;AACX,SAAA,CAAC;AACFoB,QAAAA,KAAK,EAAE1B,uBAAuB;AAC9B2B,QAAAA,MAAM,EAAE1B,wBAAwB;AAChCV,QAAAA,KAAK,EAAEc;AAAS,OAAA,CAChB;KACE,CAAA,EACL,CAACR,OAAO,IAAIS,mBAAmB,IAC9BZ,GAAK,CAAA,KAAA,EAAA;AAAAiB,MAAAA,KAAK,EAAE;AAAEnB,QAAAA;OAAW;AAAEY,MAAAA,SAAS,EAAC,mBAAmB;AACrDR,MAAAA,QAAA,EAAAH;MAEJ;AAAA,GAAA,CACG;AAEV;;;;"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,aAAa,GAAG,EAAE,EAClB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,GAAG,MAAM,EAAE,2CAA2C;AAC/D,gBAAgB,GAAG,0DAA8B,EACjD,OAAO,GAAG,KAAK,EACf,kBAAkB,GAAG,EAAE,EACvB,sBAAsB,GAAG,YAAY,EACrC,uBAAuB,GAAG,EAAE,EAC5B,wBAAwB,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,oBAAoB,GACjB,EAAE,EAAE;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,QAAQ,IAAI,IAAI,CACjB,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,aACzC,eACE,SAAS,EAAE,oBAAoB,OAAO,IAAI,aAAa,IACrD,mBAAmB,IAAI,UACzB,GAAG,EACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,oBAAoB,EAAE,EAC/C,OAAO,EAAE,gBAAgB,aAEzB,KAAC,OAAO,IAAC,KAAK,EAAE,kBAAkB,YAChC,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,cAAc,EACxB,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,MAAM,YAEhB,OAAO,WAAW,KAAK,QAAQ,CAAA,CAAC;gCACjC,KAAC,aAAa,IAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC,CAAC,CAAC,WAAW,GACjE,GACL,EAEV,KAAC,IAAI,IACH,IAAI,EAAE,sBAAsB,EAC5B,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;4BACvC,QAAQ,EAAE,mBAAmB;yBAC9B,CAAC,EACF,KAAK,EAAE,uBAAuB,EAC9B,MAAM,EAAE,wBAAwB,EAChC,KAAK,EAAE,SAAS,GAChB,IACE,EACL,CAAC,OAAO,IAAI,mBAAmB,IAAI,CAClC,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAC,mBAAmB,YACrD,gBAAgB,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/AddContentButton/AddContentButton.js

@@ -1,54 +1,11 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Icon from '../Icon/Icon.js';
-import Typography from '../Typography/Typography.js';
-import IconButton from '../IconButton/IconButton.js';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty.js';
-
-const AddContentButton = ({
-  iconName = '',
-  onButtonClick,
-  buttonLabel = 'Label',
-  buttonText = 'To Add Group',
-  disableButton = false,
-  stepCount = 1,
-  iconWidth = 120,
-  iconHeight = 120
-}) => {
-  return jsxs("div", {
-    className: `add-content-button ${disableButton ? 'disabled' : ''}`,
-    children: [!checkEmpty(iconName) && jsx("div", {
-      className: "icon-container",
-      children: jsx(Icon, {
-        name: iconName,
-        width: iconWidth,
-        height: iconHeight
-      })
-    }), jsxs("div", {
-      className: "typography-label-button",
-      children: [jsxs(Typography, {
-        fontSize: "12px",
-        fontWeight: "regular",
-        lineHeight: "18px",
-        children: ["step ", stepCount, " :"]
-      }), jsx(Typography, {
-        fontSize: "12px",
-        fontWeight: "semi-bold",
-        lineHeight: "18px",
-        children: "Click"
-      }), jsx(IconButton, {
-        label: buttonLabel,
-        onClick: onButtonClick,
-        iconName: "plus_user_icon",
-        isDisable: disableButton
-      }), jsx(Typography, {
-        fontSize: "12px",
-        fontWeight: "semi-bold",
-        lineHeight: "18px",
-        children: buttonText
-      })]
-    })]
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AddContentButton.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import IconButton from '../IconButton';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const AddContentButton = ({ iconName = '', onButtonClick, buttonLabel = 'Label', buttonText = 'To Add Group', disableButton = false, stepCount = 1, iconWidth = 120, iconHeight = 120, }) => {
+    return (_jsxs("div", { className: `add-content-button ${disableButton ? 'disabled' : ''}`, children: [!checkEmpty(iconName) && (_jsx("div", { className: "icon-container", children: _jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }) })), _jsxs("div", { className: "typography-label-button", children: [_jsxs(Typography, { fontSize: "12px", fontWeight: "regular", lineHeight: "18px", children: ["step ", stepCount, " :"] }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: "Click" }), _jsx(IconButton, { label: buttonLabel, onClick: onButtonClick, iconName: "plus_user_icon", isDisable: disableButton }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: buttonText })] })] }));
 };
-
-export { AddContentButton as default };
-//# sourceMappingURL=AddContentButton.js.map
+export default AddContentButton;
+//# sourceMappingURL=AddContentButton.js.map

package/lib/components/AddContentButton/AddContentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddContentButton.js","sources":["../../../src/components/AddContentButton/AddContentButton.tsx"],"sourcesContent":[null],"names":["AddContentButton","iconName","onButtonClick","buttonLabel","buttonText","disableButton","stepCount","iconWidth","iconHeight","_jsxs","className","children","checkEmpty","_jsx","Icon","name","width","height","Typography","fontSize","fontWeight","lineHeight","IconButton","label","onClick","isDisable"],"mappings":";;;;;;AAQMA,MAAAA,gBAAgB,GAAoCA,CAAC;AACzDC,EAAAA,QAAQ,GAAG,EAAE;EACbC,aAAa;AACbC,EAAAA,WAAW,GAAG,OAAO;AACrBC,EAAAA,UAAU,GAAG,cAAc;AAC3BC,EAAAA,aAAa,GAAG,KAAK;AACrBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,SAAS,GAAG,GAAG;AACfC,EAAAA,UAAU,GAAG;AAAG,CACjB,KAAI;EACH,OACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAE,CAAsBL,mBAAAA,EAAAA,aAAa,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA;IAAAM,QAAA,EAAA,CACpE,CAACC,UAAU,CAACX,QAAQ,CAAC,IACpBY,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,gBAAgB;AAAAC,MAAAA,QAAA,EAC7BE,GAAC,CAAAC,IAAI,EAAC;AAAAC,QAAAA,IAAI,EAAEd,QAAQ;AAAEe,QAAAA,KAAK,EAAET,SAAS;AAAEU,QAAAA,MAAM,EAAET;OAAc;AAAA,KAAA,CAEjE,EACDC,IAAK,CAAA,KAAA,EAAA;AAAAC,MAAAA,SAAS,EAAC,yBAAyB;AACtCC,MAAAA,QAAA,EAAA,CAAAF,IAAA,CAACS,UAAU,EAAA;AAACC,QAAAA,QAAQ,EAAC,MAAM;AAACC,QAAAA,UAAU,EAAC,SAAS;AAACC,QAAAA,UAAU,EAAC,MAAM;AAAAV,QAAAA,QAAA,EAAA,CAAA,OAAA,EAC1DL,SAAS,EAAA,IAAA;AAAA,OAAA,CACJ,EACbO,GAAA,CAACK,UAAU,EAAA;AAACC,QAAAA,QAAQ,EAAC,MAAM;AAACC,QAAAA,UAAU,EAAC,WAAW;AAACC,QAAAA,UAAU,EAAC,MAAM;AAAAV,QAAAA,QAAA,EAAA;AAAA,OAAA,CAEvD,EACbE,GAAA,CAACS,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEpB,WAAW;AAClBqB,QAAAA,OAAO,EAAEtB,aAAa;AACtBD,QAAAA,QAAQ,EAAC,gBAAgB;AACzBwB,QAAAA,SAAS,EAAEpB;AAAa,OAAA,CACxB,EACFQ,GAAA,CAACK,UAAU,EAAA;AAACC,QAAAA,QAAQ,EAAC,MAAM;AAACC,QAAAA,UAAU,EAAC,WAAW;AAACC,QAAAA,UAAU,EAAC,MAAM;AAAAV,QAAAA,QAAA,EACjEP;AAAU,OAAA,CACA;AACT,KAAA,CAAA;AAAA,GAAA,CACF;AAEV;;;;"}
+{"version":3,"file":"AddContentButton.js","sourceRoot":"","sources":["../../../src/components/AddContentButton/AddContentButton.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAC;AACjC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,WAAW,GAAG,OAAO,EACrB,UAAU,GAAG,cAAc,EAC3B,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACjB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,aACpE,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CACxB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAI,GAC1D,CACP,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,MAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,sBAC1D,SAAS,UACJ,EACb,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,MAAM,sBAEvD,EACb,KAAC,UAAU,IACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,aAAa,GACxB,EACF,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,MAAM,YACjE,UAAU,GACA,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/AddResourceButton/AddResourceButton.js

@@ -1,118 +1,72 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import ArrowsButton from './ArrowsButton/ArrowsButton.js';
-import Icon from '../Icon/Icon.js';
-import { useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AddResourceButton.scss';
+import ArrowsButton from './ArrowsButton/ArrowsButton';
+import Icon from '../Icon';
+import { useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { validateArrows } from './type.js';
-import usePortalPosition from '../../hooks/usePortalPosition.js';
-
-const AddResourceButton = ({
-  id = 'AddModule',
-  variant = 'primary',
-  directionalArrow = [{
-    direction: 'right',
-    menuOptions: [{
-      label: 'Sub Module',
-      value: 'sub_module',
-      icon: '',
-      disable: false
-    }]
-  }],
-  zIndex = 1400,
-  menuOptionZIndex = 1400,
-  treeRowRef,
-  onMenuOptionClick
-}) => {
-  const [isHovered, setIsHovered] = useState(false);
-  const [positionArrowContainer, setPositionArrowContainer] = useState({
-    left: 0,
-    top: 0
-  });
-  const [activeArrow, setActiveArrow] = useState('');
-  const arrowContainerRef = useRef(null);
-  const validArrows = validateArrows(directionalArrow);
-  const portalPosition = usePortalPosition(arrowContainerRef, isHovered);
-  const handleHover = () => {
-    if (!activeArrow) {
-      setIsHovered(true);
-    }
-    const {
-      positionX,
-      positionY
-    } = portalPosition(arrowContainerRef);
-    setPositionArrowContainer({
-      left: positionX,
-      top: positionY
-    });
-    const parentNode = arrowContainerRef.current?.parentNode;
-    if (treeRowRef !== null && parentNode) {
-      const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
-      actionContainer?.classList.add('table-row-add-button');
-    }
-  };
-  const handleLeave = () => {
-    setIsHovered(false);
-    setActiveArrow('');
-    const parentNode = arrowContainerRef.current?.parentNode;
-    if (treeRowRef !== null && parentNode) {
-      const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
-      actionContainer?.classList.remove('table-row-add-button');
-    }
-  };
-  const handleArrowClick = direction => {
-    if (activeArrow === direction) {
-      setActiveArrow('');
-      setIsHovered(false);
-    } else {
-      setActiveArrow(direction);
-      setIsHovered(true);
-    }
-  };
-  const getArrowButtonClass = () => {
-    const directions = validArrows.map(arrow => arrow.direction).sort().join('-');
-    const arrowCountClass = validArrows.length === 2 ? 'ff-two-arrows' : '';
-    return `ff-${directions} ${arrowCountClass}`;
-  };
-  return jsxs("div", {
-    className: `ff-add-button-container ${isHovered && !activeArrow ? `ff-hovered-add-button--${variant}` : ''}`,
-    id: id,
-    onMouseEnter: handleHover,
-    onMouseLeave: handleLeave,
-    ref: arrowContainerRef,
-    children: [jsx("span", {
-      className: "ff-add-button",
-      children: jsx(Icon, {
-        name: "plus_icon",
-        width: 16,
-        height: 16,
-        className: isHovered ? `ff-hovered-add-icon--${variant}` : `ff-add-icon--${variant}`
-      })
-    }), isHovered && /*#__PURE__*/createPortal(jsx("div", {
-      id: `portal-123`,
-      className: `ff-arrow-buttons-container ${getArrowButtonClass()}`,
-      onMouseEnter: handleHover,
-      onMouseLeave: handleLeave,
-      style: {
-        left: positionArrowContainer.left,
-        top: positionArrowContainer.top,
-        zIndex: zIndex
-      },
-      children: directionalArrow.map(({
-        direction,
-        menuOptions
-      }, index) => jsx(ArrowsButton, {
-        direction: direction,
-        onArrowClick: () => handleArrowClick(direction),
-        menuOptions: menuOptions,
-        isActive: activeArrow === direction,
-        variant: variant,
-        treeRowRef: treeRowRef,
-        onMenuOptionClick: onMenuOptionClick,
-        menuOptionZIndex: menuOptionZIndex
-      }, index))
-    }), document.body)]
-  });
+import { validateArrows, } from './type';
+import usePortalPosition from '../../hooks/usePortalPosition';
+const AddResourceButton = ({ id = 'AddModule', variant = 'primary', directionalArrow = [
+    {
+        direction: 'right',
+        menuOptions: [
+            { label: 'Sub Module', value: 'sub_module', icon: '', disable: false },
+        ],
+    },
+], zIndex = 1400, menuOptionZIndex = 1400, treeRowRef, onMenuOptionClick, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const [positionArrowContainer, setPositionArrowContainer] = useState({ left: 0, top: 0 });
+    const [activeArrow, setActiveArrow] = useState('');
+    const arrowContainerRef = useRef(null);
+    const validArrows = validateArrows(directionalArrow);
+    const portalPosition = usePortalPosition(arrowContainerRef, isHovered);
+    const handleHover = () => {
+        if (!activeArrow) {
+            setIsHovered(true);
+        }
+        const { positionX, positionY } = portalPosition(arrowContainerRef);
+        setPositionArrowContainer({ left: positionX, top: positionY });
+        const parentNode = arrowContainerRef.current?.parentNode;
+        if (treeRowRef !== null && parentNode) {
+            const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
+            actionContainer?.classList.add('table-row-add-button');
+        }
+    };
+    const handleLeave = () => {
+        setIsHovered(false);
+        setActiveArrow('');
+        const parentNode = arrowContainerRef.current?.parentNode;
+        if (treeRowRef !== null && parentNode) {
+            const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
+            actionContainer?.classList.remove('table-row-add-button');
+        }
+    };
+    const handleArrowClick = (direction) => {
+        if (activeArrow === direction) {
+            setActiveArrow('');
+            setIsHovered(false);
+        }
+        else {
+            setActiveArrow(direction);
+            setIsHovered(true);
+        }
+    };
+    const getArrowButtonClass = () => {
+        const directions = validArrows
+            .map((arrow) => arrow.direction)
+            .sort()
+            .join('-');
+        const arrowCountClass = validArrows.length === 2 ? 'ff-two-arrows' : '';
+        return `ff-${directions} ${arrowCountClass}`;
+    };
+    return (_jsxs("div", { className: `ff-add-button-container ${isHovered && !activeArrow ? `ff-hovered-add-button--${variant}` : ''}`, id: id, onMouseEnter: handleHover, onMouseLeave: handleLeave, ref: arrowContainerRef, children: [_jsx("span", { className: "ff-add-button", children: _jsx(Icon, { name: "plus_icon", width: 16, height: 16, className: isHovered
+                        ? `ff-hovered-add-icon--${variant}`
+                        : `ff-add-icon--${variant}` }) }), isHovered &&
+                createPortal(_jsx("div", { id: `portal-123`, className: `ff-arrow-buttons-container ${getArrowButtonClass()}`, onMouseEnter: handleHover, onMouseLeave: handleLeave, style: {
+                        left: positionArrowContainer.left,
+                        top: positionArrowContainer.top,
+                        zIndex: zIndex,
+                    }, children: directionalArrow.map(({ direction, menuOptions }, index) => (_jsx(ArrowsButton, { direction: direction, onArrowClick: () => handleArrowClick(direction), menuOptions: menuOptions, isActive: activeArrow === direction, variant: variant, treeRowRef: treeRowRef, onMenuOptionClick: onMenuOptionClick, menuOptionZIndex: menuOptionZIndex }, index))) }), document.body)] }));
 };
-
-export { AddResourceButton as default };
-//# sourceMappingURL=AddResourceButton.js.map
+export default AddResourceButton;
+//# sourceMappingURL=AddResourceButton.js.map