@pushwoosh/smart-components-kit 1.0.90 → 1.1.1

package/Table/components/DataTable/DataTable.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Spinner } from '@pushwoosh/dumb-components';
 import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
@@ -41,64 +41,83 @@ export function DataTable(props) {
       search: ''
     }));
   };
-  return React.createElement(DataTableContext.Provider, {
-    value: context
-  }, React.createElement(Table, {
-    columns: columns,
-    width: width,
-    isBordered: isBordered,
-    "$bgColor": bgColor
-  }, renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : React.createElement(DataTableList, {
-    renderItem: props.renderItem
-  }), !hidePagination && React.createElement(DataTablePagination, {
-    allLimits: allLimits ?? [10, 20, 50, 100],
-    padding: paginationPadding,
-    hidePageSizeSelector: hidePageSizeSelector
-  }, data.loading && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4
-  }, React.createElement(Spinner, {
-    size: "medium",
-    color: Color.LOCKED
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.LOADING'
-  }))), !data.loading && data.error && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4
-  }, React.createElement(WarningRoundIcon, {
-    size: "medium",
-    view: "lined",
-    color: Color.WARNING
-  }), React.createElement(Text, {
-    "$color": Color.WARNING
-  }, lang({
-    message: 'SMART.TABLE.REQUEST_FAILED'
-  }))), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && React.createElement(Horizontal, {
-    "$placeItems": "center",
-    "$gap": 4
-  }, lang({
-    message: 'SMART.TABLE.RESULT_LABEL'
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.RESULT_COUNT',
-    total: ((_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total) ?? 0
-  }))), !data.loading && !data.error && (((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) === 0 && !isFiltered && React.createElement(Horizontal, {
-    "$placeItems": "center"
-  }, React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.NO_ITEMS'
-  }))), !data.loading && isFiltered && React.createElement(Horizontal, {
-    "$gap": 16
-  }, !data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 || (_data$value5 = _data$value5.items) === null || _data$value5 === void 0 ? void 0 : _data$value5.length) ?? 0) === 0 && React.createElement(Horizontal, {
-    "$placeItems": "center",
-    "$gap": 4
-  }, lang({
-    message: 'SMART.TABLE.RESULT_LABEL'
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.NO_MATCH'
-  }))), React.createElement(Button, {
-    color: "primary",
-    view: "ghost",
-    onClick: onClearRequest ?? onClearRequestDefault
-  }, lang({
-    message: 'SMART.TABLE.CLEAR_REQUEST'
-  }))))), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context));
+  return _jsxs(DataTableContext.Provider, {
+    value: context,
+    children: [_jsxs(Table, {
+      columns: columns,
+      width: width,
+      isBordered: isBordered,
+      "$bgColor": bgColor,
+      children: [renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : _jsx(DataTableList, {
+        renderItem: props.renderItem
+      }), !hidePagination && _jsxs(DataTablePagination, {
+        allLimits: allLimits ?? [10, 20, 50, 100],
+        padding: paginationPadding,
+        hidePageSizeSelector: hidePageSizeSelector,
+        children: [data.loading && _jsxs(Horizontal, {
+          "$alignItems": "center",
+          "$gap": 4,
+          children: [_jsx(Spinner, {
+            size: "medium",
+            color: Color.LOCKED
+          }), _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.LOADING'
+            })
+          })]
+        }), !data.loading && data.error && _jsxs(Horizontal, {
+          "$alignItems": "center",
+          "$gap": 4,
+          children: [_jsx(WarningRoundIcon, {
+            size: "medium",
+            view: "lined",
+            color: Color.WARNING
+          }), _jsx(Text, {
+            "$color": Color.WARNING,
+            children: lang({
+              message: 'SMART.TABLE.REQUEST_FAILED'
+            })
+          })]
+        }), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && _jsxs(Horizontal, {
+          "$placeItems": "center",
+          "$gap": 4,
+          children: [lang({
+            message: 'SMART.TABLE.RESULT_LABEL'
+          }), _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.RESULT_COUNT',
+              total: ((_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total) ?? 0
+            })
+          })]
+        }), !data.loading && !data.error && (((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) === 0 && !isFiltered && _jsx(Horizontal, {
+          "$placeItems": "center",
+          children: _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.NO_ITEMS'
+            })
+          })
+        }), !data.loading && isFiltered && _jsxs(Horizontal, {
+          "$gap": 16,
+          children: [!data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 || (_data$value5 = _data$value5.items) === null || _data$value5 === void 0 ? void 0 : _data$value5.length) ?? 0) === 0 && _jsxs(Horizontal, {
+            "$placeItems": "center",
+            "$gap": 4,
+            children: [lang({
+              message: 'SMART.TABLE.RESULT_LABEL'
+            }), _jsx(LockedText, {
+              children: lang({
+                message: 'SMART.TABLE.NO_MATCH'
+              })
+            })]
+          }), _jsx(Button, {
+            color: "primary",
+            view: "ghost",
+            onClick: onClearRequest ?? onClearRequestDefault,
+            children: lang({
+              message: 'SMART.TABLE.CLEAR_REQUEST'
+            })
+          })]
+        })]
+      })]
+    }), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context)]
+  });
 }

package/Table/components/DataTableGetContext/DataTableGetContext.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DataGetContextProps } from './types';
 import type { DataTableContextType } from '../../types';
-export declare const DataTableGetContext: <C extends DataTableContextType<any, any>>({ children }: DataGetContextProps<C>) => React.JSX.Element;
+export declare const DataTableGetContext: <C extends DataTableContextType<any, any>>({ children }: DataGetContextProps<C>) => import("react").JSX.Element;

package/Table/components/DataTableGetContext/DataTableGetContext.js

@@ -1,8 +1,11 @@
-import React, { useContext } from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { DataTableContext } from '../../context';
 export const DataTableGetContext = ({
   children
 }) => {
   const ctxValue = useContext(DataTableContext);
-  return React.createElement(React.Fragment, null, children(ctxValue));
+  return _jsx(_Fragment, {
+    children: children(ctxValue)
+  });
 };

package/Table/components/DataTableList/DataTableList.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { DataTableListProps } from './types';
-export declare function DataTableList<T>({ renderItem }: DataTableListProps<T>): React.JSX.Element;
+export declare function DataTableList<T>({ renderItem }: DataTableListProps<T>): import("react").JSX.Element;

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"
+        })
+      })
+    })
+  });
 }