@tap-payments/os-micro-frontend-shared 0.1.226 → 0.1.228

package/build/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AutocompleteRenderInputParams, AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
+import { TextFieldProps } from '@mui/material/TextField';
+import { MakeOptional } from '../../types/index.js';
+export type AutocompleteProps<Value = string, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = 'div'> = {
+    label?: TextFieldProps['label'];
+    textFieldProps?: TextFieldProps | ((params: AutocompleteRenderInputParams) => TextFieldProps);
+} & MakeOptional<MuiAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'renderInput'>;
+declare const Autocomplete: <Value = string, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => import("react/jsx-runtime").JSX.Element;
+export default Autocomplete;

package/build/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,33 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import MuiAutocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import { PopperStyled, AutocompleteTextFieldStyled as TextField } from './style';
+import { blackRightArrowIcon } from '../../constants/index.js';
+const Autocomplete = (props) => {
+    const { options, value, onChange, label, renderInput, slotProps, textFieldProps } = props, rest = __rest(props, ["options", "value", "onChange", "label", "renderInput", "slotProps", "textFieldProps"]);
+    const defaultRenderInput = useCallback((params) => {
+        const fieldProps = typeof textFieldProps === 'function' ? textFieldProps(params) : textFieldProps;
+        return _jsx(TextField, Object.assign({}, params, fieldProps, { label: label }));
+    }, [textFieldProps, label]);
+    return (_jsx(MuiAutocomplete, Object.assign({ options: options, value: value, onChange: onChange, popupIcon: _jsx(Box, { component: "img", src: blackRightArrowIcon, sx: { transform: 'rotate(90deg)' }, width: 8, alt: "close" }), renderInput: renderInput || defaultRenderInput, PopperComponent: PopperStyled }, rest, { slotProps: Object.assign(Object.assign({}, slotProps), { popper: Object.assign({ modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [0, 4],
+                        },
+                    },
+                ] }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.popper) }) })));
+};
+export default Autocomplete;

package/build/components/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Autocomplete } from './Autocomplete';
+export type { AutocompleteProps } from './Autocomplete';

package/build/components/Autocomplete/index.js

@@ -0,0 +1 @@
+export { default as Autocomplete } from './Autocomplete';

package/build/components/Autocomplete/style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import TextField from '@mui/material/TextField';
+export declare const AutocompleteTextFieldStyled: typeof TextField;
+export declare const PopperStyled: import("react").ForwardRefExoticComponent<import("@mui/material/Popper").PopperProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/components/Autocomplete/style.js

@@ -0,0 +1,47 @@
+import { styled } from '@mui/material/styles';
+import { autocompleteClasses } from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+import Popper from '@mui/material/Popper';
+export const AutocompleteTextFieldStyled = styled(TextField)({
+    '& .MuiInputBase-root': {
+        paddingTop: 13,
+        paddingBottom: 13,
+        borderRadius: 4,
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: '#F2F2F2',
+        },
+        '&:hover': {
+            '& .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#F2F2F2',
+            },
+        },
+        '&.Mui-focused': {
+            '& .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#1F88D0',
+                boxShadow: '0px 0px 4px 0px #1F88D080',
+            },
+            '&:hover': {
+                '& .MuiOutlinedInput-notchedOutline': {
+                    borderColor: '#1F88D0',
+                },
+            },
+        },
+        [`& .${autocompleteClasses.input}`]: {
+            fontSize: 11,
+            paddingTop: 0,
+            paddingBottom: 0,
+            paddingLeft: 0,
+        },
+        [`& .${autocompleteClasses.endAdornment}`]: {
+            marginRight: 8,
+        },
+    },
+});
+export const PopperStyled = styled(Popper)({
+    fontSize: 11,
+    borderRadius: '8px',
+    border: '1px solid #F2F2F2',
+    boxShadow: '0px 2px 56px 0px #20232B24',
+});

package/build/components/index.d.ts

@@ -121,3 +121,4 @@ export { default as ListLayout } from './ListLayout';
 export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
+export * from './Autocomplete';

package/build/components/index.js

@@ -121,3 +121,4 @@ export { default as ListLayout } from './ListLayout';
 export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
 export { default as BetaBanner } from './BetaBanner';
+export * from './Autocomplete';

package/build/types/index.d.ts

@@ -23,3 +23,4 @@ export * from './refund';
 export * from './destination';
 export * from './account';
 export * from './day';
+export * from './tsUtils';

package/build/types/index.js

@@ -23,3 +23,4 @@ export * from './refund';
 export * from './destination';
 export * from './account';
 export * from './day';
+export * from './tsUtils';

package/build/types/tsUtils.d.ts

@@ -0,0 +1,4 @@
+export type Override<T, R> = Omit<T, keyof R> & R;
+export type MakeOptional<T, K extends keyof T> = Override<T, {
+    [P in K]?: T[K];
+}>;

package/build/types/tsUtils.js

@@ -0,0 +1 @@
+export {};

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.1.226",
+  "version": "0.1.228",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",