@tap-payments/os-micro-frontend-shared 0.1.127 → 0.1.128-test.1

package/build/components/SearchListInput/SearchListInput.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from '@mui/material/Box';
+type Props = BoxProps & {
+    value: string;
+    name: string;
+    placeholder: string;
+    onSearchChange: (value: string) => void;
+    onSearchReset: () => void;
+};
+declare const SearchListInput: ({ value, name, placeholder, onSearchChange, onSearchReset, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SearchListInput;

package/build/components/SearchListInput/SearchListInput.js

@@ -0,0 +1,20 @@
+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 Box from '@mui/material/Box';
+import { grayCloseIcon, searchIcon } from '../../constants/index.js';
+import { InputsWrapper, InputStyled } from './style';
+const SearchListInput = (_a) => {
+    var { value, name, placeholder, onSearchChange, onSearchReset } = _a, props = __rest(_a, ["value", "name", "placeholder", "onSearchChange", "onSearchReset"]);
+    return (_jsx(InputsWrapper, Object.assign({ component: "main" }, props, { children: _jsx(InputStyled, { className: "input", name: name, placeholder: placeholder, onChange: (e) => onSearchChange(e.target.value), value: value, inputProps: { autoComplete: 'off' }, endAdornment: _jsx(Box, { component: "img", "data-icon": value ? 'close' : 'search', src: value ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: value ? 'pointer' : 'default' }, onClick: onSearchReset }) }) })));
+};
+export default SearchListInput;

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

@@ -0,0 +1,2 @@
+import SearchListInput from './SearchListInput';
+export default SearchListInput;

package/build/components/SearchListInput/index.js

@@ -0,0 +1,2 @@
+import SearchListInput from './SearchListInput';
+export default SearchListInput;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const InputStyled: import("@emotion/styled").StyledComponent<Readonly<import("@mui/material").InputProps & {
+    isError?: boolean | undefined;
+}> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const InputsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/SearchListInput/style.js

@@ -0,0 +1,15 @@
+import { styled } from '@mui/material/styles';
+import Input from '../Input';
+import Box from '@mui/material/Box';
+export const InputStyled = styled(Input)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    '.icon': {
+        width: 14,
+    },
+}));
+export const InputsWrapper = styled(Box)(() => ({
+    padding: '8px 16px',
+    '> div + div': {
+        marginTop: '8px',
+    },
+}));

package/build/components/index.d.ts

@@ -108,3 +108,4 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip, type AmountStatusChipProps } from './AmountStatusChip';
 export { default as AuthenticationTypeChip, type AuthenticationTypeChipProps } from './AuthenticationTypeChip';
 export * from './LazyImage';
+export { default as SearchListInput } from './SearchListInput';

package/build/components/index.js

@@ -108,3 +108,4 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip } from './AmountStatusChip';
 export { default as AuthenticationTypeChip } from './AuthenticationTypeChip';
 export * from './LazyImage';
+export { default as SearchListInput } from './SearchListInput';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.127",
-  "testVersion": 6,
+  "version": "0.1.128-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -136,4 +136,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}