react-ui-basics 0.0.132 → 0.0.136

package/AutocompleteSelect.js

@@ -151,6 +151,7 @@ var AutocompleteSelect = function (_React$Component) {
       _this.setState({
         filterValue: value
       });
+      _this.props.onFilterInputChange == null ? void 0 : _this.props.onFilterInputChange(value);
     };
     var that = _assertThisInitialized(_this);
     that.state = {

package/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSelect.js","sources":["../src/react-ui-basics/AutocompleteSelect.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './AutocompleteSelect.css'\nimport TextField from \"./TextField\";\nimport FilteredList, {getLabel} from \"./FilteredList\";\nimport {\n    classNames,\n    continuousIncludes,\n    getRandomId,\n    ref,\n    orNoop,\n    preventDefault,\n    stopPropagation,\n    DOCUMENT,\n    addEventListener,\n    removeEventListener,\n    isObject,\n    isFunction,\n    isString, UNDEFINED\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nexport const MODE_DEFAULT = 'default';\nexport const MODE_INLINE = 'inline';\nexport const MODE_INLINE_MULTIPLE = 'inline-multiple';\nexport const MODE_MULTIPLE_AUTO = 'multiple-auto';\nexport const MODE_MULTIPLE = 'multiple';\nexport const MODE_MULTIPLE_MINI = 'multiple-mini';\nexport const MODE_MINI = 'mini';\nexport const MODE_MULTIPLE_MINI_INLINE = 'multiple-mini-inline';\n\n\nconst DummyChild = ({id, label, dataConsumer, onClick}) => {\n    orNoop(dataConsumer)(label || id);\n    return <div className={`DummyChild`} onClick={onClick}>{label || id}</div>\n};\n\nconst prepareSelected = (value) => {\n    let result;\n    if (value != null) {\n        if (Array.isArray(value))\n            result = value.reduce((map, obj) => {\n                map[obj] = obj;\n                return map;\n            }, {});\n        else if (isObject(value))\n            result = value;\n        else if (value)\n            result = {[value]: value};\n        else\n            result = {}\n    } else {\n        result = {};\n    }\n    return result;\n};\n\nconst findParent = (el, tag) => {\n    if (el != null) {\n        const tagName = el.tagName;\n        if (tagName && tagName.toUpperCase() === tag.toUpperCase()) {\n            return el;\n        } else {\n            return findParent(el.parentNode, tag)\n        }\n    }\n    return null;\n}\n\nfunction isMultipleSelect(mode) {\n    return mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI || mode === MODE_MULTIPLE_MINI_INLINE;\n}\n\nclass AutocompleteSelect extends React.Component {\n\n    static propTypes = {\n        mode: PropTypes.oneOf([MODE_DEFAULT, MODE_INLINE, MODE_MULTIPLE, MODE_MULTIPLE_AUTO, MODE_MULTIPLE_MINI, MODE_MULTIPLE_MINI_INLINE, MODE_INLINE_MULTIPLE, MODE_MINI])\n    };\n\n    constructor(props) {\n        super(props);\n        const that = this;\n        that.state = {\n            selected: prepareSelected(props.value),\n            isActive: !!props.focused,\n\n        };\n        that.randomId = getRandomId('acs-');\n\n        const {data, getSelected} = props;\n        isFunction(data) && data(data => that.setState({data}));\n\n        getSelected && getSelected(() => Object.values(that.state.selected));\n    }\n\n    componentDidMount() {\n        addEventListener(DOCUMENT, 'mousedown', this.listener = (e) => {\n            if (this.state.isActive && this.el && !this.el.contains(e.target)) {\n                this.onClickOutside()\n            }\n        })\n        if (this.props.required) {\n            const form = findParent(this.el.parentNode, 'form')\n            if (form) {\n                addEventListener(this.submitButton = form.querySelector('button[type=submit]'), 'click', this.formSubmitListener = (e) => {\n                    const errored = Object.keys(this.state.selected).length === 0;\n                    this.setState({errored: errored})\n                })\n            }\n        }\n        this.initSelected(this.props, this.state)\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.value !== prevProps.value)\n            this.initSelected(this.props, this.state)\n    }\n\n    initSelected = ({value, mode, allowCustom}, {filterValue = ''}) => {\n        this.setState({\n            selected: prepareSelected(value),\n            filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue,\n        });\n    };\n\n    componentWillUnmount() {\n        removeEventListener(DOCUMENT, 'mousedown', this.listener)\n        removeEventListener(this.submitButton, 'click', this.formSubmitListener)\n    }\n\n    static defaultProps = {\n        childComponent: DummyChild,\n        withArrow: true,\n        withFilter: true,\n        withReset: false,\n        scrollToValue: false,\n        mode: MODE_DEFAULT,\n        selectedMode: 'full',\n        removeIcon: <MaterialIcon icon=\"close\"/>,\n    };\n\n    render() {\n        const {\n            childComponent,\n            childProps,\n            withArrow,\n            withFilter,\n            withReset,\n            filter,\n            label,\n            inputLabel,\n            mode,\n            selectedMode,\n            prefilter,\n            className,\n            scrollToValue,\n            scroll,\n            required,\n            allowCustom,\n            inlineSelected,\n            removeIcon,\n        } = this.props;\n        const id = this.props.id || this.randomId;\n        const selectedComponent = this.props.selectedComponent || childComponent;\n        const {selected = {}, filterValue = '', errored} = this.state;\n        let {isActive} = this.state;\n        if (this.props.isActive !== UNDEFINED) {\n            isActive = this.props.isActive\n        }\n        let {data = [], labels = {}} = this.props;\n        if (this.state.data)\n            data = this.state.data;\n\n        if (!Array.isArray(data))\n            data = [];\n\n        const selectedIds = Object.values(selected);\n        const hasSelected = selectedIds.length !== 0;\n        const setActive = (e) => {\n            stopPropagation(e);\n            this.setState({isActive: true}, () => (scrollToValue && selectedIds.length > 0) && this.list.scrollTo(selectedIds[0]));\n        };\n        const toggle = (e) => {\n            if (!this.state.isActive) {\n                setActive(e);\n            } else {\n                stopPropagation(e);\n                this.setState({isActive: false});\n            }\n        };\n\n        const isInline = mode === MODE_INLINE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE;\n        const filterValueTrimmed = filterValue.trim();\n        const dataFiltered = allowCustom ? [filterValueTrimmed, ...data.filter(suggestion => suggestion !== filterValueTrimmed)] : data;\n\n        const list = <FilteredList className={classNames(isActive && 'visible')}\n                                   ref={ref('list', this)}\n                                   filter={it => {\n                                       if (!it) return false;\n                                       if (prefilter && !prefilter(it)) return false;\n                                       if (!filterValue) return true;\n\n                                       const f = filterValueTrimmed.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n                                       return continuousIncludes(value, f);\n                                   }}\n                                   selectSingle={!allowCustom}\n                                   scroll={scroll}\n                                   inline={isInline}\n                                   nextProvider={ref('next', this)}\n                                   prevProvider={ref('prev', this)}\n                                   selectedProvider={ref('getSelected', this)}\n                                   resetProvider={ref('reset', this)}\n                                   onSelect={this.onSelect}\n                                   selected={selected}\n                                   childComponent={childComponent}\n                                   childProps={childProps}\n                                   data={dataFiltered}\n                                   labels={labels}\n        />;\n\n        return (\n            <div id={id}\n                 className={classNames(\n                     'AutocompleteSelect',\n                     mode,\n                     isMultipleSelect(mode) && 'multi',\n                     className,\n                     withFilter ? 'withFilter' : 'withoutFilter',\n                     isActive && 'active',\n                     errored && 'errored',\n                     inlineSelected && 'inlineSelected',\n                     hasSelected && 'hasSelected',\n                 )}\n                 ref={ref('el', this)}>\n                {label && <label className={classNames(`label`, (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected')}\n                                 htmlFor={'f-' + id}\n                                 onClick={() => {\n                                     if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {\n                                         toggle();\n                                     }\n                                 }}\n                >\n                    {label}\n                    {required && ' *'}\n                    {withArrow && <span className=\"arrow\"/>}\n                </label>}\n\n                {(!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && (\n                    <div\n                        className={classNames('selected',\n                            !label && 'nolabel',\n                            (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable',\n                            selectedMode)}\n                        onClick={toggle}>\n\n                        {selectedMode === 'full' && selectedIds.map(id =>\n                            <div className=\"value\" key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                <div className=\"button remove\" onClick={e => {\n                                    stopPropagation(e);\n                                    this.remove(id);\n                                }}>\n                                    {removeIcon}\n                                </div>\n                            </div>\n                        )}\n                        {selectedMode === 'inline' && selectedIds.map(id =>\n                            <React.Fragment key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                {id !== selectedIds[selectedIds.length - 1] && ', '}\n                            </React.Fragment>\n                        )}\n                        {!label && withArrow && <span className=\"arrow\"/>}\n                        {withReset && <Button className=\"reset\" raised={false} onClick={this.clean}>\n                            {removeIcon}\n                        </Button>}\n                    </div>\n                )}\n\n                {inlineSelected && hasSelected && <>\n                    {selectedMode === 'full' && selectedIds.map(id =>\n                        <div className=\"value\" key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            <div className=\"button remove\" onClick={e => {\n                                stopPropagation(e);\n                                this.remove(id);\n                            }}>\n                                {removeIcon}\n                            </div>\n                        </div>\n                    )}\n                    {selectedMode === 'inline' && selectedIds.map(id =>\n                        <React.Fragment key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            {id !== selectedIds[selectedIds.length - 1] && ', '}\n                        </React.Fragment>\n                    )}\n                </>}\n\n                {(isActive || (!hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE) || mode === MODE_MULTIPLE || (mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1) || mode === MODE_INLINE_MULTIPLE) && (\n                    <div className={`input`} data-value={filterValue}>\n                        {withFilter && <TextField autoComplete=\"new-password\" id={'f-' + id}\n                                                  ref={ref('input', this)}\n                                                  focused={isActive}\n                                                  value={filterValue}\n                                                  label={inputLabel}\n                                                  onChange={this.onChange}\n                                                  onFocus={e => this.setState({isActive: true})}\n                                                  check={this.props.filterCheck}\n                                                  onKeyDown={e => {\n                                                      const keyCode = e.keyCode;\n                                                      if (keyCode === 38/*up*/) {\n                                                          preventDefault(e);\n                                                          this.prev();\n                                                      } else if (keyCode === 40/*down*/) {\n                                                          preventDefault(e);\n                                                          this.next();\n                                                      } else if (keyCode === 13/*enter*/) {\n                                                          preventDefault(e);\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 9/*tab*/) {\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 8/*backspace*/) {\n                                                          if (!filterValue && (selectedIds.length !== 0) && isMultipleSelect(mode)) {\n                                                              this.remove(selectedIds[selectedIds.length - 1]);\n                                                          }\n                                                          this.reset()\n                                                      } else if (keyCode === 46/*delete*/) {\n                                                          this.reset()\n                                                      } else if (keyCode === 27/*esc*/) {\n                                                          this.setState({\n                                                              isActive: false,\n                                                              filterValue: isMultipleSelect(mode) ? '' : (allowCustom ? filterValue : ''),\n                                                          });\n                                                          this.input.getInput().blur()\n                                                          this.onCancel();\n                                                      }\n                                                      // console.log('key pressed:', e.keyCode)\n                                                  }}\n                        />}\n                        {!withFilter && inputLabel && <label>{inputLabel}</label>}\n                    </div>\n                )}\n                {list}\n            </div>\n        )\n    }\n\n    onClickOutside = () => {\n        const {allowCustom, required} = this.props;\n        const {filterValue} = this.state;\n        if (allowCustom && (!!filterValue || !required)) {\n            this.onSelect()\n        }\n\n        this.setState({isActive: false});\n\n        this.onCancel();\n    };\n\n    onCancel = () => {\n        orNoop(this.props.onCancel)()\n    };\n\n    onSelect = (selectedId) => {\n        const {mode, required, allowCustom, onSelect, onChange, default: defaultValue} = this.props;\n        const {filterValue, selected: currentSelection} = this.state;\n\n        if (selectedId == null && (!!filterValue || !required) && allowCustom && (!this.input || !this.input.check()))\n            selectedId = filterValue.trim();\n\n        const isMultiSelect = isMultipleSelect(mode);\n\n        if (!selectedId && isMultiSelect) {\n            selectedId = null;\n        }\n\n        // debugger\n\n        const isSelected = selectedId != null;\n\n        let selected = {...currentSelection};\n        if (selected[selectedId] && (defaultValue || isMultiSelect)) {\n            delete selected[selectedId];\n            if (defaultValue && Object.keys(selected).length === 0)\n                selected[defaultValue] = defaultValue;\n        } else if (isSelected && (isMultiSelect)) {\n            selected[selectedId] = selectedId;\n        } else if (isSelected) {\n            selected = {[selectedId]: selectedId};\n        }\n\n        const errored = required && Object.keys(selected) === 0;\n\n        const isActive = mode === MODE_MULTIPLE_MINI_INLINE || (isMultiSelect && isSelected)\n\n        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: isMultiSelect ? '' : (allowCustom ? selectedId || '' : ''),\n            errored,\n        });\n\n        if (isActive && this.input)\n            this.input.getInput().focus()\n\n        orNoop(onSelect)(selectedId);\n        orNoop(onChange)(Object.values(selected));\n    };\n\n    clean = (e) => {\n        preventDefault(e);\n        stopPropagation(e);\n\n        this.setState({\n            isActive: false,\n            selected: {},\n            filterValue: '',\n        });\n\n        orNoop(this.props.onSelect)(null);\n        orNoop(this.props.onChange)([]);\n\n        this.initSelected(this.props, this.state);\n    };\n\n    remove = (id) => {\n        let result = {\n            ...this.state,\n            selected: {...this.state.selected},\n            filterValue: '',\n        };\n        delete result.selected[id];\n        this.setState(result);\n        orNoop(this.props.onChange)(Object.values(result.selected));\n    };\n\n    onChange = (event) => {\n        const value = event.target.value;\n        this.setState({filterValue: value});\n    }\n}\n\nexport default AutocompleteSelect;\n"],"names":["MODE_DEFAULT","MODE_INLINE","MODE_INLINE_MULTIPLE","MODE_MULTIPLE_AUTO","MODE_MULTIPLE","MODE_MULTIPLE_MINI","MODE_MINI","MODE_MULTIPLE_MINI_INLINE","DummyChild","id","label","dataConsumer","onClick","orNoop","prepareSelected","value","result","Array","isArray","reduce","map","obj","isObject","findParent","el","tag","tagName","toUpperCase","parentNode","isMultipleSelect","mode","AutocompleteSelect","props","initSelected","allowCustom","filterValue","setState","selected","isString","onClickOutside","required","state","onSelect","isActive","onCancel","selectedId","onChange","defaultValue","currentSelection","input","check","trim","isMultiSelect","isSelected","Object","keys","length","errored","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","event","target","that","focused","randomId","getRandomId","data","getSelected","isFunction","addEventListener","DOCUMENT","listener","contains","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","filter","inputLabel","selectedMode","prefilter","className","scrollToValue","scroll","inlineSelected","removeIcon","selectedComponent","UNDEFINED","labels","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","filterValueTrimmed","dataFiltered","suggestion","classNames","ref","it","f","toLowerCase","name","continuousIncludes","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AutocompleteSelect.js","sources":["../src/react-ui-basics/AutocompleteSelect.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './AutocompleteSelect.css'\nimport TextField from \"./TextField\";\nimport FilteredList, {getLabel} from \"./FilteredList\";\nimport {\n    classNames,\n    continuousIncludes,\n    getRandomId,\n    ref,\n    orNoop,\n    preventDefault,\n    stopPropagation,\n    DOCUMENT,\n    addEventListener,\n    removeEventListener,\n    isObject,\n    isFunction,\n    isString, UNDEFINED\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nexport const MODE_DEFAULT = 'default';\nexport const MODE_INLINE = 'inline';\nexport const MODE_INLINE_MULTIPLE = 'inline-multiple';\nexport const MODE_MULTIPLE_AUTO = 'multiple-auto';\nexport const MODE_MULTIPLE = 'multiple';\nexport const MODE_MULTIPLE_MINI = 'multiple-mini';\nexport const MODE_MINI = 'mini';\nexport const MODE_MULTIPLE_MINI_INLINE = 'multiple-mini-inline';\n\n\nconst DummyChild = ({id, label, dataConsumer, onClick}) => {\n    orNoop(dataConsumer)(label || id);\n    return <div className={`DummyChild`} onClick={onClick}>{label || id}</div>\n};\n\nconst prepareSelected = (value) => {\n    let result;\n    if (value != null) {\n        if (Array.isArray(value))\n            result = value.reduce((map, obj) => {\n                map[obj] = obj;\n                return map;\n            }, {});\n        else if (isObject(value))\n            result = value;\n        else if (value)\n            result = {[value]: value};\n        else\n            result = {}\n    } else {\n        result = {};\n    }\n    return result;\n};\n\nconst findParent = (el, tag) => {\n    if (el != null) {\n        const tagName = el.tagName;\n        if (tagName && tagName.toUpperCase() === tag.toUpperCase()) {\n            return el;\n        } else {\n            return findParent(el.parentNode, tag)\n        }\n    }\n    return null;\n}\n\nfunction isMultipleSelect(mode) {\n    return mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI || mode === MODE_MULTIPLE_MINI_INLINE;\n}\n\nclass AutocompleteSelect extends React.Component {\n\n    static propTypes = {\n        mode: PropTypes.oneOf([MODE_DEFAULT, MODE_INLINE, MODE_MULTIPLE, MODE_MULTIPLE_AUTO, MODE_MULTIPLE_MINI, MODE_MULTIPLE_MINI_INLINE, MODE_INLINE_MULTIPLE, MODE_MINI])\n    };\n\n    constructor(props) {\n        super(props);\n        const that = this;\n        that.state = {\n            selected: prepareSelected(props.value),\n            isActive: !!props.focused,\n\n        };\n        that.randomId = getRandomId('acs-');\n\n        const {data, getSelected} = props;\n        isFunction(data) && data(data => that.setState({data}));\n\n        getSelected && getSelected(() => Object.values(that.state.selected));\n    }\n\n    componentDidMount() {\n        addEventListener(DOCUMENT, 'mousedown', this.listener = (e) => {\n            if (this.state.isActive && this.el && !this.el.contains(e.target)) {\n                this.onClickOutside()\n            }\n        })\n        if (this.props.required) {\n            const form = findParent(this.el.parentNode, 'form')\n            if (form) {\n                addEventListener(this.submitButton = form.querySelector('button[type=submit]'), 'click', this.formSubmitListener = (e) => {\n                    const errored = Object.keys(this.state.selected).length === 0;\n                    this.setState({errored: errored})\n                })\n            }\n        }\n        this.initSelected(this.props, this.state)\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.value !== prevProps.value)\n            this.initSelected(this.props, this.state)\n    }\n\n    initSelected = ({value, mode, allowCustom}, {filterValue = ''}) => {\n        this.setState({\n            selected: prepareSelected(value),\n            filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue,\n        });\n    };\n\n    componentWillUnmount() {\n        removeEventListener(DOCUMENT, 'mousedown', this.listener)\n        removeEventListener(this.submitButton, 'click', this.formSubmitListener)\n    }\n\n    static defaultProps = {\n        childComponent: DummyChild,\n        withArrow: true,\n        withFilter: true,\n        withReset: false,\n        scrollToValue: false,\n        mode: MODE_DEFAULT,\n        selectedMode: 'full',\n        removeIcon: <MaterialIcon icon=\"close\"/>,\n    };\n\n    render() {\n        const {\n            childComponent,\n            childProps,\n            withArrow,\n            withFilter,\n            withReset,\n            filter,\n            label,\n            inputLabel,\n            mode,\n            selectedMode,\n            prefilter,\n            className,\n            scrollToValue,\n            scroll,\n            required,\n            allowCustom,\n            inlineSelected,\n            removeIcon,\n        } = this.props;\n        const id = this.props.id || this.randomId;\n        const selectedComponent = this.props.selectedComponent || childComponent;\n        const {selected = {}, filterValue = '', errored} = this.state;\n        let {isActive} = this.state;\n        if (this.props.isActive !== UNDEFINED) {\n            isActive = this.props.isActive\n        }\n        let {data = [], labels = {}} = this.props;\n        if (this.state.data)\n            data = this.state.data;\n\n        if (!Array.isArray(data))\n            data = [];\n\n        const selectedIds = Object.values(selected);\n        const hasSelected = selectedIds.length !== 0;\n        const setActive = (e) => {\n            stopPropagation(e);\n            this.setState({isActive: true}, () => (scrollToValue && selectedIds.length > 0) && this.list.scrollTo(selectedIds[0]));\n        };\n        const toggle = (e) => {\n            if (!this.state.isActive) {\n                setActive(e);\n            } else {\n                stopPropagation(e);\n                this.setState({isActive: false});\n            }\n        };\n\n        const isInline = mode === MODE_INLINE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE;\n        const filterValueTrimmed = filterValue.trim();\n        const dataFiltered = allowCustom ? [filterValueTrimmed, ...data.filter(suggestion => suggestion !== filterValueTrimmed)] : data;\n\n        const list = <FilteredList className={classNames(isActive && 'visible')}\n                                   ref={ref('list', this)}\n                                   filter={it => {\n                                       if (!it) return false;\n                                       if (prefilter && !prefilter(it)) return false;\n                                       if (!filterValue) return true;\n\n                                       const f = filterValueTrimmed.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n                                       return continuousIncludes(value, f);\n                                   }}\n                                   selectSingle={!allowCustom}\n                                   scroll={scroll}\n                                   inline={isInline}\n                                   nextProvider={ref('next', this)}\n                                   prevProvider={ref('prev', this)}\n                                   selectedProvider={ref('getSelected', this)}\n                                   resetProvider={ref('reset', this)}\n                                   onSelect={this.onSelect}\n                                   selected={selected}\n                                   childComponent={childComponent}\n                                   childProps={childProps}\n                                   data={dataFiltered}\n                                   labels={labels}\n        />;\n\n        return (\n            <div id={id}\n                 className={classNames(\n                     'AutocompleteSelect',\n                     mode,\n                     isMultipleSelect(mode) && 'multi',\n                     className,\n                     withFilter ? 'withFilter' : 'withoutFilter',\n                     isActive && 'active',\n                     errored && 'errored',\n                     inlineSelected && 'inlineSelected',\n                     hasSelected && 'hasSelected',\n                 )}\n                 ref={ref('el', this)}>\n                {label && <label className={classNames(`label`, (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected')}\n                                 htmlFor={'f-' + id}\n                                 onClick={() => {\n                                     if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {\n                                         toggle();\n                                     }\n                                 }}\n                >\n                    {label}\n                    {required && ' *'}\n                    {withArrow && <span className=\"arrow\"/>}\n                </label>}\n\n                {(!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && (\n                    <div\n                        className={classNames('selected',\n                            !label && 'nolabel',\n                            (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable',\n                            selectedMode)}\n                        onClick={toggle}>\n\n                        {selectedMode === 'full' && selectedIds.map(id =>\n                            <div className=\"value\" key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                <div className=\"button remove\" onClick={e => {\n                                    stopPropagation(e);\n                                    this.remove(id);\n                                }}>\n                                    {removeIcon}\n                                </div>\n                            </div>\n                        )}\n                        {selectedMode === 'inline' && selectedIds.map(id =>\n                            <React.Fragment key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                {id !== selectedIds[selectedIds.length - 1] && ', '}\n                            </React.Fragment>\n                        )}\n                        {!label && withArrow && <span className=\"arrow\"/>}\n                        {withReset && <Button className=\"reset\" raised={false} onClick={this.clean}>\n                            {removeIcon}\n                        </Button>}\n                    </div>\n                )}\n\n                {inlineSelected && hasSelected && <>\n                    {selectedMode === 'full' && selectedIds.map(id =>\n                        <div className=\"value\" key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            <div className=\"button remove\" onClick={e => {\n                                stopPropagation(e);\n                                this.remove(id);\n                            }}>\n                                {removeIcon}\n                            </div>\n                        </div>\n                    )}\n                    {selectedMode === 'inline' && selectedIds.map(id =>\n                        <React.Fragment key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            {id !== selectedIds[selectedIds.length - 1] && ', '}\n                        </React.Fragment>\n                    )}\n                </>}\n\n                {(isActive || (!hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE) || mode === MODE_MULTIPLE || (mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1) || mode === MODE_INLINE_MULTIPLE) && (\n                    <div className={`input`} data-value={filterValue}>\n                        {withFilter && <TextField autoComplete=\"new-password\" id={'f-' + id}\n                                                  ref={ref('input', this)}\n                                                  focused={isActive}\n                                                  value={filterValue}\n                                                  label={inputLabel}\n                                                  onChange={this.onChange}\n                                                  onFocus={e => this.setState({isActive: true})}\n                                                  check={this.props.filterCheck}\n                                                  onKeyDown={e => {\n                                                      const keyCode = e.keyCode;\n                                                      if (keyCode === 38/*up*/) {\n                                                          preventDefault(e);\n                                                          this.prev();\n                                                      } else if (keyCode === 40/*down*/) {\n                                                          preventDefault(e);\n                                                          this.next();\n                                                      } else if (keyCode === 13/*enter*/) {\n                                                          preventDefault(e);\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 9/*tab*/) {\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 8/*backspace*/) {\n                                                          if (!filterValue && (selectedIds.length !== 0) && isMultipleSelect(mode)) {\n                                                              this.remove(selectedIds[selectedIds.length - 1]);\n                                                          }\n                                                          this.reset()\n                                                      } else if (keyCode === 46/*delete*/) {\n                                                          this.reset()\n                                                      } else if (keyCode === 27/*esc*/) {\n                                                          this.setState({\n                                                              isActive: false,\n                                                              filterValue: isMultipleSelect(mode) ? '' : (allowCustom ? filterValue : ''),\n                                                          });\n                                                          this.input.getInput().blur()\n                                                          this.onCancel();\n                                                      }\n                                                      // console.log('key pressed:', e.keyCode)\n                                                  }}\n                        />}\n                        {!withFilter && inputLabel && <label>{inputLabel}</label>}\n                    </div>\n                )}\n                {list}\n            </div>\n        )\n    }\n\n    onClickOutside = () => {\n        const {allowCustom, required} = this.props;\n        const {filterValue} = this.state;\n        if (allowCustom && (!!filterValue || !required)) {\n            this.onSelect()\n        }\n\n        this.setState({isActive: false});\n\n        this.onCancel();\n    };\n\n    onCancel = () => {\n        orNoop(this.props.onCancel)()\n    };\n\n    onSelect = (selectedId) => {\n        const {mode, required, allowCustom, onSelect, onChange, default: defaultValue} = this.props;\n        const {filterValue, selected: currentSelection} = this.state;\n\n        if (selectedId == null && (!!filterValue || !required) && allowCustom && (!this.input || !this.input.check()))\n            selectedId = filterValue.trim();\n\n        const isMultiSelect = isMultipleSelect(mode);\n\n        if (!selectedId && isMultiSelect) {\n            selectedId = null;\n        }\n\n        // debugger\n\n        const isSelected = selectedId != null;\n\n        let selected = {...currentSelection};\n        if (selected[selectedId] && (defaultValue || isMultiSelect)) {\n            delete selected[selectedId];\n            if (defaultValue && Object.keys(selected).length === 0)\n                selected[defaultValue] = defaultValue;\n        } else if (isSelected && (isMultiSelect)) {\n            selected[selectedId] = selectedId;\n        } else if (isSelected) {\n            selected = {[selectedId]: selectedId};\n        }\n\n        const errored = required && Object.keys(selected) === 0;\n\n        const isActive = mode === MODE_MULTIPLE_MINI_INLINE || (isMultiSelect && isSelected)\n\n        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: isMultiSelect ? '' : (allowCustom ? selectedId || '' : ''),\n            errored,\n        });\n\n        if (isActive && this.input)\n            this.input.getInput().focus()\n\n        orNoop(onSelect)(selectedId);\n        orNoop(onChange)(Object.values(selected));\n    };\n\n    clean = (e) => {\n        preventDefault(e);\n        stopPropagation(e);\n\n        this.setState({\n            isActive: false,\n            selected: {},\n            filterValue: '',\n        });\n\n        orNoop(this.props.onSelect)(null);\n        orNoop(this.props.onChange)([]);\n\n        this.initSelected(this.props, this.state);\n    };\n\n    remove = (id) => {\n        let result = {\n            ...this.state,\n            selected: {...this.state.selected},\n            filterValue: '',\n        };\n        delete result.selected[id];\n        this.setState(result);\n        orNoop(this.props.onChange)(Object.values(result.selected));\n    };\n\n    onChange = (event) => {\n        const value = event.target.value;\n        this.setState({filterValue: value});\n        this.props.onFilterInputChange?.(value);\n    }\n}\n\nexport default AutocompleteSelect;\n"],"names":["MODE_DEFAULT","MODE_INLINE","MODE_INLINE_MULTIPLE","MODE_MULTIPLE_AUTO","MODE_MULTIPLE","MODE_MULTIPLE_MINI","MODE_MINI","MODE_MULTIPLE_MINI_INLINE","DummyChild","id","label","dataConsumer","onClick","orNoop","prepareSelected","value","result","Array","isArray","reduce","map","obj","isObject","findParent","el","tag","tagName","toUpperCase","parentNode","isMultipleSelect","mode","AutocompleteSelect","props","initSelected","allowCustom","filterValue","setState","selected","isString","onClickOutside","required","state","onSelect","isActive","onCancel","selectedId","onChange","defaultValue","currentSelection","input","check","trim","isMultiSelect","isSelected","Object","keys","length","errored","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","event","target","onFilterInputChange","that","focused","randomId","getRandomId","data","getSelected","isFunction","addEventListener","DOCUMENT","listener","contains","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","filter","inputLabel","selectedMode","prefilter","className","scrollToValue","scroll","inlineSelected","removeIcon","selectedComponent","UNDEFINED","labels","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","filterValueTrimmed","dataFiltered","suggestion","classNames","ref","it","f","toLowerCase","name","continuousIncludes","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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"}

package/Scrollable.js

@@ -100,13 +100,11 @@ var Scrollable = function (_PureComponent) {
       var reset = function reset() {
         removeEventListener(WINDOW, 'mouseup', reset);
         removeEventListener(WINDOW, 'mousemove', moveListener);
+        viewport.style.scrollBehavior = '';
         scrolling = false;
       };
       var moveListener = function moveListener(e) {
         if (!scrolling) return;
-        if (e.buttons === 0) {
-          reset();
-        }
         if (scrolling === 'v') {
           viewport.scrollTop += (e.clientY - lastY) * ratio;
           lastY = e.clientY;
@@ -119,6 +117,7 @@ var Scrollable = function (_PureComponent) {
         lastY = e.clientY;
         scrolling = 'v';
         ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);
+        viewport.style.scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };
@@ -128,6 +127,7 @@ var Scrollable = function (_PureComponent) {
         lastX = e.clientX;
         scrolling = 'h';
         ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);
+        viewport.style.scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };

package/Scrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollable.js","sources":["../src/react-ui-basics/Scrollable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './Scrollable.css'\nimport {classNames, preventDefault, WINDOW, addEventListener, removeEventListener, setTimeout, clearTimeout, setInterval, clearInterval, createRef, orNoop, NOOP} from \"./Tools\";\nimport {propsGetter, stateGS, PureComponent, render, componentDidMount, componentDidUpdate, componentWillUnmount} from \"./ReactConstants\";\n\nexport const SCROLLBAR_MODE_HIDDEN = 'hidden';\nexport const SCROLLBAR_MODE_VISIBLE = 'visible';\nexport const SCROLLBAR_MODE_AUTO = 'auto';\n\nlet NATIVE_SCROLL_WIDTH = -1;\nlet NATIVE_SCROLL_HEIGHT = -1;\n\nconst WITHOUT_SCROLL = 'without-scroll';\nconst WITH_SCROLL = 'with-scroll';\n\nconst createFieldGetter = field => el => el[field];\nconst scrollHeightOf = createFieldGetter('scrollHeight');\nconst scrollWidthOf = createFieldGetter('scrollWidth');\nconst offsetHeightOf = createFieldGetter('offsetHeight');\nconst offsetWidthOf = createFieldGetter('offsetWidth');\nconst styleOf = createFieldGetter('style');\nconst scrollBarModeOf = createFieldGetter('scrollBarMode');\nconst horizontalScrollBarModeOf = createFieldGetter('horizontalScrollBarMode');\n\nclass Scrollable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const props = propsGetter(that);\n        const status = stateGS(that);\n        const statusH = stateGS(that);\n\n        const containerRef = createRef();\n        const viewportRef = createRef();\n        const scrollbarRef = createRef();\n        const horizontalScrollbarRef = createRef();\n        const thumbRef = createRef();\n        const horizontalThumbRef = createRef();\n\n        let resizeInterval;\n        let initTimeout;\n\n        const clear = () => {\n            clearInterval(resizeInterval);\n            clearTimeout(initTimeout);\n        };\n\n        const init = () => {\n            clear();\n\n            if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN && horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                status(WITHOUT_SCROLL);\n                statusH(WITHOUT_SCROLL);\n                return;\n            }\n\n            const viewport = viewportRef();\n            const scrollbar = scrollbarRef();\n            const scrollbarH = horizontalScrollbarRef();\n            const container = containerRef();\n            const thumb = thumbRef();\n            const thumbH = horizontalThumbRef();\n\n            let scrolling = false;\n            let scrolledToBottom = false;\n            let scrolledToTop = false;\n            let adjustedScrollWidth = false;\n            let lastY = 0;\n            let lastX = 0;\n            let ratio = 0;\n            let ratioH = 0;\n\n            viewport.onscroll = (e) => {\n                const scrollHeight = scrollHeightOf(viewport);\n                const offsetHeight = offsetHeightOf(viewport);\n                const scrollWidth = scrollWidthOf(viewport);\n                const offsetWidth = offsetWidthOf(viewport);\n                const scrollbarHeight = offsetHeightOf(scrollbar);\n                const scrollbarWidth = offsetWidthOf(scrollbarH);\n                let position = viewport.scrollTop / (scrollHeight - offsetHeight);\n                const positionH = viewport.scrollLeft / (scrollWidth - offsetWidth);\n\n                if (position > 1) {\n                    viewport.scrollTop = scrollHeight - offsetHeight;\n                    position = 1\n                }\n\n                styleOf(thumb).top = (position * (scrollbarHeight - offsetHeightOf(thumb))) + 'px';\n                styleOf(thumbH).left = (positionH * (scrollbarWidth - offsetWidthOf(thumbH))) + 'px';\n\n                if (position >= 0.98) {\n                    !scrolledToBottom && orNoop(props().onScrolledToBottom)();\n                    scrolledToBottom = true;\n                } else {\n                    scrolledToBottom = false;\n                }\n\n                if (position <= 0.02) {\n                    !scrolledToTop && orNoop(props().onScrolledToTop)();\n                    scrolledToTop = true;\n                } else {\n                    scrolledToTop = false;\n                }\n            };\n            const reset = () => {\n                removeEventListener(WINDOW, 'mouseup', reset);\n                removeEventListener(WINDOW, 'mousemove', moveListener);\n                scrolling = false;\n            };\n            const moveListener = (e) => {\n                if (!scrolling)\n                    return;\n\n                if (e.buttons === 0) {\n                    reset();\n                }\n\n                if (scrolling === 'v') {\n                    viewport.scrollTop += (e.clientY - lastY) * ratio;\n                    lastY = e.clientY;\n                } else if (scrolling === 'h') {\n                    viewport.scrollLeft += (e.clientX - lastX) * ratioH;\n                    lastX = e.clientX;\n                }\n            };\n            thumb.onmousedown = (e) => {\n                lastY = e.clientY;\n                scrolling = 'v';\n                ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);\n\n                addEventListener(WINDOW, 'mouseup', reset);\n                addEventListener(WINDOW, 'mousemove', moveListener);\n            };\n            thumb.ondragstart = preventDefault;\n            thumb.onmouseup = reset;\n\n            thumbH.onmousedown = (e) => {\n                lastX = e.clientX;\n                scrolling = 'h';\n                ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);\n\n                addEventListener(WINDOW, 'mouseup', reset);\n                addEventListener(WINDOW, 'mousemove', moveListener);\n            };\n            thumbH.ondragstart = preventDefault;\n            thumbH.onmouseup = reset;\n\n            scrollbar.onclick = (e) => {\n                if (e.target === scrollbar) {\n                    let thumbPosition = parseInt(styleOf(thumb).top);\n                    viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);\n                }\n            };\n            scrollbarH.onclick = (e) => {\n                if (e.target === scrollbarH) {\n                    let thumbPosition = parseInt(styleOf(thumbH).left);\n                    viewport.scrollLeft += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);\n                }\n            };\n\n            const adjustScrollWidth = () => {\n                if (NATIVE_SCROLL_WIDTH < 0) {\n                    NATIVE_SCROLL_WIDTH = viewport.offsetWidth - viewport.clientWidth;\n                    if (NATIVE_SCROLL_WIDTH === 0 && scrollHeightOf(viewport) !== offsetHeightOf(viewport)) {\n                        NATIVE_SCROLL_WIDTH = -1;\n                    }\n                }\n                if (NATIVE_SCROLL_HEIGHT < 0) {\n                    NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport.clientHeight;\n                    if (NATIVE_SCROLL_HEIGHT === 0 && scrollWidthOf(viewport) !== offsetWidthOf(viewport)) {\n                        NATIVE_SCROLL_HEIGHT = -1;\n                    }\n                }\n\n                if (!adjustedScrollWidth) {\n                    if (NATIVE_SCROLL_WIDTH >= 0 && status() !== WITHOUT_SCROLL) {\n                        styleOf(viewport).paddingRight = (NATIVE_SCROLL_WIDTH) + scrollbar.clientWidth + 'px';\n                        styleOf(viewport).marginRight = -(NATIVE_SCROLL_WIDTH) - scrollbar.clientWidth + 'px';\n                    }\n                    if (NATIVE_SCROLL_HEIGHT >= 0 && statusH() !== WITHOUT_SCROLL) {\n                        styleOf(viewport).paddingBottom = (NATIVE_SCROLL_HEIGHT) + scrollbarH.clientHeight + 'px';\n                        styleOf(viewport).marginBottom = -(NATIVE_SCROLL_HEIGHT) - scrollbarH.clientHeight + 'px';\n                    }\n                    adjustedScrollWidth = true;\n                }\n            };\n\n            adjustScrollWidth();\n\n            const showScrollbar = (scrollbar, viewport, adjustScrollWidth) => {\n                styleOf(scrollbar).visibility = 'inherit';\n                styleOf(scrollbar).bottom = '0'; //enable scrollbar\n                styleOf(viewport).overflowY = '';\n                adjustScrollWidth();\n                status() !== WITH_SCROLL && status(WITH_SCROLL);\n            };\n\n            const hideScrollbar = (scrollbar, viewport) => {\n                styleOf(scrollbar).visibility = 'hidden'; //disable scrollbar\n                styleOf(viewport).overflowY = 'inherit';\n                styleOf(viewport).paddingRight = '0';\n                styleOf(viewport).marginRight = '0';\n                status() !== WITHOUT_SCROLL && status(WITHOUT_SCROLL);\n            };\n\n            const showHorizontalScrollbar = (scrollbar, viewport, adjustScrollWidth) => {\n                styleOf(scrollbar).visibility = 'inherit';\n                styleOf(scrollbar).right = '0'; //enable scrollbar\n                styleOf(viewport).overflowX = '';\n                adjustScrollWidth();\n                statusH() !== WITH_SCROLL && statusH(WITH_SCROLL);\n            };\n\n            const hideHorizontalScrollbar = (scrollbar, viewport) => {\n                styleOf(scrollbar).visibility = 'hidden'; //disable scrollbar\n                styleOf(viewport).overflowX = 'inherit';\n                styleOf(viewport).paddingBottom = '0';\n                styleOf(viewport).marginBottom = '0';\n                statusH() !== WITHOUT_SCROLL && statusH(WITHOUT_SCROLL);\n            };\n\n            const updateVerticalScrollbar = () => {\n                const scrollHeight = scrollHeightOf(viewport);\n                const scrollbarHeight = offsetHeightOf(scrollbar);\n\n                !adjustedScrollWidth && adjustScrollWidth();\n\n                const newRatio = scrollHeight / scrollbarHeight;\n                if ((ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;\n\n                const offsetHeight = offsetHeightOf(viewport);\n                const horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH.clientHeight + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;\n\n                let containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;\n                if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL)\n                    return;\n\n                if (props().autoScrollTop && scrollHeight - offsetHeight - viewport.scrollTop <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {\n                    viewport.scrollTop = 0; // scroll to top if scrollbar gets smaller\n                }\n\n                ratio = newRatio;\n                styleOf(thumb).height = (scrollbarHeight / newRatio) + 'px';\n\n                styleOf(container).height = scrollHeight - horizontalScrollBarOffset + 'px';\n                containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;\n\n                if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                    if (status() !== WITHOUT_SCROLL)\n                        hideScrollbar(scrollbar, viewport);\n\n                    return\n                }\n\n                if (containerOffsetHeight < scrollHeight) {\n                    adjustedScrollWidth = false;\n                    showScrollbar(scrollbar, viewport, adjustScrollWidth);\n                } else {\n                    hideScrollbar(scrollbar, viewport);\n                }\n\n                scrolledToBottom = false;\n                scrolledToTop = false;\n\n                const position = viewport.scrollTop / (scrollHeight - offsetHeight);\n                styleOf(thumb).top = (position * (scrollbarHeight - offsetHeightOf(thumb))) + 'px';\n            };\n\n            const updateHorizontalScrollbar = () => {\n\n                const scrollWidth = scrollWidthOf(viewport);\n                const scrollbarWidth = offsetWidthOf(scrollbarH);\n\n                !adjustedScrollWidth && adjustScrollWidth();\n\n                const newRatio = scrollWidth / scrollbarWidth;\n                if ((ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;\n\n                const offsetWidth = offsetWidthOf(viewport);\n\n                const verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar.clientWidth + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;\n                let containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;\n\n                if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL)\n                    return;\n\n                ratioH = newRatio;\n                styleOf(thumbH).width = (scrollbarWidth / newRatio) + 'px';\n\n\n                if (horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                    if (statusH() !== WITHOUT_SCROLL)\n                        hideHorizontalScrollbar(scrollbarH, viewport);\n\n                    return\n                }\n\n                styleOf(container).width = (scrollWidth - verticalScrollBarOffset) + 'px';\n                containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;\n\n                if (containerOffsetWidth < scrollWidth) {\n                    adjustedScrollWidth = false;\n                    showHorizontalScrollbar(scrollbarH, viewport, adjustScrollWidth);\n                } else {\n                    hideHorizontalScrollbar(scrollbarH, viewport);\n                }\n\n                const position = viewport.scrollLeft / (scrollWidth - offsetWidth);\n                styleOf(thumbH).left = (position * (scrollbarWidth - offsetWidthOf(thumbH))) + 'px';\n            };\n\n            initTimeout = setTimeout(() => {\n                resizeInterval = setInterval(() => {\n                    updateVerticalScrollbar();\n                    updateHorizontalScrollbar();\n                }, 50);\n            }, 200)\n        };\n\n        that[componentDidMount] = init;\n        that[componentWillUnmount] = clear;\n\n        that[componentDidUpdate] = (prevProps) => {\n            if (scrollBarModeOf(props()) !== scrollBarModeOf(prevProps))\n                init();\n        };\n\n        that.setScroll = (y) => {\n            viewportRef().scrollTop = y\n        };\n        that.getScroll = () => viewportRef().scrollTop;\n        that.getScrollHeight = () => scrollHeightOf(viewportRef());\n        that.getHeight = () => containerRef().clientHeight;\n\n        that[render] = () => {\n            const _props = props();\n            const {className, children} = _props;\n            return (\n                <div className={classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal')} style={styleOf(_props)} ref={containerRef}>\n                    <div className=\"viewport\" ref={viewportRef}>\n                        {children}\n                    </div>\n                    <div className={classNames('scrollbar', scrollBarModeOf(_props) || SCROLLBAR_MODE_AUTO)} ref={scrollbarRef}>\n                        <div className=\"thumb\" ref={thumbRef}/>\n                    </div>\n                    <div className={classNames('scrollbar horizontal', horizontalScrollBarModeOf(_props))} ref={horizontalScrollbarRef}>\n                        <div className=\"thumb\" ref={horizontalThumbRef}/>\n                    </div>\n                </div>\n            )\n        };\n    }\n}\n\nexport default Scrollable\n\nScrollable.defaultProps = {\n    autoScrollTop: true,\n    horizontalScrollBarMode: SCROLLBAR_MODE_HIDDEN\n};\n\nif (window.isNotProductionEnvironment) {\n    Scrollable.propTypes = {\n        scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),\n        horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),\n        className: PropTypes.string,\n        style: PropTypes.object,\n        onScrolledToBottom: PropTypes.func,\n        onScrolledToTop: PropTypes.func,\n        autoScrollTop: PropTypes.bool,\n    }\n}"],"names":["SCROLLBAR_MODE_HIDDEN","SCROLLBAR_MODE_VISIBLE","SCROLLBAR_MODE_AUTO","NATIVE_SCROLL_WIDTH","NATIVE_SCROLL_HEIGHT","WITHOUT_SCROLL","WITH_SCROLL","createFieldGetter","field","el","scrollHeightOf","scrollWidthOf","offsetHeightOf","offsetWidthOf","styleOf","scrollBarModeOf","horizontalScrollBarModeOf","Scrollable","properties","that","state","props","propsGetter","status","stateGS","statusH","containerRef","createRef","viewportRef","scrollbarRef","horizontalScrollbarRef","thumbRef","horizontalThumbRef","resizeInterval","initTimeout","clear","clearInterval","clearTimeout","init","viewport","scrollbar","scrollbarH","container","thumb","thumbH","scrolling","scrolledToBottom","scrolledToTop","adjustedScrollWidth","lastY","lastX","ratio","ratioH","onscroll","e","scrollHeight","offsetHeight","scrollWidth","offsetWidth","scrollbarHeight","scrollbarWidth","position","scrollTop","positionH","scrollLeft","top","left","orNoop","onScrolledToBottom","onScrolledToTop","reset","removeEventListener","WINDOW","moveListener","buttons","clientY","clientX","onmousedown","addEventListener","ondragstart","preventDefault","onmouseup","onclick","target","thumbPosition","parseInt","offsetY","offsetX","adjustScrollWidth","clientWidth","clientHeight","paddingRight","marginRight","paddingBottom","marginBottom","showScrollbar","visibility","bottom","overflowY","hideScrollbar","showHorizontalScrollbar","right","overflowX","hideHorizontalScrollbar","updateVerticalScrollbar","newRatio","Number","isFinite","isNaN","horizontalScrollBarOffset","Math","max","containerOffsetHeight","autoScrollTop","height","updateHorizontalScrollbar","verticalScrollBarOffset","containerOffsetWidth","width","setTimeout","setInterval","componentDidMount","componentWillUnmount","componentDidUpdate","prevProps","setScroll","y","getScroll","getScrollHeight","getHeight","render","_props","className","children","classNames","PureComponent","defaultProps","horizontalScrollBarMode","window","isNotProductionEnvironment","propTypes","scrollBarMode","PropTypes","oneOf","string","style","object","func","bool"],"mappings":"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"}
+{"version":3,"file":"Scrollable.js","sources":["../src/react-ui-basics/Scrollable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './Scrollable.css'\nimport {classNames, preventDefault, WINDOW, addEventListener, removeEventListener, setTimeout, clearTimeout, setInterval, clearInterval, createRef, orNoop, NOOP} from \"./Tools\";\nimport {propsGetter, stateGS, PureComponent, render, componentDidMount, componentDidUpdate, componentWillUnmount} from \"./ReactConstants\";\n\nexport const SCROLLBAR_MODE_HIDDEN = 'hidden';\nexport const SCROLLBAR_MODE_VISIBLE = 'visible';\nexport const SCROLLBAR_MODE_AUTO = 'auto';\n\nlet NATIVE_SCROLL_WIDTH = -1;\nlet NATIVE_SCROLL_HEIGHT = -1;\n\nconst WITHOUT_SCROLL = 'without-scroll';\nconst WITH_SCROLL = 'with-scroll';\n\nconst createFieldGetter = field => el => el[field];\nconst scrollHeightOf = createFieldGetter('scrollHeight');\nconst scrollWidthOf = createFieldGetter('scrollWidth');\nconst offsetHeightOf = createFieldGetter('offsetHeight');\nconst offsetWidthOf = createFieldGetter('offsetWidth');\nconst styleOf = createFieldGetter('style');\nconst scrollBarModeOf = createFieldGetter('scrollBarMode');\nconst horizontalScrollBarModeOf = createFieldGetter('horizontalScrollBarMode');\n\nclass Scrollable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const props = propsGetter(that);\n        const status = stateGS(that);\n        const statusH = stateGS(that);\n\n        const containerRef = createRef();\n        const viewportRef = createRef();\n        const scrollbarRef = createRef();\n        const horizontalScrollbarRef = createRef();\n        const thumbRef = createRef();\n        const horizontalThumbRef = createRef();\n\n        let resizeInterval;\n        let initTimeout;\n\n        const clear = () => {\n            clearInterval(resizeInterval);\n            clearTimeout(initTimeout);\n        };\n\n        const init = () => {\n            clear();\n\n            if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN && horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                status(WITHOUT_SCROLL);\n                statusH(WITHOUT_SCROLL);\n                return;\n            }\n\n            const viewport = viewportRef();\n            const scrollbar = scrollbarRef();\n            const scrollbarH = horizontalScrollbarRef();\n            const container = containerRef();\n            const thumb = thumbRef();\n            const thumbH = horizontalThumbRef();\n\n            let scrolling = false;\n            let scrolledToBottom = false;\n            let scrolledToTop = false;\n            let adjustedScrollWidth = false;\n            let lastY = 0;\n            let lastX = 0;\n            let ratio = 0;\n            let ratioH = 0;\n\n            viewport.onscroll = (e) => {\n                const scrollHeight = scrollHeightOf(viewport);\n                const offsetHeight = offsetHeightOf(viewport);\n                const scrollWidth = scrollWidthOf(viewport);\n                const offsetWidth = offsetWidthOf(viewport);\n                const scrollbarHeight = offsetHeightOf(scrollbar);\n                const scrollbarWidth = offsetWidthOf(scrollbarH);\n                let position = viewport.scrollTop / (scrollHeight - offsetHeight);\n                const positionH = viewport.scrollLeft / (scrollWidth - offsetWidth);\n\n                if (position > 1) {\n                    viewport.scrollTop = scrollHeight - offsetHeight;\n                    position = 1\n                }\n\n                styleOf(thumb).top = (position * (scrollbarHeight - offsetHeightOf(thumb))) + 'px';\n                styleOf(thumbH).left = (positionH * (scrollbarWidth - offsetWidthOf(thumbH))) + 'px';\n\n                if (position >= 0.98) {\n                    !scrolledToBottom && orNoop(props().onScrolledToBottom)();\n                    scrolledToBottom = true;\n                } else {\n                    scrolledToBottom = false;\n                }\n\n                if (position <= 0.02) {\n                    !scrolledToTop && orNoop(props().onScrolledToTop)();\n                    scrolledToTop = true;\n                } else {\n                    scrolledToTop = false;\n                }\n            };\n            const reset = () => {\n                removeEventListener(WINDOW, 'mouseup', reset);\n                removeEventListener(WINDOW, 'mousemove', moveListener);\n                viewport.style.scrollBehavior = ''\n                scrolling = false;\n            };\n            const moveListener = (e) => {\n                if (!scrolling)\n                    return;\n\n                if (scrolling === 'v') {\n                    viewport.scrollTop += (e.clientY - lastY) * ratio;\n                    lastY = e.clientY;\n                } else if (scrolling === 'h') {\n                    viewport.scrollLeft += (e.clientX - lastX) * ratioH;\n                    lastX = e.clientX;\n                }\n            };\n            thumb.onmousedown = (e) => {\n                lastY = e.clientY;\n                scrolling = 'v';\n                ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);\n                viewport.style.scrollBehavior = 'unset'\n\n                addEventListener(WINDOW, 'mouseup', reset);\n                addEventListener(WINDOW, 'mousemove', moveListener);\n            };\n            thumb.ondragstart = preventDefault;\n            thumb.onmouseup = reset;\n\n            thumbH.onmousedown = (e) => {\n                lastX = e.clientX;\n                scrolling = 'h';\n                ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);\n                viewport.style.scrollBehavior = 'unset'\n\n                addEventListener(WINDOW, 'mouseup', reset);\n                addEventListener(WINDOW, 'mousemove', moveListener);\n            };\n            thumbH.ondragstart = preventDefault;\n            thumbH.onmouseup = reset;\n\n            scrollbar.onclick = (e) => {\n                if (e.target === scrollbar) {\n                    let thumbPosition = parseInt(styleOf(thumb).top);\n                    viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);\n                }\n            };\n            scrollbarH.onclick = (e) => {\n                if (e.target === scrollbarH) {\n                    let thumbPosition = parseInt(styleOf(thumbH).left);\n                    viewport.scrollLeft += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);\n                }\n            };\n\n            const adjustScrollWidth = () => {\n                if (NATIVE_SCROLL_WIDTH < 0) {\n                    NATIVE_SCROLL_WIDTH = viewport.offsetWidth - viewport.clientWidth;\n                    if (NATIVE_SCROLL_WIDTH === 0 && scrollHeightOf(viewport) !== offsetHeightOf(viewport)) {\n                        NATIVE_SCROLL_WIDTH = -1;\n                    }\n                }\n                if (NATIVE_SCROLL_HEIGHT < 0) {\n                    NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport.clientHeight;\n                    if (NATIVE_SCROLL_HEIGHT === 0 && scrollWidthOf(viewport) !== offsetWidthOf(viewport)) {\n                        NATIVE_SCROLL_HEIGHT = -1;\n                    }\n                }\n\n                if (!adjustedScrollWidth) {\n                    if (NATIVE_SCROLL_WIDTH >= 0 && status() !== WITHOUT_SCROLL) {\n                        styleOf(viewport).paddingRight = (NATIVE_SCROLL_WIDTH) + scrollbar.clientWidth + 'px';\n                        styleOf(viewport).marginRight = -(NATIVE_SCROLL_WIDTH) - scrollbar.clientWidth + 'px';\n                    }\n                    if (NATIVE_SCROLL_HEIGHT >= 0 && statusH() !== WITHOUT_SCROLL) {\n                        styleOf(viewport).paddingBottom = (NATIVE_SCROLL_HEIGHT) + scrollbarH.clientHeight + 'px';\n                        styleOf(viewport).marginBottom = -(NATIVE_SCROLL_HEIGHT) - scrollbarH.clientHeight + 'px';\n                    }\n                    adjustedScrollWidth = true;\n                }\n            };\n\n            adjustScrollWidth();\n\n            const showScrollbar = (scrollbar, viewport, adjustScrollWidth) => {\n                styleOf(scrollbar).visibility = 'inherit';\n                styleOf(scrollbar).bottom = '0'; //enable scrollbar\n                styleOf(viewport).overflowY = '';\n                adjustScrollWidth();\n                status() !== WITH_SCROLL && status(WITH_SCROLL);\n            };\n\n            const hideScrollbar = (scrollbar, viewport) => {\n                styleOf(scrollbar).visibility = 'hidden'; //disable scrollbar\n                styleOf(viewport).overflowY = 'inherit';\n                styleOf(viewport).paddingRight = '0';\n                styleOf(viewport).marginRight = '0';\n                status() !== WITHOUT_SCROLL && status(WITHOUT_SCROLL);\n            };\n\n            const showHorizontalScrollbar = (scrollbar, viewport, adjustScrollWidth) => {\n                styleOf(scrollbar).visibility = 'inherit';\n                styleOf(scrollbar).right = '0'; //enable scrollbar\n                styleOf(viewport).overflowX = '';\n                adjustScrollWidth();\n                statusH() !== WITH_SCROLL && statusH(WITH_SCROLL);\n            };\n\n            const hideHorizontalScrollbar = (scrollbar, viewport) => {\n                styleOf(scrollbar).visibility = 'hidden'; //disable scrollbar\n                styleOf(viewport).overflowX = 'inherit';\n                styleOf(viewport).paddingBottom = '0';\n                styleOf(viewport).marginBottom = '0';\n                statusH() !== WITHOUT_SCROLL && statusH(WITHOUT_SCROLL);\n            };\n\n            const updateVerticalScrollbar = () => {\n                const scrollHeight = scrollHeightOf(viewport);\n                const scrollbarHeight = offsetHeightOf(scrollbar);\n\n                !adjustedScrollWidth && adjustScrollWidth();\n\n                const newRatio = scrollHeight / scrollbarHeight;\n                if ((ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;\n\n                const offsetHeight = offsetHeightOf(viewport);\n                const horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH.clientHeight + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;\n\n                let containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;\n                if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL)\n                    return;\n\n                if (props().autoScrollTop && scrollHeight - offsetHeight - viewport.scrollTop <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {\n                    viewport.scrollTop = 0; // scroll to top if scrollbar gets smaller\n                }\n\n                ratio = newRatio;\n                styleOf(thumb).height = (scrollbarHeight / newRatio) + 'px';\n\n                styleOf(container).height = scrollHeight - horizontalScrollBarOffset + 'px';\n                containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;\n\n                if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                    if (status() !== WITHOUT_SCROLL)\n                        hideScrollbar(scrollbar, viewport);\n\n                    return\n                }\n\n                if (containerOffsetHeight < scrollHeight) {\n                    adjustedScrollWidth = false;\n                    showScrollbar(scrollbar, viewport, adjustScrollWidth);\n                } else {\n                    hideScrollbar(scrollbar, viewport);\n                }\n\n                scrolledToBottom = false;\n                scrolledToTop = false;\n\n                const position = viewport.scrollTop / (scrollHeight - offsetHeight);\n                styleOf(thumb).top = (position * (scrollbarHeight - offsetHeightOf(thumb))) + 'px';\n            };\n\n            const updateHorizontalScrollbar = () => {\n\n                const scrollWidth = scrollWidthOf(viewport);\n                const scrollbarWidth = offsetWidthOf(scrollbarH);\n\n                !adjustedScrollWidth && adjustScrollWidth();\n\n                const newRatio = scrollWidth / scrollbarWidth;\n                if ((ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;\n\n                const offsetWidth = offsetWidthOf(viewport);\n\n                const verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar.clientWidth + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;\n                let containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;\n\n                if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL)\n                    return;\n\n                ratioH = newRatio;\n                styleOf(thumbH).width = (scrollbarWidth / newRatio) + 'px';\n\n\n                if (horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {\n                    if (statusH() !== WITHOUT_SCROLL)\n                        hideHorizontalScrollbar(scrollbarH, viewport);\n\n                    return\n                }\n\n                styleOf(container).width = (scrollWidth - verticalScrollBarOffset) + 'px';\n                containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;\n\n                if (containerOffsetWidth < scrollWidth) {\n                    adjustedScrollWidth = false;\n                    showHorizontalScrollbar(scrollbarH, viewport, adjustScrollWidth);\n                } else {\n                    hideHorizontalScrollbar(scrollbarH, viewport);\n                }\n\n                const position = viewport.scrollLeft / (scrollWidth - offsetWidth);\n                styleOf(thumbH).left = (position * (scrollbarWidth - offsetWidthOf(thumbH))) + 'px';\n            };\n\n            initTimeout = setTimeout(() => {\n                resizeInterval = setInterval(() => {\n                    updateVerticalScrollbar();\n                    updateHorizontalScrollbar();\n                }, 50);\n            }, 200)\n        };\n\n        that[componentDidMount] = init;\n        that[componentWillUnmount] = clear;\n\n        that[componentDidUpdate] = (prevProps) => {\n            if (scrollBarModeOf(props()) !== scrollBarModeOf(prevProps))\n                init();\n        };\n\n        that.setScroll = (y) => {\n            viewportRef().scrollTop = y\n        };\n        that.getScroll = () => viewportRef().scrollTop;\n        that.getScrollHeight = () => scrollHeightOf(viewportRef());\n        that.getHeight = () => containerRef().clientHeight;\n\n        that[render] = () => {\n            const _props = props();\n            const {className, children} = _props;\n            return (\n                <div className={classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal')} style={styleOf(_props)} ref={containerRef}>\n                    <div className=\"viewport\" ref={viewportRef}>\n                        {children}\n                    </div>\n                    <div className={classNames('scrollbar', scrollBarModeOf(_props) || SCROLLBAR_MODE_AUTO)} ref={scrollbarRef}>\n                        <div className=\"thumb\" ref={thumbRef}/>\n                    </div>\n                    <div className={classNames('scrollbar horizontal', horizontalScrollBarModeOf(_props))} ref={horizontalScrollbarRef}>\n                        <div className=\"thumb\" ref={horizontalThumbRef}/>\n                    </div>\n                </div>\n            )\n        };\n    }\n}\n\nexport default Scrollable\n\nScrollable.defaultProps = {\n    autoScrollTop: true,\n    horizontalScrollBarMode: SCROLLBAR_MODE_HIDDEN\n};\n\nif (window.isNotProductionEnvironment) {\n    Scrollable.propTypes = {\n        scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),\n        horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),\n        className: PropTypes.string,\n        style: PropTypes.object,\n        onScrolledToBottom: PropTypes.func,\n        onScrolledToTop: PropTypes.func,\n        autoScrollTop: PropTypes.bool,\n    }\n}"],"names":["SCROLLBAR_MODE_HIDDEN","SCROLLBAR_MODE_VISIBLE","SCROLLBAR_MODE_AUTO","NATIVE_SCROLL_WIDTH","NATIVE_SCROLL_HEIGHT","WITHOUT_SCROLL","WITH_SCROLL","createFieldGetter","field","el","scrollHeightOf","scrollWidthOf","offsetHeightOf","offsetWidthOf","styleOf","scrollBarModeOf","horizontalScrollBarModeOf","Scrollable","properties","that","state","props","propsGetter","status","stateGS","statusH","containerRef","createRef","viewportRef","scrollbarRef","horizontalScrollbarRef","thumbRef","horizontalThumbRef","resizeInterval","initTimeout","clear","clearInterval","clearTimeout","init","viewport","scrollbar","scrollbarH","container","thumb","thumbH","scrolling","scrolledToBottom","scrolledToTop","adjustedScrollWidth","lastY","lastX","ratio","ratioH","onscroll","e","scrollHeight","offsetHeight","scrollWidth","offsetWidth","scrollbarHeight","scrollbarWidth","position","scrollTop","positionH","scrollLeft","top","left","orNoop","onScrolledToBottom","onScrolledToTop","reset","removeEventListener","WINDOW","moveListener","style","scrollBehavior","clientY","clientX","onmousedown","addEventListener","ondragstart","preventDefault","onmouseup","onclick","target","thumbPosition","parseInt","offsetY","offsetX","adjustScrollWidth","clientWidth","clientHeight","paddingRight","marginRight","paddingBottom","marginBottom","showScrollbar","visibility","bottom","overflowY","hideScrollbar","showHorizontalScrollbar","right","overflowX","hideHorizontalScrollbar","updateVerticalScrollbar","newRatio","Number","isFinite","isNaN","horizontalScrollBarOffset","Math","max","containerOffsetHeight","autoScrollTop","height","updateHorizontalScrollbar","verticalScrollBarOffset","containerOffsetWidth","width","setTimeout","setInterval","componentDidMount","componentWillUnmount","componentDidUpdate","prevProps","setScroll","y","getScroll","getScrollHeight","getHeight","render","_props","className","children","classNames","PureComponent","defaultProps","horizontalScrollBarMode","window","isNotProductionEnvironment","propTypes","scrollBarMode","PropTypes","oneOf","string","object","func","bool"],"mappings":"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"}

package/ScrollableTable.js

@@ -4,6 +4,7 @@ import ReactCreateElement from './ReactCreateElement.js';
 import Table from './Table.js';
 import Scrollable from './Scrollable.js';
 import { render, props, PureComponent } from './ReactConstants.js';
+import { createRef } from './Tools.js';
 
 var ScrollableTable = function (_PureComponent) {
   _inherits(ScrollableTable, _PureComponent);
@@ -13,10 +14,16 @@ var ScrollableTable = function (_PureComponent) {
     _classCallCheck(this, ScrollableTable);
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
+    var scrollableRef = createRef();
     that[render] = function () {
       return ReactCreateElement("div", {
         className: "ScrollableTable"
-      }, ReactCreateElement(Scrollable, null, ReactCreateElement(Table, props(that))));
+      }, ReactCreateElement(Scrollable, {
+        ref: scrollableRef
+      }, ReactCreateElement(Table, props(that))));
+    };
+    that.getScrollable = function () {
+      return scrollableRef();
     };
     return _this;
   }

package/ScrollableTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableTable.js","sources":["../src/react-ui-basics/ScrollableTable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport Table from \"./Table\";\nimport Scrollable from \"./Scrollable\";\nimport \"./ScrollableTable.css\";\nimport {props, render, PureComponent} from \"./ReactConstants\";\n\nclass ScrollableTable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n\n        that[render] = () => {\n            return <div className={`ScrollableTable`}>\n                <Scrollable>\n                    <Table {...props(that)}/>\n                </Scrollable>\n            </div>;\n        }\n    }\n}\n\nexport default ScrollableTable"],"names":["ScrollableTable","properties","that","render","props","PureComponent"],"mappings":";;;;;;;IAOMA;;;AAEF,2BAAYC,UAAZ,EAAwB;AAAA;AAAA;AACpB,8BAAMA,UAAN;AACA,QAAMC,IAAI,gCAAV;AAEAA,IAAAA,IAAI,CAACC,MAAD,CAAJ,GAAe,YAAM;AACjB,aAAO;AAAK,QAAA,SAAS;AAAd,SACH,mBAAC,UAAD,QACI,mBAAC,KAAD,EAAWC,KAAK,CAACF,IAAD,CAAhB,CADJ,CADG,CAAP;AAKH,KAND;AAJoB;AAWvB;;EAbyBG;AAgB9B,wBAAeL,eAAf;;;;"}
+{"version":3,"file":"ScrollableTable.js","sources":["../src/react-ui-basics/ScrollableTable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport Table from \"./Table\";\nimport Scrollable from \"./Scrollable\";\nimport \"./ScrollableTable.css\";\nimport {props, render, PureComponent} from \"./ReactConstants\";\nimport {createRef} from \"./Tools\";\n\nclass ScrollableTable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n\n        const scrollableRef = createRef();\n\n        that[render] = () => {\n            return <div className={`ScrollableTable`}>\n                <Scrollable ref={scrollableRef}>\n                    <Table {...props(that)}/>\n                </Scrollable>\n            </div>;\n        }\n        that.getScrollable = () => scrollableRef()\n    }\n}\n\nexport default ScrollableTable"],"names":["ScrollableTable","properties","that","scrollableRef","createRef","render","props","getScrollable","PureComponent"],"mappings":";;;;;;;;IAQMA;;;AAEF,2BAAYC,UAAZ,EAAwB;AAAA;AAAA;AACpB,8BAAMA,UAAN;AACA,QAAMC,IAAI,gCAAV;AAEA,QAAMC,aAAa,GAAGC,SAAS,EAA/B;AAEAF,IAAAA,IAAI,CAACG,MAAD,CAAJ,GAAe,YAAM;AACjB,aAAO;AAAK,QAAA,SAAS;AAAd,SACH,mBAAC,UAAD;AAAY,QAAA,GAAG,EAAEF;AAAjB,SACI,mBAAC,KAAD,EAAWG,KAAK,CAACJ,IAAD,CAAhB,CADJ,CADG,CAAP;AAKH,KAND;AAOAA,IAAAA,IAAI,CAACK,aAAL,GAAqB;AAAA,aAAMJ,aAAa,EAAnB;AAAA,KAArB;AAboB;AAcvB;;EAhByBK;AAmB9B,wBAAeR,eAAf;;;;"}

package/bundle.css

@@ -1,10 +1,68 @@
-.animated {
-  transition: opacity 250ms ease;
-  opacity: 0;
+.Checkbox {
+  position: relative;
+  white-space: pre;
 }
 
-.animated.mounting, .animated.mounted {
-  opacity: 1;
+.Checkbox *, .Checkbox *:before, .Checkbox *:after {
+  box-sizing: border-box;
+}
+
+.Checkbox label {
+  font-family: Roboto, sans-serif;
+  font-size: 14px;
+  color: #1e252d;
+  cursor: pointer;
+}
+
+.Checkbox label:before, .Checkbox label:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.Checkbox label:before {
+  width: 20px;
+  height: 20px;
+  background: #fff;
+  border: 2px solid #252525;
+  border-radius: 2px;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+
+.Checkbox input[type=checkbox] {
+  outline: 0;
+  margin-right: 10px;
+  visibility: hidden;
+}
+
+.Checkbox input[type=checkbox]:checked + label:before {
+  background: #4AC263;
+  border: none;
+}
+
+.Checkbox input[type=checkbox]:checked + label:after {
+  transform: rotate(-45deg);
+  top: 6px;
+  left: 4px;
+  width: 12px;
+  height: 6px;
+  border: 2px solid #fff;
+  border-top-style: none;
+  border-right-style: none;
+}
+
+.Checkbox input[type=checkbox]:disabled + label {
+  color: gray;
+}
+
+.Checkbox input[type=checkbox]:disabled + label:before {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.Checkbox input[type=checkbox]:disabled:checked + label:before {
+  background: rgba(0, 0, 0, 0.26);
 }
 
 .AutocompleteSelect {
@@ -467,71 +525,13 @@
   border: 0;
 }
 
-.Checkbox {
-  position: relative;
-  white-space: pre;
-}
-
-.Checkbox *, .Checkbox *:before, .Checkbox *:after {
-  box-sizing: border-box;
-}
-
-.Checkbox label {
-  font-family: Roboto, sans-serif;
-  font-size: 14px;
-  color: #1e252d;
-  cursor: pointer;
-}
-
-.Checkbox label:before, .Checkbox label:after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
-.Checkbox label:before {
-  width: 20px;
-  height: 20px;
-  background: #fff;
-  border: 2px solid #252525;
-  border-radius: 2px;
-  cursor: pointer;
-  transition: background 0.3s;
-}
-
-.Checkbox input[type=checkbox] {
-  outline: 0;
-  margin-right: 10px;
-  visibility: hidden;
-}
-
-.Checkbox input[type=checkbox]:checked + label:before {
-  background: #4AC263;
-  border: none;
-}
-
-.Checkbox input[type=checkbox]:checked + label:after {
-  transform: rotate(-45deg);
-  top: 6px;
-  left: 4px;
-  width: 12px;
-  height: 6px;
-  border: 2px solid #fff;
-  border-top-style: none;
-  border-right-style: none;
-}
-
-.Checkbox input[type=checkbox]:disabled + label {
-  color: gray;
-}
-
-.Checkbox input[type=checkbox]:disabled + label:before {
-  border-color: rgba(0, 0, 0, 0.26);
+.animated {
+  transition: opacity 250ms ease;
+  opacity: 0;
 }
 
-.Checkbox input[type=checkbox]:disabled:checked + label:before {
-  background: rgba(0, 0, 0, 0.26);
+.animated.mounting, .animated.mounted {
+  opacity: 1;
 }
 
 .CircleProgress {
@@ -648,6 +648,87 @@
   margin-right: 10px;
 }
 
+.FilteredList {
+  max-height: 250px;
+  position: relative;
+}
+
+.FilteredList.popup {
+  padding: 0;
+  visibility: hidden;
+  position: absolute;
+  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;
+  top: calc(100% + 4px);
+  opacity: 0;
+  border-radius: 2px;
+}
+
+.FilteredList.popup.visible {
+  opacity: 1;
+  visibility: visible;
+}
+
+.FilteredList.inline {
+  max-height: 225px;
+  margin-top: 5px;
+}
+
+.FilteredList .child {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  white-space: nowrap;
+  font-size: 14px;
+  color: #222222;
+  height: 30px;
+  padding: 5px 10px;
+  padding-right: 15px;
+  cursor: pointer;
+  overflow: hidden;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  border-left: 5px solid #4AC263;
+  padding-left: 15px;
+  margin-left: -5px;
+}
+
+.FilteredList .child.hidden {
+  height: 0 !important;
+  padding: 0 !important;
+}
+
+.FilteredList .child.selected {
+  background-color: #F0F0F0;
+  padding-left: 10px;
+  margin-left: 0px;
+}
+
+.FilteredList .child.active {
+  background-color: #eeeeee;
+}
+
+.FilteredList .child {
+  margin-top: 8px;
+}
+
+.FilteredList .child.hidden {
+  margin-top: 0;
+}
+
+.FilteredList .child:not(.hidden) ~ .child {
+  margin-top: 0;
+}
+
+.FilteredList .child:not(.hidden) ~ .child:last-child {
+  margin-bottom: 8px;
+}
+
+.FilteredList .child:not(.hidden):last-child {
+  margin-bottom: 8px;
+}
+
 .Dropzone {
   position: relative;
 }
@@ -708,39 +789,109 @@
   z-index: 1;
 }
 
-.FormUploadProgress {
-  position: absolute;
+.Modal {
+  display: block;
+  position: fixed;
+  top: 0;
   left: 0;
   right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: rgba(255, 255, 255, 0.6);
-  z-index: 2;
-}
-
-.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
-  transition-delay: 500ms;
+  bottom: 100%;
+  overflow-y: scroll;
+  transition: bottom 0ms linear;
+  transition-delay: 0.2s;
 }
 
-.FormUploadProgress .wrapper {
-  position: sticky;
-  top: 40%;
-  margin-top: 40%;
-  margin-left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  align-items: center;
+.Modal.show {
+  transition-delay: 0s;
+  bottom: 0;
 }
 
-.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
-  position: absolute;
-  width: 107px;
-  height: 107px;
+.Modal > .overlay {
+  position: fixed;
   top: 0;
+  bottom: 100%;
   left: 0;
-}
+  right: 0;
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 0;
+  background-color: black;
+  pointer-events: none;
+}
+
+.Modal > .overlay.show {
+  opacity: 0.5;
+  bottom: 0;
+}
+
+.Modal > .content {
+  left: 50%;
+  top: 10vh;
+  margin-bottom: 10vh;
+  font-size: 16px;
+  padding: 0;
+  opacity: 0;
+  transition: opacity 0.25s ease, transform 0.25s ease;
+  transform: scaleY(0) translateY(-200px) translateX(-50%);
+  transform-origin: top;
+  position: absolute;
+  border-radius: 2px;
+  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
+}
+
+.Modal > .content.show {
+  opacity: 1;
+  transform: scaleY(1) translateY(0px) translateX(-50%);
+}
+
+.Modal > .content > .Scrollable {
+  overflow: visible;
+  max-height: 80vh;
+}
+
+.Modal > .content > .Scrollable > .viewport {
+  min-width: 10px;
+  min-height: 10px;
+}
+
+.Modal > .content > .Button.close {
+  top: 10px;
+  right: 10px;
+  position: absolute;
+}
+
+.FormUploadProgress {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.6);
+  z-index: 2;
+}
+
+.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
+  transition-delay: 500ms;
+}
+
+.FormUploadProgress .wrapper {
+  position: sticky;
+  top: 40%;
+  margin-top: 40%;
+  margin-left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
+  position: absolute;
+  width: 107px;
+  height: 107px;
+  top: 0;
+  left: 0;
+}
 
 .FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
   stroke: #2196F3;
@@ -777,30 +928,6 @@
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
 }
 
-.Button.FloatingActionButton {
-  position: absolute;
-  right: 16px;
-  bottom: 16px;
-  width: 56px;
-  height: 56px;
-  padding: 16px;
-  transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.Button.FloatingActionButton.raised {
-  transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.Button.FloatingActionButton.mini {
-  width: 40px;
-  height: 40px;
-  padding: 8px;
-}
-
-.Button.FloatingActionButton.hidden {
-  bottom: -100px;
-}
-
 .ImageGallery {
   position: fixed;
   top: 0;
@@ -1036,157 +1163,6 @@
   font-size: 24px;
 }
 
-.FilteredList {
-  max-height: 250px;
-  position: relative;
-}
-
-.FilteredList.popup {
-  padding: 0;
-  visibility: hidden;
-  position: absolute;
-  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;
-  top: calc(100% + 4px);
-  opacity: 0;
-  border-radius: 2px;
-}
-
-.FilteredList.popup.visible {
-  opacity: 1;
-  visibility: visible;
-}
-
-.FilteredList.inline {
-  max-height: 225px;
-  margin-top: 5px;
-}
-
-.FilteredList .child {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  white-space: nowrap;
-  font-size: 14px;
-  color: #222222;
-  height: 30px;
-  padding: 5px 10px;
-  padding-right: 15px;
-  cursor: pointer;
-  overflow: hidden;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  border-left: 5px solid #4AC263;
-  padding-left: 15px;
-  margin-left: -5px;
-}
-
-.FilteredList .child.hidden {
-  height: 0 !important;
-  padding: 0 !important;
-}
-
-.FilteredList .child.selected {
-  background-color: #F0F0F0;
-  padding-left: 10px;
-  margin-left: 0px;
-}
-
-.FilteredList .child.active {
-  background-color: #eeeeee;
-}
-
-.FilteredList .child {
-  margin-top: 8px;
-}
-
-.FilteredList .child.hidden {
-  margin-top: 0;
-}
-
-.FilteredList .child:not(.hidden) ~ .child {
-  margin-top: 0;
-}
-
-.FilteredList .child:not(.hidden) ~ .child:last-child {
-  margin-bottom: 8px;
-}
-
-.FilteredList .child:not(.hidden):last-child {
-  margin-bottom: 8px;
-}
-
-.Modal {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 100%;
-  overflow-y: scroll;
-  transition: bottom 0ms linear;
-  transition-delay: 0.2s;
-}
-
-.Modal.show {
-  transition-delay: 0s;
-  bottom: 0;
-}
-
-.Modal > .overlay {
-  position: fixed;
-  top: 0;
-  bottom: 100%;
-  left: 0;
-  right: 0;
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  opacity: 0;
-  background-color: black;
-  pointer-events: none;
-}
-
-.Modal > .overlay.show {
-  opacity: 0.5;
-  bottom: 0;
-}
-
-.Modal > .content {
-  left: 50%;
-  top: 10vh;
-  margin-bottom: 10vh;
-  font-size: 16px;
-  padding: 0;
-  opacity: 0;
-  transition: opacity 0.25s ease, transform 0.25s ease;
-  transform: scaleY(0) translateY(-200px) translateX(-50%);
-  transform-origin: top;
-  position: absolute;
-  border-radius: 2px;
-  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
-}
-
-.Modal > .content.show {
-  opacity: 1;
-  transform: scaleY(1) translateY(0px) translateX(-50%);
-}
-
-.Modal > .content > .Scrollable {
-  overflow: visible;
-  max-height: 80vh;
-}
-
-.Modal > .content > .Scrollable > .viewport {
-  min-width: 10px;
-  min-height: 10px;
-}
-
-.Modal > .content > .Button.close {
-  top: 10px;
-  right: 10px;
-  position: absolute;
-}
-
 .ModalMenu {
   position: absolute;
   top: 10px;
@@ -1217,11 +1193,35 @@
   background: #EBEBEB;
 }
 
-.ModalMenu .separator {
-  height: 24px;
-  width: 1px;
-  background-color: #D9D9D9;
-  margin-left: 4px;
+.ModalMenu .separator {
+  height: 24px;
+  width: 1px;
+  background-color: #D9D9D9;
+  margin-left: 4px;
+}
+
+.Button.FloatingActionButton {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+  width: 56px;
+  height: 56px;
+  padding: 16px;
+  transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.Button.FloatingActionButton.raised {
+  transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.Button.FloatingActionButton.mini {
+  width: 40px;
+  height: 40px;
+  padding: 8px;
+}
+
+.Button.FloatingActionButton.hidden {
+  bottom: -100px;
 }
 
 .Scrollable {
@@ -1499,6 +1499,128 @@
   display: none;
 }
 
+.ScrollableTable .Scrollable .scrollbar {
+  top: 56px;
+}
+
+.ScrollableTable .Table {
+  position: static;
+}
+
+.Table {
+  font-family: Roboto, sans-serif;
+  font-size: 14px;
+  color: #1e252d;
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+  position: relative;
+}
+
+.Table td, .Table th {
+  padding: 5px;
+  font-weight: 500;
+  color: #2e2e2e;
+}
+
+.Table td {
+  height: 48px;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table td:first-child {
+  padding-left: 45px;
+}
+
+.Table td:last-child {
+  padding-right: 45px;
+}
+
+.Table th {
+  color: #808080;
+  height: 55px;
+  padding: 0px;
+}
+
+.Table th .sortable {
+  cursor: pointer;
+}
+
+.Table th .sortable.active {
+  font-weight: bold;
+}
+
+.Table th .sortable.active .material-icons {
+  font-size: 16px;
+}
+
+.Table th .sortable.false {
+  padding-right: 22px;
+}
+
+.Table th:first-child .hidden, .Table th:first-child .fixed {
+  padding-left: 45px;
+}
+
+.Table th:last-child .hidden, .Table th:last-child .fixed {
+  padding-right: 45px;
+}
+
+.Table th .hidden {
+  color: transparent;
+  height: 0px;
+  padding: 5px;
+}
+
+.Table th .fixed {
+  font-weight: normal;
+  display: flex;
+  flex-flow: row;
+  justify-items: center;
+  align-items: center;
+  text-align: left;
+  height: 56px;
+  padding: 0px 5px;
+  background-color: white;
+  position: absolute;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table tbody tr:hover {
+  background-color: #f2f2f2;
+}
+
+.Table tbody tr.disabled td {
+  color: #93a4b7;
+}
+
+.Table .ro {
+  color: #47576a;
+}
+
+.Table .editable {
+  cursor: pointer;
+}
+
+.Table .editable > .TextField {
+  height: 20px !important;
+  margin: 0px;
+  position: relative;
+  display: block;
+}
+
+.Table .editable > .TextField input {
+  width: 100%;
+  height: 20px;
+  padding: 0px;
+  background-color: #f0f0f0;
+}
+
 .TextField {
   position: relative;
   width: 100%;
@@ -1642,128 +1764,6 @@
   animation-name: shake;
 }
 
-.Table {
-  font-family: Roboto, sans-serif;
-  font-size: 14px;
-  color: #1e252d;
-  border-spacing: 0;
-  border-collapse: collapse;
-  width: 100%;
-  position: relative;
-}
-
-.Table td, .Table th {
-  padding: 5px;
-  font-weight: 500;
-  color: #2e2e2e;
-}
-
-.Table td {
-  height: 48px;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table td:first-child {
-  padding-left: 45px;
-}
-
-.Table td:last-child {
-  padding-right: 45px;
-}
-
-.Table th {
-  color: #808080;
-  height: 55px;
-  padding: 0px;
-}
-
-.Table th .sortable {
-  cursor: pointer;
-}
-
-.Table th .sortable.active {
-  font-weight: bold;
-}
-
-.Table th .sortable.active .material-icons {
-  font-size: 16px;
-}
-
-.Table th .sortable.false {
-  padding-right: 22px;
-}
-
-.Table th:first-child .hidden, .Table th:first-child .fixed {
-  padding-left: 45px;
-}
-
-.Table th:last-child .hidden, .Table th:last-child .fixed {
-  padding-right: 45px;
-}
-
-.Table th .hidden {
-  color: transparent;
-  height: 0px;
-  padding: 5px;
-}
-
-.Table th .fixed {
-  font-weight: normal;
-  display: flex;
-  flex-flow: row;
-  justify-items: center;
-  align-items: center;
-  text-align: left;
-  height: 56px;
-  padding: 0px 5px;
-  background-color: white;
-  position: absolute;
-  top: 0px;
-  z-index: 1;
-  box-sizing: border-box;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table tbody tr:hover {
-  background-color: #f2f2f2;
-}
-
-.Table tbody tr.disabled td {
-  color: #93a4b7;
-}
-
-.Table .ro {
-  color: #47576a;
-}
-
-.Table .editable {
-  cursor: pointer;
-}
-
-.Table .editable > .TextField {
-  height: 20px !important;
-  margin: 0px;
-  position: relative;
-  display: block;
-}
-
-.Table .editable > .TextField input {
-  width: 100%;
-  height: 20px;
-  padding: 0px;
-  background-color: #f0f0f0;
-}
-
-.ScrollableTable .Scrollable .scrollbar {
-  top: 56px;
-}
-
-.ScrollableTable .Table {
-  position: static;
-}
-
 .DNDContainer .DroppableList .Draggable {
   transform: unset;
   transition: unset;

package/package.json

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