@true-engineering/true-react-common-ui-kit 4.0.0-alpha3 → 4.0.0-alpha4

package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts

@@ -1,54 +1,54 @@
-import { createElement, createRef, HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
-import scrollIntoViewIfNeeded, { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
-import {
-  ScrollIntoViewIfNeededDefaultElementType,
-  ScrollIntoViewIfNeededDefaultProps,
-} from './constants';
-
-export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
-  active?: boolean;
-  children?: ReactNode;
-  elementType?: string;
-  options?: StandardBehaviorOptions;
-}
-
-export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
-  node: RefObject<HTMLElement> = createRef();
-
-  public static defaultProps: IScrollIntoViewIfNeededProps = ScrollIntoViewIfNeededDefaultProps;
-
-  componentDidMount() {
-    const { active } = this.props;
-    if (active) {
-      this.handleScrollIntoViewIfNeeded();
-    }
-  }
-
-  componentDidUpdate({ active }: IScrollIntoViewIfNeededProps) {
-    const { active: isNowActive } = this.props;
-    if (!active && isNowActive) {
-      this.handleScrollIntoViewIfNeeded();
-    }
-  }
-
-  handleScrollIntoViewIfNeeded = () => {
-    const { options } = this.props;
-    const { current: node } = this.node;
-
-    if (node) {
-      scrollIntoViewIfNeeded(node, options);
-    }
-  };
-
-  render() {
-    const { active, elementType, children, options, ...wrapperProps } = this.props;
-
-    return createElement(
-      elementType ?? ScrollIntoViewIfNeededDefaultElementType,
-      { ref: this.node, ...wrapperProps },
-      children,
-    );
-  }
-}
-
-export default ScrollIntoViewIfNeeded;
+import { createElement, createRef, HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
+import scrollIntoViewIfNeeded, { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
+import {
+  ScrollIntoViewIfNeededDefaultElementType,
+  ScrollIntoViewIfNeededDefaultProps,
+} from './constants';
+
+export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
+  active?: boolean;
+  children?: ReactNode;
+  elementType?: string;
+  options?: StandardBehaviorOptions;
+}
+
+export class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
+  node: RefObject<HTMLElement> = createRef();
+
+  public static defaultProps: IScrollIntoViewIfNeededProps = ScrollIntoViewIfNeededDefaultProps;
+
+  componentDidMount() {
+    const { active } = this.props;
+    if (active) {
+      this.handleScrollIntoViewIfNeeded();
+    }
+  }
+
+  componentDidUpdate({ active }: IScrollIntoViewIfNeededProps) {
+    const { active: isNowActive } = this.props;
+    if (!active && isNowActive) {
+      this.handleScrollIntoViewIfNeeded();
+    }
+  }
+
+  handleScrollIntoViewIfNeeded = () => {
+    const { options } = this.props;
+    const { current: node } = this.node;
+
+    if (node) {
+      scrollIntoViewIfNeeded(node, options);
+    }
+  };
+
+  render() {
+    const { active, elementType, children, options, ...wrapperProps } = this.props;
+
+    return createElement(
+      elementType ?? ScrollIntoViewIfNeededDefaultElementType,
+      { ref: this.node, ...wrapperProps },
+      children,
+    );
+  }
+}
+
+export default ScrollIntoViewIfNeeded;

package/src/components/ScrollIntoViewIfNeeded/constants.ts

@@ -1,12 +1,12 @@
-import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
-
-export const ScrollIntoViewIfNeededDefaultElementType = 'div';
-
-export const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps = {
-  active: true,
-  elementType: ScrollIntoViewIfNeededDefaultElementType,
-  options: {
-    behavior: 'smooth',
-    scrollMode: 'if-needed',
-  },
-};
+import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
+
+export const ScrollIntoViewIfNeededDefaultElementType = 'div';
+
+export const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps = {
+  active: true,
+  elementType: ScrollIntoViewIfNeededDefaultElementType,
+  options: {
+    behavior: 'smooth',
+    scrollMode: 'if-needed',
+  },
+};

package/src/components/ScrollIntoViewIfNeeded/index.ts

@@ -1 +1 @@
-export * from './ScrollIntoViewIfNeeded';
+export * from './ScrollIntoViewIfNeeded';

package/src/components/SearchInput/SearchInput.stories.tsx

@@ -1,24 +1,24 @@
-import { useState } from 'react';
-import { ComponentStory } from '@storybook/react';
-import { SearchInput } from './SearchInput';
-
-export default {
-  title: 'Inputs/SearchInput',
-  component: SearchInput,
-};
-
-const Template: ComponentStory<typeof SearchInput> = (args) => {
-  const [value, setValue] = useState('');
-  return (
-    <div style={{ width: 320 }}>
-      <SearchInput {...args} value={value} onChange={setValue} />
-    </div>
-  );
-};
-
-export const Default = Template.bind({});
-
-Default.args = {
-  placeholder: 'Поиск',
-  isAutoSized: false,
-};
+import { useState } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { SearchInput } from './SearchInput';
+
+export default {
+  title: 'Inputs/SearchInput',
+  component: SearchInput,
+};
+
+const Template: ComponentStory<typeof SearchInput> = (args) => {
+  const [value, setValue] = useState('');
+  return (
+    <div style={{ width: 320 }}>
+      <SearchInput {...args} value={value} onChange={setValue} />
+    </div>
+  );
+};
+
+export const Default = Template.bind({});
+
+Default.args = {
+  placeholder: 'Поиск',
+  isAutoSized: false,
+};

package/src/components/SearchInput/SearchInput.styles.ts

@@ -1,31 +1,31 @@
-import { IInputStyles } from '../Input';
-
-export const inputStyles: IInputStyles = {
-  tweakControlWrapper: {
-    endIcon: {
-      position: 'absolute',
-      width: 40,
-      left: 0,
-
-      '&:last-child': {
-        paddingRight: 0,
-      },
-
-      '&:not($activeIcon)': {
-        pointerEvents: 'none',
-      },
-    },
-
-    controlWrapper: {
-      borderColor: 'transparent',
-    },
-  },
-  inputContent: {
-    fontSize: 14,
-    paddingLeft: 44,
-  },
-};
-
-export interface ISearchInputStyles {
-  tweakInput?: IInputStyles;
-}
+import { IInputStyles } from '../Input';
+
+export const inputStyles: IInputStyles = {
+  tweakControlWrapper: {
+    endIcon: {
+      position: 'absolute',
+      width: 40,
+      left: 0,
+
+      '&:last-child': {
+        paddingRight: 0,
+      },
+
+      '&:not($activeIcon)': {
+        pointerEvents: 'none',
+      },
+    },
+
+    controlWrapper: {
+      borderColor: 'transparent',
+    },
+  },
+  inputContent: {
+    fontSize: 14,
+    paddingLeft: 44,
+  },
+};
+
+export interface ISearchInputStyles {
+  tweakInput?: IInputStyles;
+}

package/src/components/SearchInput/SearchInput.tsx

@@ -1,41 +1,41 @@
-import { FC } from 'react';
-import { getTestId } from '@true-engineering/true-react-platform-helpers';
-import { useTweakStyles } from '../../hooks';
-import { ICommonProps } from '../../types';
-import { IInputProps, Input } from '../Input';
-import { inputStyles, ISearchInputStyles } from './SearchInput.styles';
-
-export type ISearchInputProps = Omit<
-  IInputProps,
-  'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'
-> &
-  ICommonProps<ISearchInputStyles>;
-
-export const SearchInput: FC<ISearchInputProps> = ({
-  isClearable = true,
-  placeholder,
-  value,
-  testId,
-  tweakStyles,
-  data,
-  ...props
-}) => {
-  const tweakInputStyles = useTweakStyles({
-    innerStyles: inputStyles,
-    tweakStyles,
-    className: 'tweakInput',
-    currentComponentName: 'SearchInput',
-  });
-
-  return (
-    <Input
-      value={value}
-      placeholder={placeholder}
-      icon="search"
-      isClearable={isClearable}
-      testId={getTestId(testId, 'input')}
-      tweakStyles={tweakInputStyles}
-      {...props}
-    />
-  );
-};
+import { FC } from 'react';
+import { getTestId } from '@true-engineering/true-react-platform-helpers';
+import { useTweakStyles } from '../../hooks';
+import { ICommonProps } from '../../types';
+import { IInputProps, Input } from '../Input';
+import { inputStyles, ISearchInputStyles } from './SearchInput.styles';
+
+export type ISearchInputProps = Omit<
+  IInputProps,
+  'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'
+> &
+  ICommonProps<ISearchInputStyles>;
+
+export const SearchInput: FC<ISearchInputProps> = ({
+  isClearable = true,
+  placeholder,
+  value,
+  testId,
+  tweakStyles,
+  data,
+  ...props
+}) => {
+  const tweakInputStyles = useTweakStyles({
+    innerStyles: inputStyles,
+    tweakStyles,
+    className: 'tweakInput',
+    currentComponentName: 'SearchInput',
+  });
+
+  return (
+    <Input
+      value={value}
+      placeholder={placeholder}
+      icon="search"
+      isClearable={isClearable}
+      testId={getTestId(testId, 'input')}
+      tweakStyles={tweakInputStyles}
+      {...props}
+    />
+  );
+};

package/src/components/SearchInput/index.ts

@@ -1,2 +1,2 @@
-export * from './SearchInput';
-export type { ISearchInputStyles } from './SearchInput.styles';
+export * from './SearchInput';
+export type { ISearchInputStyles } from './SearchInput.styles';