@pushwoosh/smart-components-kit 1.0.89 → 1.1.0

package/Table/components/DataTableList/DataTableList.js

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { FontSize, FontWeight } from '@pushwoosh/kit-constants';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import Box from '../../assets/box.svg?url';
@@ -18,83 +19,100 @@ export function DataTableList({
   } = useContext(DataTableContext);
   const lang = useLang();
   if (data.loading) {
-    return React.createElement(Loading, null);
+    return _jsx(Loading, {});
   }
   if ((_data$value = data.value) !== null && _data$value !== void 0 && (_data$value = _data$value.items) !== null && _data$value !== void 0 && _data$value.length) {
-    return React.createElement(React.Fragment, null, data.value.items.map(renderItem));
+    return _jsx(_Fragment, {
+      children: data.value.items.map(renderItem)
+    });
   }
   if (!data.loading && data.error) {
-    return React.createElement(Horizontal, {
+    return _jsx(Horizontal, {
       "$placeItems": "center",
-      "$padding": 64
-    }, React.createElement(Horizontal, {
-      "$gap": 16
-    }, React.createElement("img", {
-      src: Error,
-      alt: lang({
-        message: 'SMART.TABLE.ERROR_IMG_ALT'
+      "$padding": 64,
+      children: _jsxs(Horizontal, {
+        "$gap": 16,
+        children: [_jsx("img", {
+          src: Error,
+          alt: lang({
+            message: 'SMART.TABLE.ERROR_IMG_ALT'
+          })
+        }), _jsxs(Vertical, {
+          "$alignContent": "center",
+          "$gap": 8,
+          children: [_jsx(LockedText, {
+            "$fontWeight": FontWeight.MEDIUM,
+            "$maxWidth": "250px",
+            children: lang({
+              message: 'SMART.TABLE.ERROR_TITLE'
+            })
+          }), _jsx(LockedText, {
+            "$fontSize": FontSize.SMALL,
+            "$maxWidth": "250px",
+            children: lang({
+              message: 'SMART.TABLE.ERROR_DESCRIPTION'
+            })
+          })]
+        })]
       })
-    }), React.createElement(Vertical, {
-      "$alignContent": "center",
-      "$gap": 8
-    }, React.createElement(LockedText, {
-      "$fontWeight": FontWeight.MEDIUM,
-      "$maxWidth": "250px"
-    }, lang({
-      message: 'SMART.TABLE.ERROR_TITLE'
-    })), React.createElement(LockedText, {
-      "$fontSize": FontSize.SMALL,
-      "$maxWidth": "250px"
-    }, lang({
-      message: 'SMART.TABLE.ERROR_DESCRIPTION'
-    })))));
+    });
   }
   const isFiltered = ((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.isFiltered) || params.search;
-  return isFiltered ? React.createElement(Horizontal, {
+  return isFiltered ? _jsx(Horizontal, {
     "$placeItems": "center",
-    "$padding": 64
-  }, React.createElement(Horizontal, {
-    "$gap": 16
-  }, React.createElement("img", {
-    src: NotFound,
-    alt: lang({
-      message: 'SMART.TABLE.NO_MATCH_IMG_ALT'
+    "$padding": 64,
+    children: _jsxs(Horizontal, {
+      "$gap": 16,
+      children: [_jsx("img", {
+        src: NotFound,
+        alt: lang({
+          message: 'SMART.TABLE.NO_MATCH_IMG_ALT'
+        })
+      }), _jsxs(Vertical, {
+        "$alignContent": "center",
+        "$gap": 8,
+        children: [_jsx(LockedText, {
+          "$fontWeight": FontWeight.MEDIUM,
+          "$maxWidth": "250px",
+          children: lang({
+            message: 'SMART.TABLE.NO_MATCH'
+          })
+        }), _jsx(LockedText, {
+          "$fontSize": FontSize.SMALL,
+          "$maxWidth": "250px",
+          children: lang({
+            message: 'SMART.TABLE.NO_MATCH_DESCRIPTION'
+          })
+        })]
+      })]
     })
-  }), React.createElement(Vertical, {
-    "$alignContent": "center",
-    "$gap": 8
-  }, React.createElement(LockedText, {
-    "$fontWeight": FontWeight.MEDIUM,
-    "$maxWidth": "250px"
-  }, lang({
-    message: 'SMART.TABLE.NO_MATCH'
-  })), React.createElement(LockedText, {
-    "$fontSize": FontSize.SMALL,
-    "$maxWidth": "250px"
-  }, lang({
-    message: 'SMART.TABLE.NO_MATCH_DESCRIPTION'
-  }))))) : React.createElement(Horizontal, {
+  }) : _jsx(Horizontal, {
     "$placeItems": "center",
-    "$padding": 64
-  }, React.createElement(Horizontal, {
-    "$gap": 16
-  }, React.createElement("img", {
-    src: Box,
-    alt: lang({
-      message: 'SMART.TABLE.EMPTY_IMG_ALT'
+    "$padding": 64,
+    children: _jsxs(Horizontal, {
+      "$gap": 16,
+      children: [_jsx("img", {
+        src: Box,
+        alt: lang({
+          message: 'SMART.TABLE.EMPTY_IMG_ALT'
+        })
+      }), _jsxs(Vertical, {
+        "$alignContent": "center",
+        "$gap": 8,
+        children: [_jsx(LockedText, {
+          "$fontWeight": FontWeight.MEDIUM,
+          "$maxWidth": "250px",
+          children: lang({
+            message: 'SMART.TABLE.EMPTY_TITLE'
+          })
+        }), _jsx(LockedText, {
+          "$fontSize": FontSize.SMALL,
+          "$maxWidth": "250px",
+          children: lang({
+            message: 'SMART.TABLE.EMPTY_DESCRIPTION'
+          })
+        })]
+      })]
     })
-  }), React.createElement(Vertical, {
-    "$alignContent": "center",
-    "$gap": 8
-  }, React.createElement(LockedText, {
-    "$fontWeight": FontWeight.MEDIUM,
-    "$maxWidth": "250px"
-  }, lang({
-    message: 'SMART.TABLE.EMPTY_TITLE'
-  })), React.createElement(LockedText, {
-    "$fontSize": FontSize.SMALL,
-    "$maxWidth": "250px"
-  }, lang({
-    message: 'SMART.TABLE.EMPTY_DESCRIPTION'
-  })))));
+  });
 }

package/Table/components/DataTablePagination/DataTablePagination.js

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { DataTableContext } from '../../context';
 import { TablePagination } from '../TablePagination';
 export function DataTablePagination({
@@ -13,7 +14,7 @@ export function DataTablePagination({
     params,
     onChangeParams
   } = useContext(DataTableContext);
-  return React.createElement(TablePagination, {
+  return _jsx(TablePagination, {
     activePage: params.page,
     totalPages: ((_data$value = data.value) === null || _data$value === void 0 ? void 0 : _data$value.totalPages) || 1,
     limit: params.perPage,
@@ -32,6 +33,7 @@ export function DataTablePagination({
         perPage
       });
     },
-    hidePageSizeSelector: hidePageSizeSelector
-  }, children);
+    hidePageSizeSelector: hidePageSizeSelector,
+    children: children
+  });
 }

package/Table/components/DataTableSearchInput/DataTableSearchInput.js

@@ -1,4 +1,5 @@
-import React, { useRef, useState, useEffect, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useContext } from 'react';
 import { SearchInput } from '@pushwoosh/dumb-components';
 import { DataTableContext } from '../../context';
 export function DataTableSearchInput(props) {
@@ -10,7 +11,7 @@ export function DataTableSearchInput(props) {
       setInputValue(context.params.search);
     }
   }, [context.params.search]); // eslint-disable-line react-hooks/exhaustive-deps
-  return React.createElement(SearchInput, {
+  return _jsx(SearchInput, {
     ...props,
     value: inputValue,
     "$onClear": () => {

package/Table/components/DataTableSortableCell/DataTableSortableCell.js

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { SortButton } from '@pushwoosh/dumb-components';
 import { DataTableContext } from '../../context';
 export function DataTableSortableCell(props) {
@@ -10,7 +11,7 @@ export function DataTableSortableCell(props) {
     params,
     onChangeParams
   } = useContext(DataTableContext);
-  return React.createElement(SortButton, {
+  return _jsx(SortButton, {
     name: name,
     order: params.order === name ? params.direction : null,
     onClick: sortParams => {
@@ -20,6 +21,7 @@ export function DataTableSortableCell(props) {
         direction: sortParams.order || 'asc',
         page: 1
       });
-    }
-  }, children);
+    },
+    children: children
+  });
 }

package/Table/components/Loading/Loading.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const Loading: () => React.JSX.Element;
+export declare const Loading: () => import("react").JSX.Element;

package/Table/components/Loading/Loading.js

@@ -1,20 +1,22 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TextSkeleton } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Wrapper } from './styles';
 const Row = ({
   width
-}) => React.createElement(Horizontal, {
+}) => _jsx(Horizontal, {
   "$alignItems": "center",
-  "$padding": "0 24px"
-}, React.createElement(TextSkeleton, {
-  width: width
-}));
-export const Loading = () => React.createElement(Wrapper, null, Array.from({
-  length: 4
-}).map((_, index) =>
-// eslint-disable-next-line react/no-array-index-key
-React.createElement(Row, {
-  key: index,
-  width: `${index % 2 ? 35 : 50}%`
-})));
+  "$padding": "0 24px",
+  children: _jsx(TextSkeleton, {
+    width: width
+  })
+});
+export const Loading = () => _jsx(Wrapper, {
+  children: Array.from({
+    length: 4
+  }).map((_, index) =>
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx(Row, {
+    width: `${index % 2 ? 35 : 50}%`
+  }, index))
+});

package/Table/components/TablePagination/TablePagination.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NativeSelect, Pagination } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { useLang } from '../../polyglot';
@@ -14,30 +14,36 @@ export function TablePagination({
   children
 }) {
   const lang = useLang();
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$alignItems": "center",
     "$justifyContent": "space-between",
-    "$padding": padding
-  }, React.createElement(Horizontal, {
-    "$gap": 8,
-    "$alignItems": "center"
-  }, totalPages > 1 && React.createElement(Pagination, {
-    activePage: activePage,
-    totalPages: totalPages,
-    onChangePage: onChangePage
-  }), children), !hidePageSizeSelector && React.createElement(Horizontal, {
-    "$gap": 8,
-    "$alignItems": "center"
-  }, React.createElement("span", null, lang({
-    message: 'SMART.TABLE.SHOW_ON_PAGE'
-  })), React.createElement(NativeSelect, {
-    name: "page",
-    value: limit,
-    onChange: event => {
-      onChangeLimit(Number(event.target.value));
-    }
-  }, allLimits.map(option => React.createElement("option", {
-    key: option,
-    value: option
-  }, option)))));
+    "$padding": padding,
+    children: [_jsxs(Horizontal, {
+      "$gap": 8,
+      "$alignItems": "center",
+      children: [totalPages > 1 && _jsx(Pagination, {
+        activePage: activePage,
+        totalPages: totalPages,
+        onChangePage: onChangePage
+      }), children]
+    }), !hidePageSizeSelector && _jsxs(Horizontal, {
+      "$gap": 8,
+      "$alignItems": "center",
+      children: [_jsx("span", {
+        children: lang({
+          message: 'SMART.TABLE.SHOW_ON_PAGE'
+        })
+      }), _jsx(NativeSelect, {
+        name: "page",
+        value: limit,
+        onChange: event => {
+          onChangeLimit(Number(event.target.value));
+        },
+        children: allLimits.map(option => _jsx("option", {
+          value: option,
+          children: option
+        }, option))
+      })]
+    })]
+  });
 }

package/_devel/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
 import { Router, Route, Switch, Link } from 'react-router-dom';
 import { SPAContextProvider } from '@pushwoosh/spa-context';
@@ -8,29 +8,41 @@ export function parcel(container) {
   const root = createRoot(container);
   return {
     render(props) {
-      root.render(React.createElement(Router, {
-        history: props.spaContext.history
-      }, React.createElement(SPAContextProvider, {
-        value: props.spaContext
-      }, React.createElement(Switch, null, React.createElement(Route, {
-        path: "/:url",
-        exact: true,
-        render: ({
-          match
-        }) => {
-          return React.createElement("ul", null, React.createElement("li", null, React.createElement(Link, {
-            to: `${match.url}/test`
-          }, "Test your new component")), React.createElement("li", null, React.createElement(Link, {
-            to: `${match.url}/lib`
-          }, "Components lib")));
-        }
-      }), React.createElement(Route, {
-        path: "/:url/test",
-        component: TestPlace
-      }), React.createElement(Route, {
-        path: "/:url/lib",
-        component: Lib
-      })))));
+      root.render(_jsx(Router, {
+        history: props.spaContext.history,
+        children: _jsx(SPAContextProvider, {
+          value: props.spaContext,
+          children: _jsxs(Switch, {
+            children: [_jsx(Route, {
+              path: "/:url",
+              exact: true,
+              render: ({
+                match
+              }) => {
+                return _jsxs("ul", {
+                  children: [_jsx("li", {
+                    children: _jsx(Link, {
+                      to: `${match.url}/test`,
+                      children: "Test your new component"
+                    })
+                  }), _jsx("li", {
+                    children: _jsx(Link, {
+                      to: `${match.url}/lib`,
+                      children: "Components lib"
+                    })
+                  })]
+                });
+              }
+            }), _jsx(Route, {
+              path: "/:url/test",
+              component: TestPlace
+            }), _jsx(Route, {
+              path: "/:url/lib",
+              component: Lib
+            })]
+          })
+        })
+      }));
     },
     unmount() {
       root.unmount();

package/_devel/lib/dynamic-content-picker.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare function DynamicContentPickerExample(): React.JSX.Element;
+export declare function DynamicContentPickerExample(): import("react").JSX.Element;

package/_devel/lib/dynamic-content-picker.js

@@ -1,17 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-console */
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { SimpleDynamicContentPickerFormSmart } from '../../DynamicContentPickerForm';
 export function DynamicContentPickerExample() {
   const [dc, setDc] = useState();
-  return React.createElement("div", null, React.createElement(SimpleDynamicContentPickerFormSmart, {
-    dc: dc,
-    onChange: setDc
-  }, React.createElement(Horizontal, {
-    "$justifyContent": "end"
-  }, React.createElement(Button, {
-    color: "primary",
-    onClick: () => console.log(dc)
-  }, "Log to console"))));
+  return _jsx("div", {
+    children: _jsx(SimpleDynamicContentPickerFormSmart, {
+      dc: dc,
+      onChange: setDc,
+      children: _jsx(Horizontal, {
+        "$justifyContent": "end",
+        children: _jsx(Button, {
+          color: "primary",
+          onClick: () => console.log(dc),
+          children: "Log to console"
+        })
+      })
+    })
+  });
 }

package/_devel/lib/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { type FC } from 'react';
 import { type RouteComponentProps } from 'react-router-dom';
 interface MatchParams {
     path: string;
     url: string;
 }
-export declare const Lib: React.FC<RouteComponentProps<MatchParams>>;
+export declare const Lib: FC<RouteComponentProps<MatchParams>>;
 export {};

package/_devel/lib/index.js

@@ -1,29 +1,48 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Route, Switch, Link } from 'react-router-dom';
 import { Columns } from '@pushwoosh/kit-helpers';
 import { DynamicContentPickerExample } from './dynamic-content-picker';
 function Example() {
-  return React.createElement("div", null, React.createElement("h3", null, "component example"));
+  return _jsx("div", {
+    children: _jsx("h3", {
+      children: "component example"
+    })
+  });
 }
 export const Lib = ({
   match
 }) => {
-  return React.createElement(Columns, {
+  return _jsxs(Columns, {
     "$gap": 12,
-    "$sizes": "200px 780px"
-  }, React.createElement("ul", null, React.createElement("li", null, React.createElement(Link, {
-    to: `${match.url}/dynamic-content-picker`
-  }, "Dynamic content picker")), React.createElement("li", null, React.createElement(Link, {
-    to: `${match.url}/example`
-  }, "Child 2"))), React.createElement("div", null, React.createElement(Switch, null, React.createElement(Route, {
-    path: `${match.path}/dynamic-content-picker`,
-    component: DynamicContentPickerExample
-  }), React.createElement(Route, {
-    path: `${match.path}/example`,
-    component: Example
-  }), React.createElement(Route, {
-    path: match.path,
-    exact: true,
-    render: () => React.createElement("div", null, "Please select a child route.")
-  }))));
+    "$sizes": "200px 780px",
+    children: [_jsxs("ul", {
+      children: [_jsx("li", {
+        children: _jsx(Link, {
+          to: `${match.url}/dynamic-content-picker`,
+          children: "Dynamic content picker"
+        })
+      }), _jsx("li", {
+        children: _jsx(Link, {
+          to: `${match.url}/example`,
+          children: "Child 2"
+        })
+      })]
+    }), _jsx("div", {
+      children: _jsxs(Switch, {
+        children: [_jsx(Route, {
+          path: `${match.path}/dynamic-content-picker`,
+          component: DynamicContentPickerExample
+        }), _jsx(Route, {
+          path: `${match.path}/example`,
+          component: Example
+        }), _jsx(Route, {
+          path: match.path,
+          exact: true,
+          render: () => _jsx("div", {
+            children: "Please select a child route."
+          })
+        })]
+      })
+    })]
+  });
 };

package/_devel/test-place.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare function TestPlace(): React.JSX.Element;
+export declare function TestPlace(): import("react").JSX.Element;

package/_devel/test-place.js

@@ -1,6 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // PLEASE, DON'T COMMIT THIS FILE
 // I is for testing components, you can add your component here to test it
-import React from 'react';
 export function TestPlace() {
-  return React.createElement("div", null, "add your component to test please, don't commit this file");
+  return _jsx("div", {
+    children: "add your component to test please, don't commit this file"
+  });
 }

package/package.json

@@ -33,7 +33,7 @@
     "react-router-dom": "^5.3.4"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^1.0.21",
+    "@pushwoosh/frontend-builder-engine": "^2.1.0",
     "@svgr/webpack": "^8.1.0",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
@@ -49,5 +49,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.89"
+  "version": "1.1.0"
 }