@ainias42/react-bootstrap-mobile 0.1.8 → 0.1.9

package/dist/src/Components/FormElements/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { Override } from '../../../TypeHelpers';
+import { Override } from '@ainias42/js-helper';
 import { OptionalListener } from '../../Hooks/useListener';
 import { HTMLAttributes } from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';

package/dist/src/Components/Layout/Container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RbmComponentProps } from '../RbmComponentProps';
 export declare const CONTAINER_CLASSES: {
     sm: string;
@@ -10,6 +9,4 @@ export declare const CONTAINER_CLASSES: {
 export type ContainerProps = RbmComponentProps<{
     fluid?: boolean | keyof typeof CONTAINER_CLASSES;
 }>;
-declare function Container({ fluid, className, children, style }: ContainerProps): JSX.Element;
-declare const ContainerMemo: typeof Container;
-export { ContainerMemo as Container };
+export declare const Container: ({ fluid, className, children, style }: ContainerProps) => JSX.Element;

package/dist/src/Components/RbmComponentProps.d.ts

@@ -1,15 +1,15 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Recursive } from '../TypeHelpers';
-type Child = Recursive<JSX.Element | undefined | null | Child[]> | false;
+export type RbmChildWithoutString = Recursive<JSX.Element | undefined | null | RbmChildWithoutString[]> | false;
 export type WithNoStringProps = {
-    children?: Child;
+    children?: RbmChildWithoutString;
     __allowChildren?: 'html';
 } | {
     children?: ReactNode;
     __allowChildren: 'text' | 'all';
 };
 export type WithNoStringAndChildrenProps = {
-    children: Child;
+    children: RbmChildWithoutString;
     __allowChildren?: 'html';
 } | {
     children: ReactNode;
@@ -28,4 +28,3 @@ export type RbmComponentProps<SpecialProps, ChildrenProps = WithNoStringProps> =
     className?: string;
     style?: CSSProperties;
 } & SpecialProps;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainias42/react-bootstrap-mobile",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Mobile React Components using Bootstrap",
   "main": "dist/bootstrapReactMobile",
   "scripts": {
@@ -81,7 +81,7 @@
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "classnames": "^2.3.1",
     "isomorphic-style-loader": "^5.3.2",
-    "@ainias42/js-helper": ">=0.7.12",
+    "@ainias42/js-helper": ">=0.8.1",
     "react-color": "^2.19.3",
     "react-table": "^7.7.0",
     "react-virtualized-auto-sizer": "^1.0.7",

package/src/Components/FormElements/Button/Button.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Override } from '../../../TypeHelpers';
+import { Override } from '@ainias42/js-helper';
 import { OptionalListener, useListener } from '../../Hooks/useListener';
 
 import styles from './button.scss';

package/src/Components/Layout/Container.tsx

@@ -17,7 +17,7 @@ export type ContainerProps = RbmComponentProps<{
     fluid?: boolean | keyof typeof CONTAINER_CLASSES;
 }>;
 
-function Container({ fluid, className, children, style }: ContainerProps) {
+export const Container = withMemo(function Container({ fluid, className, children, style }: ContainerProps) {
     // Variables
 
     // Refs
@@ -50,8 +50,4 @@ function Container({ fluid, className, children, style }: ContainerProps) {
             {children}
         </div>
     );
-}
-
-// Need ContainerMemo for autocompletion of phpstorm
-const ContainerMemo = withMemo(Container, styles);
-export { ContainerMemo as Container };
+}, styles);

package/src/Components/List/List.tsx

@@ -32,15 +32,11 @@ export const List = withMemo(function List<ItemType>({
 
     // Callbacks
     const renderItemInner = useCallback<ComponentType<ListChildComponentProps>>(
-        ({ index, style: itemStyle }) => {
-            return renderItem(items[index], itemStyle, index);
-        },
+        ({ index, style: itemStyle }) => renderItem(items[index], itemStyle, index),
         [items, renderItem]
     );
 
-    const setHeight = useCallback<SizeCalculatorProps['onSize']>((_, height) => {
-        setItemHeight(height);
-    }, []);
+    const setHeight = useCallback<SizeCalculatorProps['onSize']>((_, height) => setItemHeight(height), []);
 
     // Effects
 
@@ -68,17 +64,19 @@ export const List = withMemo(function List<ItemType>({
                                 )}
                             </SizeCalculator>
                         )}
-                        <FixedSizeList
-                            height={height}
-                            itemCount={items.length}
-                            width={width}
-                            itemSize={itemHeight}
-                            style={style}
-                            className={className}
-                            itemData={items}
-                        >
-                            {renderItemInner}
-                        </FixedSizeList>
+                        {height !== undefined && width !== undefined && (
+                            <FixedSizeList
+                                height={height}
+                                itemCount={items.length}
+                                width={width}
+                                itemSize={itemHeight}
+                                style={style}
+                                className={className}
+                                itemData={items}
+                            >
+                                {renderItemInner}
+                            </FixedSizeList>
+                        )}
                     </>
                 );
             }}

package/src/Components/RbmComponentProps.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Recursive } from '../TypeHelpers';
 
-type Child = Recursive<JSX.Element | undefined | null | Child[]> | false;
+export type RbmChildWithoutString = Recursive<JSX.Element | undefined | null | RbmChildWithoutString[]> | false;
 export type WithNoStringProps =
     | {
-          children?: Child;
+          children?: RbmChildWithoutString;
           __allowChildren?: 'html';
       }
     | {
@@ -14,7 +14,7 @@ export type WithNoStringProps =
 
 export type WithNoStringAndChildrenProps =
     | {
-          children: Child;
+          children: RbmChildWithoutString;
           __allowChildren?: 'html';
       }
     | {

package/webpack.config.js

@@ -23,7 +23,7 @@ const banner = `
 module.exports = (env) => {
     return {
         mode: env.production ? 'production' : 'development',
-        // devtool: 'source-map',
+        devtool: env.production ? 'source-map' : 'eval-source-map',
         entry: './bootstrapReactMobile.ts',
         output: {
             filename: 'bootstrapReactMobile.js',