@erpsquad/common 1.8.41 → 1.8.43

package/dist/components/charts/line-chart/area-lineChart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChart: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChart;\n"],"names":["data","width","height","lineColor","lineFillColor","rest","svgRef","useRef","containerRef","containerWidth","setContainerWidth","useState","useEffect","resizeObserver","ResizeObserver","current","clientWidth","observe","disconnect","svg","d3.select","selectAll","remove","chartWidth","chartHeight","x","d3.scaleLinear","domain","length","range","y","d3.max","d","value","line","d3.line","_","i","area","d3.area","y0","y1","chart","append","attr","datum","style","ref","children"],"mappings":"sdAgBgD,EAC9CA,OACAC,QAAQ,OACRC,SAAS,IACTC,YAAY,UACZC,gBAAgB,aACbC,MAEH,MAAMC,EAASC,EAAAA,OAAsB,MAC/BC,EAAeD,EAAAA,OAAuB,OACrCE,EAAgBC,GAAqBC,EAAAA,SAAS,GAyErD,OAvEAC,EAAAA,UAAU,KAER,MAAMC,EAAiB,IAAIC,eAAe,KACpCN,EAAaO,SACfL,EAAkBF,EAAaO,QAAQC,eAS3C,OALIR,EAAaO,UACfF,EAAeI,QAAQT,EAAaO,SACpCL,EAAkBF,EAAaO,QAAQC,cAGlC,IAAMH,EAAeK,cAC3B,IAEHN,EAAAA,UAAU,KACR,GAAuB,IAAnBH,EAAsB,OAE1B,MAAMU,EAAMC,EAAAA,QAAUd,EAAOS,SAC7BI,EAAIE,UAAU,KAAKC,SAEnB,MACMC,EAAad,EADY,EAAU,EAEnCe,EAActB,EAEduB,EAAIC,EAAAA,UAEPC,OAAO,CAAC,EAAG3B,EAAK4B,OAAS,IACzBC,MAAM,CAAC,EAAGN,IAEPO,EAAIJ,EAAAA,UAEPC,OAAO,CAAC,EAAGI,EAAAA,QAAO/B,EAAOgC,GAAiBA,EAAEC,QAAU,IACtDJ,MAAM,CAACL,EAAa,IAEjBU,EAAOC,EAAAA,UAEVV,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdP,EAAGE,GAAMF,EAAEE,EAAEC,QAEVK,EAAOC,EAAAA,UAEVd,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdG,GAAGhB,GACHiB,GAAIT,GAAMF,EAAEE,EAAEC,QAEXS,EAAQvB,EACXwB,OAAO,KACPC,KAAK,YAAa,kBAErBF,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKV,GACVY,MAAM,OAAQ,QACdA,MAAM,SAAU3C,GAChB2C,MAAM,eAAgB,GAEzBJ,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKN,GACVQ,MAAM,OAAQ1C,GAEjBsC,EAAMrB,UAAU,WAAWC,SAC3BoB,EAAMrB,UAAU,cAAcC,UAC7B,CAACtB,EAAME,EAAQC,EAAWC,EAAeK,yBAGzC,MAAA,CAAIsC,IAAKvC,EAAcsC,MAAO,CAAE7C,QAAcC,UAC7C8C,8BAAC,MAAA,CAAID,IAAKzC,EAAQL,MAAM,OAAOC,OAAO,UAAWG"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChartTwo: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChartTwo;\n"],"names":["data","width","height","lineColor","lineFillColor","rest","svgRef","useRef","containerRef","containerWidth","setContainerWidth","useState","useEffect","resizeObserver","ResizeObserver","current","clientWidth","observe","disconnect","svg","d3.select","selectAll","remove","chartWidth","chartHeight","x","d3.scaleLinear","domain","length","range","y","d3.max","d","value","line","d3.line","_","i","area","d3.area","y0","y1","chart","append","attr","datum","style","ref","children"],"mappings":"sdAgBmD,EACjDA,OACAC,QAAQ,OACRC,SAAS,IACTC,YAAY,UACZC,gBAAgB,aACbC,MAEH,MAAMC,EAASC,EAAAA,OAAsB,MAC/BC,EAAeD,EAAAA,OAAuB,OACrCE,EAAgBC,GAAqBC,EAAAA,SAAS,GAyErD,OAvEAC,EAAAA,UAAU,KAER,MAAMC,EAAiB,IAAIC,eAAe,KACpCN,EAAaO,SACfL,EAAkBF,EAAaO,QAAQC,eAS3C,OALIR,EAAaO,UACfF,EAAeI,QAAQT,EAAaO,SACpCL,EAAkBF,EAAaO,QAAQC,cAGlC,IAAMH,EAAeK,cAC3B,IAEHN,EAAAA,UAAU,KACR,GAAuB,IAAnBH,EAAsB,OAE1B,MAAMU,EAAMC,EAAAA,QAAUd,EAAOS,SAC7BI,EAAIE,UAAU,KAAKC,SAEnB,MACMC,EAAad,EADY,EAAU,EAEnCe,EAActB,EAEduB,EAAIC,EAAAA,UAEPC,OAAO,CAAC,EAAG3B,EAAK4B,OAAS,IACzBC,MAAM,CAAC,EAAGN,IAEPO,EAAIJ,EAAAA,UAEPC,OAAO,CAAC,EAAGI,EAAAA,QAAO/B,EAAOgC,GAAiBA,EAAEC,QAAU,IACtDJ,MAAM,CAACL,EAAa,IAEjBU,EAAOC,EAAAA,UAEVV,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdP,EAAGE,GAAMF,EAAEE,EAAEC,QAEVK,EAAOC,EAAAA,UAEVd,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdG,GAAGhB,GACHiB,GAAIT,GAAMF,EAAEE,EAAEC,QAEXS,EAAQvB,EACXwB,OAAO,KACPC,KAAK,YAAa,kBAErBF,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKV,GACVY,MAAM,OAAQ,QACdA,MAAM,SAAU3C,GAChB2C,MAAM,eAAgB,GAEzBJ,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKN,GACVQ,MAAM,OAAQ1C,GAEjBsC,EAAMrB,UAAU,WAAWC,SAC3BoB,EAAMrB,UAAU,cAAcC,UAC7B,CAACtB,EAAME,EAAQC,EAAWC,EAAeK,yBAGzC,MAAA,CAAIsC,IAAKvC,EAAcsC,MAAO,CAAE7C,QAAcC,UAC7C8C,8BAAC,MAAA,CAAID,IAAKzC,EAAQL,MAAM,OAAOC,OAAO,UAAWG"}

package/dist/components/charts/line-chart/area-lineChart.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface DataPoint {
+    label: string;
+    value: number;
+}
+interface LineChartProps {
+    data: DataPoint[];
+    width?: number | string;
+    height?: number | string;
+    lineColor?: string;
+    lineFillColor?: string;
+}
+declare const AreaLineChartTwo: React.FC<LineChartProps>;
+export default AreaLineChartTwo;

package/dist/components/charts/line-chart/index.d.ts

@@ -0,0 +1,6 @@
+export { default as AreaLineChart } from './area-line-chart';
+export * from './area-line-chart';
+export { default as AreaLineChartTwo } from './area-lineChart';
+export * from './area-lineChart';
+export { default as LineChart } from './line-chart';
+export * from './line-chart';

package/dist/components/charts/line-chart/line-chart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface DataPoint {
+    label: string;
+    value: number;
+}
+interface LineChartProps {
+    data: DataPoint[];
+    numOfLines?: number;
+    width?: number;
+    height?: number;
+}
+declare const LineChart: React.FC<LineChartProps>;
+export default LineChart;

package/dist/components/charts/multiLineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MultiLineChart } from './multi-line-chart';
+export * from './multi-line-chart';

package/dist/components/charts/multiLineChart/multi-line-chart.d.ts

@@ -0,0 +1,20 @@
+export interface IMultiLineChartProps {
+    data: any;
+    width?: number;
+    height?: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    yAxisData: any;
+    xAxisData: any;
+    colors?: string[];
+    line?: boolean;
+    yAxisLabelType?: 'inPercent' | 'inValue' | 'custom';
+    customLabelFormatter?: (value: number) => string;
+    currency?: string;
+}
+declare const MultiLineChart: ({ data, yAxisData, xAxisData, colors, height, margin, line, yAxisLabelType, currency, customLabelFormatter, }: IMultiLineChartProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiLineChart;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from '@mui/material';
+
+declare const Checkbox: import('react').MemoExoticComponent<(props: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
+export default Checkbox;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './checkbox';
+export * from './checkbox';

package/dist/components/chip/chip.d.ts

@@ -0,0 +1,10 @@
+import { ChipProps } from '@mui/material';
+
+interface IChip extends ChipProps {
+    type?: "rounded" | "normal";
+    active?: boolean;
+    inActive?: boolean;
+    label?: string | React.ReactNode | number | JSX.Element;
+}
+declare const Chip: (props: IChip) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/components/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Chip } from './chip';
+export * from './chip';

package/dist/components/chip-generator/chip-generator.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+
+interface ChipGeneratorProps {
+    name: string;
+    control: any;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    validation?: any[];
+    maxChips?: number;
+    allowDuplicates?: boolean;
+    fieldArrayName?: string;
+    endIcon?: React.ReactNode;
+    helperText?: string;
+    error?: boolean;
+    onChipAdd?: (chip: string) => void;
+    onChipRemove?: (chip: string, index: number) => void;
+    customChipProps?: any;
+    textFieldProps?: any;
+    allowMultipleAdd?: boolean;
+    delimiters?: string[];
+    dataType?: 'array' | 'string';
+    separator?: string;
+}
+declare const ChipGenerator: React.FC<ChipGeneratorProps>;
+export default ChipGenerator;

package/dist/components/chip-generator/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ChipGenerator } from './chip-generator';
+export * from './chip-generator';

package/dist/components/color-picker-input/color-picker-input.d.ts

@@ -0,0 +1,7 @@
+declare const ColorPickerInput: ({ value, onChange, label, ...props }: {
+    [x: string]: any;
+    value: any;
+    onChange: any;
+    label: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ColorPickerInput;

package/dist/components/color-picker-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ColorPickerInput } from './color-picker-input';
+export * from './color-picker-input';

package/dist/components/confirm-modal/confirm-modal.d.ts

@@ -0,0 +1,21 @@
+import { DialogProps } from '@mui/material';
+
+interface ConfirmPopUpProps extends DialogProps {
+    title: string;
+    description: string | JSX.Element;
+    onClose: () => void;
+    onConfirm: () => void;
+    buttonTexts?: {
+        confirm: string;
+        cancel: string;
+    };
+    buttonColors?: {
+        confirm: string;
+        cancel?: string;
+    };
+    modalType?: 'alert' | 'info';
+    loading?: boolean;
+    showAction?: boolean;
+}
+declare const ConfirmPopUp: (props: ConfirmPopUpProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmPopUp;

package/dist/components/confirm-modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ConfirmPopUp } from './confirm-modal';
+export { default as ConfirmModal } from './confirm-modal';
+export * from './confirm-modal';

package/dist/components/country-select/country-select.d.ts

@@ -0,0 +1,6 @@
+interface ICountrySelect {
+    country: string;
+    handleCountry: (country: string) => void;
+}
+declare const CountrySelect: ({ country, handleCountry }: ICountrySelect) => import("react/jsx-runtime").JSX.Element;
+export default CountrySelect;

package/dist/components/country-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CountrySelect } from './country-select';
+export * from './country-select';

package/dist/components/custom-snackbar/custom-snackbar.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface CustomSnackbarProps {
+    message: string;
+    variant?: 'default' | 'error' | 'success' | 'warning' | 'info';
+    linkUrl?: string;
+    snackbarKey: string | number;
+}
+declare const CustomSnackbar: React.ForwardRefExoticComponent<CustomSnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export default CustomSnackbar;

package/dist/components/custom-snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomSnackbar } from './custom-snackbar';
+export * from './custom-snackbar';

package/dist/components/custom-toggle-switch/custom-toggle-switch.d.ts

@@ -0,0 +1,10 @@
+declare const CustomToggleSwitch: ({ leftLabel, rightLabel, defaultChecked, onChange, disabled, sx, ...props }: {
+    [x: string]: any;
+    leftLabel?: string;
+    rightLabel?: string;
+    defaultChecked?: boolean;
+    onChange: any;
+    disabled?: boolean;
+    sx?: {};
+}) => import("react/jsx-runtime").JSX.Element;
+export default CustomToggleSwitch;

package/dist/components/custom-toggle-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomToggleSwitch } from './custom-toggle-switch';
+export * from './custom-toggle-switch';

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,20 @@
+
+export interface DatePickerProps {
+    label: string;
+    disabled?: boolean;
+    error?: boolean;
+    name?: string;
+    value?: string | number | Date;
+    helperText?: string;
+    dataPosition?: number;
+    dataName?: string;
+    disableFutureDates?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    disablePastDates?: boolean;
+    defaultValue?: string | number | Date | undefined;
+    textFieldProps?: any;
+    format?: string;
+}
+declare const DatePicker: import('react').MemoExoticComponent<(props: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
+export default DatePicker;

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DatePicker } from './date-picker';
+export * from './date-picker';

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,3 @@
+
+declare function DateRangePicker(props: any): import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;

package/dist/components/date-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateRangePicker } from './date-range-picker';
+export * from './date-range-picker';

package/dist/components/date-time-picker/date-time-picker.d.ts

@@ -0,0 +1,20 @@
+
+export interface DatePickerProps {
+    label: string;
+    disabled?: boolean;
+    error?: boolean;
+    name?: string;
+    value?: string | number | Date;
+    helperText?: string;
+    dataPosition?: number;
+    dataName?: string;
+    disableFutureDates?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    disablePastDates?: boolean;
+    defaultValue?: string | number | Date | undefined;
+    textFieldProps?: any;
+    format?: string;
+}
+declare const DateTimePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DateTimePicker;

package/dist/components/date-time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateTimePicker } from './date-time-picker';
+export * from './date-time-picker';

package/dist/components/dropdown-button/dropdown-button.d.ts

@@ -0,0 +1,24 @@
+import { ButtonGroupProps } from '@mui/material/ButtonGroup';
+import { ButtonProps, SxProps } from '@mui/material';
+import * as React from 'react';
+export interface IDropdownMenuOption {
+    label: string | JSX.Element;
+    callback: (event?: any, index?: number) => void;
+    color?: string;
+    disableToggle?: boolean;
+}
+interface DropdownButtonProps extends ButtonProps {
+    children?: React.ReactNode;
+    options: IDropdownMenuOption[];
+    isMenuThirdItemDisabled?: boolean;
+    isOnlyDropDownButton?: boolean;
+    onlyDropDownButtonProps?: {
+        style?: SxProps;
+    };
+    buttonGroupProps?: ButtonGroupProps;
+    dropdownButtonProps?: ButtonGroupProps;
+    toggleCallback?: (e?: boolean) => void;
+    loading?: boolean;
+}
+declare const DropdownButton: React.FC<DropdownButtonProps>;
+export default DropdownButton;

package/dist/components/dropdown-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownButton } from './dropdown-button';
+export * from './dropdown-button';

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper/index.esm.js

@@ -81,8 +81,114 @@ const DynamicLayoutWrapper = ({
     /* @__PURE__ */ jsx(ExpandableSummaryWrapper, { ...mergedSummaryProps })
   ] });
 };
+const AdvancedDynamicLayoutWrapper = ({
+  multipleSummaries = [],
+  layoutMode = "horizontal",
+  minMainContentSize = 4,
+  minSummarySize = 2,
+  responsiveConfig,
+  ...baseProps
+}) => {
+  var _a;
+  const [summaryStates, setSummaryStates] = useState({});
+  const totalSummarySize = useMemo(() => {
+    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);
+  }, [summaryStates]);
+  const handleMultipleSummaryToggle = useCallback((summaryId, isExpanded, summaryGridSize) => {
+    setSummaryStates((prev) => {
+      var _a2;
+      const newStates = {
+        ...prev,
+        [summaryId]: { size: summaryGridSize, expanded: isExpanded }
+      };
+      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);
+      const newMainSize = Math.max(
+        minMainContentSize,
+        Math.min(baseProps.maxGridSize - newTotalSize, baseProps.maxGridSize)
+      );
+      (_a2 = baseProps.onLayoutChange) == null ? void 0 : _a2.call(baseProps, newMainSize, newTotalSize, isExpanded);
+      return newStates;
+    });
+  }, [baseProps, minMainContentSize]);
+  if (multipleSummaries.length > 0) {
+    const mainSize = Math.max(
+      minMainContentSize,
+      (baseProps.maxGridSize || 12) - totalSummarySize
+    );
+    return /* @__PURE__ */ jsxs(Grid, { container: true, ...baseProps.containerProps, children: [
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          item: true,
+          xs: mainSize,
+          sx: {
+            transition: baseProps.enableTransitions ? `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || "ease-in-out"}` : void 0,
+            ...(_a = baseProps.mainContentProps) == null ? void 0 : _a.sx
+          },
+          ...baseProps.mainContentProps,
+          children: baseProps.children
+        }
+      ),
+      multipleSummaries.map((summary) => /* @__PURE__ */ jsx(
+        ExpandableSummaryWrapper,
+        {
+          ...summary.props,
+          onToggle: (isExpanded, size) => handleMultipleSummaryToggle(summary.id, isExpanded, size),
+          children: summary.content
+        },
+        summary.id
+      ))
+    ] });
+  }
+  return /* @__PURE__ */ jsx(DynamicLayoutWrapper, { ...baseProps });
+};
+const useDynamicLayout = (maxGridSize = 12, defaultSummaryExpanded = true, expandedSize = 3, collapsedSize = 0) => {
+  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);
+  const [summarySize, setSummarySize] = useState(
+    defaultSummaryExpanded ? expandedSize : collapsedSize
+  );
+  const [mainSize, setMainSize] = useState(
+    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)
+  );
+  const toggleSummary = useCallback(() => {
+    const newExpanded = !isExpanded;
+    const newSummarySize = newExpanded ? expandedSize : collapsedSize;
+    const newMainSize = maxGridSize - newSummarySize;
+    setIsExpanded(newExpanded);
+    setSummarySize(newSummarySize);
+    setMainSize(newMainSize);
+  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);
+  const setSummaryState = useCallback((expanded) => {
+    const newSummarySize = expanded ? expandedSize : collapsedSize;
+    const newMainSize = maxGridSize - newSummarySize;
+    setIsExpanded(expanded);
+    setSummarySize(newSummarySize);
+    setMainSize(newMainSize);
+  }, [expandedSize, collapsedSize, maxGridSize]);
+  return {
+    isExpanded,
+    summarySize,
+    mainSize,
+    toggleSummary,
+    setSummaryState
+  };
+};
+const calculateOptimalSizes = (totalSize, contentRatio = 0.75, minContentSize = 4, minSummarySize = 2) => {
+  const idealContentSize = Math.floor(totalSize * contentRatio);
+  const idealSummarySize = totalSize - idealContentSize;
+  const contentSize = Math.max(minContentSize, idealContentSize);
+  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));
+  return {
+    contentSize: Math.min(contentSize, totalSize - summarySize),
+    summarySize,
+    totalUsed: contentSize + summarySize
+  };
+};
 export {
+  AdvancedDynamicLayoutWrapper,
   DynamicLayoutWrapper,
-  DynamicLayoutWrapper as default
+  calculateOptimalSizes,
+  DynamicLayoutWrapper as default,
+  useDynamicLayout
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":[],"mappings":";;;;;;AAqCO,MAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA,mBAAmB,CAAA;AAAA,EACnB;AAAA,EACA,eAAe,CAAA;AAAA,EACf,cAAc;AAAA,EACd,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,iBAAiB,CAAA;AAAA,EACjB;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAM;AACJ,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE3D,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,OAAO,WAAW,aAAa;AACjC,YAAM,SAAS,aAAa,QAAQ,UAAU;AAC9C,aAAO,SAAS,KAAK,MAAM,MAAM,IAAI;AAAA,IACvC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,wBAAwB,UAAU,CAAC;AAGvC,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAQ,YAAY,CAAC,oBAAqB,cAAc,yBACpD,cAAc,sBACd,cAAc;AAAA,EACpB,GAAG,CAAC,UAAU,iBAAiB,aAAa,wBAAwB,qBAAqB,oBAAoB,CAAC;AAE9G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,eAAe;AAG9E,QAAM,sBAAsB,YAAY,CAAC,YAAqB,oBAA4B;AACxF,QAAG,UAAU;AACX,yBAAmB,WAAW;AAC9B;AAAA,IACF;AACA,UAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,iBAAiB,WAAW,CAAC;AAE3F,uBAAmB,kBAAkB;AAGrC,qDAAiB,oBAAoB,iBAAiB;AAAA,EACxD,GAAG,CAAC,UAAU,aAAa,cAAc,CAAC;AAG1C,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,CAAC,kBAAmB,QAAO,CAAA;AAE/B,UAAM,WAAW,sBAAsB,MAAM,YAAY,SAAS;AAClE,UAAM,SAAS,oBAAoB,MAAM,YAAY,OAAO;AAE5D,WAAO;AAAA,MACL,YAAY,MAAM,YAAY,OAAO,CAAC,cAAc,WAAW,GAAG;AAAA,QAChE;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL,GAAG,CAAC,mBAAmB,OAAO,oBAAoB,gBAAgB,CAAC;AAGnE,QAAM,qBAAoD;AAAA,IACxD,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,EAAA;AAGF,SACE,qBAAC,MAAA,EAAK,WAAS,MAAE,GAAG,gBAClB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,UACF,GAAG;AAAA,UACH,GAAG,iBAAiB;AAAA,QAAA;AAAA,QAErB,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,oBAAC,0BAAA,EAA2B,GAAG,mBAAA,CAAoB;AAAA,EAAA,GACrD;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":["_a"],"mappings":"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"}

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper/index.js

@@ -1,5 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("../../expandable-summary-wrapper/expandable-summary-wrapper/index.js"),t=require("../../../node_modules/@mui/material/styles/useTheme/index.js"),n=require("../../../node_modules/@mui/system/esm/useMediaQuery/useMediaQuery/index.js"),s=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const i=({children:i,mainContentProps:u={},summaryContent:d,summaryProps:o={},maxGridSize:l=12,defaultSummaryExpanded:m=!0,expandedSummarySize:p=3,collapsedSummarySize:x=0,containerProps:c={},onLayoutChange:y,enableTransitions:f=!0,transitionDuration:g,transitionEasing:S,storageKey:h="grid-summary-panel-state"})=>{const b=t.default(),j=n.default(b.breakpoints.down("md")),M=r.useCallback(()=>{if("undefined"!=typeof window){const e=localStorage.getItem(h);return e?JSON.parse(e):m}return m},[m,h]),q=r.useMemo(()=>j||!M()?l:m?l-p:l-x,[j,M,l,m,p,x]),[w,z]=r.useState(q),C=r.useCallback((e,r)=>{if(j)return void z(l);const a=Math.max(1,Math.min(l-r,l));z(a),null==y||y(a,r,e)},[j,l,y]),G=r.useMemo(()=>{if(!f)return{};const e=g||b.transitions.duration.enteringScreen,r=S||b.transitions.easing.sharp;return{transition:b.transitions.create(["flex-basis","max-width"],{easing:r,duration:e})}},[f,b,g,S]),_={defaultExpanded:m,expandedGridSize:p,collapsedGridSize:x,persistState:!0,ariaLabel:"Toggle summary panel",...o,onToggle:C,children:d,storageKey:h};/* @__PURE__ */
-return e.jsxs(s.default,{container:!0,...c,children:[
-/* @__PURE__ */e.jsx(s.default,{item:!0,xs:w,sx:{...G,...u.sx},...u,children:i}),
-/* @__PURE__ */e.jsx(a.default,{..._})]})};exports.DynamicLayoutWrapper=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../expandable-summary-wrapper/expandable-summary-wrapper/index.js"),n=require("../../../node_modules/@mui/material/styles/useTheme/index.js"),r=require("../../../node_modules/@mui/system/esm/useMediaQuery/useMediaQuery/index.js"),i=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const s=({children:s,mainContentProps:o={},summaryContent:u,summaryProps:d={},maxGridSize:l=12,defaultSummaryExpanded:m=!0,expandedSummarySize:c=3,collapsedSummarySize:p=0,containerProps:x={},onLayoutChange:S,enableTransitions:y=!0,transitionDuration:h,transitionEasing:g,storageKey:f="grid-summary-panel-state"})=>{const z=n.default(),M=r.default(z.breakpoints.down("md")),b=a.useCallback(()=>{if("undefined"!=typeof window){const e=localStorage.getItem(f);return e?JSON.parse(e):m}return m},[m,f]),j=a.useMemo(()=>M||!b()?l:m?l-c:l-p,[M,b,l,m,c,p]),[C,v]=a.useState(j),G=a.useCallback((e,a)=>{if(M)return void v(l);const t=Math.max(1,Math.min(l-a,l));v(t),null==S||S(t,a,e)},[M,l,S]),P=a.useMemo(()=>{if(!y)return{};const e=h||z.transitions.duration.enteringScreen,a=g||z.transitions.easing.sharp;return{transition:z.transitions.create(["flex-basis","max-width"],{easing:a,duration:e})}},[y,z,h,g]),k={defaultExpanded:m,expandedGridSize:c,collapsedGridSize:p,persistState:!0,ariaLabel:"Toggle summary panel",...d,onToggle:G,children:u,storageKey:f};/* @__PURE__ */
+return e.jsxs(i.default,{container:!0,...x,children:[
+/* @__PURE__ */e.jsx(i.default,{item:!0,xs:C,sx:{...P,...o.sx},...o,children:s}),
+/* @__PURE__ */e.jsx(t.default,{...k})]})};exports.AdvancedDynamicLayoutWrapper=({multipleSummaries:n=[],layoutMode:r="horizontal",minMainContentSize:o=4,minSummarySize:u=2,responsiveConfig:d,...l})=>{var m;const[c,p]=a.useState({}),x=a.useMemo(()=>Object.values(c).reduce((e,a)=>e+a.size,0),[c]),S=a.useCallback((e,a,t)=>{p(n=>{var r;const i={...n,[e]:{size:t,expanded:a}},s=Object.values(i).reduce((e,a)=>e+a.size,0),u=Math.max(o,Math.min(l.maxGridSize-s,l.maxGridSize));return null==(r=l.onLayoutChange)||r.call(l,u,s,a),i})},[l,o]);if(n.length>0){const a=Math.max(o,(l.maxGridSize||12)-x);/* @__PURE__ */
+return e.jsxs(i.default,{container:!0,...l.containerProps,children:[
+/* @__PURE__ */e.jsx(i.default,{item:!0,xs:a,sx:{transition:l.enableTransitions?`all ${l.transitionDuration||300}ms ${l.transitionEasing||"ease-in-out"}`:void 0,...null==(m=l.mainContentProps)?void 0:m.sx},...l.mainContentProps,children:l.children}),n.map(a=>/* @__PURE__ */e.jsx(t.default,{...a.props,onToggle:(e,t)=>S(a.id,e,t),children:a.content},a.id))]})}/* @__PURE__ */
+return e.jsx(s,{...l})},exports.DynamicLayoutWrapper=s,exports.calculateOptimalSizes=(e,a=.75,t=4,n=2)=>{const r=Math.floor(e*a),i=e-r,s=Math.max(t,r),o=Math.max(n,Math.min(i,e-s));return{contentSize:Math.min(s,e-o),summarySize:o,totalUsed:s+o}},exports.default=s,exports.useDynamicLayout=(e=12,t=!0,n=3,r=0)=>{const[i,s]=a.useState(t),[o,u]=a.useState(t?n:r),[d,l]=a.useState(e-(t?n:r)),m=a.useCallback(()=>{const a=!i,t=a?n:r,o=e-t;s(a),u(t),l(o)},[i,n,r,e]),c=a.useCallback(a=>{const t=a?n:r,i=e-t;s(a),u(t),l(i)},[n,r,e]);return{isExpanded:i,summarySize:o,mainSize:d,toggleSummary:m,setSummaryState:c}};
 //# sourceMappingURL=index.js.map

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":["DynamicLayoutWrapper","children","mainContentProps","summaryContent","summaryProps","maxGridSize","defaultSummaryExpanded","expandedSummarySize","collapsedSummarySize","containerProps","onLayoutChange","enableTransitions","transitionDuration","transitionEasing","storageKey","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","getInitialState","useCallback","window","stored","localStorage","getItem","JSON","parse","initialMainSize","useMemo","mainContentSize","setMainContentSize","useState","handleSummaryToggle","isExpanded","summaryGridSize","newMainContentSize","Math","max","min","transitionStyles","duration","transitions","enteringScreen","easing","sharp","transition","create","mergedSummaryProps","defaultExpanded","expandedGridSize","collapsedGridSize","persistState","ariaLabel","onToggle","jsxs","Grid","container","jsx","item","xs","sx","ExpandableSummaryWrapper"],"mappings":"kbAqCO,MAAMA,EAA4D,EACvEC,WACAC,mBAAmB,CAAA,EACnBC,iBACAC,eAAe,CAAA,EACfC,cAAc,GACdC,0BAAyB,EACzBC,sBAAsB,EACtBC,uBAAuB,EACvBC,iBAAiB,CAAA,EACjBC,iBACAC,qBAAoB,EACpBC,qBACAC,mBACAC,aAAa,+BAEb,MAAMC,EAAQC,EAAAA,UACRC,EAAWC,EAAAA,QAAcH,EAAMI,YAAYC,KAAK,OAEhDC,EAAkBC,EAAAA,YAAY,KAClC,GAAsB,oBAAXC,OAAwB,CACjC,MAAMC,EAASC,aAAaC,QAAQZ,GACpC,OAAOU,EAASG,KAAKC,MAAMJ,GAAUlB,CACvC,CACA,OAAOA,GACN,CAACA,EAAwBQ,IAGtBe,EAAkBC,EAAAA,QAAQ,IACtBb,IAAaI,IAAqBhB,EAAcC,EACpDD,EAAcE,EACdF,EAAcG,EACjB,CAACS,EAAUI,EAAiBhB,EAAaC,EAAwBC,EAAqBC,KAElFuB,EAAiBC,GAAsBC,EAAAA,SAAiBJ,GAGzDK,EAAsBZ,EAAAA,YAAY,CAACa,EAAqBC,KAC5D,GAAGnB,EAED,YADAe,EAAmB3B,GAGrB,MAAMgC,EAAqBC,KAAKC,IAAI,EAAGD,KAAKE,IAAInC,EAAc+B,EAAiB/B,IAE/E2B,EAAmBK,GAGnB,MAAA3B,GAAAA,EAAiB2B,EAAoBD,EAAiBD,IACrD,CAAClB,EAAUZ,EAAaK,IAGrB+B,EAAmBX,EAAAA,QAAQ,KAC/B,IAAKnB,EAAmB,MAAO,CAAA,EAE/B,MAAM+B,EAAW9B,GAAsBG,EAAM4B,YAAYD,SAASE,eAC5DC,EAAShC,GAAoBE,EAAM4B,YAAYE,OAAOC,MAE5D,MAAO,CACLC,WAAYhC,EAAM4B,YAAYK,OAAO,CAAC,aAAc,aAAc,CAChEH,SACAH,eAGH,CAAC/B,EAAmBI,EAAOH,EAAoBC,IAG5CoC,EAAoD,CACxDC,gBAAiB5C,EACjB6C,iBAAkB5C,EAClB6C,kBAAmB5C,EACnB6C,cAAc,EACdC,UAAW,0BACRlD,EACHmD,SAAUrB,EACVjC,SAAUE,EACVW;AAGF,OACE0C,EAAAA,KAACC,EAAAA,QAAA,CAAKC,WAAS,KAAKjD,EAClBR,SAAA;eAAA0D,EAAAA,IAACF,EAAAA,QAAA,CACCG,MAAI,EACJC,GAAI9B,EACJ+B,GAAI,IACCrB,KACAvC,EAAiB4D,OAElB5D,EAEHD;qBAGF8D,EAAAA,QAAA,IAA8Bd"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":["DynamicLayoutWrapper","children","mainContentProps","summaryContent","summaryProps","maxGridSize","defaultSummaryExpanded","expandedSummarySize","collapsedSummarySize","containerProps","onLayoutChange","enableTransitions","transitionDuration","transitionEasing","storageKey","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","getInitialState","useCallback","window","stored","localStorage","getItem","JSON","parse","initialMainSize","useMemo","mainContentSize","setMainContentSize","useState","handleSummaryToggle","isExpanded","summaryGridSize","newMainContentSize","Math","max","min","transitionStyles","duration","transitions","enteringScreen","easing","sharp","transition","create","mergedSummaryProps","defaultExpanded","expandedGridSize","collapsedGridSize","persistState","ariaLabel","onToggle","jsxs","Grid","container","jsx","item","xs","sx","ExpandableSummaryWrapper","multipleSummaries","layoutMode","minMainContentSize","minSummarySize","responsiveConfig","baseProps","summaryStates","setSummaryStates","totalSummarySize","Object","values","reduce","total","state","size","handleMultipleSummaryToggle","summaryId","prev","newStates","expanded","newTotalSize","newMainSize","_a","call","length","mainSize","map","summary","props","id","content","totalSize","contentRatio","minContentSize","idealContentSize","floor","idealSummarySize","contentSize","summarySize","totalUsed","expandedSize","collapsedSize","setIsExpanded","setSummarySize","setMainSize","toggleSummary","newExpanded","newSummarySize","setSummaryState"],"mappings":"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"}