react-ui-basics 0.0.187 → 0.0.189
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Animated.js +20 -20
- package/Animated.js.map +1 -1
- package/AutocompleteSelect.js +56 -63
- package/AutocompleteSelect.js.map +1 -1
- package/Button.js +11 -11
- package/Button.js.map +1 -1
- package/Checkbox.js +7 -7
- package/Checkbox.js.map +1 -1
- package/CircleProgress.js.map +1 -1
- package/CommonFields.js.map +1 -1
- package/DNDContainer.js +1 -1
- package/DNDDraggable.js +6 -6
- package/DNDDraggable.js.map +1 -1
- package/DNDDroppable.js +4 -4
- package/DNDDroppable.js.map +1 -1
- package/DatePicker.css +1 -1
- package/Dialog.js +19 -19
- package/Dialog.js.map +1 -1
- package/DropFileInput.js +5 -5
- package/DropFileInput.js.map +1 -1
- package/DroppableHorizontalList.js +2 -2
- package/DroppableHorizontalList.js.map +1 -1
- package/DroppableList.js +2 -2
- package/DroppableList.js.map +1 -1
- package/Dropzone.js +10 -10
- package/Dropzone.js.map +1 -1
- package/FilteredList.css +2 -2
- package/FilteredList.js +22 -22
- package/FilteredList.js.map +1 -1
- package/FloatingActionButton.js +4 -4
- package/FloatingActionButton.js.map +1 -1
- package/FormUploadProgress.js +6 -6
- package/FormUploadProgress.js.map +1 -1
- package/ImageGallery.js +24 -28
- package/ImageGallery.js.map +1 -1
- package/MaterialIcon.js +1 -1
- package/MaterialIcon.js.map +1 -1
- package/Modal.js +14 -15
- package/Modal.js.map +1 -1
- package/ModalMenu.js +1 -1
- package/ModalMenu.js.map +1 -1
- package/ReactCreateElement.js.map +1 -1
- package/ReadyListener.js +5 -5
- package/ReadyListener.js.map +1 -1
- package/Scrollable.js +3 -3
- package/Scrollable.js.map +1 -1
- package/Size.js.map +1 -1
- package/Snackbar.js +5 -5
- package/Snackbar.js.map +1 -1
- package/SpinningProgress.js.map +1 -1
- package/Switch.js +8 -8
- package/Switch.js.map +1 -1
- package/Table.css +1 -1
- package/Table.js +3 -1
- package/Table.js.map +1 -1
- package/TextField.css +7 -7
- package/TextField.js +28 -28
- package/TextField.js.map +1 -1
- package/Tools.js +0 -8
- package/Tools.js.map +1 -1
- package/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/bundle.css +699 -699
- package/package.json +34 -32
- package/router/HistoryTools.js.map +1 -1
- package/router/Link.js +2 -2
- package/router/Link.js.map +1 -1
- package/router/NavLink.js +4 -4
- package/router/NavLink.js.map +1 -1
- package/router/Route.js +8 -8
- package/router/Route.js.map +1 -1
- package/router/index.js.map +1 -1
- package/src/DatePicker.css +1 -1
- package/src/FilteredList.css +2 -2
- package/src/Table.css +1 -1
- package/src/Table.tsx +4 -2
- package/src/TextField.css +7 -7
- package/store/ProxyTools.js.map +1 -1
package/DroppableList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DroppableList.js","sources":["./src/DroppableList.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './DroppableList.css'\nimport DNDDroppable from \"./DNDDroppable\";\nimport {classNames, orNoop, setTimeout, NOOP} from \"./Tools\";\nimport DNDDraggable from \"./DNDDraggable\";\nimport {addListener} from \"./DNDContainer\";\nimport {stateGS, setState, propsGetter, props as getProps, render, componentDidUpdate, componentDidMount, children} from \"./ReactConstants\";\n\nclass DroppableList extends Component {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n\n const props = propsGetter(that);\n const resetting = stateGS(that);\n const draggables = {};\n let list;\n\n const init = () => {\n list = [];\n React.Children.forEach(props()[children], child => {\n child && child.type === DNDDraggable && list.push(getProps(child).id);\n })\n };\n\n init();\n\n that[componentDidUpdate] = (prevProps) => {\n if (prevProps[children] !== props()[children]) {\n init();\n }\n };\n\n let dropped;\n let dragging;\n let oldIndex;\n let newIndex;\n\n that[componentDidMount] = () => {\n let inTransition = false;\n orNoop(props().provideDraggableEnhancer)(initializer => it => {\n orNoop(initializer)(it);\n it.createPositionListener = (e, style) => {\n const offsetTop = e.pageY;\n return e => {\n e.pageY && (style.transform = 'translateY(' + (e.pageY - offsetTop - that.scrollDiff) + 'px)');\n };\n };\n it.initDraggedStyles = NOOP;\n it.onDragEnd = () => {\n const style = it.element.style;\n inTransition = true;\n setTimeout(() => {\n const droppingDuration = props().droppingDuration || 100;\n style.transition = 'transform ' + droppingDuration + 'ms linear';\n style.transform = '';\n style.zIndex = '10';\n setTimeout(() => {\n style.transition = '';\n style.zIndex = '';\n setTimeout(() => {\n inTransition = false;\n }, 50) // ignore mouseenter on the old position\n }, droppingDuration)\n }, 1);\n };\n addListener(it.element, it, 'mouseenter', (e) => {\n !(dragging || inTransition) && setState(it, {hover: true});\n });\n addListener(it.element, it, 'mouseleave', (e) => {\n !dragging && setState(it, {hover: false});\n });\n it.onUnmount = () => {\n delete draggables[getProps(it).id];\n };\n draggables[getProps(it).id] = it;\n })\n\n orNoop(props().provideScrollListener)(e => {\n if (!dragging)\n return\n\n that.scrollDiff = that.scroll - orNoop(props().getScrollPosition)() || 0;\n })\n };\n\n const onHover = (e, draggable) => {\n const y = e.pageY - that.scrollOffsetY - that.scrollDiff;\n const transformUp = 'translateY(' + draggable.height + 'px)';\n const transformDown = 'translateY(-' + draggable.height + 'px)';\n list.forEach((id, i) => {\n if (i !== oldIndex) {\n const d = draggables[id];\n const bounds = d.bounds;\n const style = d.element.style;\n if (i > oldIndex) {\n if (y >= bounds.top)\n style.transform = transformDown;\n else\n style.transform = '';\n } else {\n if (y <= bounds.bottom)\n style.transform = transformUp;\n else\n style.transform = '';\n }\n }\n });\n\n let i = list.findIndex(id => {\n let bounds = draggables[id].bounds;\n return y >= bounds.top && y <= bounds.bottom\n });\n\n newIndex = i !== -1 ? i : list.length;\n };\n\n const onDragStart = (e, draggable) => {\n dragging = true;\n dropped = false;\n oldIndex = list.indexOf(getProps(draggable).id);\n that.scrollOffsetY = e.pageY - e.clientY;\n that.scroll = orNoop(props().getScrollPosition)() || 0;\n that.scrollDiff = 0;\n\n list.forEach((id) => {\n draggables[id].bounds = draggables[id].element.getBoundingClientRect();\n });\n };\n\n const reset = (ignoredIndex, transition) => {\n list.forEach((id, i) => {\n if (i !== ignoredIndex) {\n const s = draggables[id].element.style;\n s.transform = '';\n s.transition = transition;\n }\n });\n };\n\n const onDragEnd = (draggable) => {\n const index = list.indexOf(getProps(draggable).id);\n\n if (dropped) {\n reset(index, '');\n } else {\n resetting(true, () => {\n reset(index, '');\n });\n setTimeout(() => {\n resetting(false);\n }, props().droppingDuration || 100);\n }\n dragging = false;\n };\n const onDrop = (data) => {\n dropped = true;\n const draggable = draggables[list[oldIndex]];\n const style = draggable.element.style;\n\n const diff = (newIndex - oldIndex) * draggable.bounds.height;\n const transform = style.transform;\n const position = transform.substring(11, transform.length - 3);\n style.transform = 'translateY(' + (position - diff) + 'px)'; // set translateY against new position on the list to prevent long slide\n\n orNoop(props().onDrop)(data, oldIndex, newIndex);\n\n reset(newIndex, 'unset');\n };\n\n that[render] = () => {\n const _props = props();\n const {className, initializer} = _props;\n return <DNDDroppable className={classNames(\n 'DroppableList',\n className,\n resetting() && 'resetting',\n )}\n initializer={initializer}\n onHover={onHover}\n onDragStart={onDragStart}\n onDragEnd={onDragEnd}\n onDrop={onDrop}\n >\n {_props[children]}\n </DNDDroppable>;\n };\n }\n}\n\n\nexport default DroppableList;"],"names":["DroppableList","properties","that","state","props","propsGetter","resetting","stateGS","draggables","list","init","React","Children","forEach","children","child","type","DNDDraggable","push","getProps","id","componentDidUpdate","prevProps","dropped","dragging","oldIndex","newIndex","componentDidMount","inTransition","orNoop","provideDraggableEnhancer","initializer","it","createPositionListener","e","style","offsetTop","pageY","transform","scrollDiff","initDraggedStyles","NOOP","onDragEnd","element","setTimeout","droppingDuration","transition","zIndex","addListener","setState","hover","onUnmount","provideScrollListener","scroll","getScrollPosition","onHover","draggable","y","scrollOffsetY","transformUp","height","transformDown","i","d","bounds","top","bottom","findIndex","length","onDragStart","indexOf","clientY","getBoundingClientRect","reset","ignoredIndex","s","index","onDrop","data","diff","position","substring","render","_props","className","classNames","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DroppableList.js","sources":["./src/DroppableList.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './DroppableList.css'\nimport DNDDroppable from \"./DNDDroppable\";\nimport {classNames, orNoop, setTimeout, NOOP} from \"./Tools\";\nimport DNDDraggable from \"./DNDDraggable\";\nimport {addListener} from \"./DNDContainer\";\nimport {stateGS, setState, propsGetter, props as getProps, render, componentDidUpdate, componentDidMount, children} from \"./ReactConstants\";\n\nclass DroppableList extends Component {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n\n const props = propsGetter(that);\n const resetting = stateGS(that);\n const draggables = {};\n let list;\n\n const init = () => {\n list = [];\n React.Children.forEach(props()[children], child => {\n child && child.type === DNDDraggable && list.push(getProps(child).id);\n })\n };\n\n init();\n\n that[componentDidUpdate] = (prevProps) => {\n if (prevProps[children] !== props()[children]) {\n init();\n }\n };\n\n let dropped;\n let dragging;\n let oldIndex;\n let newIndex;\n\n that[componentDidMount] = () => {\n let inTransition = false;\n orNoop(props().provideDraggableEnhancer)(initializer => it => {\n orNoop(initializer)(it);\n it.createPositionListener = (e, style) => {\n const offsetTop = e.pageY;\n return e => {\n e.pageY && (style.transform = 'translateY(' + (e.pageY - offsetTop - that.scrollDiff) + 'px)');\n };\n };\n it.initDraggedStyles = NOOP;\n it.onDragEnd = () => {\n const style = it.element.style;\n inTransition = true;\n setTimeout(() => {\n const droppingDuration = props().droppingDuration || 100;\n style.transition = 'transform ' + droppingDuration + 'ms linear';\n style.transform = '';\n style.zIndex = '10';\n setTimeout(() => {\n style.transition = '';\n style.zIndex = '';\n setTimeout(() => {\n inTransition = false;\n }, 50) // ignore mouseenter on the old position\n }, droppingDuration)\n }, 1);\n };\n addListener(it.element, it, 'mouseenter', (e) => {\n !(dragging || inTransition) && setState(it, {hover: true});\n });\n addListener(it.element, it, 'mouseleave', (e) => {\n !dragging && setState(it, {hover: false});\n });\n it.onUnmount = () => {\n delete draggables[getProps(it).id];\n };\n draggables[getProps(it).id] = it;\n })\n\n orNoop(props().provideScrollListener)(e => {\n if (!dragging)\n return\n\n that.scrollDiff = that.scroll - orNoop(props().getScrollPosition)() || 0;\n })\n };\n\n const onHover = (e, draggable) => {\n const y = e.pageY - that.scrollOffsetY - that.scrollDiff;\n const transformUp = 'translateY(' + draggable.height + 'px)';\n const transformDown = 'translateY(-' + draggable.height + 'px)';\n list.forEach((id, i) => {\n if (i !== oldIndex) {\n const d = draggables[id];\n const bounds = d.bounds;\n const style = d.element.style;\n if (i > oldIndex) {\n if (y >= bounds.top)\n style.transform = transformDown;\n else\n style.transform = '';\n } else {\n if (y <= bounds.bottom)\n style.transform = transformUp;\n else\n style.transform = '';\n }\n }\n });\n\n let i = list.findIndex(id => {\n let bounds = draggables[id].bounds;\n return y >= bounds.top && y <= bounds.bottom\n });\n\n newIndex = i !== -1 ? i : list.length;\n };\n\n const onDragStart = (e, draggable) => {\n dragging = true;\n dropped = false;\n oldIndex = list.indexOf(getProps(draggable).id);\n that.scrollOffsetY = e.pageY - e.clientY;\n that.scroll = orNoop(props().getScrollPosition)() || 0;\n that.scrollDiff = 0;\n\n list.forEach((id) => {\n draggables[id].bounds = draggables[id].element.getBoundingClientRect();\n });\n };\n\n const reset = (ignoredIndex, transition) => {\n list.forEach((id, i) => {\n if (i !== ignoredIndex) {\n const s = draggables[id].element.style;\n s.transform = '';\n s.transition = transition;\n }\n });\n };\n\n const onDragEnd = (draggable) => {\n const index = list.indexOf(getProps(draggable).id);\n\n if (dropped) {\n reset(index, '');\n } else {\n resetting(true, () => {\n reset(index, '');\n });\n setTimeout(() => {\n resetting(false);\n }, props().droppingDuration || 100);\n }\n dragging = false;\n };\n const onDrop = (data) => {\n dropped = true;\n const draggable = draggables[list[oldIndex]];\n const style = draggable.element.style;\n\n const diff = (newIndex - oldIndex) * draggable.bounds.height;\n const transform = style.transform;\n const position = transform.substring(11, transform.length - 3);\n style.transform = 'translateY(' + (position - diff) + 'px)'; // set translateY against new position on the list to prevent long slide\n\n orNoop(props().onDrop)(data, oldIndex, newIndex);\n\n reset(newIndex, 'unset');\n };\n\n that[render] = () => {\n const _props = props();\n const {className, initializer} = _props;\n return <DNDDroppable className={classNames(\n 'DroppableList',\n className,\n resetting() && 'resetting',\n )}\n initializer={initializer}\n onHover={onHover}\n onDragStart={onDragStart}\n onDragEnd={onDragEnd}\n onDrop={onDrop}\n >\n {_props[children]}\n </DNDDroppable>;\n };\n }\n}\n\n\nexport default DroppableList;"],"names":["DroppableList","properties","that","state","props","propsGetter","resetting","stateGS","draggables","list","init","React","Children","forEach","children","child","type","DNDDraggable","push","getProps","id","componentDidUpdate","prevProps","dropped","dragging","oldIndex","newIndex","componentDidMount","inTransition","orNoop","provideDraggableEnhancer","initializer","it","createPositionListener","e","style","offsetTop","pageY","transform","scrollDiff","initDraggedStyles","NOOP","onDragEnd","element","setTimeout","droppingDuration","transition","zIndex","addListener","setState","hover","onUnmount","provideScrollListener","scroll","getScrollPosition","onHover","draggable","y","scrollOffsetY","transformUp","height","transformDown","i","d","bounds","top","bottom","findIndex","length","onDragStart","indexOf","clientY","getBoundingClientRect","reset","ignoredIndex","s","index","onDrop","data","diff","position","substring","render","_props","className","classNames","Component"],"mappings":"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"}
|
package/Dropzone.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { inherits as _inherits, createSuper as _createSuper,
|
|
1
|
+
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './Dropzone.css'; import 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
5
5
|
import { setOf, classNames, UNDEFINED, createRef, preventDefault, stopPropagation } from './Tools.js';
|
|
6
|
-
import { stateGS, render,
|
|
6
|
+
import { stateGS, render, PureComponent, propsGetter } from './ReactConstants.js';
|
|
7
7
|
|
|
8
8
|
var toArray = function toArray(o) {
|
|
9
9
|
if (o instanceof Array) return o;
|
|
@@ -69,14 +69,14 @@ var Dropzone = function (_PureComponent) {
|
|
|
69
69
|
var inputRef = createRef();
|
|
70
70
|
that[ReactConstants[3]] = function () {
|
|
71
71
|
var _props = props(),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
72
|
+
children = _props[ReactConstants[4]],
|
|
73
|
+
className = _props[ReactConstants[5]],
|
|
74
|
+
disabled = _props.disabled,
|
|
75
|
+
clickable = _props.clickable,
|
|
76
|
+
multiple = _props.multiple,
|
|
77
|
+
droppable = _props.droppable,
|
|
78
|
+
overlayLabel = _props.overlayLabel,
|
|
79
|
+
accept = _props.accept;
|
|
80
80
|
return ReactCreateElement("div", {
|
|
81
81
|
[ReactConstants[5]]: classNames('Dropzone', className, isDragging() && 'dragging'),
|
|
82
82
|
onDragLeave: !disabled && droppable && onDragLeave || UNDEFINED,
|
package/Dropzone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from \"prop-types\";\nimport ReactCreateElement from './ReactCreateElement';\nimport './Dropzone.css'\nimport {classNames, setOf, preventDefault, stopPropagation, UNDEFINED, createRef} from \"./Tools\";\nimport {propsGetter, PureComponent, render, stateGS} from \"./ReactConstants\";\n\nconst toArray = (o) => {\n if (o instanceof Array)\n return o;\n\n const l = [];\n for (let i = 0; i < o.length; i++) {\n l.push(o[i])\n }\n return l;\n};\n\nconst prevent = (e) => {\n preventDefault(e);\n stopPropagation(e);\n return false;\n};\n\nconst ignoredTypes = setOf([\n 'text',\n 'Text',\n 'text/plain',\n]);\n\nconst ignore = dt => dt && (!dt.types[0] || ignoredTypes[dt.types[0]]);\n\nclass Dropzone extends PureComponent {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n\n let entries = [];\n\n const props = propsGetter(that);\n const isDragging = stateGS(that);\n\n const onDrop = (e) => {\n const dt = e.dataTransfer;\n const files = toArray(dt && dt.files || e.target.files);\n props().onDrop(files);\n isDragging(false);\n entries = [];\n prevent(e);\n };\n const onDragOver = (e) => {\n const dt = e.dataTransfer;\n if (ignore(dt)) return;\n\n dt && (dt.dropEffect = 'copy');\n !isDragging() && isDragging(true);\n prevent(e);\n };\n const onDragEnter = (e) => {\n const dt = e.dataTransfer;\n if (ignore(dt)) return;\n if (entries.indexOf(e.target) === -1) {\n entries.push(e.target)\n }\n\n dt && (dt.dropEffect = 'copy');\n !isDragging() && isDragging(true);\n prevent(e);\n };\n const onDragLeave = (e) => {\n entries = entries.filter(el => el !== e.target);\n\n if (entries.length === 0)\n isDragging(false);\n\n prevent(e)\n };\n\n const inputRef = createRef()\n\n that[render] = () => {\n const {children, className, disabled, clickable, multiple, droppable, overlayLabel, accept} = props();\n\n return <div className={classNames('Dropzone', className, isDragging() && 'dragging')}\n onDragLeave={!disabled && droppable && onDragLeave || UNDEFINED}\n onDragOver={!disabled && droppable && onDragOver || UNDEFINED}\n onDragEnter={!disabled && droppable && onDragEnter || UNDEFINED}\n onDrop={!disabled && droppable && onDrop || UNDEFINED}\n >\n {overlayLabel && <div className=\"overlay\">\n <div className={'drop'}>\n {overlayLabel}\n </div>\n </div>}\n {!disabled && clickable && <input className={'file'}\n ref={inputRef}\n type=\"file\"\n accept={accept}\n multiple={!!multiple}\n onClick={() => {\n inputRef().value = '';\n }}\n onChange={onDrop}/>}\n {children}\n </div>\n }\n }\n}\n\nDropzone.defaultProps = {\n clickable: true,\n multiple: true,\n droppable: true,\n};\n\nif (window.isNotProductionEnvironment) {\n Dropzone.propTypes = {\n className: PropTypes.string,\n overlayLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n clickable: PropTypes.bool,\n droppable: PropTypes.bool,\n multiple: PropTypes.bool,\n disabled: PropTypes.bool,\n onDrop: PropTypes.func.isRequired,\n accept: PropTypes.string,\n };\n}\n\nexport default Dropzone;"],"names":["toArray","o","Array","l","i","length","push","prevent","e","preventDefault","stopPropagation","ignoredTypes","setOf","ignore","dt","types","Dropzone","properties","that","state","entries","props","propsGetter","isDragging","stateGS","onDrop","dataTransfer","files","target","onDragOver","dropEffect","onDragEnter","indexOf","onDragLeave","filter","el","inputRef","createRef","render","children","className","disabled","clickable","multiple","droppable","overlayLabel","accept","classNames","UNDEFINED","value","PureComponent","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","string","oneOfType","element","bool","func","isRequired"],"mappings":";;;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from \"prop-types\";\nimport ReactCreateElement from './ReactCreateElement';\nimport './Dropzone.css'\nimport {classNames, setOf, preventDefault, stopPropagation, UNDEFINED, createRef} from \"./Tools\";\nimport {propsGetter, PureComponent, render, stateGS} from \"./ReactConstants\";\n\nconst toArray = (o) => {\n if (o instanceof Array)\n return o;\n\n const l = [];\n for (let i = 0; i < o.length; i++) {\n l.push(o[i])\n }\n return l;\n};\n\nconst prevent = (e) => {\n preventDefault(e);\n stopPropagation(e);\n return false;\n};\n\nconst ignoredTypes = setOf([\n 'text',\n 'Text',\n 'text/plain',\n]);\n\nconst ignore = dt => dt && (!dt.types[0] || ignoredTypes[dt.types[0]]);\n\nclass Dropzone extends PureComponent {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n\n let entries = [];\n\n const props = propsGetter(that);\n const isDragging = stateGS(that);\n\n const onDrop = (e) => {\n const dt = e.dataTransfer;\n const files = toArray(dt && dt.files || e.target.files);\n props().onDrop(files);\n isDragging(false);\n entries = [];\n prevent(e);\n };\n const onDragOver = (e) => {\n const dt = e.dataTransfer;\n if (ignore(dt)) return;\n\n dt && (dt.dropEffect = 'copy');\n !isDragging() && isDragging(true);\n prevent(e);\n };\n const onDragEnter = (e) => {\n const dt = e.dataTransfer;\n if (ignore(dt)) return;\n if (entries.indexOf(e.target) === -1) {\n entries.push(e.target)\n }\n\n dt && (dt.dropEffect = 'copy');\n !isDragging() && isDragging(true);\n prevent(e);\n };\n const onDragLeave = (e) => {\n entries = entries.filter(el => el !== e.target);\n\n if (entries.length === 0)\n isDragging(false);\n\n prevent(e)\n };\n\n const inputRef = createRef()\n\n that[render] = () => {\n const {children, className, disabled, clickable, multiple, droppable, overlayLabel, accept} = props();\n\n return <div className={classNames('Dropzone', className, isDragging() && 'dragging')}\n onDragLeave={!disabled && droppable && onDragLeave || UNDEFINED}\n onDragOver={!disabled && droppable && onDragOver || UNDEFINED}\n onDragEnter={!disabled && droppable && onDragEnter || UNDEFINED}\n onDrop={!disabled && droppable && onDrop || UNDEFINED}\n >\n {overlayLabel && <div className=\"overlay\">\n <div className={'drop'}>\n {overlayLabel}\n </div>\n </div>}\n {!disabled && clickable && <input className={'file'}\n ref={inputRef}\n type=\"file\"\n accept={accept}\n multiple={!!multiple}\n onClick={() => {\n inputRef().value = '';\n }}\n onChange={onDrop}/>}\n {children}\n </div>\n }\n }\n}\n\nDropzone.defaultProps = {\n clickable: true,\n multiple: true,\n droppable: true,\n};\n\nif (window.isNotProductionEnvironment) {\n Dropzone.propTypes = {\n className: PropTypes.string,\n overlayLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n clickable: PropTypes.bool,\n droppable: PropTypes.bool,\n multiple: PropTypes.bool,\n disabled: PropTypes.bool,\n onDrop: PropTypes.func.isRequired,\n accept: PropTypes.string,\n };\n}\n\nexport default Dropzone;"],"names":["toArray","o","Array","l","i","length","push","prevent","e","preventDefault","stopPropagation","ignoredTypes","setOf","ignore","dt","types","Dropzone","properties","that","state","entries","props","propsGetter","isDragging","stateGS","onDrop","dataTransfer","files","target","onDragOver","dropEffect","onDragEnter","indexOf","onDragLeave","filter","el","inputRef","createRef","render","children","className","disabled","clickable","multiple","droppable","overlayLabel","accept","classNames","UNDEFINED","value","PureComponent","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","string","oneOfType","element","bool","func","isRequired"],"mappings":"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"}
|
package/FilteredList.css
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
align-items: center;
|
|
29
29
|
white-space: nowrap;
|
|
30
30
|
font-size: 14px;
|
|
31
|
-
color:
|
|
31
|
+
color: rgb(34, 34, 34);
|
|
32
32
|
height: 30px;
|
|
33
33
|
padding: 5px 10px;
|
|
34
34
|
padding-right: 15px;
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
margin-left: 0px;
|
|
50
50
|
}
|
|
51
51
|
.FilteredList .child.active {
|
|
52
|
-
background-color:
|
|
52
|
+
background-color: rgb(238, 238, 238);
|
|
53
53
|
}
|
|
54
54
|
.FilteredList .child {
|
|
55
55
|
margin-top: 8px;
|
package/FilteredList.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { inherits as _inherits, createSuper as _createSuper,
|
|
1
|
+
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './FilteredList.css'; import React from 'react';
|
|
3
3
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
4
4
|
import Scrollable from './Scrollable.js';
|
|
5
|
-
import { orNoop, classNames, ref,
|
|
5
|
+
import { orNoop, classNames, ref, stopPropagation, isObject, isFunction } from './Tools.js';
|
|
6
6
|
import { PureComponent } from './ReactConstants.js';
|
|
7
7
|
|
|
8
8
|
var getLabel = function getLabel(labels, id) {
|
|
@@ -130,16 +130,16 @@ var FilteredList = function (_PureComponent) {
|
|
|
130
130
|
value: function render() {
|
|
131
131
|
var _this2 = this;
|
|
132
132
|
var _this$props = __props(this),
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
133
|
+
data = __data(_this$props),
|
|
134
|
+
labels = _this$props.labels,
|
|
135
|
+
filter = _this$props.filter,
|
|
136
|
+
className = _this$props[ReactConstants[5]],
|
|
137
|
+
selected = _this$props.selected,
|
|
138
|
+
inline = _this$props.inline,
|
|
139
|
+
childComponent = _this$props.childComponent,
|
|
140
|
+
childProps = _this$props.childProps,
|
|
141
|
+
style = __style(_this$props),
|
|
142
|
+
scroll = _this$props.scroll;
|
|
143
143
|
return ReactCreateElement(Scrollable, {
|
|
144
144
|
[ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
|
|
145
145
|
ref: ref('el', this),
|
|
@@ -204,16 +204,16 @@ var ItemWrapper = function (_React$Component) {
|
|
|
204
204
|
value: function render() {
|
|
205
205
|
var _this3 = this;
|
|
206
206
|
var _this$props2 = __props(this),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
207
|
+
id = _this$props2.id,
|
|
208
|
+
label = _this$props2.label,
|
|
209
|
+
onClick = _this$props2[ReactConstants[6]],
|
|
210
|
+
onMouseDown = _this$props2.onMouseDown,
|
|
211
|
+
onMouseEnter = _this$props2.onMouseEnter,
|
|
212
|
+
onMouseLeave = _this$props2.onMouseLeave,
|
|
213
|
+
classProvider = _this$props2.classProvider,
|
|
214
|
+
className = _this$props2[ReactConstants[5]],
|
|
215
|
+
childComponent = _this$props2.childComponent,
|
|
216
|
+
childProps = _this$props2.childProps;
|
|
217
217
|
var child = React.createElement(childComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
|
|
218
218
|
id: id,
|
|
219
219
|
label: label,
|
package/FilteredList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredList.js","sources":["./src/FilteredList.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FilteredList.css'\nimport Scrollable from \"./Scrollable\";\nimport {classNames, orNoop, ref, stopPropagation, isFunction, isObject} from \"./Tools\";\nimport {PureComponent} from \"./ReactConstants\";\n\nexport const getLabel = (labels, id) => isFunction(labels) ? labels(id) : labels[id]\n\nclass FilteredList extends PureComponent {\n\n static defaultProps = {\n data: [],\n labels: {},\n selected: {},\n inline: false,\n selectSingle: true,\n filter: () => true,\n };\n\n constructor(props) {\n super(props);\n this.state = {selected: -1};\n this.hidden = {};\n this.elements = {};\n }\n\n componentDidMount() {\n orNoop(this.props.nextProvider)(this.next);\n orNoop(this.props.prevProvider)(this.prev);\n orNoop(this.props.selectedProvider)(this.selected);\n orNoop(this.props.resetProvider)(this.reset);\n\n this.updateList(this.props)\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (this.props.data === prevProps.data)\n return;\n\n this.updateList(this.props)\n }\n\n updateList = (props) => {\n const {data} = props;\n const {selected} = this.state;\n this.list = data || [];\n\n if (!this.list.includes(selected))\n this.setState({selected: -1})\n };\n\n render() {\n const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = this.props;\n return (\n <Scrollable className={classNames('FilteredList', className, inline ? 'inline' : 'popup')}\n ref={ref('el', this)} style={style} scrollBarMode={scroll}>\n {(data || []).filter(id => id !== false && id != null).map(id => <ItemWrapper\n id={id}\n key={id}\n label={getLabel(labels, id)}\n childComponent={childComponent}\n childProps={childProps}\n element={el => this.elements[id] = el}\n onClick={e => {\n stopPropagation(e);\n this.onSelect(id);\n }}\n onMouseEnter={e => this.setState({selected: id})}\n onMouseLeave={e => id === this.state.selected && this.setState({selected: -1})}\n className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id]) && 'selected')}\n classProvider={it => (this.hidden[id] = !filter(it)) && 'hidden'}\n />)}\n </Scrollable>\n )\n }\n\n onSelect = (id) => {\n this.setState({selected: id});\n this.props.onSelect(id);\n };\n\n selected = () => {\n const {selected: value} = this.state;\n const {selectSingle} = this.props;\n\n\n if (value === -1 || this.hidden[value]) {\n let filtered = this.list.filter(id => !this.hidden[id]);\n if (selectSingle && filtered.length === 1)\n return filtered[0];\n\n return null;\n } else {\n return value;\n }\n };\n\n next = () => {\n const list = this.list;\n const selected = this.state.selected;\n let position = list.findIndex(id => selected === id);\n if (this.hidden[list[position]])\n position = -1;\n\n while (++position < list.length) {\n if (!this.hidden[list[position]])\n break\n }\n if (position < list.length) {\n let id = list[position];\n this.setState({selected: id});\n this.updateScroll(id)\n }\n };\n\n prev = () => {\n const list = this.list;\n const selected = this.state.selected;\n let position = list.findIndex(id => selected === id);\n if (this.hidden[list[position]])\n position = list.length;\n\n while (--position >= 0) {\n if (!this.hidden[list[position]])\n break\n }\n if (position >= 0) {\n let id = list[position];\n this.setState({selected: id});\n this.updateScroll(id)\n }\n };\n\n updateScroll = (id) => {\n let child = this.elements[id];\n let container = this.el;\n const scrollTop = container.getScroll();\n const height = container.getHeight();\n let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;\n if (!isVisible) {\n let scrollToBottom = child.offsetTop + child.clientHeight - height;\n let scrollToTop = child.offsetTop;\n if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {\n container.setScroll(scrollToTop)\n } else {\n container.setScroll(scrollToBottom)\n }\n }\n };\n\n reset = () => {\n this.setState({selected: -1});\n this.el.scrollTop = 0;\n };\n\n scrollTo = (id) => this.el.setScroll(this.elements[id] && this.elements[id].offsetTop);\n}\n\nexport default FilteredList;\n\nclass ItemWrapper extends React.Component {\n render() {\n const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = this.props;\n const child = React.createElement(childComponent, {\n ...childProps,\n id,\n label,\n dataConsumer: (data) => this.data = data,\n });\n\n const cssClass = orNoop(classProvider)(this.data);\n return (\n <div className={classNames('ItemWrapper', cssClass, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseDown={onMouseDown}\n onClick={onClick}\n ref={ref('el', this)}\n >\n {child}\n </div>\n )\n }\n\n componentDidMount() {\n orNoop(this.props.element)(this.el);\n this.forceUpdate();\n }\n}\n"],"names":["getLabel","labels","id","isFunction","FilteredList","props","updateList","data","selected","state","list","includes","setState","onSelect","value","selectSingle","hidden","filtered","filter","length","next","position","findIndex","updateScroll","prev","child","elements","container","el","scrollTop","getScroll","height","getHeight","isVisible","offsetTop","clientHeight","scrollToBottom","scrollToTop","Math","abs","setScroll","reset","scrollTo","orNoop","nextProvider","prevProvider","selectedProvider","resetProvider","prevProps","prevState","snapshot","className","inline","childComponent","childProps","style","scroll","classNames","ref","map","e","stopPropagation","isObject","it","PureComponent","defaultProps","ItemWrapper","label","onClick","onMouseDown","onMouseEnter","onMouseLeave","classProvider","React","createElement","dataConsumer","cssClass","element","forceUpdate","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilteredList.js","sources":["./src/FilteredList.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FilteredList.css'\nimport Scrollable from \"./Scrollable\";\nimport {classNames, orNoop, ref, stopPropagation, isFunction, isObject} from \"./Tools\";\nimport {PureComponent} from \"./ReactConstants\";\n\nexport const getLabel = (labels, id) => isFunction(labels) ? labels(id) : labels[id]\n\nclass FilteredList extends PureComponent {\n\n static defaultProps = {\n data: [],\n labels: {},\n selected: {},\n inline: false,\n selectSingle: true,\n filter: () => true,\n };\n\n constructor(props) {\n super(props);\n this.state = {selected: -1};\n this.hidden = {};\n this.elements = {};\n }\n\n componentDidMount() {\n orNoop(this.props.nextProvider)(this.next);\n orNoop(this.props.prevProvider)(this.prev);\n orNoop(this.props.selectedProvider)(this.selected);\n orNoop(this.props.resetProvider)(this.reset);\n\n this.updateList(this.props)\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (this.props.data === prevProps.data)\n return;\n\n this.updateList(this.props)\n }\n\n updateList = (props) => {\n const {data} = props;\n const {selected} = this.state;\n this.list = data || [];\n\n if (!this.list.includes(selected))\n this.setState({selected: -1})\n };\n\n render() {\n const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = this.props;\n return (\n <Scrollable className={classNames('FilteredList', className, inline ? 'inline' : 'popup')}\n ref={ref('el', this)} style={style} scrollBarMode={scroll}>\n {(data || []).filter(id => id !== false && id != null).map(id => <ItemWrapper\n id={id}\n key={id}\n label={getLabel(labels, id)}\n childComponent={childComponent}\n childProps={childProps}\n element={el => this.elements[id] = el}\n onClick={e => {\n stopPropagation(e);\n this.onSelect(id);\n }}\n onMouseEnter={e => this.setState({selected: id})}\n onMouseLeave={e => id === this.state.selected && this.setState({selected: -1})}\n className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id]) && 'selected')}\n classProvider={it => (this.hidden[id] = !filter(it)) && 'hidden'}\n />)}\n </Scrollable>\n )\n }\n\n onSelect = (id) => {\n this.setState({selected: id});\n this.props.onSelect(id);\n };\n\n selected = () => {\n const {selected: value} = this.state;\n const {selectSingle} = this.props;\n\n\n if (value === -1 || this.hidden[value]) {\n let filtered = this.list.filter(id => !this.hidden[id]);\n if (selectSingle && filtered.length === 1)\n return filtered[0];\n\n return null;\n } else {\n return value;\n }\n };\n\n next = () => {\n const list = this.list;\n const selected = this.state.selected;\n let position = list.findIndex(id => selected === id);\n if (this.hidden[list[position]])\n position = -1;\n\n while (++position < list.length) {\n if (!this.hidden[list[position]])\n break\n }\n if (position < list.length) {\n let id = list[position];\n this.setState({selected: id});\n this.updateScroll(id)\n }\n };\n\n prev = () => {\n const list = this.list;\n const selected = this.state.selected;\n let position = list.findIndex(id => selected === id);\n if (this.hidden[list[position]])\n position = list.length;\n\n while (--position >= 0) {\n if (!this.hidden[list[position]])\n break\n }\n if (position >= 0) {\n let id = list[position];\n this.setState({selected: id});\n this.updateScroll(id)\n }\n };\n\n updateScroll = (id) => {\n let child = this.elements[id];\n let container = this.el;\n const scrollTop = container.getScroll();\n const height = container.getHeight();\n let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;\n if (!isVisible) {\n let scrollToBottom = child.offsetTop + child.clientHeight - height;\n let scrollToTop = child.offsetTop;\n if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {\n container.setScroll(scrollToTop)\n } else {\n container.setScroll(scrollToBottom)\n }\n }\n };\n\n reset = () => {\n this.setState({selected: -1});\n this.el.scrollTop = 0;\n };\n\n scrollTo = (id) => this.el.setScroll(this.elements[id] && this.elements[id].offsetTop);\n}\n\nexport default FilteredList;\n\nclass ItemWrapper extends React.Component {\n render() {\n const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = this.props;\n const child = React.createElement(childComponent, {\n ...childProps,\n id,\n label,\n dataConsumer: (data) => this.data = data,\n });\n\n const cssClass = orNoop(classProvider)(this.data);\n return (\n <div className={classNames('ItemWrapper', cssClass, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseDown={onMouseDown}\n onClick={onClick}\n ref={ref('el', this)}\n >\n {child}\n </div>\n )\n }\n\n componentDidMount() {\n orNoop(this.props.element)(this.el);\n this.forceUpdate();\n }\n}\n"],"names":["getLabel","labels","id","isFunction","FilteredList","props","updateList","data","selected","state","list","includes","setState","onSelect","value","selectSingle","hidden","filtered","filter","length","next","position","findIndex","updateScroll","prev","child","elements","container","el","scrollTop","getScroll","height","getHeight","isVisible","offsetTop","clientHeight","scrollToBottom","scrollToTop","Math","abs","setScroll","reset","scrollTo","orNoop","nextProvider","prevProvider","selectedProvider","resetProvider","prevProps","prevState","snapshot","className","inline","childComponent","childProps","style","scroll","classNames","ref","map","e","stopPropagation","isObject","it","PureComponent","defaultProps","ItemWrapper","label","onClick","onMouseDown","onMouseEnter","onMouseLeave","classProvider","React","createElement","dataConsumer","cssClass","element","forceUpdate","Component"],"mappings":"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"}
|
package/FloatingActionButton.js
CHANGED
|
@@ -7,10 +7,10 @@ import MaterialIcon from './MaterialIcon.js';
|
|
|
7
7
|
|
|
8
8
|
var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
9
9
|
var icon = _ref.icon,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
onClick = _ref[ReactConstants[6]],
|
|
11
|
+
mini = _ref.mini,
|
|
12
|
+
className = _ref[ReactConstants[5]],
|
|
13
|
+
hidden = _ref.hidden;
|
|
14
14
|
return ReactCreateElement(Button, {
|
|
15
15
|
[ReactConstants[6]]: onClick,
|
|
16
16
|
round: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingActionButton.js","sources":["./src/FloatingActionButton.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './FloatingActionButton.css'\nimport Button from \"./Button\";\nimport {classNames} from \"./Tools\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nconst FloatingActionButton = ({icon, onClick, mini, className, hidden}) => {\n return <Button onClick={onClick} round={true} className={classNames(\"FloatingActionButton\", className, mini && 'mini', hidden && 'hidden')}>\n <MaterialIcon icon={icon}/>\n </Button>;\n};\n\nif (window.isNotProductionEnvironment) {\n FloatingActionButton.propTypes = {\n icon: MaterialIcon.propTypes.icon,\n mini: PropTypes.bool,\n hidden: PropTypes.bool,\n };\n}\n\nFloatingActionButton.defaultProps = {\n icon: 'add',\n mini: false,\n hidden: false,\n};\n\nexport default FloatingActionButton;"],"names":["FloatingActionButton","icon","onClick","mini","className","hidden","classNames","window","isNotProductionEnvironment","propTypes","MaterialIcon","PropTypes","bool","defaultProps"],"mappings":";;;;;;;AAQA,IAAMA,oBAAoB,GAAG,SAAvBA,
|
|
1
|
+
{"version":3,"file":"FloatingActionButton.js","sources":["./src/FloatingActionButton.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './FloatingActionButton.css'\nimport Button from \"./Button\";\nimport {classNames} from \"./Tools\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nconst FloatingActionButton = ({icon, onClick, mini, className, hidden}) => {\n return <Button onClick={onClick} round={true} className={classNames(\"FloatingActionButton\", className, mini && 'mini', hidden && 'hidden')}>\n <MaterialIcon icon={icon}/>\n </Button>;\n};\n\nif (window.isNotProductionEnvironment) {\n FloatingActionButton.propTypes = {\n icon: MaterialIcon.propTypes.icon,\n mini: PropTypes.bool,\n hidden: PropTypes.bool,\n };\n}\n\nFloatingActionButton.defaultProps = {\n icon: 'add',\n mini: false,\n hidden: false,\n};\n\nexport default FloatingActionButton;"],"names":["FloatingActionButton","icon","onClick","mini","className","hidden","classNames","window","isNotProductionEnvironment","propTypes","MaterialIcon","PropTypes","bool","defaultProps"],"mappings":";;;;;;;AAQA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAiD,IAAA,EAAA;EAAA,IAA5CC,IAAI,QAAJA,IAAI;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,MAAM,QAANA,MAAM,CAAA;AACjE,EAAA,OAAO,mBAAC,MAAM,EAAA;AAAC,IAAA,OAAO,EAAEH,OAAQ;AAAC,IAAA,KAAK,EAAE,IAAK;AAAC,IAAA,SAAS,EAAEI,UAAU,CAAC,sBAAsB,EAAEF,SAAS,EAAED,IAAI,IAAI,MAAM,EAAEE,MAAM,IAAI,QAAQ,CAAA;AAAE,GAAA,EACvI,mBAAC,YAAY,EAAA;AAAC,IAAA,IAAI,EAAEJ,IAAAA;AAAK,GAAA,CAAE,CACtB,CAAA;AACb,CAAC,CAAA;AAED,IAAIM,MAAM,CAACC,0BAA0B,EAAE;EACnCR,oBAAoB,CAACS,SAAS,GAAG;AAC7BR,IAAAA,IAAI,EAAES,YAAY,CAACD,SAAS,CAACR,IAAI;IACjCE,IAAI,EAAEQ,SAAS,CAACC,IAAI;IACpBP,MAAM,EAAEM,SAAS,CAACC,IAAAA;GACrB,CAAA;AACL,CAAA;AAEAZ,oBAAoB,CAACa,YAAY,GAAG;AAChCZ,EAAAA,IAAI,EAAE,KAAK;AACXE,EAAAA,IAAI,EAAE,KAAK;AACXE,EAAAA,MAAM,EAAE,KAAA;AACZ,CAAC,CAAA;AAED,6BAAeL,oBAAoB;;;;"}
|
package/FormUploadProgress.js
CHANGED
|
@@ -15,12 +15,12 @@ var defaultValueFormat = function defaultValueFormat(value, loaded, total) {
|
|
|
15
15
|
};
|
|
16
16
|
var FormUploadProgress = function FormUploadProgress(_ref) {
|
|
17
17
|
var value = __value(_ref),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
cancel = _ref.cancel,
|
|
19
|
+
loaded = _ref.loaded,
|
|
20
|
+
total = _ref.total,
|
|
21
|
+
formatValue = _ref.formatValue,
|
|
22
|
+
processingLabel = _ref.processingLabel,
|
|
23
|
+
cancelLabel = _ref.cancelLabel;
|
|
24
24
|
return ReactCreateElement(Animated, {
|
|
25
25
|
value: total > 0
|
|
26
26
|
}, ReactCreateElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUploadProgress.js","sources":["./src/FormUploadProgress.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FormUploadProgress.css'\nimport Button from \"./Button\";\nimport Animated from \"./Animated\";\nimport CircleProgress from \"./CircleProgress\";\nimport SpinningProgress from \"./SpinningProgress\";\nimport {formatAbbreviation, formatNumberWithMaxLength} from \"./Size\";\nimport PropTypes from \"prop-types\";\nimport {preventDefault} from \"./Tools\";\n\n\nconst defaultValueFormat = (value, loaded, total) => {\n if (total == null)\n return Math.floor(Number.isFinite(value) ? value : 0) + '%';\n\n const abbreviation = formatAbbreviation(total);\n return <>\n {formatNumberWithMaxLength(loaded, 1, abbreviation, 4)}\n /\n {formatNumberWithMaxLength(total, 1, abbreviation, 4)}\n <br/>\n {abbreviation}\n </>\n};\n\nconst FormUploadProgress = ({\n value,\n cancel,\n loaded,\n total,\n formatValue,\n processingLabel,\n cancelLabel,\n }) => {\n return (\n <Animated value={total > 0}>\n <div className=\"FormUploadProgress\">\n <div className=\"wrapper\">\n <div className=\"progress\">\n {loaded === total && <SpinningProgress/>}\n {loaded !== total && <CircleProgress value={value}/>}\n <div className={'value'}>{formatValue(value, loaded, total)}</div>\n </div>\n {cancel && <Button className={\"cancel\"} disabled={loaded === total} onClick={e => {\n preventDefault(e);\n cancel();\n }}>\n {loaded === total && processingLabel}\n {loaded !== total && cancelLabel}\n </Button>}\n </div>\n </div>\n </Animated>\n );\n};\n\nFormUploadProgress.defaultProps = {\n value: 0,\n formatValue: defaultValueFormat,\n};\n\nif (window.isNotProductionEnvironment) {\n FormUploadProgress.propTypes = {\n value: PropTypes.number,\n loaded: PropTypes.number,\n total: PropTypes.number,\n formatValue: PropTypes.func,\n processingLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n cancelLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n cancel: PropTypes.func,\n };\n}\n\nexport default FormUploadProgress;\n"],"names":["defaultValueFormat","value","loaded","total","Math","floor","Number","isFinite","abbreviation","formatAbbreviation","formatNumberWithMaxLength","FormUploadProgress","cancel","formatValue","processingLabel","cancelLabel","e","preventDefault","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","number","func","oneOfType","string","element"],"mappings":";;;;;;;;;;AAYA,IAAMA,kBAAkB,GAAG,SAArBA,
|
|
1
|
+
{"version":3,"file":"FormUploadProgress.js","sources":["./src/FormUploadProgress.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FormUploadProgress.css'\nimport Button from \"./Button\";\nimport Animated from \"./Animated\";\nimport CircleProgress from \"./CircleProgress\";\nimport SpinningProgress from \"./SpinningProgress\";\nimport {formatAbbreviation, formatNumberWithMaxLength} from \"./Size\";\nimport PropTypes from \"prop-types\";\nimport {preventDefault} from \"./Tools\";\n\n\nconst defaultValueFormat = (value, loaded, total) => {\n if (total == null)\n return Math.floor(Number.isFinite(value) ? value : 0) + '%';\n\n const abbreviation = formatAbbreviation(total);\n return <>\n {formatNumberWithMaxLength(loaded, 1, abbreviation, 4)}\n /\n {formatNumberWithMaxLength(total, 1, abbreviation, 4)}\n <br/>\n {abbreviation}\n </>\n};\n\nconst FormUploadProgress = ({\n value,\n cancel,\n loaded,\n total,\n formatValue,\n processingLabel,\n cancelLabel,\n }) => {\n return (\n <Animated value={total > 0}>\n <div className=\"FormUploadProgress\">\n <div className=\"wrapper\">\n <div className=\"progress\">\n {loaded === total && <SpinningProgress/>}\n {loaded !== total && <CircleProgress value={value}/>}\n <div className={'value'}>{formatValue(value, loaded, total)}</div>\n </div>\n {cancel && <Button className={\"cancel\"} disabled={loaded === total} onClick={e => {\n preventDefault(e);\n cancel();\n }}>\n {loaded === total && processingLabel}\n {loaded !== total && cancelLabel}\n </Button>}\n </div>\n </div>\n </Animated>\n );\n};\n\nFormUploadProgress.defaultProps = {\n value: 0,\n formatValue: defaultValueFormat,\n};\n\nif (window.isNotProductionEnvironment) {\n FormUploadProgress.propTypes = {\n value: PropTypes.number,\n loaded: PropTypes.number,\n total: PropTypes.number,\n formatValue: PropTypes.func,\n processingLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n cancelLabel: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n cancel: PropTypes.func,\n };\n}\n\nexport default FormUploadProgress;\n"],"names":["defaultValueFormat","value","loaded","total","Math","floor","Number","isFinite","abbreviation","formatAbbreviation","formatNumberWithMaxLength","FormUploadProgress","cancel","formatValue","processingLabel","cancelLabel","e","preventDefault","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","number","func","oneOfType","string","element"],"mappings":"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"}
|
package/ImageGallery.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { createClass as _createClass,
|
|
1
|
+
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import { createClass as _createClass, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, toConsumableArray as _toConsumableArray, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './ImageGallery.css'; import React from 'react';
|
|
3
3
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
4
4
|
import Animated from './Animated.js';
|
|
5
5
|
import Button from './Button.js';
|
|
6
6
|
import SpinningProgress from './SpinningProgress.js';
|
|
7
|
-
import { UNDEFINED, setTimeout, addEventListener,
|
|
7
|
+
import { UNDEFINED, DOCUMENT, WINDOW, setTimeout, addEventListener, removeEventListener, classNames, orNoop, preventDefault, isDifferent, debounce, stopPropagation, createRef } from './Tools.js';
|
|
8
8
|
import MaterialIcon from './MaterialIcon.js';
|
|
9
9
|
import { stateGSs, componentDidUpdate, componentDidMount, componentWillUnmount, render, propsGetter } from './ReactConstants.js';
|
|
10
10
|
|
|
@@ -362,12 +362,12 @@ var ImageGallery = function (_React$Component) {
|
|
|
362
362
|
var that = _assertThisInitialized(_this);
|
|
363
363
|
that.state = {};
|
|
364
364
|
var _stateGSs = stateGSs(that, 5),
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
365
|
+
_stateGSs2 = _slicedToArray(_stateGSs, 5),
|
|
366
|
+
shift = _stateGSs2[0],
|
|
367
|
+
index = _stateGSs2[1],
|
|
368
|
+
previous = _stateGSs2[2],
|
|
369
|
+
zoomed = _stateGSs2[3],
|
|
370
|
+
previewScroll = _stateGSs2[4];
|
|
371
371
|
var props = propsGetter(that);
|
|
372
372
|
that[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
|
|
373
373
|
if (props().open !== prevProps.open && !props().open) {
|
|
@@ -410,18 +410,15 @@ var ImageGallery = function (_React$Component) {
|
|
|
410
410
|
};
|
|
411
411
|
var onKeyDown = function onKeyDown(e) {
|
|
412
412
|
var keyCode = e.keyCode;
|
|
413
|
-
if (keyCode === 37
|
|
414
|
-
) {
|
|
413
|
+
if (keyCode === 37 ) {
|
|
415
414
|
left();
|
|
416
415
|
preventDefault(e);
|
|
417
416
|
}
|
|
418
|
-
if (keyCode === 39
|
|
419
|
-
) {
|
|
417
|
+
if (keyCode === 39 ) {
|
|
420
418
|
right();
|
|
421
419
|
preventDefault(e);
|
|
422
420
|
}
|
|
423
|
-
if (keyCode === 27
|
|
424
|
-
&& !props().embedded) {
|
|
421
|
+
if (keyCode === 27 && !props().embedded) {
|
|
425
422
|
onClose();
|
|
426
423
|
preventDefault(e);
|
|
427
424
|
}
|
|
@@ -438,8 +435,7 @@ var ImageGallery = function (_React$Component) {
|
|
|
438
435
|
var touchpadStarted = null;
|
|
439
436
|
var onKeyUp = function onKeyUp(e) {
|
|
440
437
|
var keyCode = e.keyCode;
|
|
441
|
-
if (touchpadStarted && keyCode === 17
|
|
442
|
-
&& zoomed() && zoomValue < 1) {
|
|
438
|
+
if (touchpadStarted && keyCode === 17 && zoomed() && zoomValue < 1) {
|
|
443
439
|
resetZoom();
|
|
444
440
|
}
|
|
445
441
|
};
|
|
@@ -595,7 +591,7 @@ var ImageGallery = function (_React$Component) {
|
|
|
595
591
|
};
|
|
596
592
|
var scrollTo = function scrollTo(i, prev) {
|
|
597
593
|
var _props = props(),
|
|
598
|
-
|
|
594
|
+
previews = _props.previews;
|
|
599
595
|
index(i);
|
|
600
596
|
previous(prev);
|
|
601
597
|
previewScroll(calculatePreviewsScroll(i, previews.images.length, __width(previews)));
|
|
@@ -612,7 +608,7 @@ var ImageGallery = function (_React$Component) {
|
|
|
612
608
|
preventDefault(e);
|
|
613
609
|
stopPropagation(e);
|
|
614
610
|
var _props2 = props(),
|
|
615
|
-
|
|
611
|
+
images = _props2.images;
|
|
616
612
|
var indexValue = index() !== UNDEFINED ? index() : props().index;
|
|
617
613
|
if (indexValue < __length(images) - 1) scrollTo(indexValue + 1, indexValue);else if (props().loop) scrollTo(0, indexValue);
|
|
618
614
|
};
|
|
@@ -632,17 +628,17 @@ var ImageGallery = function (_React$Component) {
|
|
|
632
628
|
};
|
|
633
629
|
that[ReactConstants[3]] = function () {
|
|
634
630
|
var _props3 = props(),
|
|
635
|
-
|
|
631
|
+
open = _props3.open;
|
|
636
632
|
var _props4 = props(),
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
633
|
+
_props4$images = _props4.images,
|
|
634
|
+
images = _props4$images === void 0 ? [] : _props4$images,
|
|
635
|
+
_props4$previews = _props4.previews,
|
|
636
|
+
previews = _props4$previews === void 0 ? {} : _props4$previews,
|
|
637
|
+
indicator = _props4.indicator,
|
|
638
|
+
embedded = _props4.embedded,
|
|
639
|
+
loop = _props4.loop,
|
|
640
|
+
_onClick = _props4[ReactConstants[6]],
|
|
641
|
+
children = _props4[ReactConstants[4]];
|
|
646
642
|
var indexValue = index() !== UNDEFINED ? index() : props().index;
|
|
647
643
|
var length = __length(images);
|
|
648
644
|
var isZoomed = zoomed();
|