@pushwoosh/kit-helpers 4.0.8 → 4.2.0

package/expand.js

@@ -40,13 +40,13 @@ const ExpandTransitionComp = ({
 };
 const CollapseTransition = styled(ExpandTransitionComp).withConfig({
   displayName: "CollapseTransition",
-  componentId: "sc-atldst-0"
+  componentId: "sc-k4fws9-0"
 })(["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;}"]);
 const enterExpandCss = css(["overflow:hidden;position:relative;width:1px;height:1px;& > *{position:absolute;top:calc(var(--height) / -2);left:calc(var(--width) / -2);}"]);
 const exitExpandCss = css(["overflow:hidden;position:relative;width:var(--width);height:var(--height);& > *{position:absolute;top:0;left:0;}"]);
 export const ExpandTransition = styled(ExpandTransitionComp).withConfig({
   displayName: "ExpandTransition",
-  componentId: "sc-atldst-1"
+  componentId: "sc-k4fws9-1"
 })(["transition:all var(--timeout) ease-out;& > *{transition:all var(--timeout) ease-out;}&-enter{", "}&-enter-active,&-exit{", "}&-exit-active{", "}"], enterExpandCss, exitExpandCss, enterExpandCss);
 export const Collapse = ({
   expanded,

package/grid.js

@@ -10,21 +10,21 @@ const createCssDeclaration = (property, value, valueConvert) => {
 };
 export const GridContainer = styled.div.withConfig({
   displayName: "GridContainer",
-  componentId: "sc-2ii7jh-0"
+  componentId: "sc-1mpmh7u-0"
 })(["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));
 export const Columns = styled(GridContainer).withConfig({
   displayName: "Columns",
-  componentId: "sc-2ii7jh-1"
+  componentId: "sc-1mpmh7u-1"
 })(["grid-template-columns:", ";"], props => gridTemplate(props.$sizes));
 export const Rows = styled(GridContainer).withConfig({
   displayName: "Rows",
-  componentId: "sc-2ii7jh-2"
+  componentId: "sc-1mpmh7u-2"
 })(["grid-template-rows:", ";"], props => gridTemplate(props.$sizes));
 export const Horizontal = styled(GridContainer).withConfig({
   displayName: "Horizontal",
-  componentId: "sc-2ii7jh-3"
+  componentId: "sc-1mpmh7u-3"
 })(["grid-auto-flow:column;"]);
 export const Vertical = styled(GridContainer).withConfig({
   displayName: "Vertical",
-  componentId: "sc-2ii7jh-4"
+  componentId: "sc-1mpmh7u-4"
 })(["grid-auto-flow:row;"]);

package/hooks/useAsync.js

@@ -1,9 +1,10 @@
 import { useEffect } from 'react';
 import useAsyncFn from './useAsyncFn';
+const getInitialState = () => ({
+  loading: true
+});
 export default function useAsync(fn, deps = []) {
-  const [state, callback] = useAsyncFn(fn, deps, {
-    loading: true
-  });
+  const [state, callback] = useAsyncFn(fn, deps, getInitialState);
   useEffect(() => {
     callback();
   }, [callback]);

package/hooks/useAsyncFn.d.ts

@@ -22,5 +22,5 @@ export type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturning
     StateFromFunctionReturningPromise<T>,
     T
 ];
-export default function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: DependencyList, initialState?: StateFromFunctionReturningPromise<T>): AsyncFnReturn<T>;
+export default function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: DependencyList, initialState?: StateFromFunctionReturningPromise<T> | (() => StateFromFunctionReturningPromise<T>)): AsyncFnReturn<T>;
 export {};

package/hooks/useAsyncFn.js

@@ -1,24 +1,25 @@
 import { useCallback, useRef, useState } from 'react';
 import useMountedState from './useMountedState';
-export default function useAsyncFn(fn, deps = [], initialState = {
+const getDefaultState = () => ({
   loading: false
-}) {
+});
+export default function useAsyncFn(fn, deps = [], initialState = getDefaultState) {
   const lastCallId = useRef(0);
   const isMounted = useMountedState();
-  const [state, set] = useState(initialState);
+  const [state, setState] = useState(initialState);
   const callback = useCallback((...args) => {
     // eslint-disable-next-line no-plusplus
     const callId = ++lastCallId.current;
     const canSet = () => isMounted() && callId === lastCallId.current;
-    if (!state.loading && canSet()) {
-      set(prevState => ({
+    if (canSet()) {
+      setState(prevState => ({
         ...prevState,
         loading: true
       }));
     }
     return fn(...args).then(value => {
       if (canSet()) {
-        set({
+        setState({
           value,
           loading: false
         });
@@ -26,7 +27,7 @@ export default function useAsyncFn(fn, deps = [], initialState = {
       return value;
     }, error => {
       if (canSet()) {
-        set({
+        setState({
           error,
           loading: false
         });

package/package.json

@@ -1,73 +1,49 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.0.8",
+  "version": "4.2.0",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
   "types": "index.d.ts",
+  "sideEffects": false,
   "scripts": {
-    "start": "cross-env NODE_ENV=development webpack-dev-server --config webpack.playground.config.js",
-    "build_webpack": "cross-env NODE_ENV=production webpack --config webpack.production.config.js",
-    "build": "npm run build:esm && npm run build:babel && npm run copy:pckg",
-    "dev": "cross-env NODE_ENV=development webpack --config webpack.development.config.js",
-    "build:esm": "tsc -p ./tsconfig.library.json",
-    "build:babel": "babel ./lib --out-dir ./lib --extensions '.js' --config-file ./babel.compile.js",
-    "copy:pckg": "cp package.json lib/package.json && cp .npmrc lib/.npmrc",
+    "start": "npm run playground",
+    "build": "pushwoosh-engine lib:build",
+    "playground": "pushwoosh-engine lib:playground",
     "check": "npm run check:lint && npm run check:types",
     "check:lint": "echo \"Run check:lint\" && eslint .",
-    "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --noEmit"
+    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
+  "dependencies": {
+    "react-transition-group": "^4.4.5"
+  },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-    "@pushwoosh/kit-constants": "^1.5.0",
-    "@pushwoosh/kit-icons": "^1.4.2",
-    "@pushwoosh/kit-typography": "^1.4.0",
+    "@pushwoosh/frontend-builder-engine": "^0.1.2",
+    "@pushwoosh/kit-constants": "^1.6.0",
     "@types/react": "^16.14.20",
     "@types/react-dom": "^16.9.14",
-    "@types/react-transition-group": "^4.4.5",
-    "@types/styled-components": "^5.1.15",
-    "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
-    "babel-loader": "^9.1.2",
-    "babel-plugin-styled-components": "^2.0.7",
-    "clean-webpack-plugin": "^4.0.0",
+    "@types/react-transition-group": "^4.4.10",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
     "cross-env": "^7.0.3",
-    "dotenv": "^16.0.3",
     "eslint": "^8.31.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "html-webpack-plugin": "^5.5.0",
     "pre-commit": "^1.2.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "react-refresh": "^0.14.0",
-    "react-transition-group": "^4.4.5",
-    "styled-components": "^5.3.3",
-    "terser-webpack-plugin": "^5.3.6",
-    "ts-loader": "^9.4.2",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.4",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-merge": "^5.8.0"
+    "styled-components": "^5.3.11"
   },
   "peerDependencies": {
     "react": ">=16.14.0",
-    "react-transition-group": "^4.4.4",
-    "styled-components": ">=5.3.3",
-    "tslib": "^2.3.1"
+    "styled-components": ">=5.3.3"
   },
   "engines": {
     "node": ">= 18"