@tap-payments/os-micro-frontend-shared 0.0.97 → 0.0.98

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 (38) hide show
  1. package/build/components/Chip/style.d.ts +1 -0
  2. package/build/components/CountBadge/style.d.ts +1 -0
  3. package/build/components/Dialog/style.d.ts +1 -0
  4. package/build/components/FlippingCard/style.d.ts +1 -0
  5. package/build/components/ImageWrapper/ImageWrapper.d.ts +1 -0
  6. package/build/components/JSONViewer/style.d.ts +1 -0
  7. package/build/components/SearchButton/styles.d.ts +2 -1
  8. package/build/components/StatusIcons/AuthIcons/style.d.ts +1 -0
  9. package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts +1 -0
  10. package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts +1 -0
  11. package/build/components/StatusIcons/SourceIcons/style.d.ts +1 -0
  12. package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +2 -1
  13. package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts +1 -0
  14. package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +1 -0
  15. package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +1 -0
  16. package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts +1 -0
  17. package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts +1 -0
  18. package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +1 -0
  19. package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +1 -0
  20. package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts +1 -0
  21. package/build/components/TableCells/CustomCells/IDButton/style.d.ts +1 -0
  22. package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +1 -0
  23. package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts +1 -0
  24. package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts +1 -0
  25. package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts +1 -0
  26. package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts +1 -0
  27. package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts +1 -0
  28. package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts +1 -0
  29. package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts +1 -0
  30. package/build/components/TableCells/CustomCells/SourceCell/style.d.ts +1 -0
  31. package/build/components/TableCells/CustomCells/SourceMergedCell/style.d.ts +2 -1
  32. package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +2 -1
  33. package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +1 -0
  34. package/build/components/TableCells/CustomCells/style.d.ts +1 -0
  35. package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.js +18 -31
  36. package/build/components/VirtualTable/style.d.ts +2 -1
  37. package/build/types/table.d.ts +1 -1
  38. package/package.json +1 -1
package/build/components/Chip/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import { GetSourceAnimationFunction } from './type';
3
4
  export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
4
5
  variant?: import("./type").ChipVariant | undefined;
package/build/components/CountBadge/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/Dialog/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/FlippingCard/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const Wrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/ImageWrapper/ImageWrapper.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/JSONViewer/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const FOOTER_HEIGHT = 37;
3
4
  export declare const TITLE_BAR_HEIGHT = "32px";
4
5
  export declare const VIEWER_HEIGHT = 545;
package/build/components/SearchButton/styles.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledInput: import("@emotion/styled").StyledComponent<{
3
4
  width?: string | number | undefined;
4
5
  height?: string | number | undefined;
@@ -554,9 +555,9 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
554
555
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
555
556
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
556
557
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
558
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
557
559
  src?: string | undefined;
558
560
  alt?: string | undefined;
559
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
560
561
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
561
562
  useMap?: string | undefined;
562
563
  loading?: "eager" | "lazy" | undefined;
package/build/components/StatusIcons/AuthIcons/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/StatusIcons/SourceIcons/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/TableCells/CustomCells/ActionCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
3
4
  export declare const ActionsIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
4
5
  selected: boolean;
@@ -269,9 +270,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
269
270
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
270
271
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
271
272
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
273
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
272
274
  src?: string | undefined;
273
275
  alt?: string | undefined;
274
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
275
276
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
276
277
  useMap?: string | undefined;
277
278
  loading?: "eager" | "lazy" | undefined;
package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
3
4
  export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
4
5
  hidden?: boolean | undefined;
package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/IDButton/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const Button: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/TableCells/CustomCells/SourceCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
package/build/components/TableCells/CustomCells/SourceMergedCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const collapsedViewIconVariants: {
3
4
  default: {
4
5
  duration: number;
@@ -273,9 +274,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
273
274
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
274
275
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
275
276
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
277
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
276
278
  src?: string | undefined;
277
279
  alt?: string | undefined;
278
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
279
280
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
280
281
  useMap?: string | undefined;
281
282
  loading?: "eager" | "lazy" | undefined;
package/build/components/TableCells/CustomCells/StatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
3
4
  width?: string | number | undefined;
4
5
  height?: string | number | undefined;
@@ -262,9 +263,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
262
263
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
263
264
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
264
265
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
266
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
265
267
  src?: string | undefined;
266
268
  alt?: string | undefined;
267
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
268
269
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
269
270
  useMap?: string | undefined;
270
271
  loading?: "eager" | "lazy" | undefined;
package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  id?: string | undefined;
package/build/components/TableCells/CustomCells/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
3
4
  variant?: "Local" | "Global" | "Regional" | undefined;
4
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useCallback, useEffect, useMemo, useState } from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
3
3
  import Box from '@mui/material/Box';
4
4
  import Collapse from '@mui/material/Collapse';
5
5
  import lodashValues from 'lodash/values';
@@ -23,38 +23,25 @@ function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOn
23
23
  const onClickClear = () => {
24
24
  setValues(options.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
25
25
  };
26
+ const isInputHasValue = (key) => values[key] !== undefined && values[key].length > 0;
26
27
  const getInputValue = (key) => (values[key] !== undefined && values[key].length ? values[key] : '');
27
- const showClearButton = useMemo(() => lodashValues(values).some((x) => Boolean(x)), [values]);
28
- const getFilterByApiKey = useCallback((key) => {
29
- return options === null || options === void 0 ? void 0 : options.find((option) => option.apiKey === key);
30
- }, [options]);
31
- const isAnyInputWithValue = (group) => Object.entries(values).some(([inputKey, val]) => { var _a; return Boolean(val) && (((_a = getFilterByApiKey(inputKey)) === null || _a === void 0 ? void 0 : _a.filterGroup) !== group || !group); });
32
- return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => {
33
- const inputValue = getInputValue(apiKey);
34
- return (_jsx(ColumnFilterInput, { apiKey: apiKey, isOnlyOneFilter: isOnlyOneFilter, setValues: setValues, options: options, value: inputValue, render: render, placeholder: placeholder, isDisabled: isDisabled, filterGroup: filterGroup, isAnyInputWithValue: isAnyInputWithValue(filterGroup) }, apiKey));
35
- }) })), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse" }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(Footer, Object.assign({ component: "footer", "data-testid": "ColumnFilterInputs_footer" }, { children: [_jsx(CancelButton, Object.assign({ type: "button", onClick: onClickCancel, "data-testid": "ColumnFilterInputs_CancelButton" }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ type: "button", onClick: onClickOkay, "data-testid": "ColumnFilterInputs_OkayButton" }, { children: t('okay') }))] }))] })));
36
- }
37
- function ColumnFilterInput({ apiKey, isOnlyOneFilter, setValues, value, render, placeholder, isDisabled, isAnyInputWithValue, }) {
38
- const [anchorEl, setAnchorEl] = useState(null);
39
- const isInputHasValue = useMemo(() => value !== undefined && value.length > 0, [value]);
40
28
  const onClickResetInput = (key) => {
41
- if (isInputHasValue)
42
- setValues((prev) => (Object.assign(Object.assign({}, prev), { [key]: '' })));
29
+ if (isInputHasValue(key))
30
+ setValues(Object.assign(Object.assign({}, values), { [key]: '' }));
43
31
  };
44
- const isInputDisabled = useMemo(() => {
45
- const inputWithValue = value !== undefined && value !== '' && value !== null;
32
+ const showClearButton = useMemo(() => lodashValues(values).some((x) => Boolean(x)), [values]);
33
+ const getFilterByApiKey = useCallback((apiKey) => {
34
+ return options.find((option) => option.apiKey === apiKey);
35
+ }, [options]);
36
+ const isInputDisabled = useCallback((key, filterGroup) => {
37
+ const inputWithValue = (values === null || values === void 0 ? void 0 : values[key]) !== undefined && (values === null || values === void 0 ? void 0 : values[key]) !== '' && (values === null || values === void 0 ? void 0 : values[key]) !== null;
38
+ const isAnyInputWithValue = Object.entries(values).some(([inputKey, val]) => { var _a; return Boolean(val) && (((_a = getFilterByApiKey(inputKey)) === null || _a === void 0 ? void 0 : _a.filterGroup) !== filterGroup || !filterGroup); });
46
39
  return isOnlyOneFilter && !inputWithValue && isAnyInputWithValue;
47
- }, [value, isOnlyOneFilter, isAnyInputWithValue]);
48
- if (render) {
49
- return (_jsx(_Fragment, { children: render({
50
- anchorEl,
51
- setAnchorEl,
52
- }) }));
53
- }
54
- return (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
55
- setValues((prev) => (Object.assign(Object.assign({}, prev), { [apiKey]: e.target.value })));
56
- }, disabled: isDisabled || isInputDisabled, value: value, inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue ? 'close' : 'search', src: isInputHasValue ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue ? 'pointer' : 'default' }, onClick: () => {
57
- onClickResetInput(apiKey);
58
- } }) }));
40
+ }, [options, values, isOnlyOneFilter]);
41
+ return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => (_jsx(Fragment, { children: render ? (render()) : (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
42
+ setValues(Object.assign(Object.assign({}, values), { [apiKey]: e.target.value }));
43
+ }, disabled: isDisabled || isInputDisabled(apiKey, filterGroup), value: getInputValue(apiKey), inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
44
+ onClickResetInput(apiKey);
45
+ } }) })) }, apiKey))) })), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse" }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(Footer, Object.assign({ component: "footer", "data-testid": "ColumnFilterInputs_footer" }, { children: [_jsx(CancelButton, Object.assign({ type: "button", onClick: onClickCancel, "data-testid": "ColumnFilterInputs_CancelButton" }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ type: "button", onClick: onClickOkay, "data-testid": "ColumnFilterInputs_OkayButton" }, { children: t('okay') }))] }))] })));
59
46
  }
60
47
  export default Inputs;
package/build/components/VirtualTable/style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  interface TableWrapperProps {
3
4
  showNoDataView?: boolean;
4
5
  isSheetView?: boolean;
@@ -306,9 +307,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
306
307
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
307
308
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
308
309
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
310
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
309
311
  src?: string | undefined;
310
312
  alt?: string | undefined;
311
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
312
313
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
313
314
  useMap?: string | undefined;
314
315
  loading?: "eager" | "lazy" | undefined;
package/build/types/table.d.ts CHANGED
@@ -70,7 +70,7 @@ export interface IColumnFilterOption {
70
70
  options?: IColumnFilterOption[];
71
71
  isDisabled?: boolean;
72
72
  filterGroup?: string;
73
- render?: (v: any) => React.ReactNode;
73
+ render?: () => React.ReactNode;
74
74
  }
75
75
  export type IColumnListFilterOption = Omit<IColumnFilterOption, 'apiKey' | 'options'> & {
76
76
  value: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tap-payments/os-micro-frontend-shared",
3
3
  "description": "Shared components and utilities for Tap Payments micro frontends",
4
- "version": "0.0.97",
4
+ "version": "0.0.98",
5
5
  "type": "module",
6
6
  "main": "build/index.js",
7
7
  "module": "build/index.js",