react-ui-basics 0.0.220 → 0.0.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.220",
+  "version": "0.0.222",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/router/Route.js

@@ -1,5 +1,6 @@
 import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
+import '../ReactCreateElement.js';
 import 'prop-types';
 import { setOf, allPropsExcept, isDifferent, addEventListener, WINDOW, removeEventListener, orNoop } from '../Tools.js';
 import { stateGSs, componentDidUpdate, render, componentDidMount, componentWillUnmount, PureComponent, propsGetter, setState } from '../ReactConstants.js';

package/router/Route.js.map

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","_PureComponent","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","propsGetter","_stateGSs","stateGSs","_stateGSs2","_slicedToArray","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","_props","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","_createClass","PureComponent","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","_PureComponent","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","propsGetter","_stateGSs","stateGSs","_stateGSs2","_slicedToArray","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","_props","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","_createClass","PureComponent","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}

package/src/Button.tsx

@@ -2,7 +2,6 @@ import React, {FocusEventHandler, MouseEventHandler, ReactElement, ReactNode} fr
 import ReactCreateElement from './ReactCreateElement';
 import './Button.css'
 import {classNames, DOCUMENT, addEventListener, createRef, orNoop} from "./Tools";
-import PropTypes from "prop-types";
 import {PureComponent, render, stateGS, props} from "./ReactConstants";
 
 export interface ButtonProps {

package/src/{Dialog.js → Dialog.tsx}

@@ -1,18 +1,36 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import './Dialog.css'; import React, {Component} from 'react';
+import React, {MouseEventHandler, ReactElement} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import './Dialog.css'
 import Button from "./Button";
 import Modal from "./Modal";
 import {isUndefined, orNoop, preventDefault, ref, UNDEFINED, classNames, createRef} from "./Tools";
 import {PureComponent, render, componentDidMount, propsGetter, stateGSs} from "./ReactConstants";
-import PropTypes from "prop-types";
 
-class Dialog extends PureComponent {
+
+type StringOrReactElement = string | ReactElement;
+
+export interface DialogProps {
+    title?: StringOrReactElement,
+    description?: StringOrReactElement,
+    accept?: StringOrReactElement,
+    cancel?: StringOrReactElement,
+    className?: string,
+    top?: number,
+    onAccept?: MouseEventHandler,
+    onCancel?: MouseEventHandler,
+}
+
+class Dialog extends PureComponent<DialogProps> {
+    static defaultProps = {
+        accept: 'Accept',
+        cancel: 'Decline',
+    }
+
     constructor(properties) {
         super(properties);
 
-        this[ReactConstants[3]] = () => {
-            const {title, description, accept, cancel, onAccept, onCancel, children} = __props(this);
+        this[render] = () => {
+            const {title, description, accept, cancel, onAccept, onCancel, children} = this.props;
             return <div className="Dialog">
                 {title && <div className="title">{title}</div>}
                 {description && <div className="description">{description}</div>}
@@ -26,16 +44,34 @@ class Dialog extends PureComponent {
     }
 }
 
-Dialog.defaultProps = {
-    accept: 'Accept',
-    cancel: 'Decline',
-};
 
 const throwIfPropExists = (key, props) => {
     if (props[key]) throw Error(key + " was already set by props")
 };
 
-class DialogWrapper extends Component {
+export type OpenDialogFn = (
+    onAccept?: MouseEventHandler,
+    onCancel?: MouseEventHandler,
+    title?: StringOrReactElement,
+    description?: StringOrReactElement,
+    accept?: StringOrReactElement,
+    cancel?: StringOrReactElement
+) => void;
+
+export type CloseDialogFn = () => void;
+
+abstract class AbstractDialogWrapper extends PureComponent<DialogWrapperProps> {
+    open: OpenDialogFn
+    close: CloseDialogFn
+}
+
+export interface DialogWrapperProps extends DialogProps {
+    show?: boolean,
+    open?: (open: OpenDialogFn) => void,
+    close?: (close: CloseDialogFn) => void,
+}
+
+class DialogWrapper extends AbstractDialogWrapper {
 
     constructor(properties) {
         super(properties);
@@ -43,8 +79,8 @@ class DialogWrapper extends Component {
         that.state = {};
 
         const props = propsGetter(that);
-        const openRef = createRef();
-        const closeRef = createRef();
+        const openRef = createRef<() => void>();
+        const closeRef = createRef<() => void>();
 
         const [titleState,
             descriptionState,
@@ -52,9 +88,9 @@ class DialogWrapper extends Component {
             onCancelState,
             acceptState,
             cancelState
-        ] = stateGSs(that, 6);
+        ] = stateGSs<[StringOrReactElement, StringOrReactElement, MouseEventHandler, MouseEventHandler, StringOrReactElement, StringOrReactElement]>(that, 6);
 
-        const onCancel = (e) => {
+        const onCancel = (e?) => {
             preventDefault(e);
             orNoop(props().onCancel || onCancelState())();
             closeRef()();
@@ -66,8 +102,8 @@ class DialogWrapper extends Component {
             closeRef()();
         };
 
-        that[ReactConstants[3]] = () => {
-            const {top, className, ...other} = props();
+        that[render] = () => {
+            const {top, className} = props();
             return (
                 <Modal
                     top={top}
@@ -76,7 +112,15 @@ class DialogWrapper extends Component {
                     close={closeRef}
                     onClose={onCancel}
                 >
-                    <Dialog title={titleState()} description={descriptionState()} accept={acceptState()} cancel={cancelState()} {...other} onAccept={onAccept} onCancel={onCancel}/>
+                    <Dialog
+                        title={titleState()}
+                        description={descriptionState()}
+                        accept={acceptState()}
+                        cancel={cancelState()}
+                        {...props()}
+                        onAccept={onAccept}
+                        onCancel={onCancel}
+                    />
                 </Modal>
             );
         };
@@ -117,7 +161,7 @@ class DialogWrapper extends Component {
             openRef()();
         };
 
-        that[ReactConstants[0]] = () => {
+        that[componentDidMount] = () => {
             const _props = props();
             orNoop(_props.open)(that.open);
             orNoop(_props.close)(closeRef());
@@ -126,29 +170,4 @@ class DialogWrapper extends Component {
     }
 }
 
-export default DialogWrapper;
-
-if (process.env.NODE_ENV !== 'production') {
-    DialogWrapper.propTypes = {
-        title: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        description: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        accept: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        cancel: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        onAccept: PropTypes.func,
-        onCancel: PropTypes.func,
-        [ReactConstants[5]]: PropTypes.string,
-        top: PropTypes.number,
-    };
-}
+export default DialogWrapper;

package/src/FilteredList.css

@@ -9,7 +9,7 @@
   background: white;
   z-index: 4;
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  transition: all 0.2s ease-out;
+  transition: top 0.2s ease-out, opacity 0.2s ease-out;
   top: calc(100% + 4px);
   opacity: 0;
   border-radius: 2px;

package/src/FilteredList.scss

@@ -11,7 +11,7 @@
     background: white;
     z-index: 4;
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-    transition: all 0.2s ease-out;
+    transition: top 0.2s ease-out, opacity 0.2s ease-out;
     top: calc(100% + 4px);
     opacity: 0;
     border-radius: 2px;

package/src/{FilteredList.js → FilteredList.tsx}

@@ -1,13 +1,39 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import './FilteredList.css'; import React from 'react';
+import React, {CSSProperties, MouseEventHandler} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import './FilteredList.css'
 import Scrollable from "./Scrollable";
 import {classNames, orNoop, ref, stopPropagation, isFunction, isObject} from "./Tools";
 import {PureComponent} from "./ReactConstants";
 
-export const getLabel = (labels, id) => isFunction(labels) ? labels(id) : labels[id]
+type Labels<T> = ((item: T) => string) | { [key: string]: string } | { [key: number]: string };
+
+// @ts-ignore
+export const getLabel: (<T extends string | number>(labels: Labels<T>, id: T) => string) = (labels, id) => isFunction(labels) ? labels(id) : labels[id]
+
+export interface FilteredListProps<T> {
+    nextProvider?: (cb: () => void) => void
+    prevProvider?: (cb: () => void) => void
+    resetProvider?: (cb: () => void) => void
+    selectedProvider?: (cb: () => void) => void
+    data: T[]
+    labels?: Labels<T>
+    filter?: (item: T) => boolean
+    className?: string
+    selected?: T | { [key: string]: boolean } | { [key: number]: boolean }
+    inline?: boolean
+    childComponent
+    childProps
+    style?: CSSProperties
+    scroll
+    onSelect: (selected: T) => void
+    selectSingle?: boolean
+}
+
+export interface FilteredListState<T> {
+    selected: T
+}
 
-class FilteredList extends PureComponent {
+class FilteredList<T extends string|number> extends PureComponent<FilteredListProps<T>, FilteredListState<T>> {
 
     static defaultProps = {
         data: [],
@@ -18,59 +44,66 @@ class FilteredList extends PureComponent {
         filter: () => true,
     };
 
+    hidden:Map<T, boolean> = new Map();
+    elements :Map<T, HTMLDivElement> = new Map();
+    list:T[] = [];
+    el: Scrollable
+
     constructor(props) {
         super(props);
-        this.state = {selected: -1};
-        this.hidden = {};
-        this.elements = {};
+        this.state = {selected: null};
     }
 
     componentDidMount() {
-        orNoop(__props(this).nextProvider)(this.next);
-        orNoop(__props(this).prevProvider)(this.prev);
-        orNoop(__props(this).selectedProvider)(this.selected);
-        orNoop(__props(this).resetProvider)(this.reset);
+        orNoop(this.props.nextProvider)(this.next);
+        orNoop(this.props.prevProvider)(this.prev);
+        orNoop(this.props.selectedProvider)(this.selected);
+        orNoop(this.props.resetProvider)(this.reset);
 
-        this.updateList(__props(this))
+        this.updateList(this.props)
     }
 
     componentDidUpdate(prevProps, prevState, snapshot) {
-        if (__props(this).data === __data(prevProps))
+        if (this.props.data === prevProps.data)
             return;
 
-        this.updateList(__props(this))
+        this.updateList(this.props)
     }
 
     updateList = (props) => {
         const {data} = props;
-        const {selected} = __state(this);
+        const {selected} = this.state;
         this.list = data || [];
 
         if (!this.list.includes(selected))
-            this.setState({selected: -1})
+            this.setState({selected: null})
     };
 
     render() {
-        const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = __props(this);
+        const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = this.props;
         return (
             <Scrollable className={classNames('FilteredList', className, inline ? 'inline' : 'popup')}
                         autoScrollTop={false}
                         ref={ref('el', this)} style={style} scrollBarMode={scroll}>
-                {(data || []).filter(id => id !== false && id != null).map(id => <ItemWrapper
+                {(data || []).filter(id => !!id || id === 0).map(id => <ItemWrapper
                     id={id}
                     key={id}
                     label={getLabel(labels, id)}
                     childComponent={childComponent}
                     childProps={childProps}
-                    element={el => this.elements[id] = el}
+                    element={el => this.elements.set(id, el)}
                     onClick={e => {
                         stopPropagation(e);
                         this.onSelect(id);
                     }}
                     onMouseEnter={e => this.setState({selected: id})}
-                    onMouseLeave={e => id === __state(this).selected && this.setState({selected: -1})}
-                    className={classNames('child', __state(this).selected === id && 'active', selected === id || (isObject(selected) && selected[id]) && 'selected')}
-                    classProvider={it => (this.hidden[id] = !filter(it)) && 'hidden'}
+                    onMouseLeave={e => id === this.state.selected && this.setState({selected: null})}
+                    className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id as (string | number)]) && 'selected')}
+                    classProvider={it => {
+                        const hidden = !filter(it);
+                        this.hidden.set(id, hidden)
+                        return hidden && 'hidden';
+                    }}
                 />)}
             </Scrollable>
         )
@@ -78,17 +111,17 @@ class FilteredList extends PureComponent {
 
     onSelect = (id) => {
         this.setState({selected: id});
-        __props(this).onSelect(id);
+        this.props.onSelect(id);
     };
 
-    selected = () => {
-        const {selected: value} = __state(this);
-        const {selectSingle} = __props(this);
+    selected = (): T => {
+        const {selected: value} = this.state;
+        const {selectSingle} = this.props;
 
 
-        if (value === -1 || this.hidden[value]) {
-            let filtered = this.list.filter(id => !this.hidden[id]);
-            if (selectSingle && __length(filtered) === 1)
+        if (value === -1 || this.hidden.get(value)) {
+            let filtered = this.list.filter(id => !this.hidden.get(id));
+            if (selectSingle && filtered.length === 1)
                 return filtered[0];
 
             return null;
@@ -99,16 +132,16 @@ class FilteredList extends PureComponent {
 
     next = () => {
         const list = this.list;
-        const selected = __state(this).selected;
+        const selected = this.state.selected;
         let position = list.findIndex(id => selected === id);
-        if (this.hidden[list[position]])
+        if (this.hidden.get(list[position]))
             position = -1;
 
-        while (++position < __length(list)) {
-            if (!this.hidden[list[position]])
+        while (++position < list.length) {
+            if (!this.hidden.get(list[position]))
                 break
         }
-        if (position < __length(list)) {
+        if (position < list.length) {
             let id = list[position];
             this.setState({selected: id});
             this.updateScroll(id)
@@ -117,13 +150,13 @@ class FilteredList extends PureComponent {
 
     prev = () => {
         const list = this.list;
-        const selected = __state(this).selected;
+        const selected = this.state.selected;
         let position = list.findIndex(id => selected === id);
-        if (this.hidden[list[position]])
-            position = __length(list);
+        if (this.hidden.get(list[position]))
+            position = list.length;
 
         while (--position >= 0) {
-            if (!this.hidden[list[position]])
+            if (!this.hidden.get(list[position]))
                 break
         }
         if (position >= 0) {
@@ -138,9 +171,9 @@ class FilteredList extends PureComponent {
         let container = this.el;
         const scrollTop = container.getScroll();
         const height = container.getHeight();
-        let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + __clientHeight(child);
+        let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;
         if (!isVisible) {
-            let scrollToBottom = child.offsetTop + __clientHeight(child) - height;
+            let scrollToBottom = child.offsetTop + child.clientHeight - height;
             let scrollToTop = child.offsetTop;
             if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
                 container.setScroll(scrollToTop)
@@ -151,8 +184,8 @@ class FilteredList extends PureComponent {
     };
 
     reset = () => {
-        this.setState({selected: -1});
-        this.el.scrollTop = 0;
+        this.setState({selected: null});
+        this.el.setScroll(0)
     };
 
     scrollTo = (id) => this.el.setScroll(this.elements[id] && this.elements[id].offsetTop);
@@ -160,9 +193,26 @@ class FilteredList extends PureComponent {
 
 export default FilteredList;
 
-class ItemWrapper extends React.Component {
+interface ItemWrapperProps {
+    id
+    label
+    onClick?: MouseEventHandler
+    onMouseDown?: MouseEventHandler
+    onMouseEnter?: MouseEventHandler
+    onMouseLeave?: MouseEventHandler
+    classProvider?: (data) => string
+    className?: string
+    childComponent
+    childProps
+    element?: (el: HTMLDivElement) => void
+}
+
+class ItemWrapper extends React.Component<ItemWrapperProps> {
+    data
+    el: HTMLDivElement
+
     render() {
-        const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = __props(this);
+        const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = this.props;
         const child = React.createElement(childComponent, {
             ...childProps,
             id,
@@ -170,7 +220,7 @@ class ItemWrapper extends React.Component {
             dataConsumer: (data) => this.data = data,
         });
 
-        const cssClass = orNoop(classProvider)(__data(this));
+        const cssClass = orNoop(classProvider)(this.data);
         return (
             <div className={classNames('ItemWrapper', cssClass, className)}
                  onMouseEnter={onMouseEnter}
@@ -185,7 +235,7 @@ class ItemWrapper extends React.Component {
     }
 
     componentDidMount() {
-        orNoop(__props(this).element)(this.el);
+        orNoop(this.props.element)(this.el);
         this.forceUpdate();
     }
 }

package/src/{FormUploadProgress.js → FormUploadProgress.tsx}

@@ -1,4 +1,4 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import './FormUploadProgress.css'; import React from 'react';
+import React, {ReactNode} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import './FormUploadProgress.css'
 import Button from "./Button";
@@ -6,11 +6,10 @@ import Animated from "./Animated";
 import CircleProgress from "./CircleProgress";
 import SpinningProgress from "./SpinningProgress";
 import {formatAbbreviation, formatNumberWithMaxLength} from "./Size";
-import PropTypes from "prop-types";
 import {preventDefault} from "./Tools";
 
 
-const defaultValueFormat = (value, loaded, total) => {
+const defaultValueFormat = (value: number, loaded: number, total: number) => {
     if (total == null)
         return Math.floor(Number.isFinite(value) ? value : 0) + '%';
 
@@ -24,6 +23,16 @@ const defaultValueFormat = (value, loaded, total) => {
     </>
 };
 
+export interface FormUploadProgressProps {
+    value: number
+    loaded: number
+    total: number
+    formatValue?: (value: number, loaded: number, total: number) => ReactNode
+    processingLabel?: ReactNode
+    cancelLabel?: ReactNode
+    cancel?: () => void
+}
+
 const FormUploadProgress = ({
                                 value,
                                 cancel,
@@ -32,7 +41,7 @@ const FormUploadProgress = ({
                                 formatValue,
                                 processingLabel,
                                 cancelLabel,
-                            }) => {
+                            }: FormUploadProgressProps) => {
     return (
         <Animated value={total > 0}>
             <div className="FormUploadProgress">
@@ -60,22 +69,4 @@ FormUploadProgress.defaultProps = {
     formatValue: defaultValueFormat,
 };
 
-if (process.env.NODE_ENV !== 'production') {
-    FormUploadProgress.propTypes = {
-        value: PropTypes.number,
-        loaded: PropTypes.number,
-        total: PropTypes.number,
-        formatValue: PropTypes.func,
-        processingLabel: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        cancelLabel: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        cancel: PropTypes.func,
-    };
-}
-
 export default FormUploadProgress;