@tap-payments/os-micro-frontend-shared 0.0.199-alpha.2 → 0.0.199-alpha.3

package/build/components/RangeCalender/RangeCalender.d.ts

@@ -1,5 +1,4 @@
 import type { CalenderMode, Timezone } from '../../types/index.js';
-import { SxProps } from '@mui/system';
 interface RangeCalendarProps {
     defaultDate: [Date, Date];
     onDateChange: (date: [Date, Date], timezoneOffset?: number) => void;
@@ -16,7 +15,6 @@ interface RangeCalendarProps {
     onChangeTimezone?: (timezone: Timezone) => void;
     defaultTimezone: Timezone;
     browserTimezone: string;
-    triggerSx?: SxProps;
 }
-declare function RangeCalender({ defaultDate, onDateChange, mode, onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezoneHistory, onChangeTimezone, defaultTimezone, browserTimezone, triggerSx, }: RangeCalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function RangeCalender({ defaultDate, onDateChange, mode, onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezoneHistory, onChangeTimezone, defaultTimezone, browserTimezone, }: RangeCalendarProps): import("react/jsx-runtime").JSX.Element;
 export default RangeCalender;

package/build/components/RangeCalender/RangeCalender.js

@@ -13,7 +13,7 @@ import QuickFilters from './components/QuickFilters';
 import RangeDatePicker from './components/RangeDatepicker';
 import CustomTimezone from './components/Timezone';
 import { ButtonsWrapper, CalenderWrapper, CancelButton, FiltersArea, Footer, Main, OkayButton, SelectedDate, TimeZone, Settings } from './style';
-function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezoneHistory, onChangeTimezone, defaultTimezone, browserTimezone, triggerSx, }) {
+function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezoneHistory, onChangeTimezone, defaultTimezone, browserTimezone, }) {
     const [dates, setDates] = useState([new DateObject(defaultDate[0]), new DateObject(defaultDate[1])]);
     const [values, setValues] = useState(dates);
     const [selectedTimezone, setSelectedTimezone] = useState(timezone);
@@ -82,7 +82,7 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
         if (calendarRef.current)
             calendarRef.current.set({ date: newValues[0] });
     };
-    return (_jsxs(Main, Object.assign({ "data-testid": "RangeCalender" }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpenCalender, open: open, sx: triggerSx }, { children: (dates[0] || dates[1]) && getSelectedDate() })), open && (_jsx(CustomBackdrop, { onClick: (e) => {
+    return (_jsxs(Main, Object.assign({ "data-testid": "RangeCalender" }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpenCalender, open: open }, { children: (dates[0] || dates[1]) && getSelectedDate() })), open && (_jsx(CustomBackdrop, { onClick: (e) => {
                     e.stopPropagation();
                     onCloseCalender();
                 } })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end", sx: { zIndex: 3 } }, { children: _jsxs(CalenderWrapper, { children: [!noQuickFilter && (_jsxs(FiltersArea, { children: [_jsx(QuickFilters, { onChange: onChangeQuickFilter, isHijri: isHijri }), _jsxs(Settings, { children: [groupBy && (_jsx(GroupBy, { groupBy: selectedGroupBy, isCalenderOpen: open, onUpdate: (group) => {

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.d.ts

@@ -1,8 +1,7 @@
 import type { IColumnFilter, IColumnFilterInputs } from '../../../../../types/index.js';
 interface InputsI {
-    onClearValuesClick?: () => void;
     onCloseDropdown: () => void;
     filter: IColumnFilter & IColumnFilterInputs;
 }
-declare function Inputs({ onClearValuesClick, onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter } }: InputsI): import("react/jsx-runtime").JSX.Element;
+declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter, onClearValuesClick } }: InputsI): import("react/jsx-runtime").JSX.Element;
 export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { grayCloseIcon, searchIcon } from '../../../../../constants/index.js';
 import { Wrapper, Text, InputStyled, InputsWrapper, ClearButton, ClearWrapper } from './style';
 import { CancelButton, Footer, OkayButton } from '../style';
-function Inputs({ onClearValuesClick, onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter } }) {
+function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onClearValuesClick } }) {
     const [values, setValues] = useState({});
     useEffect(() => {
         setValues((options || []).reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = data === null || data === void 0 ? void 0 : data[apiKey]) !== null && _a !== void 0 ? _a : '' })); }, {}));

package/build/types/table.d.ts

@@ -134,6 +134,7 @@ export type ColumnFilterValues = Record<string, string | string[] | {
 export type IColumnFilter = ({
     onConfirm?: (filterValues: ColumnFilterValues) => void;
     onClear: (apiKeys: string[]) => void;
+    onClearValuesClick?: () => void;
     data?: ColumnFilterValues;
     isOnlyOneFilter?: boolean;
 } & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.199-alpha.2",
+  "version": "0.0.199-alpha.3",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",