npm - @erpsquad/common - Versions diffs - 1.8.44 → 1.8.46 - Mend

@erpsquad/common 1.8.44 → 1.8.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1448) hide show

package/dist/components/date-picker/date-picker/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\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}\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 DatePicker = memo((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',\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\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\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\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\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 DatePicker;\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","DatePicker","memo","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","desktopPaper","sx","bgcolor","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"qtBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,aAAPD,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,QAIRC,EAAaC,EAAAA,KAAMC,IACxB,MAAMC,MACLA,EAAAC,SACAA,EAAAf,MACAA,EAAAgB,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,GACJ9C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAekB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACrD,EAAA,CACAgC,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAhB,QACAoB,YAAaA,GAAe,gBACzBI,GAGJkB,aAAc,CACbC,GAAI,CACH,qCAAsC,CACrCtD,MAAO,oBACPuD,QAAS,sBAEV,8BAA+B,CAC9BvD,MAAO,oBACPuD,QAAS,yBAKbnB,OAAQA,GAAU,aAClBoB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BtB,EAEJH,aAAcA,EAAe0B,UAAM1B,QAAgB,EACnDc,UAAU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\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}\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 DatePicker = memo((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',\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\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\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\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\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 { DatePicker };\nexport default DatePicker;\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","DatePicker","memo","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","desktopPaper","sx","bgcolor","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"qtBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,aAAPD,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,QAIRC,EAAaC,EAAAA,KAAMC,IACxB,MAAMC,MACLA,EAAAC,SACAA,EAAAf,MACAA,EAAAgB,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,GACJ9C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAekB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACrD,EAAA,CACAgC,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAhB,QACAoB,YAAaA,GAAe,gBACzBI,GAGJkB,aAAc,CACbC,GAAI,CACH,qCAAsC,CACrCtD,MAAO,oBACPuD,QAAS,sBAEV,8BAA+B,CAC9BvD,MAAO,oBACPuD,QAAS,yBAKbnB,OAAQA,GAAU,aAClBoB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BtB,EAEJH,aAAcA,EAAe0B,UAAM1B,QAAgB,EACnDc,UAAU"}

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

@@ -17,4 +17,5 @@ export interface DatePickerProps {
     format?: string;
 }
 declare const DatePicker: import('react').MemoExoticComponent<(props: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
+export { DatePicker };
 export default DatePicker;

package/dist/components/date-range-picker/date-range-picker/index.esm.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState } from "react";
 import DatePicker from "react-datepicker";
 /* empty css                                  */
 import { getYear, getMonth } from "date-fns";
-import CalenderIcon from "../../../assets/view-modal/calendar-icon/index.esm.js";
+import { CalenderIcon } from "../../../assets/view-modal/calendar-icon/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import KeyboardArrowLeft from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft/index.esm.js";
@@ -155,6 +155,7 @@ function DateRangePicker(props) {
   ) });
 }
 export {
+  DateRangePicker,
   DateRangePicker as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.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":["start","end"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.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 { DateRangePicker };\nexport default DateRangePicker;\n"],"names":["start","end"],"mappings":";;;;;;;;;;AAiBA,MAAM,SAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,wBAA8D,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAEE,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZ,oBAAC,SAAI,WAAW,QAAM,iBAAe,YACnC,UAAA,oBAAC,gBAAa,EAAA,CAChB;AAAA,GACF;AAeF,SAAS,gBAAgB,OAAY;AACnC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,GAAG;AAC1C,QAAM,EAAC,MAAA,IAAO,YAAA;AACd,QAAM,WAAW,CAAC,UAAe;AAC/B,UAAM,CAACA,QAAOC,IAAG,IAAI;AACrB,iBAAaD,MAAK;AAClB,eAAWC,IAAG;AACd,sBAAkB,KAAK;AAAA,EACzB;AAEA,QAAM,QAAa,CAAA;AACnB,QAAM,cAAc,QAAQ,oBAAI,MAAM;AACtC,WAAS,IAAI,WAAW,KAAK,cAAc,IAAI,KAAK;AAClD,UAAM,KAAK,CAAC;AAAA,EACd;AAEA,SACE,oBAAC,KAAA,EAAI,WAAU,mBACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACV,GAAG;AAAA,MACJ,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,iBAAgB;AAAA,UAChB,OAAM;AAAA,UACN;AAAA,UACA,SAAS,MAAM;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAGrB;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb,oBAAoB,CAAC;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,MAEA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,mBAAA,CAAA,CAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAErB,oBAAC,SAAI,WAAU,cAAc,iBAAO,SAAS,IAAI,CAAC,GAAE;AAAA,UACpD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,oBAAA,CAAA,CAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtB,GACF;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,mBAAA,CAAA,CAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAErB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,QAAQ,IAAI;AAAA,cACnB,UAAU,CAAC,MAAM;AACf,6BAAA;AACA,6BAAa,IAAI,KAAK,CAAC,EAAE,OAAO,OAAO,SAAS,IAAI,CAAC,CAAC;AAAA,cACxD;AAAA,cAEC,UAAA,MAAM,IAAI,CAAC,SACV,oBAAC,YAAkB,OAAO,MACvB,UAAA,KAAA,GADU,IAEb,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,oBAAA,CAAA,CAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtB,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/components/date-range-picker/date-range-picker/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-datepicker");;/* empty css                               */var s=require("date-fns"),n=,/* empty css                                              */r=,/* empty css                                */l=,/* empty css                                                 */i=,/* empty css                                                                     */d=;/* empty css                                                                      */function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/* @__PURE__ */o(a);const u=["January","February","March","April","May","June","July","August","September","October","November","December"],x=({value:t,onClick:a,placeholderText:s,isRtl:r})=>/* @__PURE__ */e.jsxs("div",{className:"calender-container",children:[
 /* @__PURE__ */e.jsx("input",{type:"text",value:t,onClick:a,placeholder:s,className:"open-selected-calender"}),
-/* @__PURE__ */e.jsx("div",{className:r?"icon-box_rtl":"icon-box",children:/* @__PURE__ */e.jsx(n.default,{})})]});exports.default=function(a){const{start:n=null,end:o=null,startYear:m=1980,onDateRangeChange:b,...h}=a,[j,p]=t.useState(n),[v,f]=t.useState(o),{isRtl:g}=r.useLanguage(),y=[],N=s.getYear(/* @__PURE__ */new Date);for(let e=m;e<=N+10;e++)y.push(e);/* @__PURE__ */
-return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.jsx(c.default,{dateFormat:"dd-MM-yyyy",...h,customInput:/* @__PURE__ */e.jsx(x,{placeholderText:"DD-MM-YYYY",value:"",isRtl:g,onClick:()=>{}}),startDate:j,endDate:v,onChange:e=>{const[t,a]=e;p(t),f(a),b(e)},selectsRange:!0,isClearable:!0,renderCustomHeader:({date:t,decreaseMonth:a,increaseMonth:n,decreaseYear:r,increaseYear:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c,prevYearButtonDisabled:x,nextYearButtonDisabled:m})=>/* @__PURE__ */e.jsxs("div",{className:"date-picker-container",children:[
+/* @__PURE__ */e.jsx("div",{className:r?"icon-box_rtl":"icon-box",children:/* @__PURE__ */e.jsx(n.CalenderIcon,{})})]});function m(a){const{start:n=null,end:o=null,startYear:m=1980,onDateRangeChange:b,...h}=a,[j,p]=t.useState(n),[v,g]=t.useState(o),{isRtl:f}=r.useLanguage(),y=[],D=s.getYear(/* @__PURE__ */new Date);for(let e=m;e<=D+10;e++)y.push(e);/* @__PURE__ */
+return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.jsx(c.default,{dateFormat:"dd-MM-yyyy",...h,customInput:/* @__PURE__ */e.jsx(x,{placeholderText:"DD-MM-YYYY",value:"",isRtl:f,onClick:()=>{}}),startDate:j,endDate:v,onChange:e=>{const[t,a]=e;p(t),g(a),b(e)},selectsRange:!0,isClearable:!0,renderCustomHeader:({date:t,decreaseMonth:a,increaseMonth:n,decreaseYear:r,increaseYear:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c,prevYearButtonDisabled:x,nextYearButtonDisabled:m})=>/* @__PURE__ */e.jsxs("div",{className:"date-picker-container",children:[
 /* @__PURE__ */e.jsxs("div",{className:"d-flex",children:[
 /* @__PURE__ */e.jsx("button",{onClick:a,disabled:o,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(i.default,{})}),
 /* @__PURE__ */e.jsx("div",{className:"month-view",children:u[s.getMonth(t)]}),
@@ -9,5 +9,5 @@ return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.js
 /* @__PURE__ */e.jsxs("div",{className:"d-flex",children:[
 /* @__PURE__ */e.jsx("button",{onClick:r,disabled:x,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(i.default,{})}),
 /* @__PURE__ */e.jsx("select",{className:"select-year",value:s.getYear(t),onChange:e=>{r(),p(new Date(+e.target.value,s.getMonth(t)))},children:y.map(t=>/* @__PURE__ */e.jsx("option",{value:t,children:t},t))}),
-/* @__PURE__ */e.jsx("button",{onClick:l,disabled:m,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(d.default,{})})]})]})})})};
+/* @__PURE__ */e.jsx("button",{onClick:l,disabled:m,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(d.default,{})})]})]})})})}exports.DateRangePicker=m,exports.default=m;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":"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"}
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 { DateRangePicker };\nexport default DateRangePicker;\n"],"names":["months","CustomDatePickerInput","value","onClick","placeholderText","isRtl","jsxs","className","children","jsx","type","placeholder","CalenderIcon","DateRangePicker","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,sBAiBP,SAASC,EAAgBC,GACvB,MAAMC,MACJA,EAAQ,KAAAC,IACRA,EAAM,KAAAC,UACNA,EAAY,KAAAC,kBACZA,KACGC,GACDL,GACGM,EAAWC,GAAgBC,EAAAA,SAASP,IACpCQ,EAASC,GAAcF,EAAAA,SAASN,IACjCX,MAACA,GAAOoB,gBAQRC,EAAa,GACbC,EAAcC,EAAAA,uBAAQ,IAAIC,MAChC,IAAA,IAASC,EAAIb,EAAWa,GAAKH,EAAc,GAAIG,IAC7CJ,EAAMK,KAAKD;AAGb,OACErB,EAAAA,IAACuB,EAAAA,QAAA,CAAIzB,UAAU,kBACbC,wBAAAC,EAAAA,IAACwB,EAAAA,QAAA,CACCC,WAAW,gBACPf,EACJgB,2BACE1B,EAAAA,IAACR,EAAA,CACCG,gBAAgB,aAChBF,MAAM,GACNG,QACAF,QAAS,SAGbiB,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,2CAEA3C,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBACbC,SAAA;iBAAAF,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASuC,EACTQ,SAAUJ,EACVvC,UAAU,kBACVG,KAAK,SAELF,8BAAC2C,EAAAA,QAAA,CAAA;eAEH1C,MAAC,OAAIF,UAAU,aAAcC,WAAO4C,EAAAA,SAASX;eAC7ChC,EAAAA,IAAC,SAAA,CACCN,QAASwC,EACTO,SAAUH,EACVxC,UAAU,kBACVG,KAAK,SAELF,8BAAC6C,EAAAA,QAAA,CAAA;iBAGL/C,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASyC,EACTM,SAAUF,EACVzC,UAAU,kBACVG,KAAK,SAELF,8BAAC2C,EAAAA,QAAA,CAAA;eAEH1C,EAAAA,IAAC,SAAA,CACCF,UAAU,cACVL,MAAO0B,EAAAA,QAAQa,GACfL,SAAWkB,IACTV,IACAvB,EAAa,IAAIQ,MAAMyB,EAAEC,OAAOrD,MAAOkD,EAAAA,SAASX,MAGjDjC,SAAAkB,EAAM8B,IAAKC,kBACVhD,EAAAA,IAAC,UAAkBP,MAAOuD,EACvBjD,SAAAiD,GADUA;eAKjBhD,EAAAA,IAAC,SAAA,CACCN,QAAS0C,EACTK,SAAUD,EACV1C,UAAU,kBACVG,KAAK,SAELF,8BAAC6C,EAAAA,QAAA,CAAA,cAQjB"}

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

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

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

@@ -110,6 +110,7 @@ const DateTimePicker = (props) => {
   ] });
 };
 export {
+  DateTimePicker,
   DateTimePicker as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.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":["Date","logo"],"mappings":";;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,gBAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAA2B;AAClD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QACJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF;"}
1	+ {"version":3,"file":"index.esm.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 { DateTimePicker };\nexport default DateTimePicker;\n"],"names":["Date","logo"],"mappings":";;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,gBAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAA2B;AAClD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QACJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF;"}

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

@@ -1,4 +1,4 @@
-"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__ */
+"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}}}),c=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"})]})};
+/* @__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"})]})};exports.DateTimePicker=c,exports.default=c;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":"+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"}
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 { DateTimePicker };\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","DateTimePicker","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,QAIRC,EAAkBC,IACvB,MAAMC,MACLA,EAAAC,SACAA,EAAAd,MACAA,EAAAe,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,GACJ7C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAeiB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACpD,EAAA,CACA+B,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAf,QACAmB,YAAaA,GAAe,yBACzBI,IAILC,OAAQA,GAAU,sBAClBiB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BnB,EACJH,aAAcA,EAAeuB,UAAMvB,QAAgB,EACnDc,UAAU"}

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

@@ -17,4 +17,5 @@ export interface DatePickerProps {
     format?: string;
 }
 declare const DateTimePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export { DateTimePicker };
 export default DateTimePicker;

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import ButtonGroup from "../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.esm.js";

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

@@ -1,6 +1,6 @@
-"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))})})})})})]})};
+"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(),B=()=>{C(e=>!e)},_=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.Button,{...q,sx:{borderRightColor:"#ffffff20 !important",...null==h?void 0:h.style},onClick:B,children:r}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(o.Button,{...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.Button,{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:B,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:_,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)||B()},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 CHANGED Viewed

	@@ -1 +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":"0wCAmCsD,EACrDA,WACAC,UACAC,0BACAC,wBAAuB,EACvBC,0BAA0B,KAC1BC,mBAAmB,KACnBC,sBAAoB,KACpBC,iBACAC,WAAU,KACPC,MAEH,MAAOC,EAAMC,GAAWC,EAAMC,UAAS,GACjCC,EAAYF,EAAMG,OAAuB,OACvCC,MAACA,GAAOC,gBACVC,EAAe,KACpBP,EAASQ,IAAcA,IAGlBC,EAAeC,IAEnBP,EAAUQ,SACVR,EAAUQ,QAAQC,SAASF,EAAMG,SAKlCb,GAAQ,IAQT,OALAC,EAAMa,UAAU,KACf,MAAAlB,GAAAA,EAAiBG,IAEf,CAACA,mBAGHgB,OAACd,EAAMe,SAAN,CACA3B,SAAA;eAAA4B,EAAAA,IAACC,EAAAA,QAAA,CACAC,GAAItB,EAAU,CAAEuB,UAAW,QAAWf,EAAM,CAACgB,cAAc,eAAe,CAAA,KACtE3B,EACJ4B,IAAKnB,EACLoB,SAAU1B,EACTR,SAAAG,iBACAyB,EAAAA,IAACO,EAAAA,~~QAAA~~,IACI1B,EACJqB,GAAI,CACHM,iBAAkB,0BACf,MAAAhC,OAAA,EAAAA,EAAyBiC,OAE7BC,QAASpB,EACRlB,4BAGF0B,EAAAA,KAAAC,WAAA,CACC3B,SAAA;eAAA4B,EAAAA,IAACO,EAAAA,~~QAAA~~,IACI1B,EACJqB,GAAKS,UAAW,MAAA,CACfH,iBAAkB,GAAG,OAAAI,EAAAD,EAAME,QAAQF,YAAd,EAAAC,EAAqBE,UAAU,kBACpDC,YAAa,YACbC,qBAAsB,EACtBC,wBAAyB,KACD,mBAAb,MAAApC,OAAA,EAAAA,EAAMqB,IACdrB,EAAKqB,GAAGS,IACR,MAAA9B,OAAA,EAAAA,EAAMqB,KAAM,CAAA,IAEf9B;eAEF4B,EAAAA,IAACO,EAAAA,~~QAAA~~,CACAW,KAAK,QACL,gBAAepC,EAAO,yBAAsB,EAC5C,gBAAeA,EAAO,YAAS,EAC/B,aAAW,wBACX,gBAAc,UACVJ,EACJwB,GAAKS,IAAA,CACJQ,EAAG,EACHC,SAAU,mBACVC,oBAAqB,EACrBC,uBAAwB,KACe,mBAA5B,MAAA5C,OAAA,EAAAA,EAAqBwB,IAC7BxB,EAAoBwB,GAAGS,IACvB,MAAAjC,OAAA,EAAAA,EAAqBwB,KAAM,CAAA,IAE/BQ,QAASpB,EACRlB,SAAAQ,iBACAoB,EAAAA,IAACuB,EAAAA,QAAA,CAAiBL,KAAM,GAAIM,MAAM,6BAElCxB,IAACyB,EAAAA,aAAA,CAAaC,SAAS;eAM5B1B,EAAAA,IAAC2B,EAAAA,QAAA,CACAzB,GAAI,CACH0B,OAAQ,GAET9C,OACA+C,SAAU3C,EAAUQ,QACpBoC,UAAM,EACNC,YAAU,EACVC,eAAa,EACZ5D,SAAA,EAAG6D,kBAAiBC,8BACpBlC,EAAAA,IAACmC,EAAAA,QAAA,IACIF,EACJxB,MAAO,CACN2B,gBACe,WAAdF,EAAyB,aAAe,iBAE1C9D,wBAAA4B,EAAAA,IAACqC,UAAA,CAAMC,UAAW,EAAGpC,GAAI,CAAEqC,OAAQ,YAAaC,YAAa,WAAYC,aAAc,MAAOC,GAAG,KAChGtE,wBAAA4B,EAAAA,IAAC2C,EAAAA,kBAAA,CAAkBC,YAAapD,EAC/BpB,wBAAA4B,EAAAA,IAAC6C,EAAAA,QAAA,CAASC,GAAG,oBAAoBC,eAAa,EAC5C3E,SAAAC,EAAQ2E,IAAI,CAACC,EAAQC,mBACrBlD,EAAAA,IAACmD,EAAAA,QAAA,CAEA7C,UAAUhC,GAA4C,IAAV4E,EAC5CxC,QAAUjB,IACTwD,EAAOG,SAAS3D,EAAOyD,UAClBD,WAAQI,gBACZ/D,KAGFlB,wBAAA4B,EAAAA,IAACsD,EAAAA,WAAA,CACAC,KAAK,KACL/B,MACCyB,EAAOzB,MAAQyB,EAAOzB,MAAQ,uBAE/BtB,GAAI,CACHsD,MAAO,QAEPpF,SAAA6E,EAAOQ,SAhBJP"}
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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"}

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Modal from "../modal/modal/index.esm.js";
-import Button from "../button/button/index.esm.js";
+import { Modal } from "../modal/modal/index.esm.js";
+import { Button } from "../button/button/index.esm.js";
 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";

package/dist/components/dynamic-modal/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../modal/modal/index.js"),l=require("../button/button/index.js"),o=require("../../node_modules/@mui/icons-material/Close/index.js"),t=require("../typography/typography/index.js"),a=require("react-i18next"),n=require("../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),r=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),s=require("../../node_modules/@mui/material/DialogActions/DialogActions/index.js");const u=({open:u,onClose:c,title:m,children:x,handleSaveAction:j,buttons:p=[],...h})=>{const{t:g}=a.useTranslation(),y=p.length?[...p]:[{label:g("common.cancel"),onClick:c,variant:"outlined",sx:{color:"black !important"}},...j?[{label:g("common.save"),onClick:j,variant:"contained",color:"primary"}]:[]];/* @__PURE__ */
-return e.jsxs(i.default,{open:u,onClose:c,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,...h,children:[
+return e.jsxs(i.Modal,{open:u,onClose:c,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,...h,children:[
 /* @__PURE__ */e.jsxs(n.default,{id:"alert-dialog-title",className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"inherit",weight:"medium",children:g(m)}),
 /* @__PURE__ */e.jsx(r.default,{onClick:c,children:/* @__PURE__ */e.jsx(o.default,{fontSize:"small"})})]}),
 /* @__PURE__ */e.jsx(d.default,{children:x}),
-/* @__PURE__ */e.jsx(s.default,{children:y.map((i,o)=>/* @__PURE__ */e.jsx(l.default,{sx:{...i.sx},onClick:i.onClick,variant:i.variant,color:i.color,children:i.label},o))})]})};exports.DynamicModal=u,exports.default=u;
+/* @__PURE__ */e.jsx(s.default,{children:y.map((i,o)=>/* @__PURE__ */e.jsx(l.Button,{sx:{...i.sx},onClick:i.onClick,variant:i.variant,color:i.color,children:i.label},o))})]})};exports.DynamicModal=u,exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/dynamic-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.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":["DynamicModal","open","onClose","title","children","handleSaveAction","buttons","rest","t","useTranslation","actionButtons","length","label","onClick","variant","sx","color","jsxs","Modal","fullWidth","DialogTitle","id","className","jsx","Typography","type","weight","IconButton","Close","fontSize","DialogContent","DialogActions","map","button","index","Button"],"mappings":"koBAYO,MAAMA,EAAe,EAC3BC,OACAC,UACAC,QACAC,WACAC,mBACAC,UAAU,MACPC,MASH,MAAMC,EAAEA,GAAMC,mBACRC,EAAgBJ,EAAQK,OAC3B,IAAIL,GACJ,CACA,CACCM,MAAOJ,EAAE,iBACTK,QAASX,EACTY,QAAS,WACTC,GAAI,CACHC,MAAO,wBAGLX,EACD,CACA,CACCO,MAAOJ,EAAE,eACTK,QAASR,EACTS,QAAS,YACTE,MAAO,YAGR;AAEN,OACCC,EAAAA,KAACC,EAAAA,~~QAAA~~,CACAjB,OACAC,UACA,kBAAgB,qBAChB,mBAAiB,2BACjBiB,WAAS,KACLZ,EACJH,SAAA;eAAAa,EAAAA,KAACG,EAAAA,QAAA,CACAC,GAAG,qBACHC,UAAU,8BACVlB,SAAA;eAAAmB,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKT,MAAM,UAAUU,OAAO,SAC3CtB,SAAAI,EAAEL;iBAEJoB,IAACI,EAAAA,SAAWd,QAASX,EACpBE,8BAACwB,UAAA,CAAMC,SAAS;qBAGjBC,EAAAA,SAAe1B;qBACf2B,EAAAA,QAAA,CACC3B,SAAAM,EAAcsB,IAAI,CAACC,EAAQC,mBAC3BX,EAAAA,IAACY,EAAAA,~~QAAA~~,CACApB,GAAI,IACAkB,EAAOlB,IAGXF,QAASoB,EAAOpB,QAChBC,QAASmB,EAAOnB,QAChBE,MAAOiB,EAAOjB,MACbZ,SAAA6B,EAAOrB,OAJHsB"}
1	+ {"version":3,"file":"index.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":["DynamicModal","open","onClose","title","children","handleSaveAction","buttons","rest","t","useTranslation","actionButtons","length","label","onClick","variant","sx","color","jsxs","Modal","fullWidth","DialogTitle","id","className","jsx","Typography","type","weight","IconButton","Close","fontSize","DialogContent","DialogActions","map","button","index","Button"],"mappings":"koBAYO,MAAMA,EAAe,EAC3BC,OACAC,UACAC,QACAC,WACAC,mBACAC,UAAU,MACPC,MASH,MAAMC,EAAEA,GAAMC,mBACRC,EAAgBJ,EAAQK,OAC3B,IAAIL,GACJ,CACA,CACCM,MAAOJ,EAAE,iBACTK,QAASX,EACTY,QAAS,WACTC,GAAI,CACHC,MAAO,wBAGLX,EACD,CACA,CACCO,MAAOJ,EAAE,eACTK,QAASR,EACTS,QAAS,YACTE,MAAO,YAGR;AAEN,OACCC,EAAAA,KAACC,EAAAA,MAAA,CACAjB,OACAC,UACA,kBAAgB,qBAChB,mBAAiB,2BACjBiB,WAAS,KACLZ,EACJH,SAAA;eAAAa,EAAAA,KAACG,EAAAA,QAAA,CACAC,GAAG,qBACHC,UAAU,8BACVlB,SAAA;eAAAmB,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKT,MAAM,UAAUU,OAAO,SAC3CtB,SAAAI,EAAEL;iBAEJoB,IAACI,EAAAA,SAAWd,QAASX,EACpBE,8BAACwB,UAAA,CAAMC,SAAS;qBAGjBC,EAAAA,SAAe1B;qBACf2B,EAAAA,QAAA,CACC3B,SAAAM,EAAcsB,IAAI,CAACC,EAAQC,mBAC3BX,EAAAA,IAACY,EAAAA,OAAA,CACApB,GAAI,IACAkB,EAAOlB,IAGXF,QAASoB,EAAOpB,QAChBC,QAASmB,EAAOnB,QAChBE,MAAOiB,EAAOjB,MACbZ,SAAA6B,EAAOrB,OAJHsB"}

package/dist/components/entity-view-wrapper/entity-view-wrapper/index.esm.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useParams, useLocation, useNavigate } from "react-router-dom";
 import { getEntityId } from "../../../utils/navigation-utils/index.esm.js";
-import ErpLoader from "../../loaders/erp-loader/index.esm.js";
+import { ErpLoader } from "../../loaders/erp-loader/index.esm.js";
 function EntityViewWrapper({
   fetchEntity,
   fallbackRoute,

package/dist/components/entity-view-wrapper/entity-view-wrapper/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("../../../utils/navigation-utils/index.js"),a=require("../../loaders/erp-loader/index.js");exports.default=function({fetchEntity:s,fallbackRoute:u,children:n,idField:l="id"}){const c=r.useParams(),o=r.useLocation(),d=r.useNavigate(),[f,x]=t.useState(null),[j,y]=t.useState(!0);return t.useEffect(()=>{(async()=>{y(!0);const e=i.getEntityId(c,o,l);if(e)try{const t=await s(e);x(t)}catch(t){d(u)}finally{y(!1)}else d(u)})()},[s,c,o,d,u,l]),j?/* @__PURE__ */e.jsx(a.default,{}):f?/* @__PURE__ */e.jsx(e.Fragment,{children:n(f)}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("../../../utils/navigation-utils/index.js"),a=require("../../loaders/erp-loader/index.js");exports.default=function({fetchEntity:s,fallbackRoute:u,children:n,idField:l="id"}){const c=r.useParams(),o=r.useLocation(),d=r.useNavigate(),[f,x]=t.useState(null),[j,y]=t.useState(!0);return t.useEffect(()=>{(async()=>{y(!0);const e=i.getEntityId(c,o,l);if(e)try{const t=await s(e);x(t)}catch(t){d(u)}finally{y(!1)}else d(u)})()},[s,c,o,d,u,l]),j?/* @__PURE__ */e.jsx(a.ErpLoader,{}):f?/* @__PURE__ */e.jsx(e.Fragment,{children:n(f)}):null};
 //# sourceMappingURL=index.js.map

package/dist/components/entity-view-wrapper/entity-view-wrapper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/entity-view-wrapper/entity-view-wrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useParams, useLocation, useNavigate } from 'react-router-dom';\nimport { getEntityId } from '../../utils/navigation-utils';\nimport ErpLoader from '../loaders/erp-loader';\n\ninterface EntityViewWrapperProps<T> {\n /*\n Function to fetch entity data by ID\n /\n fetchEntity: (id: string) => Promise<T>;\n \n /\n Route to navigate to if entity is not found\n /\n fallbackRoute: string;\n \n /\n Component to render with entity data\n /\n children: (entity: T) => React.ReactNode;\n \n /\n Optional ID field name in location.state (default: 'id')\n /\n idField?: string;\n}\n\n/\n A wrapper component that handles fetching entity data using either URL parameters or location state\n * This provides backward compatibility during migration from state-based to URL parameter-based routing\n */\nfunction EntityViewWrapper<T>({\n fetchEntity,\n fallbackRoute,\n children,\n idField = 'id'\n}: EntityViewWrapperProps<T>) {\n const params = useParams();\n const location = useLocation();\n const navigate = useNavigate();\n \n const [entity, setEntity] = useState<T \| null>(null);\n const [loading, setLoading] = useState(true);\n \n useEffect(() => {\n const loadEntity = async () => {\n setLoading(true);\n \n // Get entity ID from URL params or location state\n const entityId = getEntityId(params, location, idField);\n \n if (!entityId) {\n // If no ID is found, navigate to fallback route\n navigate(fallbackRoute);\n return;\n }\n \n try {\n // Fetch entity data\n const data = await fetchEntity(entityId);\n setEntity(data);\n } catch (error) {\n console.error('Error fetching entity:', error);\n // If entity is not found, navigate to fallback route\n navigate(fallbackRoute);\n } finally {\n setLoading(false);\n }\n };\n \n loadEntity();\n }, [fetchEntity, params, location, navigate, fallbackRoute, idField]);\n \n if (loading) {\n return <ErpLoader />;\n }\n \n if (!entity) {\n return null;\n }\n \n return <>{children(entity)}</>;\n}\n\nexport default EntityViewWrapper; "],"names":["fetchEntity","fallbackRoute","children","idField","params","useParams","location","useLocation","navigate","useNavigate","entity","setEntity","useState","loading","setLoading","useEffect","async","entityId","getEntityId","data","error","loadEntity","ErpLoader","jsx","Fragment"],"mappings":"6QA+BA,UAA8BA,YAC5BA,EAAAC,cACAA,EAAAC,SACAA,EAAAC,QACAA,EAAU,OAEV,MAAMC,EAASC,EAAAA,YACTC,EAAWC,EAAAA,cACXC,EAAWC,EAAAA,eAEVC,EAAQC,GAAaC,EAAAA,SAAmB,OACxCC,EAASC,GAAcF,EAAAA,UAAS,GA+BvC,OA7BAG,EAAAA,UAAU,KACWC,WACjBF,GAAW,GAGX,MAAMG,EAAWC,EAAAA,YAAYd,EAAQE,EAAUH,GAE/C,GAAKc,EAML,IAEE,MAAME,QAAanB,EAAYiB,GAC/BN,EAAUQ,EACZ,OAASC,GAGPZ,EAASP,EACX,CAAA,QACEa,GAAW,EACb,MAdEN,EAASP,IAiBboB,IACC,CAACrB,EAAaI,EAAQE,EAAUE,EAAUP,EAAeE,IAExDU,uBACMS,EAAAA,~~QAAA~~,IAGLZ,iBAIEa,EAAAA,IAAAC,EAAAA,SAAA,CAAGtB,SAAAA,EAASQ,KAHV,IAIX"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/entity-view-wrapper/entity-view-wrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useParams, useLocation, useNavigate } from 'react-router-dom';\nimport { getEntityId } from '../../utils/navigation-utils';\nimport ErpLoader from '../loaders/erp-loader';\n\ninterface EntityViewWrapperProps<T> {\n /*\n Function to fetch entity data by ID\n /\n fetchEntity: (id: string) => Promise<T>;\n \n /\n Route to navigate to if entity is not found\n /\n fallbackRoute: string;\n \n /\n Component to render with entity data\n /\n children: (entity: T) => React.ReactNode;\n \n /\n Optional ID field name in location.state (default: 'id')\n /\n idField?: string;\n}\n\n/\n A wrapper component that handles fetching entity data using either URL parameters or location state\n * This provides backward compatibility during migration from state-based to URL parameter-based routing\n */\nfunction EntityViewWrapper<T>({\n fetchEntity,\n fallbackRoute,\n children,\n idField = 'id'\n}: EntityViewWrapperProps<T>) {\n const params = useParams();\n const location = useLocation();\n const navigate = useNavigate();\n \n const [entity, setEntity] = useState<T \| null>(null);\n const [loading, setLoading] = useState(true);\n \n useEffect(() => {\n const loadEntity = async () => {\n setLoading(true);\n \n // Get entity ID from URL params or location state\n const entityId = getEntityId(params, location, idField);\n \n if (!entityId) {\n // If no ID is found, navigate to fallback route\n navigate(fallbackRoute);\n return;\n }\n \n try {\n // Fetch entity data\n const data = await fetchEntity(entityId);\n setEntity(data);\n } catch (error) {\n console.error('Error fetching entity:', error);\n // If entity is not found, navigate to fallback route\n navigate(fallbackRoute);\n } finally {\n setLoading(false);\n }\n };\n \n loadEntity();\n }, [fetchEntity, params, location, navigate, fallbackRoute, idField]);\n \n if (loading) {\n return <ErpLoader />;\n }\n \n if (!entity) {\n return null;\n }\n \n return <>{children(entity)}</>;\n}\n\nexport default EntityViewWrapper; "],"names":["fetchEntity","fallbackRoute","children","idField","params","useParams","location","useLocation","navigate","useNavigate","entity","setEntity","useState","loading","setLoading","useEffect","async","entityId","getEntityId","data","error","loadEntity","ErpLoader","jsx","Fragment"],"mappings":"6QA+BA,UAA8BA,YAC5BA,EAAAC,cACAA,EAAAC,SACAA,EAAAC,QACAA,EAAU,OAEV,MAAMC,EAASC,EAAAA,YACTC,EAAWC,EAAAA,cACXC,EAAWC,EAAAA,eAEVC,EAAQC,GAAaC,EAAAA,SAAmB,OACxCC,EAASC,GAAcF,EAAAA,UAAS,GA+BvC,OA7BAG,EAAAA,UAAU,KACWC,WACjBF,GAAW,GAGX,MAAMG,EAAWC,EAAAA,YAAYd,EAAQE,EAAUH,GAE/C,GAAKc,EAML,IAEE,MAAME,QAAanB,EAAYiB,GAC/BN,EAAUQ,EACZ,OAASC,GAGPZ,EAASP,EACX,CAAA,QACEa,GAAW,EACb,MAdEN,EAASP,IAiBboB,IACC,CAACrB,EAAaI,EAAQE,EAAUE,EAAUP,EAAeE,IAExDU,uBACMS,EAAAA,UAAA,IAGLZ,iBAIEa,EAAAA,IAAAC,EAAAA,SAAA,CAAGtB,SAAAA,EAASQ,KAHV,IAIX"}

package/dist/components/examples/FlexibleReduxExample/index.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ERPUIProvider } from "../../providers/ERPUIProvider/index.esm.js";
-import SharePopUpEnhanced from "../../share-modal/share-modal-enhanced/index.esm.js";
+import { SharePopUpEnhanced } from "../../share-modal/share-modal-enhanced/index.esm.js";
 import { HeaderEnhanced } from "../../header/header-enhanced/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import Typography from "../../../node_modules/@mui/material/Typography/Typography/index.esm.js";

package/dist/components/examples/FlexibleReduxExample/index.js CHANGED Viewed

@@ -12,7 +12,7 @@ return e.jsx(r.ERPUIProvider,{useRedux:l,children:/* @__PURE__ */e.jsxs(d.defaul
 /* @__PURE__ */e.jsxs(d.default,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2,mb:3},children:[
 /* @__PURE__ */e.jsx(o.default,{variant:"h6",gutterBottom:!0,children:"Share Modal Component"}),
 /* @__PURE__ */e.jsx(u.default,{variant:"contained",onClick:()=>m(!0),sx:{mb:2},children:"Open Share Modal"}),
-/* @__PURE__ */e.jsx(n.default,{open:c,onClose:()=>m(!1),title:"Share Document",toggleSwitch:!0,onSubmit:e=>{m(!1)},useRedux:l,users:l?void 0:x,departments:l?void 0:g,loading:l?void 0:v,onFetchUsersAndDepartments:l?void 0:R})]}),
+/* @__PURE__ */e.jsx(n.SharePopUpEnhanced,{open:c,onClose:()=>m(!1),title:"Share Document",toggleSwitch:!0,onSubmit:e=>{m(!1)},useRedux:l,users:l?void 0:x,departments:l?void 0:g,loading:l?void 0:v,onFetchUsersAndDepartments:l?void 0:R})]}),
 /* @__PURE__ */e.jsxs(d.default,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:[
 /* @__PURE__ */e.jsx(o.default,{variant:"h6",gutterBottom:!0,children:"Code Example"}),
 /* @__PURE__ */e.jsx(d.default,{component:"pre",sx:{backgroundColor:"grey.100",p:2,borderRadius:1,overflow:"auto",fontSize:"0.875rem"},children:l?"\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ":"\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            "})]})]})})};

package/dist/components/examples/FlexibleReduxExample/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/*\n Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n /\nconst FlexibleReduxExample: React.FC = () => {\n const [useRedux, setUseRedux] = useState(false);\n const [showShareModal, setShowShareModal] = useState(false);\n \n // Mock data for non-Redux usage\n const [users] = useState([\n { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n ]);\n \n const [departments] = useState([\n { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n ]);\n \n const [languages] = useState([\n { code: 'en', label: 'English', direction: 'ltr' },\n { code: 'es', label: 'Spanish', direction: 'ltr' },\n { code: 'ar', label: 'Arabic', direction: 'rtl' },\n ]);\n \n const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n const [loading, setLoading] = useState(false);\n\n // Mock API functions\n const fetchUsersAndDepartments = async () => {\n setLoading(true);\n // Simulate API call\n await new Promise(resolve => setTimeout(resolve, 1000));\n setLoading(false);\n };\n\n const handleLanguageChange = (languageCode: string) => {\n const language = languages.find(lang => lang.code === languageCode);\n if (language) {\n setCurrentLanguage(language);\n }\n };\n\n const handleShareSubmit = (data: any) => {\n console.log('Share data:', data);\n setShowShareModal(false);\n };\n\n return (\n <ERPUIProvider useRedux={useRedux}>\n <Box sx={{ p: 3 }}>\n <Typography variant=\"h4\" gutterBottom>\n Flexible Redux Integration Example\n </Typography>\n \n <Typography variant=\"body1\" sx={{ mb: 2 }}>\n This example demonstrates how ERP UI Library components can work with or without Redux.\n Toggle the switch below to see the difference.\n </Typography>\n\n <FormControlLabel\n control={\n <Switch\n checked={useRedux}\n onChange={(e) => setUseRedux(e.target.checked)}\n />\n }\n label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n sx={{ mb: 3 }}\n />\n\n <Box sx={{ mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n </Typography>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {useRedux \n ? 'Components are using Redux for state management'\n : 'Components are using props and local state for data'\n }\n </Typography>\n </Box>\n\n {/ Header Example /}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Header Component\n </Typography>\n <HeaderEnhanced\n useRedux={useRedux}\n languages={useRedux ? undefined : languages}\n currentLanguage={useRedux ? undefined : currentLanguage}\n languagesLoading={useRedux ? undefined : loading}\n onLanguageChange={useRedux ? undefined : handleLanguageChange}\n onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n />\n </Box>\n\n {/ Share Modal Example /}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Share Modal Component\n </Typography>\n <Button\n variant=\"contained\"\n onClick={() => setShowShareModal(true)}\n sx={{ mb: 2 }}\n >\n Open Share Modal\n </Button>\n \n <ShareModalEnhanced\n open={showShareModal}\n onClose={() => setShowShareModal(false)}\n title=\"Share Document\"\n toggleSwitch={true}\n onSubmit={handleShareSubmit}\n useRedux={useRedux}\n users={useRedux ? undefined : users}\n departments={useRedux ? undefined : departments}\n loading={useRedux ? undefined : loading}\n onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n />\n </Box>\n\n {/ Code Example */}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n <Typography variant=\"h6\" gutterBottom>\n Code Example\n </Typography>\n <Box\n component=\"pre\"\n sx={{\n backgroundColor: 'grey.100',\n p: 2,\n borderRadius: 1,\n overflow: 'auto',\n fontSize: '0.875rem',\n }}\n >\n {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n <HeaderEnhanced useRedux={true} />\n <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n <HeaderEnhanced\n useRedux={false}\n languages={languages}\n currentLanguage={currentLanguage}\n onLanguageChange={handleLanguageChange}\n />\n <ShareModalEnhanced\n useRedux={false}\n users={users}\n departments={departments}\n loading={loading}\n onFetchUsersAndDepartments={fetchUsersAndDepartments}\n />\n</ERPUIProvider>\n `}\n </Box>\n </Box>\n </Box>\n </ERPUIProvider>\n );\n};\n\nexport default FlexibleReduxExample;"],"names":["useRedux","setUseRedux","useState","showShareModal","setShowShareModal","users","id","first_name","last_name","label","value","departments","name","languages","code","direction","currentLanguage","setCurrentLanguage","loading","setLoading","fetchUsersAndDepartments","async","Promise","resolve","setTimeout","jsx","ERPUIProvider","children","jsxs","Box","sx","p","Typography","variant","gutterBottom","mb","FormControlLabel","control","Switch","checked","onChange","e","target","color","border","borderColor","borderRadius","HeaderEnhanced","languagesLoading","onLanguageChange","languageCode","language","find","lang","onFetchLanguages","Button","onClick","ShareModalEnhanced","open","onClose","title","toggleSwitch","onSubmit","data","onFetchUsersAndDepartments","component","backgroundColor","overflow","fontSize"],"mappings":"4qBAUuC,KACrC,MAAOA,EAAUC,GAAeC,EAAAA,UAAS,IAClCC,EAAgBC,GAAqBF,EAAAA,UAAS,IAG9CG,GAASH,WAAS,CACvB,CAAEI,GAAI,EAAGC,WAAY,OAAQC,UAAW,MAAOC,MAAO,WAAYC,MAAO,GACzE,CAAEJ,GAAI,EAAGC,WAAY,OAAQC,UAAW,QAASC,MAAO,aAAcC,MAAO,MAGxEC,GAAeT,WAAS,CAC7B,CAAEI,GAAI,EAAGM,KAAM,cAAeH,MAAO,cAAeC,MAAO,GAC3D,CAAEJ,GAAI,EAAGM,KAAM,YAAaH,MAAO,YAAaC,MAAO,MAGlDG,GAAaX,WAAS,CAC3B,CAAEY,KAAM,KAAML,MAAO,UAAWM,UAAW,OAC3C,CAAED,KAAM,KAAML,MAAO,UAAWM,UAAW,OAC3C,CAAED,KAAM,KAAML,MAAO,SAAUM,UAAW,UAGrCC,EAAiBC,GAAsBf,EAAAA,SAASW,EAAU,KAC1DK,EAASC,GAAcjB,EAAAA,UAAS,GAGjCkB,EAA2BC,UAC/BF,GAAW,SAEL,IAAIG,QAAQC,GAAWC,WAAWD,EAAS,MACjDJ,GAAW;AAeb,SACEM,IAACC,EAAAA,eAAc1B,WACb2B,wBAAAC,EAAAA,KAACC,WAAIC,GAAI,CAAEC,EAAG,GACZJ,SAAA;eAAAF,MAACO,EAAAA,QAAA,CAAWC,QAAQ,KAAKC,cAAY,EAACP,SAAA;eAItCF,EAAAA,IAACO,EAAAA,SAAWC,QAAQ,QAAQH,GAAI,CAAEK,GAAI,GAAKR,SAAA;eAK3CF,EAAAA,IAACW,EAAAA,QAAA,CACCC,uBACEZ,EAAAA,IAACa,EAAAA,QAAA,CACCC,QAASvC,EACTwC,SAAWC,GAAMxC,EAAYwC,EAAEC,OAAOH,WAG1C9B,MAAO,eAAcT,EAAW,UAAY,YAC5C8B,GAAI,CAAEK,GAAI;sBAGXN,EAAAA,QAAA,CAAIC,GAAI,CAAEK,GAAI,GACbR,SAAA;eAAAC,EAAAA,KAACI,EAAAA,QAAA,CAAWC,QAAQ,KAAKC,cAAY,EAACP,SAAA,CAAA,iBACrB3B,EAAW,cAAgB;eAE5CyB,EAAAA,IAACO,EAAAA,SAAWC,QAAQ,QAAQU,MAAM,iBAC/BhB,SAAA3B,EACG,kDACA;iBAMR4B,KAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEc,OAAQ,EAAGC,YAAa,WAAYC,aAAc,EAAGf,EAAG,EAAGI,GAAI,GACxER,SAAA;eAAAF,MAACO,EAAAA,QAAA,CAAWC,QAAQ,KAAKC,cAAY,EAACP,SAAA;eAGtCF,EAAAA,IAACsB,EAAAA,eAAA,CACC/C,WACAa,UAAWb,OAAW,EAAYa,EAClCG,gBAAiBhB,OAAW,EAAYgB,EACxCgC,iBAAkBhD,OAAW,EAAYkB,EACzC+B,iBAAkBjD,OAAW,EAzDTkD,IAC5B,MAAMC,EAAWtC,EAAUuC,KAAKC,GAAQA,EAAKvC,OAASoC,GAClDC,GACFlC,EAAmBkC,IAuDbG,iBAAkBtD,OAAW,EAAYoB;iBAK7CQ,KAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEc,OAAQ,EAAGC,YAAa,WAAYC,aAAc,EAAGf,EAAG,EAAGI,GAAI,GACxER,SAAA;eAAAF,MAACO,EAAAA,QAAA,CAAWC,QAAQ,KAAKC,cAAY,EAACP,SAAA;eAGtCF,EAAAA,IAAC8B,EAAAA,QAAA,CACCtB,QAAQ,YACRuB,QAAS,IAAMpD,GAAkB,GACjC0B,GAAI,CAAEK,GAAI,GACXR,SAAA;eAIDF,EAAAA,IAACgC,EAAAA,~~QAAA~~,CACCC,KAAMvD,EACNwD,QAAS,IAAMvD,GAAkB,GACjCwD,MAAM,iBACNC,cAAc,EACdC,SAzEiBC,IAEzB3D,GAAkB,IAwEVJ,WACAK,MAAOL,OAAW,EAAYK,EAC9BM,YAAaX,OAAW,EAAYW,EACpCO,QAASlB,OAAW,EAAYkB,EAChC8C,2BAA4BhE,OAAW,EAAYoB;iBAKvDQ,KAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEc,OAAQ,EAAGC,YAAa,WAAYC,aAAc,EAAGf,EAAG,GACjEJ,SAAA;eAAAF,MAACO,EAAAA,QAAA,CAAWC,QAAQ,KAAKC,cAAY,EAACP,SAAA;eAGtCF,EAAAA,IAACI,EAAAA,QAAA,CACCoC,UAAU,MACVnC,GAAI,CACFoC,gBAAiB,WACjBnC,EAAG,EACHe,aAAc,EACdqB,SAAU,OACVC,SAAU,YAGXzC,SAAA3B,EAAW,mNAMR"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/*\n Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n /\nconst FlexibleReduxExample: React.FC = () => {\n const [useRedux, setUseRedux] = useState(false);\n const [showShareModal, setShowShareModal] = useState(false);\n \n // Mock data for non-Redux usage\n const [users] = useState([\n { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n ]);\n \n const [departments] = useState([\n { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n ]);\n \n const [languages] = useState([\n { code: 'en', label: 'English', direction: 'ltr' },\n { code: 'es', label: 'Spanish', direction: 'ltr' },\n { code: 'ar', label: 'Arabic', direction: 'rtl' },\n ]);\n \n const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n const [loading, setLoading] = useState(false);\n\n // Mock API functions\n const fetchUsersAndDepartments = async () => {\n setLoading(true);\n // Simulate API call\n await new Promise(resolve => setTimeout(resolve, 1000));\n setLoading(false);\n };\n\n const handleLanguageChange = (languageCode: string) => {\n const language = languages.find(lang => lang.code === languageCode);\n if (language) {\n setCurrentLanguage(language);\n }\n };\n\n const handleShareSubmit = (data: any) => {\n console.log('Share data:', data);\n setShowShareModal(false);\n };\n\n return (\n <ERPUIProvider useRedux={useRedux}>\n <Box sx={{ p: 3 }}>\n <Typography variant=\"h4\" gutterBottom>\n Flexible Redux Integration Example\n </Typography>\n \n <Typography variant=\"body1\" sx={{ mb: 2 }}>\n This example demonstrates how ERP UI Library components can work with or without Redux.\n Toggle the switch below to see the difference.\n </Typography>\n\n <FormControlLabel\n control={\n <Switch\n checked={useRedux}\n onChange={(e) => setUseRedux(e.target.checked)}\n />\n }\n label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n sx={{ mb: 3 }}\n />\n\n <Box sx={{ mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n </Typography>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {useRedux \n ? 'Components are using Redux for state management'\n : 'Components are using props and local state for data'\n }\n </Typography>\n </Box>\n\n {/ Header Example /}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Header Component\n </Typography>\n <HeaderEnhanced\n useRedux={useRedux}\n languages={useRedux ? undefined : languages}\n currentLanguage={useRedux ? undefined : currentLanguage}\n languagesLoading={useRedux ? undefined : loading}\n onLanguageChange={useRedux ? undefined : handleLanguageChange}\n onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n />\n </Box>\n\n {/ Share Modal Example /}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n <Typography variant=\"h6\" gutterBottom>\n Share Modal Component\n </Typography>\n <Button\n variant=\"contained\"\n onClick={() => setShowShareModal(true)}\n sx={{ mb: 2 }}\n >\n Open Share Modal\n </Button>\n \n <ShareModalEnhanced\n open={showShareModal}\n onClose={() => setShowShareModal(false)}\n title=\"Share Document\"\n toggleSwitch={true}\n onSubmit={handleShareSubmit}\n useRedux={useRedux}\n users={useRedux ? undefined : users}\n departments={useRedux ? undefined : departments}\n loading={useRedux ? undefined : loading}\n onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n />\n </Box>\n\n {/ Code Example */}\n <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n <Typography variant=\"h6\" gutterBottom>\n Code Example\n </Typography>\n <Box\n component=\"pre\"\n sx={{\n backgroundColor: 'grey.100',\n p: 2,\n borderRadius: 1,\n overflow: 'auto',\n fontSize: '0.875rem',\n }}\n >\n {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n <HeaderEnhanced useRedux={true} />\n <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n <HeaderEnhanced\n useRedux={false}\n languages={languages}\n currentLanguage={currentLanguage}\n onLanguageChange={handleLanguageChange}\n />\n <ShareModalEnhanced\n useRedux={false}\n users={users}\n departments={departments}\n loading={loading}\n onFetchUsersAndDepartments={fetchUsersAndDepartments}\n />\n</ERPUIProvider>\n `}\n </Box>\n </Box>\n </Box>\n </ERPUIProvider>\n );\n};\n\nexport default FlexibleReduxExample;"],"names":["useRedux","setUseRedux","useState","showShareModal","setShowShareModal","users","id","first_name","last_name","label","value","departments","name","languages","code","direction","currentLanguage","setCurrentLanguage","loading","setLoading","fetchUsersAndDepartments","async","Promise","resolve","setTimeout","jsx","ERPUIProvider","children","jsxs","Box","sx","p","Typography","variant","gutterBottom","mb","FormControlLabel","control","Switch","checked","onChange","e","target","color","border","borderColor","borderRadius","HeaderEnhanced","languagesLoading","onLanguageChange","languageCode","language","find","lang","onFetchLanguages","Button","onClick","ShareModalEnhanced","open","onClose","title","toggleSwitch","onSubmit","data","onFetchUsersAndDepartments","component","backgroundColor","overflow","fontSize"],"mappings":"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"}

package/dist/components/fallback/fallback/index.esm.js CHANGED Viewed

@@ -30,6 +30,7 @@ const Fallback = (props) => {
   ] });
 };
 export {
+  Fallback,
   Fallback as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/fallback/fallback/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n heading: string;\n subHeading: string;\n icon: React.ReactNode;\n children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n const { heading, subHeading, icon, children, ...rest } = props;\n return (\n <Box className=\"fallback\" {...rest}>\n {icon}\n <Typography\n type=\"h5\"\n weight=\"medium\"\n color=\"theme.secondary.1000\"\n className=\"fallback--Text\"\n >\n {heading}\n </Typography>\n <Typography\n type=\"s3\"\n weight=\"medium\"\n color=\"theme.secondary.800\"\n className=\"fallback--Text\"\n >\n {subHeading}\n </Typography>\n <div>{children}</div>\n </Box>\n );\n};\n\nexport default Fallback;\n"],"names":[],"mappings":";;;;AAWA,MAAM,WAAW,CAAC,UAAyB;AACzC,QAAM,EAAE,SAAS,YAAY,MAAM,UAAU,GAAG,SAAS;AACzD,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n heading: string;\n subHeading: string;\n icon: React.ReactNode;\n children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n const { heading, subHeading, icon, children, ...rest } = props;\n return (\n <Box className=\"fallback\" {...rest}>\n {icon}\n <Typography\n type=\"h5\"\n weight=\"medium\"\n color=\"theme.secondary.1000\"\n className=\"fallback--Text\"\n >\n {heading}\n </Typography>\n <Typography\n type=\"s3\"\n weight=\"medium\"\n color=\"theme.secondary.800\"\n className=\"fallback--Text\"\n >\n {subHeading}\n </Typography>\n <div>{children}</div>\n </Box>\n );\n};\n\nexport { Fallback };\nexport default Fallback;\n"],"names":[],"mappings":";;;;AAWA,MAAM,WAAW,CAAC,UAAyB;AACzC,QAAM,EAAE,SAAS,YAAY,MAAM,UAAU,GAAG,SAAS;AACzD,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}