@pushwoosh/kit-helpers 4.1.0 → 4.2.1

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 (8) hide show
  1. package/expand.d.ts +4 -6
  2. package/expand.js +2 -2
  3. package/grid.d.ts +32 -73
  4. package/grid.js +5 -5
  5. package/hooks/useAsync.js +4 -3
  6. package/hooks/useAsyncFn.d.ts +1 -1
  7. package/hooks/useAsyncFn.js +8 -7
  8. package/package.json +18 -39
package/expand.d.ts CHANGED
@@ -1,18 +1,16 @@
1
- import React, { type FC } from 'react';
1
+ import React, { type FC, type PropsWithChildren } from 'react';
2
2
  type ExpandTransitionProps = {
3
3
  className?: string;
4
4
  timeout?: number;
5
5
  externalClassName?: string;
6
6
  internalClassName?: string;
7
7
  };
8
- export declare const ExpandTransition: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<ExpandTransitionProps & {
9
- children?: React.ReactNode;
10
- }, never>> & Omit<React.FC<ExpandTransitionProps>, keyof React.Component<any, {}, any>>;
11
- type CollapseProps = {
8
+ export declare const ExpandTransition: import("styled-components").StyledComponent<React.FC<ExpandTransitionProps>, any, {}, never>;
9
+ type CollapseProps = PropsWithChildren<{
12
10
  expanded: boolean;
13
11
  timeout?: number;
14
12
  className?: string;
15
13
  internalClassName?: string;
16
- };
14
+ }>;
17
15
  export declare const Collapse: FC<CollapseProps>;
18
16
  export {};
package/expand.js CHANGED
@@ -40,13 +40,13 @@ const ExpandTransitionComp = ({
40
40
  };
41
41
  const CollapseTransition = styled(ExpandTransitionComp).withConfig({
42
42
  displayName: "CollapseTransition",
43
- componentId: "sc-atldst-0"
43
+ componentId: "sc-k4fws9-0"
44
44
  })(["transition:height var(--timeout) linear,opacity var(--timeout) linear;&-enter{overflow:hidden;opacity:0;height:0;}&-enter-active,&-exit{overflow:hidden;opacity:1;height:var(--height);}&-exit-active{overflow:hidden;opacity:0;height:0;}"]);
45
45
  const enterExpandCss = css(["overflow:hidden;position:relative;width:1px;height:1px;& > *{position:absolute;top:calc(var(--height) / -2);left:calc(var(--width) / -2);}"]);
46
46
  const exitExpandCss = css(["overflow:hidden;position:relative;width:var(--width);height:var(--height);& > *{position:absolute;top:0;left:0;}"]);
47
47
  export const ExpandTransition = styled(ExpandTransitionComp).withConfig({
48
48
  displayName: "ExpandTransition",
49
- componentId: "sc-atldst-1"
49
+ componentId: "sc-k4fws9-1"
50
50
  })(["transition:all var(--timeout) ease-out;& > *{transition:all var(--timeout) ease-out;}&-enter{", "}&-enter-active,&-exit{", "}&-exit-active{", "}"], enterExpandCss, exitExpandCss, enterExpandCss);
51
51
  export const Collapse = ({
52
52
  expanded,
package/grid.d.ts CHANGED
@@ -1,90 +1,49 @@
1
- /// <reference types="react" />
2
- export declare const GridContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {
3
2
  $gap?: string | number | undefined;
4
3
  $padding?: string | number | undefined;
5
4
  $margin?: string | number | undefined;
6
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
7
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
8
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
9
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
10
- }>>;
11
- export declare const Columns: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
5
+ $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
6
+ $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
7
+ $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
8
+ $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
9
+ }, never>;
10
+ export declare const Columns: import("styled-components").StyledComponent<"div", any, {
12
11
  $gap?: string | number | undefined;
13
12
  $padding?: string | number | undefined;
14
13
  $margin?: string | number | undefined;
15
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
16
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
17
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
18
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
19
- }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
20
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
21
- }, {
14
+ $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
15
+ $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
16
+ $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
17
+ $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
18
+ } & {
22
19
  $sizes: number | string;
23
- }>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
20
+ }, never>;
21
+ export declare const Rows: import("styled-components").StyledComponent<"div", any, {
24
22
  $gap?: string | number | undefined;
25
23
  $padding?: string | number | undefined;
26
24
  $margin?: string | number | undefined;
27
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
28
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
29
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
30
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
31
- }>>, keyof import("react").Component<any, {}, any>>;
32
- export declare const Rows: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
33
- $gap?: string | number | undefined;
34
- $padding?: string | number | undefined;
35
- $margin?: string | number | undefined;
36
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
37
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
38
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
39
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
40
- }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
41
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
42
- }, {
25
+ $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
26
+ $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
27
+ $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
28
+ $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
29
+ } & {
43
30
  $sizes: number | string;
44
- }>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
45
- $gap?: string | number | undefined;
46
- $padding?: string | number | undefined;
47
- $margin?: string | number | undefined;
48
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
49
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
50
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
51
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
52
- }>>, keyof import("react").Component<any, {}, any>>;
53
- export declare const Horizontal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
54
- $gap?: string | number | undefined;
55
- $padding?: string | number | undefined;
56
- $margin?: string | number | undefined;
57
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
58
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
59
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
60
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
61
- }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
62
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
63
- }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
64
- $gap?: string | number | undefined;
65
- $padding?: string | number | undefined;
66
- $margin?: string | number | undefined;
67
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
68
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
69
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
70
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
71
- }>>, keyof import("react").Component<any, {}, any>>;
72
- export declare const Vertical: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
31
+ }, never>;
32
+ export declare const Horizontal: import("styled-components").StyledComponent<"div", any, {
73
33
  $gap?: string | number | undefined;
74
34
  $padding?: string | number | undefined;
75
35
  $margin?: string | number | undefined;
76
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
77
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
78
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
79
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
80
- }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
81
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
82
- }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
36
+ $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
37
+ $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
38
+ $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
39
+ $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
40
+ }, never>;
41
+ export declare const Vertical: import("styled-components").StyledComponent<"div", any, {
83
42
  $gap?: string | number | undefined;
84
43
  $padding?: string | number | undefined;
85
44
  $margin?: string | number | undefined;
86
- $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
87
- $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
88
- $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
89
- $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
90
- }>>, keyof import("react").Component<any, {}, any>>;
45
+ $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
46
+ $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
47
+ $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
48
+ $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
49
+ }, never>;
package/grid.js CHANGED
@@ -10,21 +10,21 @@ const createCssDeclaration = (property, value, valueConvert) => {
10
10
  };
11
11
  export const GridContainer = styled.div.withConfig({
12
12
  displayName: "GridContainer",
13
- componentId: "sc-2ii7jh-0"
13
+ componentId: "sc-1mpmh7u-0"
14
14
  })(["display:grid;", " ", " ", " ", " ", " ", " ", ""], props => createCssDeclaration('gap', props.$gap, toCssValue), props => createCssDeclaration('padding', props.$padding, toCssValue), props => createCssDeclaration('margin', props.$margin, toCssValue), props => createCssDeclaration('justify-content', props.$justifyContent), props => createCssDeclaration('justify-items', props.$justifyItems), props => createCssDeclaration('align-content', props.$alignContent), props => createCssDeclaration('align-items', props.$alignItems));
15
15
  export const Columns = styled(GridContainer).withConfig({
16
16
  displayName: "Columns",
17
- componentId: "sc-2ii7jh-1"
17
+ componentId: "sc-1mpmh7u-1"
18
18
  })(["grid-template-columns:", ";"], props => gridTemplate(props.$sizes));
19
19
  export const Rows = styled(GridContainer).withConfig({
20
20
  displayName: "Rows",
21
- componentId: "sc-2ii7jh-2"
21
+ componentId: "sc-1mpmh7u-2"
22
22
  })(["grid-template-rows:", ";"], props => gridTemplate(props.$sizes));
23
23
  export const Horizontal = styled(GridContainer).withConfig({
24
24
  displayName: "Horizontal",
25
- componentId: "sc-2ii7jh-3"
25
+ componentId: "sc-1mpmh7u-3"
26
26
  })(["grid-auto-flow:column;"]);
27
27
  export const Vertical = styled(GridContainer).withConfig({
28
28
  displayName: "Vertical",
29
- componentId: "sc-2ii7jh-4"
29
+ componentId: "sc-1mpmh7u-4"
30
30
  })(["grid-auto-flow:row;"]);
package/hooks/useAsync.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { useEffect } from 'react';
2
2
  import useAsyncFn from './useAsyncFn';
3
+ const getInitialState = () => ({
4
+ loading: true
5
+ });
3
6
  export default function useAsync(fn, deps = []) {
4
- const [state, callback] = useAsyncFn(fn, deps, {
5
- loading: true
6
- });
7
+ const [state, callback] = useAsyncFn(fn, deps, getInitialState);
7
8
  useEffect(() => {
8
9
  callback();
9
10
  }, [callback]);
package/hooks/useAsyncFn.d.ts CHANGED
@@ -22,5 +22,5 @@ export type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturning
22
22
  StateFromFunctionReturningPromise<T>,
23
23
  T
24
24
  ];
25
- export default function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: DependencyList, initialState?: StateFromFunctionReturningPromise<T>): AsyncFnReturn<T>;
25
+ export default function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: DependencyList, initialState?: StateFromFunctionReturningPromise<T> | (() => StateFromFunctionReturningPromise<T>)): AsyncFnReturn<T>;
26
26
  export {};
package/hooks/useAsyncFn.js CHANGED
@@ -1,24 +1,25 @@
1
1
  import { useCallback, useRef, useState } from 'react';
2
2
  import useMountedState from './useMountedState';
3
- export default function useAsyncFn(fn, deps = [], initialState = {
3
+ const getDefaultState = () => ({
4
4
  loading: false
5
- }) {
5
+ });
6
+ export default function useAsyncFn(fn, deps = [], initialState = getDefaultState) {
6
7
  const lastCallId = useRef(0);
7
8
  const isMounted = useMountedState();
8
- const [state, set] = useState(initialState);
9
+ const [state, setState] = useState(initialState);
9
10
  const callback = useCallback((...args) => {
10
11
  // eslint-disable-next-line no-plusplus
11
12
  const callId = ++lastCallId.current;
12
13
  const canSet = () => isMounted() && callId === lastCallId.current;
13
- if (!state.loading && canSet()) {
14
- set(prevState => ({
14
+ if (canSet()) {
15
+ setState(prevState => ({
15
16
  ...prevState,
16
17
  loading: true
17
18
  }));
18
19
  }
19
20
  return fn(...args).then(value => {
20
21
  if (canSet()) {
21
- set({
22
+ setState({
22
23
  value,
23
24
  loading: false
24
25
  });
@@ -26,7 +27,7 @@ export default function useAsyncFn(fn, deps = [], initialState = {
26
27
  return value;
27
28
  }, error => {
28
29
  if (canSet()) {
29
- set({
30
+ setState({
30
31
  error,
31
32
  loading: false
32
33
  });
package/package.json CHANGED
@@ -1,70 +1,49 @@
1
1
  {
2
2
  "name": "@pushwoosh/kit-helpers",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
4
4
  "description": "React component for build Pushwoosh products",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "types": "index.d.ts",
8
+ "sideEffects": false,
8
9
  "scripts": {
9
- "start": "cross-env NODE_ENV=development webpack-dev-server --config webpack.playground.config.js",
10
- "build_webpack": "cross-env NODE_ENV=production webpack --config webpack.production.config.js",
11
- "build": "npm run build:esm && npm run build:babel && npm run copy:pckg",
12
- "dev": "cross-env NODE_ENV=development webpack --config webpack.development.config.js",
13
- "build:esm": "tsc -p ./tsconfig.library.json",
14
- "build:babel": "babel ./lib --out-dir ./lib --extensions '.js' --config-file ./babel.compile.js",
15
- "copy:pckg": "cp package.json lib/package.json && cp .npmrc lib/.npmrc",
10
+ "start": "npm run playground",
11
+ "build": "pushwoosh-engine lib:build",
12
+ "playground": "pushwoosh-engine lib:playground",
16
13
  "check": "npm run check:lint && npm run check:types",
17
14
  "check:lint": "echo \"Run check:lint\" && eslint .",
18
- "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --noEmit"
15
+ "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
19
16
  },
20
17
  "pre-commit": "check",
18
+ "dependencies": {
19
+ "react-transition-group": "^4.4.5"
20
+ },
21
21
  "devDependencies": {
22
- "@babel/cli": "^7.23.9",
23
- "@babel/core": "^7.15.8",
24
- "@babel/plugin-transform-runtime": "^7.15.8",
25
- "@babel/preset-env": "^7.15.8",
26
- "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
27
- "@pushwoosh/kit-constants": "^1.5.1",
22
+ "@pushwoosh/frontend-builder-engine": "^0.1.5",
23
+ "@pushwoosh/kit-constants": "^1.6.0",
28
24
  "@types/react": "^16.14.20",
29
25
  "@types/react-dom": "^16.9.14",
30
- "@types/react-transition-group": "^4.4.5",
31
- "@types/webpack-env": "^1.16.3",
32
- "@typescript-eslint/eslint-plugin": "^5.48.1",
33
- "@typescript-eslint/parser": "^5.48.1",
34
- "babel-loader": "^9.1.2",
35
- "babel-plugin-styled-components": "^2.0.7",
36
- "clean-webpack-plugin": "^4.0.0",
26
+ "@types/react-transition-group": "^4.4.10",
27
+ "@types/styled-components": "^5.1.34",
28
+ "@typescript-eslint/eslint-plugin": "^7.3.1",
29
+ "@typescript-eslint/parser": "^7.3.1",
37
30
  "cross-env": "^7.0.3",
38
- "dotenv": "^16.0.3",
39
31
  "eslint": "^8.31.0",
40
32
  "eslint-config-airbnb": "^19.0.4",
41
- "eslint-config-airbnb-typescript": "^17.0.0",
33
+ "eslint-config-airbnb-typescript": "^18.0.0",
42
34
  "eslint-import-resolver-alias": "^1.1.2",
43
35
  "eslint-plugin-import": "^2.25.2",
44
36
  "eslint-plugin-jsx-a11y": "^6.4.1",
45
37
  "eslint-plugin-react": "^7.26.1",
46
38
  "eslint-plugin-react-hooks": "^4.2.0",
47
- "html-webpack-plugin": "^5.5.0",
48
39
  "pre-commit": "^1.2.2",
49
40
  "react": "^16.14.0",
50
41
  "react-dom": "^16.14.0",
51
- "react-refresh": "^0.14.0",
52
- "react-transition-group": "^4.4.5",
53
- "styled-components": "^6.1.8",
54
- "terser-webpack-plugin": "^5.3.6",
55
- "ts-loader": "^9.4.2",
56
- "tslib": "^2.3.1",
57
- "typescript": "^4.4.4",
58
- "webpack": "^5.75.0",
59
- "webpack-cli": "^5.0.1",
60
- "webpack-dev-server": "^4.11.1",
61
- "webpack-merge": "^5.8.0"
42
+ "styled-components": "^5.3.11"
62
43
  },
63
44
  "peerDependencies": {
64
45
  "react": ">=16.14.0",
65
- "react-transition-group": "^4.4.4",
66
- "styled-components": ">=5.3.3",
67
- "tslib": "^2.3.1"
46
+ "styled-components": ">=5.3.3"
68
47
  },
69
48
  "engines": {
70
49
  "node": ">= 18"