@erpsquad/common 1.8.40 → 1.8.42

package/dist/components/date-range-picker/date-range-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n  value: string;\n  onClick: () => void;\n  placeholderText: string; // Define placeholderText prop\n  width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n  value,\n  onClick,\n  placeholderText,\n  isRtl\n}) => (\n  \n  <div className=\"calender-container\">\n    <input\n      type=\"text\"\n      value={value}\n      onClick={onClick}\n      placeholder={placeholderText}\n      className=\"open-selected-calender\"\n    />\n    <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n      <CalenderIcon />\n    </div>\n  </div>\n);\n\ninterface CustomHeaderProps {\n  date: Date;\n  decreaseMonth: () => void;\n  increaseMonth: () => void;\n  decreaseYear: () => void;\n  increaseYear: () => void;\n  prevMonthButtonDisabled: boolean;\n  nextMonthButtonDisabled: boolean;\n  prevYearButtonDisabled: boolean;\n  nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n  const {\n    start = null,\n    end = null,\n    startYear = 1980,\n    onDateRangeChange,\n    ...rest\n  } = props;\n  const [startDate, setStartDate] = useState(start);\n  const [endDate, setEndDate] = useState(end);\n  const {isRtl}=useLanguage()\n  const onChange = (dates: any) => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    onDateRangeChange(dates);\n  };\n\n  const years: any = [];\n  const currentYear = getYear(new Date());\n  for (let i = startYear; i <= currentYear + 10; i++) {\n    years.push(i);\n  }\n\n  return (\n    <Box className=\"DateRangePicker\">\n      <DatePicker\n        dateFormat=\"dd-MM-yyyy\"\n        {...rest}\n        customInput={\n          <CustomDatePickerInput\n            placeholderText=\"DD-MM-YYYY\"\n            value=\"\"\n            isRtl={isRtl}\n            onClick={() => { }}\n          />\n        }\n        startDate={startDate}\n        endDate={endDate}\n        onChange={onChange}\n        selectsRange={true}\n        isClearable={true}\n        renderCustomHeader={({\n          date,\n          decreaseMonth,\n          increaseMonth,\n          decreaseYear,\n          increaseYear,\n          prevMonthButtonDisabled,\n          nextMonthButtonDisabled,\n          prevYearButtonDisabled,\n          nextYearButtonDisabled,\n        }: CustomHeaderProps) => (\n          <div className=\"date-picker-container\">\n            <div className=\"d-flex\">\n              <button\n                onClick={decreaseMonth}\n                disabled={prevMonthButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowLeft />\n              </button>\n              <div className=\"month-view\">{months[getMonth(date)]}</div>\n              <button\n                onClick={increaseMonth}\n                disabled={nextMonthButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowRight />\n              </button>\n            </div>\n            <div className=\"d-flex\">\n              <button\n                onClick={decreaseYear}\n                disabled={prevYearButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowLeft />\n              </button>\n              <select\n                className=\"select-year\"\n                value={getYear(date)}\n                onChange={(e) => {\n                  decreaseYear();\n                  setStartDate(new Date(+e.target.value, getMonth(date)));\n                }}\n              >\n                {years.map((year: any) => (\n                  <option key={year} value={year}>\n                    {year}\n                  </option>\n                ))}\n              </select>\n              <button\n                onClick={increaseYear}\n                disabled={nextYearButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowRight />\n              </button>\n            </div>\n          </div>\n        )}\n      />\n    </Box>\n  );\n}\n\nexport default DateRangePicker;\n"],"names":["months","CustomDatePickerInput","value","onClick","placeholderText","isRtl","jsxs","className","children","jsx","type","placeholder","CalenderIcon","props","start","end","startYear","onDateRangeChange","rest","startDate","setStartDate","useState","endDate","setEndDate","useLanguage","years","currentYear","getYear","Date","i","push","Box","DatePicker","dateFormat","customInput","onChange","dates","selectsRange","isClearable","renderCustomHeader","date","decreaseMonth","increaseMonth","decreaseYear","increaseYear","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","disabled","KeyboardArrowLeft","getMonth","KeyboardArrowRight","e","target","map","year"],"mappings":"8eAiBA,MAAMA,EAAmB,CACvB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGIC,EAA8D,EAClEC,QACAC,UACAC,kBACAC,4BAGAC,KAAC,MAAA,CAAIC,UAAU,qBACbC,SAAA;eAAAC,EAAAA,IAAC,QAAA,CACCC,KAAK,OACLR,QACAC,UACAQ,YAAaP,EACbG,UAAU;iBAEZE,IAAC,OAAIF,UAAWF,EAAM,eAAe,WACnCG,wBAAAC,EAAAA,IAACG,EAAAA,iCAiBP,SAAyBC,GACvB,MAAMC,MACJA,EAAQ,KAAAC,IACRA,EAAM,KAAAC,UACNA,EAAY,KAAAC,kBACZA,KACGC,GACDL,GACGM,EAAWC,GAAgBC,EAAAA,SAASP,IACpCQ,EAASC,GAAcF,EAAAA,SAASN,IACjCV,MAACA,GAAOmB,gBAQRC,EAAa,GACbC,EAAcC,EAAAA,uBAAQ,IAAIC,MAChC,IAAA,IAASC,EAAIb,EAAWa,GAAKH,EAAc,GAAIG,IAC7CJ,EAAMK,KAAKD;AAGb,OACEpB,EAAAA,IAACsB,EAAAA,IAAA,CAAIxB,UAAU,kBACbC,wBAAAC,EAAAA,IAACuB,EAAAA,QAAA,CACCC,WAAW,gBACPf,EACJgB,2BACEzB,EAAAA,IAACR,EAAA,CACCG,gBAAgB,aAChBF,MAAM,GACNG,QACAF,QAAS,SAGbgB,YACAG,UACAa,SA5BYC,IAChB,MAAOtB,EAAOC,GAAOqB,EACrBhB,EAAaN,GACbS,EAAWR,GACXE,EAAkBmB,IAyBdC,cAAc,EACdC,aAAa,EACbC,mBAAoB,EAClBC,OACAC,gBACAC,gBACAC,eACAC,eACAC,0BACAC,0BACAC,yBACAC,2CAEA1C,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBACbC,SAAA;iBAAAF,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASsC,EACTQ,SAAUJ,EACVtC,UAAU,kBACVG,KAAK,SAELF,8BAAC0C,EAAAA,kBAAA,CAAA;eAEHzC,MAAC,OAAIF,UAAU,aAAcC,WAAO2C,EAAAA,SAASX;eAC7C/B,EAAAA,IAAC,SAAA,CACCN,QAASuC,EACTO,SAAUH,EACVvC,UAAU,kBACVG,KAAK,SAELF,8BAAC4C,EAAAA,mBAAA,CAAA;iBAGL9C,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASwC,EACTM,SAAUF,EACVxC,UAAU,kBACVG,KAAK,SAELF,8BAAC0C,EAAAA,kBAAA,CAAA;eAEHzC,EAAAA,IAAC,SAAA,CACCF,UAAU,cACVL,MAAOyB,EAAAA,QAAQa,GACfL,SAAWkB,IACTV,IACAvB,EAAa,IAAIQ,MAAMyB,EAAEC,OAAOpD,MAAOiD,EAAAA,SAASX,MAGjDhC,SAAAiB,EAAM8B,IAAKC,kBACV/C,EAAAA,IAAC,UAAkBP,MAAOsD,EACvBhD,SAAAgD,GADUA;eAKjB/C,EAAAA,IAAC,SAAA,CACCN,QAASyC,EACTK,SAAUD,EACVzC,UAAU,kBACVG,KAAK,SAELF,8BAAC4C,EAAAA,mBAAA,CAAA,cAQjB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n  value: string;\n  onClick: () => void;\n  placeholderText: string; // Define placeholderText prop\n  width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n  value,\n  onClick,\n  placeholderText,\n  isRtl\n}) => (\n  \n  <div className=\"calender-container\">\n    <input\n      type=\"text\"\n      value={value}\n      onClick={onClick}\n      placeholder={placeholderText}\n      className=\"open-selected-calender\"\n    />\n    <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n      <CalenderIcon />\n    </div>\n  </div>\n);\n\ninterface CustomHeaderProps {\n  date: Date;\n  decreaseMonth: () => void;\n  increaseMonth: () => void;\n  decreaseYear: () => void;\n  increaseYear: () => void;\n  prevMonthButtonDisabled: boolean;\n  nextMonthButtonDisabled: boolean;\n  prevYearButtonDisabled: boolean;\n  nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n  const {\n    start = null,\n    end = null,\n    startYear = 1980,\n    onDateRangeChange,\n    ...rest\n  } = props;\n  const [startDate, setStartDate] = useState(start);\n  const [endDate, setEndDate] = useState(end);\n  const {isRtl}=useLanguage()\n  const onChange = (dates: any) => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    onDateRangeChange(dates);\n  };\n\n  const years: any = [];\n  const currentYear = getYear(new Date());\n  for (let i = startYear; i <= currentYear + 10; i++) {\n    years.push(i);\n  }\n\n  return (\n    <Box className=\"DateRangePicker\">\n      <DatePicker\n        dateFormat=\"dd-MM-yyyy\"\n        {...rest}\n        customInput={\n          <CustomDatePickerInput\n            placeholderText=\"DD-MM-YYYY\"\n            value=\"\"\n            isRtl={isRtl}\n            onClick={() => { }}\n          />\n        }\n        startDate={startDate}\n        endDate={endDate}\n        onChange={onChange}\n        selectsRange={true}\n        isClearable={true}\n        renderCustomHeader={({\n          date,\n          decreaseMonth,\n          increaseMonth,\n          decreaseYear,\n          increaseYear,\n          prevMonthButtonDisabled,\n          nextMonthButtonDisabled,\n          prevYearButtonDisabled,\n          nextYearButtonDisabled,\n        }: CustomHeaderProps) => (\n          <div className=\"date-picker-container\">\n            <div className=\"d-flex\">\n              <button\n                onClick={decreaseMonth}\n                disabled={prevMonthButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowLeft />\n              </button>\n              <div className=\"month-view\">{months[getMonth(date)]}</div>\n              <button\n                onClick={increaseMonth}\n                disabled={nextMonthButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowRight />\n              </button>\n            </div>\n            <div className=\"d-flex\">\n              <button\n                onClick={decreaseYear}\n                disabled={prevYearButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowLeft />\n              </button>\n              <select\n                className=\"select-year\"\n                value={getYear(date)}\n                onChange={(e) => {\n                  decreaseYear();\n                  setStartDate(new Date(+e.target.value, getMonth(date)));\n                }}\n              >\n                {years.map((year: any) => (\n                  <option key={year} value={year}>\n                    {year}\n                  </option>\n                ))}\n              </select>\n              <button\n                onClick={increaseYear}\n                disabled={nextYearButtonDisabled}\n                className=\"btn-transparent\"\n                type=\"button\"\n              >\n                <KeyboardArrowRight />\n              </button>\n            </div>\n          </div>\n        )}\n      />\n    </Box>\n  );\n}\n\nexport default DateRangePicker;\n"],"names":["months","CustomDatePickerInput","value","onClick","placeholderText","isRtl","jsxs","className","children","jsx","type","placeholder","CalenderIcon","props","start","end","startYear","onDateRangeChange","rest","startDate","setStartDate","useState","endDate","setEndDate","useLanguage","years","currentYear","getYear","Date","i","push","Box","DatePicker","dateFormat","customInput","onChange","dates","selectsRange","isClearable","renderCustomHeader","date","decreaseMonth","increaseMonth","decreaseYear","increaseYear","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","disabled","KeyboardArrowLeft","getMonth","KeyboardArrowRight","e","target","map","year"],"mappings":"iqBAiBA,MAAMA,EAAmB,CACvB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGIC,EAA8D,EAClEC,QACAC,UACAC,kBACAC,4BAGAC,KAAC,MAAA,CAAIC,UAAU,qBACbC,SAAA;eAAAC,EAAAA,IAAC,QAAA,CACCC,KAAK,OACLR,QACAC,UACAQ,YAAaP,EACbG,UAAU;iBAEZE,IAAC,OAAIF,UAAWF,EAAM,eAAe,WACnCG,wBAAAC,EAAAA,IAACG,EAAAA,iCAiBP,SAAyBC,GACvB,MAAMC,MACJA,EAAQ,KAAAC,IACRA,EAAM,KAAAC,UACNA,EAAY,KAAAC,kBACZA,KACGC,GACDL,GACGM,EAAWC,GAAgBC,EAAAA,SAASP,IACpCQ,EAASC,GAAcF,EAAAA,SAASN,IACjCV,MAACA,GAAOmB,gBAQRC,EAAa,GACbC,EAAcC,EAAAA,uBAAQ,IAAIC,MAChC,IAAA,IAASC,EAAIb,EAAWa,GAAKH,EAAc,GAAIG,IAC7CJ,EAAMK,KAAKD;AAGb,OACEpB,EAAAA,IAACsB,EAAAA,QAAA,CAAIxB,UAAU,kBACbC,wBAAAC,EAAAA,IAACuB,EAAAA,QAAA,CACCC,WAAW,gBACPf,EACJgB,2BACEzB,EAAAA,IAACR,EAAA,CACCG,gBAAgB,aAChBF,MAAM,GACNG,QACAF,QAAS,SAGbgB,YACAG,UACAa,SA5BYC,IAChB,MAAOtB,EAAOC,GAAOqB,EACrBhB,EAAaN,GACbS,EAAWR,GACXE,EAAkBmB,IAyBdC,cAAc,EACdC,aAAa,EACbC,mBAAoB,EAClBC,OACAC,gBACAC,gBACAC,eACAC,eACAC,0BACAC,0BACAC,yBACAC,2CAEA1C,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBACbC,SAAA;iBAAAF,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASsC,EACTQ,SAAUJ,EACVtC,UAAU,kBACVG,KAAK,SAELF,8BAAC0C,EAAAA,QAAA,CAAA;eAEHzC,MAAC,OAAIF,UAAU,aAAcC,WAAO2C,EAAAA,SAASX;eAC7C/B,EAAAA,IAAC,SAAA,CACCN,QAASuC,EACTO,SAAUH,EACVvC,UAAU,kBACVG,KAAK,SAELF,8BAAC4C,EAAAA,QAAA,CAAA;iBAGL9C,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASwC,EACTM,SAAUF,EACVxC,UAAU,kBACVG,KAAK,SAELF,8BAAC0C,EAAAA,QAAA,CAAA;eAEHzC,EAAAA,IAAC,SAAA,CACCF,UAAU,cACVL,MAAOyB,EAAAA,QAAQa,GACfL,SAAWkB,IACTV,IACAvB,EAAa,IAAIQ,MAAMyB,EAAEC,OAAOpD,MAAOiD,EAAAA,SAASX,MAGjDhC,SAAAiB,EAAM8B,IAAKC,kBACV/C,EAAAA,IAAC,UAAkBP,MAAOsD,EACvBhD,SAAAgD,GADUA;eAKjB/C,EAAAA,IAAC,SAAA,CACCN,QAASyC,EACTK,SAAUD,EACVzC,UAAU,kBACVG,KAAK,SAELF,8BAAC4C,EAAAA,QAAA,CAAA,cAQjB"}

package/dist/components/date-time-picker/date-time-picker/index.esm.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
 import { Typography } from "../../typography/typography/index.esm.js";
-import { styled } from "@mui/material";
 import { images } from "../../../images/index.esm.js";
 import dayjs from "dayjs";
 /* empty css                                 */
+import { LocalizationProvider } from "../../../node_modules/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider/index.esm.js";
+import { AdapterDayjs } from "../../../node_modules/@mui/x-date-pickers/AdapterDayjs/AdapterDayjs/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import { DateTimePicker as DateTimePicker$1 } from "../../../node_modules/@mui/x-date-pickers/DateTimePicker/DateTimePicker/index.esm.js";
 const StyledDatePicker = styled(DateTimePicker$1)(({ theme: { palette } }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   return {

package/dist/components/date-time-picker/date-time-picker/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/x-date-pickers/AdapterDayjs"),o=require("@mui/x-date-pickers/LocalizationProvider"),t=require("@mui/x-date-pickers/DateTimePicker"),i=,/* empty css                                 */a=require("@mui/material"),d=,/* empty css                     */l=require("dayjs");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                              */var u=/* @__PURE__ */s(l);const n=a.styled(t.DateTimePicker)(({theme:{palette:e}})=>{var r,o,t,i,a,d,l,s,u,n;return{"& .MuiOutlinedInput-root":{padding:"0",color:null==(r=e.theme)?void 0:r.secondary[800],"& fieldset":{borderColor:null==(o=e.theme)?void 0:o.secondary[400]},"&:hover fieldset":{borderColor:null==(t=e.theme)?void 0:t.secondary[500]},"&.Mui-focused fieldset":{borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(i=e.theme)?void 0:i.primary[700]},"&.Mui-error fieldset":{borderColor:null==(a=e.theme)?void 0:a.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"& .MuiInputBase-input::placeholder":{color:null==(s=e.theme)?void 0:s.secondary[800],opacity:1}},"& .MuiFormHelperText-root":{marginLeft:0,color:null==(u=e.theme)?void 0:u.secondary[800],"&.Mui-error":{color:null==(n=e.theme)?void 0:n.error[600]}},"& .MuiIconButton-root":{marginRight:0},"& .MuiPickersCalendarHeader-labelContainer":{fontWeight:600}}});exports.default=t=>{const{label:a,disabled:l,error:s,helperText:c,dataName:m,dataPosition:p,disableFutureDates:h=!1,placeholder:y,required:b=!1,disablePastDates:f=!1,defaultValue:v,textFieldProps:x,format:M,...j}=t;/* @__PURE__ */
-return e.jsxs(o.LocalizationProvider,{dateAdapter:r.AdapterDayjs,children:[a&&/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800","data-position":p,"data-name":m,children:[a," ",b&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsx(n,{disabled:l,disableFuture:h,disablePast:f,slotProps:{textField:{helperText:c,error:s,placeholder:y||"MM/DD/YYYY HH:mm:ss",...x}},format:M||"MM/DD/YYYY HH:mm:ss",slots:{openPickerIcon:d.images.CalenderIcon},...j,defaultValue:v?u.default(v):void 0,className:"datePicker"})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                     */i=require("dayjs");;/* empty css                              */var t=,/* empty css                                                                                         */d=,/* empty css                                                                         */a=,/* empty css                                                       */l=;/* empty css                                                                             */function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */s(i);const u=a.default(l.DateTimePicker)(({theme:{palette:e}})=>{var r,o,i,t,d,a,l,s,n,u;return{"& .MuiOutlinedInput-root":{padding:"0",color:null==(r=e.theme)?void 0:r.secondary[800],"& fieldset":{borderColor:null==(o=e.theme)?void 0:o.secondary[400]},"&:hover fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[500]},"&.Mui-focused fieldset":{borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(d=e.theme)?void 0:d.error[600]},"&.Mui-disabled":{background:null==(a=e.theme)?void 0:a.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"& .MuiInputBase-input::placeholder":{color:null==(s=e.theme)?void 0:s.secondary[800],opacity:1}},"& .MuiFormHelperText-root":{marginLeft:0,color:null==(n=e.theme)?void 0:n.secondary[800],"&.Mui-error":{color:null==(u=e.theme)?void 0:u.error[600]}},"& .MuiIconButton-root":{marginRight:0},"& .MuiPickersCalendarHeader-labelContainer":{fontWeight:600}}});exports.default=i=>{const{label:a,disabled:l,error:s,helperText:c,dataName:m,dataPosition:p,disableFutureDates:h=!1,placeholder:y,required:x=!1,disablePastDates:v=!1,defaultValue:b,textFieldProps:f,format:j,...P}=i;/* @__PURE__ */
+return e.jsxs(t.LocalizationProvider,{dateAdapter:d.AdapterDayjs,children:[a&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800","data-position":p,"data-name":m,children:[a," ",x&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
+/* @__PURE__ */e.jsx(u,{disabled:l,disableFuture:h,disablePast:v,slotProps:{textField:{helperText:c,error:s,placeholder:y||"MM/DD/YYYY HH:mm:ss",...f}},format:j||"MM/DD/YYYY HH:mm:ss",slots:{openPickerIcon:o.images.CalenderIcon},...P,defaultValue:b?n.default(b):void 0,className:"datePicker"})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/date-time-picker/date-time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string | number | Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string | number | Date | undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder || 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format || 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport default DateTimePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"ghBA6BA,MAAMA,EAAmBC,EAAAA,OAAOC,iBAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,wBAIUC,IACvB,MAAMC,MACLA,EAAAC,SACAA,EAAAb,MACAA,EAAAc,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,GACJ5C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAegB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACnD,EAAA,CACA8B,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAd,QACAkB,YAAaA,GAAe,yBACzBI,IAILC,OAAQA,GAAU,sBAClBiB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BnB,EACJH,aAAcA,EAAeuB,UAAMvB,QAAgB,EACnDc,UAAU"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string | number | Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string | number | Date | undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder || 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format || 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport default DateTimePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"+sBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,iBAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,wBAIUC,IACvB,MAAMC,MACLA,EAAAC,SACAA,EAAAb,MACAA,EAAAc,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,GACJ5C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAegB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACnD,EAAA,CACA8B,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAd,QACAkB,YAAaA,GAAe,yBACzBI,IAILC,OAAQA,GAAU,sBAClBiB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BnB,EACJH,aAAcA,EAAeuB,UAAMvB,QAAgB,EACnDc,UAAU"}

package/dist/components/dropdown-button/dropdown-button/index.esm.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import ButtonGroup from "@mui/material/ButtonGroup";
-import ClickAwayListener from "@mui/material/ClickAwayListener";
-import Grow from "@mui/material/Grow";
-import Paper from "@mui/material/Paper";
-import Popper from "@mui/material/Popper";
-import MenuItem from "@mui/material/MenuItem";
-import MenuList from "@mui/material/MenuList";
 import Button from "../../button/button/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import { CircularProgress } from "@mui/material";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
+import ButtonGroup from "../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { ArrowDownTwo } from "../../icons/arrow-down-two/index.esm.js";
+import Popper from "../../../node_modules/@mui/material/Popper/Popper/index.esm.js";
+import Grow from "../../../node_modules/@mui/material/Grow/Grow/index.esm.js";
+import Paper from "../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
+import { ClickAwayListener } from "../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
+import MenuList from "../../../node_modules/@mui/material/MenuList/MenuList/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const DropdownButton = ({
   children,
   options,

package/dist/components/dropdown-button/dropdown-button/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/ButtonGroup"),o=require("@mui/material/ClickAwayListener"),i=require("@mui/material/Grow"),n=require("@mui/material/Paper"),l=require("@mui/material/Popper"),a=require("@mui/material/MenuItem"),u=require("@mui/material/MenuList"),s=require("../../button/button/index.js"),d=require("../../typography/typography/index.js"),c=require("@mui/material"),p=require("../../../hooks/useLangauge/index.js"),f=require("../../icons/arrow-down-two/index.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var b=/* @__PURE__ */x(r),h=/* @__PURE__ */m(t),g=/* @__PURE__ */m(o),j=/* @__PURE__ */m(i),y=/* @__PURE__ */m(n),v=/* @__PURE__ */m(l),w=/* @__PURE__ */m(a),q=/* @__PURE__ */m(u);exports.default=({children:r,options:t,isMenuThirdItemDisabled:o,isOnlyDropDownButton:i=!1,onlyDropDownButtonProps:n=null,buttonGroupProps:l=null,dropdownButtonProps:a=null,toggleCallback:u,loading:m=!1,...x})=>{const[R,P]=b.useState(!1),C=b.useRef(null),{isRtl:k}=p.useLanguage(),D=()=>{P(e=>!e)},O=e=>{C.current&&C.current.contains(e.target)||P(!1)};return b.useEffect(()=>{null==u||u(R)},[R]),/* @__PURE__ */e.jsxs(b.Fragment,{children:[
-/* @__PURE__ */e.jsx(h.default,{sx:m?{boxShadow:"none"}:k?{flexDirection:"row-reverse"}:{},...l,ref:C,disabled:m,children:i?/* @__PURE__ */e.jsx(s.default,{...x,sx:{borderRightColor:"#ffffff20 !important",...null==n?void 0:n.style},onClick:D,children:r}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{...x,sx:e=>{var r;return{borderRightColor:`${null==(r=e.palette.theme)?void 0:r.secondary[100]} !important`,borderRight:"1px solid",borderTopRightRadius:0,borderBottomRightRadius:0,..."function"==typeof(null==x?void 0:x.sx)?x.sx(e):(null==x?void 0:x.sx)||{}}},children:r}),
-/* @__PURE__ */e.jsx(s.default,{size:"small","aria-controls":R?"split-button-menu":void 0,"aria-expanded":R?"true":void 0,"aria-label":"select merge strategy","aria-haspopup":"menu",...a,sx:e=>({p:1,minWidth:"unset !important",borderTopLeftRadius:0,borderBottomLeftRadius:0,..."function"==typeof(null==a?void 0:a.sx)?a.sx(e):(null==a?void 0:a.sx)||{}}),onClick:D,children:m?/* @__PURE__ */e.jsx(c.CircularProgress,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(f.ArrowDownTwo,{fontSize:"small"})})]})}),
-/* @__PURE__ */e.jsx(v.default,{sx:{zIndex:1},open:R,anchorEl:C.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:r,placement:i})=>/* @__PURE__ */e.jsx(j.default,{...r,style:{transformOrigin:"bottom"===i?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(y.default,{elevation:0,sx:{border:"1px solid",borderColor:"grey.300",borderRadius:"8px",mt:.25},children:/* @__PURE__ */e.jsx(g.default,{onClickAway:O,children:/* @__PURE__ */e.jsx(q.default,{id:"split-button-menu",autoFocusItem:!0,children:t.map((r,t)=>/* @__PURE__ */e.jsx(w.default,{disabled:!o&&2===t,onClick:e=>{r.callback(e,t),(null==r?void 0:r.disableToggle)||D()},children:/* @__PURE__ */e.jsx(d.Typography,{type:"s4",color:r.color?r.color:"theme.secondary.1000",sx:{width:"100%"},children:r.label})},t))})})})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../button/button/index.js"),t=require("../../typography/typography/index.js"),i=require("../../../hooks/useLangauge/index.js"),n=require("../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.js"),l=require("../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),s=require("../../icons/arrow-down-two/index.js"),u=require("../../../node_modules/@mui/material/Popper/Popper/index.js"),a=require("../../../node_modules/@mui/material/Grow/Grow/index.js"),d=require("../../../node_modules/@mui/material/Paper/Paper/index.js"),c=require("../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.js"),p=require("../../../node_modules/@mui/material/MenuList/MenuList/index.js"),m=require("../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function x(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}}),r.default=e,r}var f=/* @__PURE__ */x(r);exports.default=({children:r,options:x,isMenuThirdItemDisabled:b,isOnlyDropDownButton:j=!1,onlyDropDownButtonProps:h=null,buttonGroupProps:g=null,dropdownButtonProps:y=null,toggleCallback:w,loading:v=!1,...q})=>{const[P,C]=f.useState(!1),R=f.useRef(null),{isRtl:k}=i.useLanguage(),_=()=>{C(e=>!e)},L=e=>{R.current&&R.current.contains(e.target)||C(!1)};return f.useEffect(()=>{null==w||w(P)},[P]),/* @__PURE__ */e.jsxs(f.Fragment,{children:[
+/* @__PURE__ */e.jsx(n.default,{sx:v?{boxShadow:"none"}:k?{flexDirection:"row-reverse"}:{},...g,ref:R,disabled:v,children:j?/* @__PURE__ */e.jsx(o.default,{...q,sx:{borderRightColor:"#ffffff20 !important",...null==h?void 0:h.style},onClick:_,children:r}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(o.default,{...q,sx:e=>{var r;return{borderRightColor:`${null==(r=e.palette.theme)?void 0:r.secondary[100]} !important`,borderRight:"1px solid",borderTopRightRadius:0,borderBottomRightRadius:0,..."function"==typeof(null==q?void 0:q.sx)?q.sx(e):(null==q?void 0:q.sx)||{}}},children:r}),
+/* @__PURE__ */e.jsx(o.default,{size:"small","aria-controls":P?"split-button-menu":void 0,"aria-expanded":P?"true":void 0,"aria-label":"select merge strategy","aria-haspopup":"menu",...y,sx:e=>({p:1,minWidth:"unset !important",borderTopLeftRadius:0,borderBottomLeftRadius:0,..."function"==typeof(null==y?void 0:y.sx)?y.sx(e):(null==y?void 0:y.sx)||{}}),onClick:_,children:v?/* @__PURE__ */e.jsx(l.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(s.ArrowDownTwo,{fontSize:"small"})})]})}),
+/* @__PURE__ */e.jsx(u.default,{sx:{zIndex:1},open:P,anchorEl:R.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:r,placement:o})=>/* @__PURE__ */e.jsx(a.default,{...r,style:{transformOrigin:"bottom"===o?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(d.default,{elevation:0,sx:{border:"1px solid",borderColor:"grey.300",borderRadius:"8px",mt:.25},children:/* @__PURE__ */e.jsx(c.ClickAwayListener,{onClickAway:L,children:/* @__PURE__ */e.jsx(p.default,{id:"split-button-menu",autoFocusItem:!0,children:x.map((r,o)=>/* @__PURE__ */e.jsx(m.default,{disabled:!b&&2===o,onClick:e=>{r.callback(e,o),(null==r?void 0:r.disableToggle)||_()},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:r.color?r.color:"theme.secondary.1000",sx:{width:"100%"},children:r.label})},o))})})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/dropdown-button/dropdown-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown-button/dropdown-button.tsx"],"sourcesContent":["import * as React from 'react';\nimport ButtonGroup, { ButtonGroupProps } from '@mui/material/ButtonGroup';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport Grow from '@mui/material/Grow';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport Button from '../button/button';\nimport { ArrowDownTwo } from '../icons';\nimport Typography from '../typography/typography';\nimport { ButtonProps, CircularProgress, SxProps } from '@mui/material';\nimport { useLanguage } from '../../hooks/useLangauge';\n\nexport interface IDropdownMenuOption {\n\tlabel: string | JSX.Element;\n\tcallback: (event?: any, index?: number) => void;\n\tcolor?: string;\n\tdisableToggle?: boolean;\n}\n\ninterface DropdownButtonProps extends ButtonProps {\n\tchildren?: React.ReactNode;\n\toptions: IDropdownMenuOption[];\n\tisMenuThirdItemDisabled?: boolean;\n\tisOnlyDropDownButton?: boolean;\n\tonlyDropDownButtonProps?: {\n\t\tstyle?: SxProps;\n\t};\n\tbuttonGroupProps?: ButtonGroupProps;\n\tdropdownButtonProps?: ButtonGroupProps;\n\ttoggleCallback?: (e?: boolean) => void;\n\tloading?: boolean;\n}\n\nconst DropdownButton: React.FC<DropdownButtonProps> = ({\n\tchildren,\n\toptions,\n\tisMenuThirdItemDisabled,\n\tisOnlyDropDownButton = false,\n\tonlyDropDownButtonProps = null,\n\tbuttonGroupProps = null,\n\tdropdownButtonProps=null,\n\ttoggleCallback,\n\tloading = false,\n\t...rest\n}) => {\n\tconst [open, setOpen] = React.useState(false);\n\tconst anchorRef = React.useRef<HTMLDivElement>(null);\n   const {isRtl}=useLanguage();\n\tconst handleToggle = () => {\n\t\tsetOpen((prevOpen) => !prevOpen);\n\t};\n\n\tconst handleClose = (event: Event) => {\n\t\tif (\n\t\t\tanchorRef.current &&\n\t\t\tanchorRef.current.contains(event.target as HTMLElement)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(false);\n\t};\n\n\tReact.useEffect(() => {\n\t\ttoggleCallback?.(open);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [open]);\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<ButtonGroup\n\t\t\t\tsx={loading ? { boxShadow: 'none' } : isRtl?{flexDirection:'row-reverse'}:{}}\n\t\t\t\t{...buttonGroupProps}\n\t\t\t\tref={anchorRef}\n\t\t\t\tdisabled={loading}>\n\t\t\t\t{isOnlyDropDownButton ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tborderRightColor: '#ffffff20 !important',\n\t\t\t\t\t\t\t...onlyDropDownButtonProps?.style\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={handleToggle}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Button>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\tborderRightColor: `${theme.palette.theme?.secondary[100]} !important`,\n\t\t\t\t\t\t\t\tborderRight: '1px solid',\n\t\t\t\t\t\t\t\tborderTopRightRadius: 0,\n\t\t\t\t\t\t\t\tborderBottomRightRadius: 0,\n\t\t\t\t\t\t\t\t...(typeof rest?.sx === 'function'\n\t\t\t\t\t\t\t\t\t? rest.sx(theme)\n\t\t\t\t\t\t\t\t\t: rest?.sx || {})\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\taria-controls={open ? 'split-button-menu' : undefined}\n\t\t\t\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\t\t\t\taria-label='select merge strategy'\n\t\t\t\t\t\t\taria-haspopup='menu'\n\t\t\t\t\t\t\t{...dropdownButtonProps}\n\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tminWidth: 'unset !important',\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 0,\n\t\t\t\t\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\t\t\t\t\t...(typeof dropdownButtonProps?.sx === 'function'\n\t\t\t\t\t\t\t\t\t? dropdownButtonProps.sx(theme)\n\t\t\t\t\t\t\t\t\t: dropdownButtonProps?.sx || {})\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={handleToggle}>\n\t\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<ArrowDownTwo fontSize='small' />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ButtonGroup>\n\t\t\t<Popper\n\t\t\t\tsx={{\n\t\t\t\t\tzIndex: 1\n\t\t\t\t}}\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorRef.current}\n\t\t\t\trole={undefined}\n\t\t\t\ttransition\n\t\t\t\tdisablePortal>\n\t\t\t\t{({ TransitionProps, placement }) => (\n\t\t\t\t\t<Grow\n\t\t\t\t\t\t{...TransitionProps}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransformOrigin:\n\t\t\t\t\t\t\t\tplacement === 'bottom' ? 'center top' : 'center bottom'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Paper elevation={0} sx={{ border: '1px solid', borderColor: 'grey.300', borderRadius: '8px', mt:0.25}}>\n\t\t\t\t\t\t\t<ClickAwayListener onClickAway={handleClose}>\n\t\t\t\t\t\t\t\t<MenuList id='split-button-menu' autoFocusItem>\n\t\t\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isMenuThirdItemDisabled ? false : index === 2}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\toption.callback(event, index);\n\t\t\t\t\t\t\t\t\t\t\t\tif (!option?.disableToggle) {\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggle();\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}} >\n\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.color ? option.color : 'theme.secondary.1000'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</ClickAwayListener>\n\t\t\t\t\t\t</Paper>\n\t\t\t\t\t</Grow>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t</React.Fragment>\n\t);\n};\n\nexport default DropdownButton;\n"],"names":["children","options","isMenuThirdItemDisabled","isOnlyDropDownButton","onlyDropDownButtonProps","buttonGroupProps","dropdownButtonProps","toggleCallback","loading","rest","open","setOpen","React","useState","anchorRef","useRef","isRtl","useLanguage","handleToggle","prevOpen","handleClose","event","current","contains","target","useEffect","jsxs","Fragment","jsx","ButtonGroup","sx","boxShadow","flexDirection","ref","disabled","Button","borderRightColor","style","onClick","theme","_a","palette","secondary","borderRight","borderTopRightRadius","borderBottomRightRadius","size","p","minWidth","borderTopLeftRadius","borderBottomLeftRadius","CircularProgress","color","ArrowDownTwo","fontSize","Popper","zIndex","anchorEl","role","transition","disablePortal","TransitionProps","placement","Grow","transformOrigin","Paper","elevation","border","borderColor","borderRadius","mt","ClickAwayListener","onClickAway","MenuList","id","autoFocusItem","map","option","index","MenuItem","callback","disableToggle","Typography","type","width","label"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown-button/dropdown-button.tsx"],"sourcesContent":["import * as React from 'react';\nimport ButtonGroup, { ButtonGroupProps } from '@mui/material/ButtonGroup';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport Grow from '@mui/material/Grow';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport Button from '../button/button';\nimport { ArrowDownTwo } from '../icons';\nimport Typography from '../typography/typography';\nimport { ButtonProps, CircularProgress, SxProps } from '@mui/material';\nimport { useLanguage } from '../../hooks/useLangauge';\n\nexport interface IDropdownMenuOption {\n\tlabel: string | JSX.Element;\n\tcallback: (event?: any, index?: number) => void;\n\tcolor?: string;\n\tdisableToggle?: boolean;\n}\n\ninterface DropdownButtonProps extends ButtonProps {\n\tchildren?: React.ReactNode;\n\toptions: IDropdownMenuOption[];\n\tisMenuThirdItemDisabled?: boolean;\n\tisOnlyDropDownButton?: boolean;\n\tonlyDropDownButtonProps?: {\n\t\tstyle?: SxProps;\n\t};\n\tbuttonGroupProps?: ButtonGroupProps;\n\tdropdownButtonProps?: ButtonGroupProps;\n\ttoggleCallback?: (e?: boolean) => void;\n\tloading?: boolean;\n}\n\nconst DropdownButton: React.FC<DropdownButtonProps> = ({\n\tchildren,\n\toptions,\n\tisMenuThirdItemDisabled,\n\tisOnlyDropDownButton = false,\n\tonlyDropDownButtonProps = null,\n\tbuttonGroupProps = null,\n\tdropdownButtonProps=null,\n\ttoggleCallback,\n\tloading = false,\n\t...rest\n}) => {\n\tconst [open, setOpen] = React.useState(false);\n\tconst anchorRef = React.useRef<HTMLDivElement>(null);\n   const {isRtl}=useLanguage();\n\tconst handleToggle = () => {\n\t\tsetOpen((prevOpen) => !prevOpen);\n\t};\n\n\tconst handleClose = (event: Event) => {\n\t\tif (\n\t\t\tanchorRef.current &&\n\t\t\tanchorRef.current.contains(event.target as HTMLElement)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(false);\n\t};\n\n\tReact.useEffect(() => {\n\t\ttoggleCallback?.(open);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [open]);\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<ButtonGroup\n\t\t\t\tsx={loading ? { boxShadow: 'none' } : isRtl?{flexDirection:'row-reverse'}:{}}\n\t\t\t\t{...buttonGroupProps}\n\t\t\t\tref={anchorRef}\n\t\t\t\tdisabled={loading}>\n\t\t\t\t{isOnlyDropDownButton ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tborderRightColor: '#ffffff20 !important',\n\t\t\t\t\t\t\t...onlyDropDownButtonProps?.style\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={handleToggle}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Button>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\tborderRightColor: `${theme.palette.theme?.secondary[100]} !important`,\n\t\t\t\t\t\t\t\tborderRight: '1px solid',\n\t\t\t\t\t\t\t\tborderTopRightRadius: 0,\n\t\t\t\t\t\t\t\tborderBottomRightRadius: 0,\n\t\t\t\t\t\t\t\t...(typeof rest?.sx === 'function'\n\t\t\t\t\t\t\t\t\t? rest.sx(theme)\n\t\t\t\t\t\t\t\t\t: rest?.sx || {})\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\taria-controls={open ? 'split-button-menu' : undefined}\n\t\t\t\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\t\t\t\taria-label='select merge strategy'\n\t\t\t\t\t\t\taria-haspopup='menu'\n\t\t\t\t\t\t\t{...dropdownButtonProps}\n\t\t\t\t\t\t\tsx={(theme) => ({\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tminWidth: 'unset !important',\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 0,\n\t\t\t\t\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\t\t\t\t\t...(typeof dropdownButtonProps?.sx === 'function'\n\t\t\t\t\t\t\t\t\t? dropdownButtonProps.sx(theme)\n\t\t\t\t\t\t\t\t\t: dropdownButtonProps?.sx || {})\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={handleToggle}>\n\t\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<ArrowDownTwo fontSize='small' />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ButtonGroup>\n\t\t\t<Popper\n\t\t\t\tsx={{\n\t\t\t\t\tzIndex: 1\n\t\t\t\t}}\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorRef.current}\n\t\t\t\trole={undefined}\n\t\t\t\ttransition\n\t\t\t\tdisablePortal>\n\t\t\t\t{({ TransitionProps, placement }) => (\n\t\t\t\t\t<Grow\n\t\t\t\t\t\t{...TransitionProps}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransformOrigin:\n\t\t\t\t\t\t\t\tplacement === 'bottom' ? 'center top' : 'center bottom'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Paper elevation={0} sx={{ border: '1px solid', borderColor: 'grey.300', borderRadius: '8px', mt:0.25}}>\n\t\t\t\t\t\t\t<ClickAwayListener onClickAway={handleClose}>\n\t\t\t\t\t\t\t\t<MenuList id='split-button-menu' autoFocusItem>\n\t\t\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isMenuThirdItemDisabled ? false : index === 2}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\toption.callback(event, index);\n\t\t\t\t\t\t\t\t\t\t\t\tif (!option?.disableToggle) {\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggle();\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}} >\n\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.color ? option.color : 'theme.secondary.1000'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</ClickAwayListener>\n\t\t\t\t\t\t</Paper>\n\t\t\t\t\t</Grow>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t</React.Fragment>\n\t);\n};\n\nexport default DropdownButton;\n"],"names":["children","options","isMenuThirdItemDisabled","isOnlyDropDownButton","onlyDropDownButtonProps","buttonGroupProps","dropdownButtonProps","toggleCallback","loading","rest","open","setOpen","React","useState","anchorRef","useRef","isRtl","useLanguage","handleToggle","prevOpen","handleClose","event","current","contains","target","useEffect","jsxs","Fragment","jsx","ButtonGroup","sx","boxShadow","flexDirection","ref","disabled","Button","borderRightColor","style","onClick","theme","_a","palette","secondary","borderRight","borderTopRightRadius","borderBottomRightRadius","size","p","minWidth","borderTopLeftRadius","borderBottomLeftRadius","CircularProgress","color","ArrowDownTwo","fontSize","Popper","zIndex","anchorEl","role","transition","disablePortal","TransitionProps","placement","Grow","transformOrigin","Paper","elevation","border","borderColor","borderRadius","mt","ClickAwayListener","onClickAway","MenuList","id","autoFocusItem","map","option","index","MenuItem","callback","disableToggle","Typography","type","width","label"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
-import { useTheme, useMediaQuery, Grid } from "@mui/material";
 import ExpandableSummaryWrapper from "../../expandable-summary-wrapper/expandable-summary-wrapper/index.esm.js";
+import useTheme from "../../../node_modules/@mui/material/styles/useTheme/index.esm.js";
+import useMediaQuery from "../../../node_modules/@mui/system/esm/useMediaQuery/useMediaQuery/index.esm.js";
+import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 const DynamicLayoutWrapper = ({
   children,
   mainContentProps = {},
@@ -79,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("@mui/material"),n=require("../../expandable-summary-wrapper/expandable-summary-wrapper/index.js");const t=({children:t,mainContentProps:i={},summaryContent:s,summaryProps:o={},maxGridSize:u=12,defaultSummaryExpanded:d=!0,expandedSummarySize:m=3,collapsedSummarySize:l=0,containerProps:p={},onLayoutChange:c,enableTransitions:x=!0,transitionDuration:y,transitionEasing:g,storageKey:S="grid-summary-panel-state"})=>{const f=a.useTheme(),h=a.useMediaQuery(f.breakpoints.down("md")),b=r.useCallback(()=>{if("undefined"!=typeof window){const e=localStorage.getItem(S);return e?JSON.parse(e):d}return d},[d,S]),j=r.useMemo(()=>h||!b()?u:d?u-m:u-l,[h,b,u,d,m,l]),[w,M]=r.useState(j),z=r.useCallback((e,r)=>{if(h)return void M(u);const a=Math.max(1,Math.min(u-r,u));M(a),null==c||c(a,r,e)},[h,u,c]),C=r.useMemo(()=>{if(!x)return{};const e=y||f.transitions.duration.enteringScreen,r=g||f.transitions.easing.sharp;return{transition:f.transitions.create(["flex-basis","max-width"],{easing:r,duration:e})}},[x,f,y,g]),G={defaultExpanded:d,expandedGridSize:m,collapsedGridSize:l,persistState:!0,ariaLabel:"Toggle summary panel",...o,onToggle:z,children:s,storageKey:S};/* @__PURE__ */
-return e.jsxs(a.Grid,{container:!0,...p,children:[
-/* @__PURE__ */e.jsx(a.Grid,{item:!0,xs:w,sx:{...C,...i.sx},...i,children:t}),
-/* @__PURE__ */e.jsx(n.default,{...G})]})};exports.DynamicLayoutWrapper=t,exports.default=t;
+"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":"uOAqCO,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,WACRC,EAAWC,EAAAA,cAAcH,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,KAAA,CAAKC,WAAS,KAAKjD,EAClBR,SAAA;eAAA0D,EAAAA,IAACF,EAAAA,KAAA,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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"}

package/dist/components/dynamic-modal/index.esm.js

@@ -1,10 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { DialogTitle, IconButton, DialogContent, DialogActions } from "@mui/material";
 import Modal from "../modal/modal/index.esm.js";
 import Button from "../button/button/index.esm.js";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../typography/typography/index.esm.js";
 import { useTranslation } from "react-i18next";
+import DialogTitle from "../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import DialogContent from "../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const DynamicModal = ({
   open,
   onClose,
@@ -50,7 +53,7 @@ const DynamicModal = ({
             className: "itemEntryModal--DialogTitle",
             children: [
               /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: t(title) }),
-              /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
+              /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
             ]
           }
         ),

package/dist/components/dynamic-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/dynamic-modal.tsx"],"sourcesContent":["import {\n\tDialogActions,\n\tDialogContent,\n\tDialogTitle,\n\tIconButton\n} from '@mui/material';\nimport Modal from './modal/modal';\nimport Button from './button/button';\nimport Close from '@mui/icons-material/Close';\nimport Typography from './typography/typography';\nimport { useTranslation } from 'react-i18next';\n\nexport const DynamicModal = ({\n\topen,\n\tonClose,\n\ttitle,\n\tchildren,\n\thandleSaveAction,\n\tbuttons = [],\n\t...rest\n}: {\n\topen: boolean;\n\tonClose: () => void;\n\ttitle: string;\n\tchildren?: React.ReactNode;\n\tbuttons?: any[];\n\thandleSaveAction?: () => void;\n}) => {\n\tconst { t } = useTranslation();\n\tconst actionButtons = buttons.length\n\t\t? [...buttons]\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t('common.cancel'),\n\t\t\t\t\tonClick: onClose,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsx: {\n\t\t\t\t\t\tcolor: 'black !important'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t...(handleSaveAction\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: t('common.save'),\n\t\t\t\t\t\t\t\tonClick: handleSaveAction,\n\t\t\t\t\t\t\t\tvariant: 'contained',\n\t\t\t\t\t\t\t\tcolor: 'primary'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t: [])\n\t\t\t];\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\taria-labelledby='alert-dialog-title'\n\t\t\taria-describedby='alert-dialog-description'\n\t\t\tfullWidth\n\t\t\t{...rest}>\n\t\t\t<DialogTitle\n\t\t\t\tid='alert-dialog-title'\n\t\t\t\tclassName='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t{t(title)}\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<DialogContent>{children}</DialogContent>\n\t\t\t<DialogActions>\n\t\t\t\t{actionButtons.map((button, index) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t...button.sx\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tonClick={button.onClick}\n\t\t\t\t\t\tvariant={button.variant}\n\t\t\t\t\t\tcolor={button.color}>\n\t\t\t\t\t\t{button.label}\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</DialogActions>\n\t\t</Modal>\n\t);\n};\n\nexport default DynamicModal\n"],"names":["Close"],"mappings":";;;;;;;AAYO,MAAM,eAAe,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAA;AAAA,EACV,GAAG;AACJ,MAOM;AACL,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,gBAAgB,QAAQ,SAC3B,CAAC,GAAG,OAAO,IACX;AAAA,IACA;AAAA,MACC,OAAO,EAAE,eAAe;AAAA,MACxB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,IAED,GAAI,mBACD;AAAA,MACA;AAAA,QACC,OAAO,EAAE,aAAa;AAAA,QACtB,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACR,IAEA,CAAA;AAAA,EAAC;AAEP,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MACjB,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAG;AAAA,YACH,WAAU;AAAA,YACV,UAAA;AAAA,cAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAC3C,UAAA,EAAE,KAAK,EAAA,CACT;AAAA,cACA,oBAAC,cAAW,SAAS,SACpB,8BAACA,WAAA,EAAM,UAAS,SAAQ,EAAA,CACzB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAED,oBAAC,iBAAe,UAAS;AAAA,4BACxB,eAAA,EACC,UAAA,cAAc,IAAI,CAAC,QAAQ,UAC3B;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAI;AAAA,cACH,GAAG,OAAO;AAAA,YAAA;AAAA,YAGX,SAAS,OAAO;AAAA,YAChB,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,YACb,UAAA,OAAO;AAAA,UAAA;AAAA,UAJH;AAAA,QAAA,CAMN,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/dynamic-modal.tsx"],"sourcesContent":["import {\n\tDialogActions,\n\tDialogContent,\n\tDialogTitle,\n\tIconButton\n} from '@mui/material';\nimport Modal from './modal/modal';\nimport Button from './button/button';\nimport Close from '@mui/icons-material/Close';\nimport Typography from './typography/typography';\nimport { useTranslation } from 'react-i18next';\n\nexport const DynamicModal = ({\n\topen,\n\tonClose,\n\ttitle,\n\tchildren,\n\thandleSaveAction,\n\tbuttons = [],\n\t...rest\n}: {\n\topen: boolean;\n\tonClose: () => void;\n\ttitle: string;\n\tchildren?: React.ReactNode;\n\tbuttons?: any[];\n\thandleSaveAction?: () => void;\n}) => {\n\tconst { t } = useTranslation();\n\tconst actionButtons = buttons.length\n\t\t? [...buttons]\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t('common.cancel'),\n\t\t\t\t\tonClick: onClose,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsx: {\n\t\t\t\t\t\tcolor: 'black !important'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t...(handleSaveAction\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: t('common.save'),\n\t\t\t\t\t\t\t\tonClick: handleSaveAction,\n\t\t\t\t\t\t\t\tvariant: 'contained',\n\t\t\t\t\t\t\t\tcolor: 'primary'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t: [])\n\t\t\t];\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\taria-labelledby='alert-dialog-title'\n\t\t\taria-describedby='alert-dialog-description'\n\t\t\tfullWidth\n\t\t\t{...rest}>\n\t\t\t<DialogTitle\n\t\t\t\tid='alert-dialog-title'\n\t\t\t\tclassName='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t{t(title)}\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<DialogContent>{children}</DialogContent>\n\t\t\t<DialogActions>\n\t\t\t\t{actionButtons.map((button, index) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t...button.sx\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tonClick={button.onClick}\n\t\t\t\t\t\tvariant={button.variant}\n\t\t\t\t\t\tcolor={button.color}>\n\t\t\t\t\t\t{button.label}\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</DialogActions>\n\t\t</Modal>\n\t);\n};\n\nexport default DynamicModal\n"],"names":["Close"],"mappings":";;;;;;;;;;AAYO,MAAM,eAAe,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAA;AAAA,EACV,GAAG;AACJ,MAOM;AACL,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,gBAAgB,QAAQ,SAC3B,CAAC,GAAG,OAAO,IACX;AAAA,IACA;AAAA,MACC,OAAO,EAAE,eAAe;AAAA,MACxB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,IAED,GAAI,mBACD;AAAA,MACA;AAAA,QACC,OAAO,EAAE,aAAa;AAAA,QACtB,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACR,IAEA,CAAA;AAAA,EAAC;AAEP,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MACjB,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAG;AAAA,YACH,WAAU;AAAA,YACV,UAAA;AAAA,cAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAC3C,UAAA,EAAE,KAAK,EAAA,CACT;AAAA,cACA,oBAAC,cAAW,SAAS,SACpB,8BAACA,WAAA,EAAM,UAAS,SAAQ,EAAA,CACzB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAED,oBAAC,iBAAe,UAAS;AAAA,4BACxB,eAAA,EACC,UAAA,cAAc,IAAI,CAAC,QAAQ,UAC3B;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAI;AAAA,cACH,GAAG,OAAO;AAAA,YAAA;AAAA,YAGX,SAAS,OAAO;AAAA,YAChB,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,YACb,UAAA,OAAO;AAAA,UAAA;AAAA,UAJH;AAAA,QAAA,CAMN,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}