New: Various UI Package Updates

pull/496/head
Qstick 6 years ago
parent 9611df7e9e
commit b8511f039a

@ -1,6 +1,6 @@
var path = require('path'); var path = require('path');
var gulp = require('gulp'); var gulp = require('gulp');
var print = require('gulp-print'); var print = require('gulp-print').default;
var cache = require('gulp-cached'); var cache = require('gulp-cached');
var livereload = require('gulp-livereload'); var livereload = require('gulp-livereload');
var paths = require('./helpers/paths.js'); var paths = require('./helpers/paths.js');

@ -1,5 +1,5 @@
var gulp = require('gulp'); var gulp = require('gulp');
var print = require('gulp-print'); var print = require('gulp-print').default;
var paths = require('./helpers/paths.js'); var paths = require('./helpers/paths.js');
gulp.task('imageMin', () => { gulp.task('imageMin', () => {

@ -1,13 +1,13 @@
var gulp = require('gulp'); const gulp = require('gulp');
var livereload = require('gulp-livereload'); const livereload = require('gulp-livereload');
var watch = require('gulp-watch'); const watch = require('gulp-watch');
var paths = require('./helpers/paths.js'); const paths = require('./helpers/paths.js');
require('./copy.js'); require('./copy.js');
require('./webpack.js'); require('./webpack.js');
function watchTask(glob, task) { function watchTask(glob, task) {
var options = { const options = {
name: `watch: ${task}`, name: `watch: ${task}`,
verbose: true verbose: true
}; };
@ -17,11 +17,11 @@ function watchTask(glob, task) {
} }
gulp.task('watch', ['copyHtml', 'copyFonts', 'copyImages', 'copyJs'], () => { gulp.task('watch', ['copyHtml', 'copyFonts', 'copyImages', 'copyJs'], () => {
livereload.listen(); livereload.listen({ start: true });
gulp.start('webpackWatch'); gulp.start('webpackWatch');
watchTask(paths.src.html, 'copyHtml'); watchTask(paths.src.html, 'copyHtml');
watchTask(paths.src.fonts + '**/*.*', 'copyFonts'); watchTask(`${paths.src.fonts}**/*.*`, 'copyFonts');
watchTask(paths.src.images + '**/*.*', 'copyImages'); watchTask(`${paths.src.images}**/*.*`, 'copyImages');
}); });

@ -1,4 +1,3 @@
import _ from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { Component } from 'react'; import React, { Component } from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';

@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component } from 'react'; import React, { Component } from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { createSelector } from 'reselect'; import { createSelector } from 'reselect';
import queryString from 'query-string'; import parseUrl from 'Utilities/String/parseUrl';
import { lookupArtist, clearAddArtist } from 'Store/Actions/addArtistActions'; import { lookupArtist, clearAddArtist } from 'Store/Actions/addArtistActions';
import { fetchRootFolders } from 'Store/Actions/rootFolderActions'; import { fetchRootFolders } from 'Store/Actions/rootFolderActions';
import AddNewArtist from './AddNewArtist'; import AddNewArtist from './AddNewArtist';
@ -12,10 +12,10 @@ function createMapStateToProps() {
(state) => state.addArtist, (state) => state.addArtist,
(state) => state.routing.location, (state) => state.routing.location,
(addArtist, location) => { (addArtist, location) => {
const query = queryString.parse(location.search); const { params } = parseUrl(location.search);
return { return {
term: query.term, term: params.term,
...addArtist ...addArtist
}; };
} }

@ -1,6 +1,6 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React from 'react'; import React from 'react';
import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { kinds } from 'Helpers/Props'; import { kinds } from 'Helpers/Props';
import classNames from 'classnames'; import classNames from 'classnames';
import styles from './Icon.css'; import styles from './Icon.css';

@ -39,7 +39,7 @@ class Link extends Component {
let el = component; let el = component;
if (to) { if (to) {
if (/\w+?:\/\//.test(to)) { if ((/\w+?:\/\//).test(to)) {
el = 'a'; el = 'a';
linkProps.href = to; linkProps.href = to;
linkProps.target = target || '_blank'; linkProps.target = target || '_blank';

@ -1,48 +1,40 @@
import React from 'react'; import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { Grid } from 'react-virtualized'; import { Grid } from 'react-virtualized';
import styles from './VirtualTableBody.css'; import styles from './VirtualTableBody.css';
class VirtualTableBody extends Grid { class VirtualTableBody extends Component {
// //
// Render // Render
render() { render() {
const {
autoContainerWidth,
containerStyle
} = this.props;
const { isScrolling } = this.state;
const totalColumnsWidth = this._columnSizeAndPositionManager.getTotalSize();
const totalRowsHeight = this._rowSizeAndPositionManager.getTotalSize();
const childrenToDisplay = this._childrenToDisplay;
if (childrenToDisplay.length > 0) {
return (
<div className={styles.tableBodyContainer}>
<div
style={{
width: autoContainerWidth ? 'auto' : totalColumnsWidth,
height: totalRowsHeight,
maxWidth: totalColumnsWidth,
maxHeight: totalRowsHeight,
overflow: 'hidden',
pointerEvents: isScrolling ? 'none' : '',
...containerStyle
}}
>
{childrenToDisplay}
</div>
</div>
);
}
return ( return (
<div /> <Grid
{...this.props}
style={{
boxSizing: undefined,
direction: undefined,
height: undefined,
position: undefined,
willChange: undefined,
overflow: undefined,
width: undefined
}}
containerStyle={{
position: undefined
}}
/>
); );
} }
} }
VirtualTableBody.propTypes = {
className: PropTypes.string.isRequired
};
VirtualTableBody.defaultProps = {
className: styles.tableBodyContainer
};
export default VirtualTableBody; export default VirtualTableBody;

@ -1,95 +1,99 @@
// //
// Regular // Regular
import farBookmark from '@fortawesome/fontawesome-free-regular/faBookmark'; import {
import farCalendar from '@fortawesome/fontawesome-free-regular/faCalendar'; faBookmark as farBookmark,
import farCircle from '@fortawesome/fontawesome-free-regular/faCircle'; faCalendar as farCalendar,
import farClock from '@fortawesome/fontawesome-free-regular/faClock'; faCircle as farCircle,
import farClone from '@fortawesome/fontawesome-free-regular/faClone'; faClock as farClock,
import farDotCircle from '@fortawesome/fontawesome-free-regular/faDotCircle'; faClone as farClone,
import farFile from '@fortawesome/fontawesome-free-regular/faFile'; faDotCircle as farDotCircle,
import farFileArchive from '@fortawesome/fontawesome-free-regular/faFileArchive'; faFile as farFile,
import farFileAudio from '@fortawesome/fontawesome-free-regular/faFileAudio'; faFileArchive as farFileArchive,
import farFolder from '@fortawesome/fontawesome-free-regular/faFolder'; faFileAudio as farFileAudio,
import farObjectGroup from '@fortawesome/fontawesome-free-regular/faObjectGroup'; faFolder as farFolder,
import farHdd from '@fortawesome/fontawesome-free-regular/faHdd'; faObjectGroup as farObjectGroup,
import farKeyboard from '@fortawesome/fontawesome-free-regular/faKeyboard'; faHdd as farHdd,
import farObjectUngroup from '@fortawesome/fontawesome-free-regular/faObjectUngroup'; faKeyboard as farKeyboard,
faObjectUngroup as farObjectUngroup
} from '@fortawesome/free-regular-svg-icons';
// //
// Solid // Solid
import fasArrowCircleLeft from '@fortawesome/fontawesome-free-solid/faArrowCircleLeft'; import {
import fasArrowCircleRight from '@fortawesome/fontawesome-free-solid/faArrowCircleRight'; faArrowCircleLeft as fasArrowCircleLeft,
import fasArrowCircleUp from '@fortawesome/fontawesome-free-solid/faArrowCircleUp'; faArrowCircleRight as fasArrowCircleRight,
import fasBackward from '@fortawesome/fontawesome-free-solid/faBackward'; faArrowCircleUp as fasArrowCircleUp,
import fasBars from '@fortawesome/fontawesome-free-solid/faBars'; faBackward as fasBackward,
import fasBolt from '@fortawesome/fontawesome-free-solid/faBolt'; faBars as fasBars,
import fasBookmark from '@fortawesome/fontawesome-free-solid/faBookmark'; faBolt as fasBolt,
import fasBug from '@fortawesome/fontawesome-free-solid/faBug'; faBookmark as fasBookmark,
import fasCalendarAlt from '@fortawesome/fontawesome-free-solid/faCalendarAlt'; faBug as fasBug,
import fasCaretDown from '@fortawesome/fontawesome-free-solid/faCaretDown'; faCalendarAlt as fasCalendarAlt,
import fasCheck from '@fortawesome/fontawesome-free-solid/faCheck'; faCaretDown as fasCaretDown,
import fasChevronCircleDown from '@fortawesome/fontawesome-free-solid/faChevronCircleDown'; faCheck as fasCheck,
import fasChevronCircleRight from '@fortawesome/fontawesome-free-solid/faChevronCircleRight'; faChevronCircleDown as fasChevronCircleDown,
import fasChevronCircleUp from '@fortawesome/fontawesome-free-solid/faChevronCircleUp'; faChevronCircleRight as fasChevronCircleRight,
import fasCheckCircle from '@fortawesome/fontawesome-free-solid/faCheckCircle'; faChevronCircleUp as fasChevronCircleUp,
import fasCircle from '@fortawesome/fontawesome-free-solid/faCircle'; faCheckCircle as fasCheckCircle,
import fasCloudDownloadAlt from '@fortawesome/fontawesome-free-solid/faCloudDownloadAlt'; faCircle as fasCircle,
import fasCloud from '@fortawesome/fontawesome-free-solid/faCloud'; faCloudDownloadAlt as fasCloudDownloadAlt,
import fasCog from '@fortawesome/fontawesome-free-solid/faCog'; faCloud as fasCloud,
import fasCogs from '@fortawesome/fontawesome-free-solid/faCogs'; faCog as fasCog,
import fasCopy from '@fortawesome/fontawesome-free-solid/faCopy'; faCogs as fasCogs,
import fasDesktop from '@fortawesome/fontawesome-free-solid/faDesktop'; faCopy as fasCopy,
import fasDownload from '@fortawesome/fontawesome-free-solid/faDownload'; faDesktop as fasDesktop,
import fasEllipsisH from '@fortawesome/fontawesome-free-solid/faEllipsisH'; faDownload as fasDownload,
import fasExclamationCircle from '@fortawesome/fontawesome-free-solid/faExclamationCircle'; faEllipsisH as fasEllipsisH,
import fasExclamationTriangle from '@fortawesome/fontawesome-free-solid/faExclamationTriangle'; faExclamationCircle as fasExclamationCircle,
import fasExternalLinkAlt from '@fortawesome/fontawesome-free-solid/faExternalLinkAlt'; faExclamationTriangle as fasExclamationTriangle,
import fasEye from '@fortawesome/fontawesome-free-solid/faEye'; faExternalLinkAlt as fasExternalLinkAlt,
import fasFastBackward from '@fortawesome/fontawesome-free-solid/faFastBackward'; faEye as fasEye,
import fasFastForward from '@fortawesome/fontawesome-free-solid/faFastForward'; faFastBackward as fasFastBackward,
import fasFilter from '@fortawesome/fontawesome-free-solid/faFilter'; faFastForward as fasFastForward,
import fasFolderOpen from '@fortawesome/fontawesome-free-solid/faFolderOpen'; faFilter as fasFilter,
import fasForward from '@fortawesome/fontawesome-free-solid/faForward'; faFolderOpen as fasFolderOpen,
import fasHeart from '@fortawesome/fontawesome-free-solid/faHeart'; faForward as fasForward,
import fasHistory from '@fortawesome/fontawesome-free-solid/faHistory'; faHeart as fasHeart,
import fasHome from '@fortawesome/fontawesome-free-solid/faHome'; faHistory as fasHistory,
import fasInfoCircle from '@fortawesome/fontawesome-free-solid/faInfoCircle'; faHome as fasHome,
import fasLaptop from '@fortawesome/fontawesome-free-solid/faLaptop'; faInfoCircle as fasInfoCircle,
import fasLevelUpAlt from '@fortawesome/fontawesome-free-solid/faLevelUpAlt'; faLaptop as fasLaptop,
import fasMedkit from '@fortawesome/fontawesome-free-solid/faMedkit'; faLevelUpAlt as fasLevelUpAlt,
import fasMinus from '@fortawesome/fontawesome-free-solid/faMinus'; faMedkit as fasMedkit,
import fasPause from '@fortawesome/fontawesome-free-solid/faPause'; faMinus as fasMinus,
import fasPlay from '@fortawesome/fontawesome-free-solid/faPlay'; faPause as fasPause,
import fasPlus from '@fortawesome/fontawesome-free-solid/faPlus'; faPlay as fasPlay,
import fasPowerOff from '@fortawesome/fontawesome-free-solid/faPowerOff'; faPlus as fasPlus,
import fasQuestion from '@fortawesome/fontawesome-free-solid/faQuestion'; faPowerOff as fasPowerOff,
import fasQuestionCircle from '@fortawesome/fontawesome-free-solid/faQuestionCircle'; faQuestion as fasQuestion,
import fasRedoAlt from '@fortawesome/fontawesome-free-solid/faRedoAlt'; faQuestionCircle as fasQuestionCircle,
import fasRetweet from '@fortawesome/fontawesome-free-solid/faRetweet'; faRedoAlt as fasRedoAlt,
import fasRss from '@fortawesome/fontawesome-free-solid/faRss'; faRetweet as fasRetweet,
import fasRocket from '@fortawesome/fontawesome-free-solid/faRocket'; faRss as fasRss,
import fasSave from '@fortawesome/fontawesome-free-solid/faSave'; faRocket as fasRocket,
import fasSearch from '@fortawesome/fontawesome-free-solid/faSearch'; faSave as fasSave,
import fasSignal from '@fortawesome/fontawesome-free-solid/faSignal'; faSearch as fasSearch,
import fasSignoutAlt from '@fortawesome/fontawesome-free-solid/faSignOutAlt'; faSignal as fasSignal,
import fasSitemap from '@fortawesome/fontawesome-free-solid/faSitemap'; faSignoutAlt as fasSignoutAlt,
import fasSpinner from '@fortawesome/fontawesome-free-solid/faSpinner'; faSitemap as fasSitemap,
import fasSort from '@fortawesome/fontawesome-free-solid/faSort'; faSpinner as fasSpinner,
import fasSortDown from '@fortawesome/fontawesome-free-solid/faSortDown'; faSort as fasSort,
import fasSortUp from '@fortawesome/fontawesome-free-solid/faSortUp'; faSortDown as fasSortDown,
import fasStar from '@fortawesome/fontawesome-free-solid/faStar'; faSortUp as fasSortUp,
import fasStop from '@fortawesome/fontawesome-free-solid/faStop'; faStar as fasStar,
import fasSync from '@fortawesome/fontawesome-free-solid/faSync'; faStop as fasStop,
import fasTags from '@fortawesome/fontawesome-free-solid/faTags'; faSync as fasSync,
import fasTh from '@fortawesome/fontawesome-free-solid/faTh'; faTags as fasTags,
import fasThList from '@fortawesome/fontawesome-free-solid/faThList'; faTh as fasTh,
import fasTrashAlt from '@fortawesome/fontawesome-free-solid/faTrashAlt'; faThList as fasThList,
import fasTimes from '@fortawesome/fontawesome-free-solid/faTimes'; faTrashAlt as fasTrashAlt,
import fasTimesCircle from '@fortawesome/fontawesome-free-solid/faTimesCircle'; faTimes as fasTimes,
import fasUser from '@fortawesome/fontawesome-free-solid/faUser'; faTimesCircle as fasTimesCircle,
import fasWrench from '@fortawesome/fontawesome-free-solid/faWrench'; faUser as fasUser,
faWrench as fasWrench
} from '@fortawesome/free-solid-svg-icons';
// //
// Icons // Icons

@ -1,5 +1,3 @@
import _ from 'lodash';
function getMonitoringOptions(monitor) { function getMonitoringOptions(monitor) {
const monitoringOptions = { const monitoringOptions = {
selectedOption: 0, selectedOption: 0,

@ -28,6 +28,8 @@ export default function parseUrl(url) {
if (properties.search) { if (properties.search) {
// Remove leading ? from querystring before parsing. // Remove leading ? from querystring before parsing.
properties.params = qs.parse(properties.search.substring(1)); properties.params = qs.parse(properties.search.substring(1));
} else {
properties.params = {};
} }
return properties; return properties;

@ -17,13 +17,14 @@
"license": "GPL-3.0", "license": "GPL-3.0",
"readmeFilename": "readme.md", "readmeFilename": "readme.md",
"dependencies": { "dependencies": {
"@fortawesome/fontawesome": "1.1.8", "@fortawesome/fontawesome-free": "5.3.1",
"@fortawesome/fontawesome-free-regular": "5.0.13", "@fortawesome/fontawesome-svg-core": "1.2.4",
"@fortawesome/fontawesome-free-solid": "5.0.13", "@fortawesome/free-regular-svg-icons": "5.3.1",
"@fortawesome/react-fontawesome": "0.0.17", "@fortawesome/free-solid-svg-icons": "5.3.1",
"autoprefixer": "7.1.5", "@fortawesome/react-fontawesome": "0.1.3",
"autoprefixer": "9.1.5",
"babel-core": "6.26.3", "babel-core": "6.26.3",
"babel-eslint": "8.0.1", "babel-eslint": "9.0.0",
"babel-loader": "7.1.5", "babel-loader": "7.1.5",
"babel-plugin-transform-class-properties": "6.24.1", "babel-plugin-transform-class-properties": "6.24.1",
"babel-preset-decorators-legacy": "1.0.0", "babel-preset-decorators-legacy": "1.0.0",
@ -31,74 +32,72 @@
"babel-preset-react": "6.24.1", "babel-preset-react": "6.24.1",
"babel-preset-stage-2": "6.24.1", "babel-preset-stage-2": "6.24.1",
"classnames": "2.2.6", "classnames": "2.2.6",
"clipboard": "1.7.1", "clipboard": "2.0.1",
"create-react-class": "^15.6.3", "create-react-class": "15.6.3",
"css-loader": "0.28.9", "css-loader": "0.28.9",
"del": "3.0.0", "del": "3.0.0",
"element-class": "0.2.2", "element-class": "0.2.2",
"esformatter": "0.10.0", "esformatter": "0.10.0",
"eslint": "4.16.0", "eslint": "5.6.0",
"eslint-loader": "1.9.0", "eslint-plugin-filenames": "1.3.2",
"eslint-plugin-filenames": "1.2.0", "eslint-plugin-react": "7.11.1",
"eslint-plugin-react": "7.5.1",
"esprint": "0.4.0", "esprint": "0.4.0",
"extract-text-webpack-plugin": "3.0.2", "extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.11", "file-loader": "1.1.11",
"filesize": "3.5.11", "filesize": "3.6.1",
"gulp": "3.9.1", "gulp": "3.9.1",
"gulp-cached": "1.1.1", "gulp-cached": "1.1.1",
"gulp-clean-css": "3.9.4", "gulp-clean-css": "3.10.0",
"gulp-concat": "2.6.1", "gulp-concat": "2.6.1",
"gulp-declare": "0.3.0", "gulp-declare": "0.3.0",
"gulp-livereload": "3.8.1", "gulp-livereload": "4.0.0",
"gulp-postcss": "7.0.1", "gulp-postcss": "8.0.0",
"gulp-print": "2.0.1", "gulp-print": "5.0.0",
"gulp-sourcemaps": "2.6.4", "gulp-sourcemaps": "2.6.4",
"gulp-stripbom": "1.0.4", "gulp-stripbom": "1.0.4",
"gulp-util": "3.0.8", "gulp-util": "3.0.8",
"gulp-watch": "5.0.1", "gulp-watch": "5.0.1",
"gulp-wrap": "0.13.0", "gulp-wrap": "0.14.0",
"history": "4.7.2", "history": "4.7.2",
"jdu": "1.0.0", "jdu": "1.0.0",
"jquery": "3.3.1", "jquery": "3.3.1",
"loader-utils": "^1.1.0", "loader-utils": "^1.1.0",
"lodash": "4.17.10", "lodash": "4.17.11",
"mobile-detect": "1.4.2", "mobile-detect": "1.4.3",
"moment": "2.20.1", "moment": "2.22.2",
"mousetrap": "1.6.2", "mousetrap": "1.6.2",
"normalize.css": "7.0.0", "normalize.css": "8.0.0",
"postcss-loader": "2.0.10", "postcss-loader": "3.0.0",
"postcss-mixins": "6.2.0", "postcss-mixins": "6.2.0",
"postcss-nested": "3.0.0", "postcss-nested": "4.1.0",
"postcss-simple-vars": "4.1.0", "postcss-simple-vars": "5.0.1",
"prop-types": "15.6.2", "prop-types": "15.6.2",
"qs": "6.5.2", "qs": "6.5.2",
"query-string": "5.0.1",
"raven-for-redux": "1.3.1", "raven-for-redux": "1.3.1",
"raven-js": "3.26.4", "raven-js": "3.27.0",
"react": "16.5.1", "react": "16.5.1",
"react-addons-shallow-compare": "15.6.2", "react-addons-shallow-compare": "15.6.2",
"react-async-script": "0.9.1", "react-async-script": "1.0.0",
"react-autosuggest": "9.3.4", "react-autosuggest": "9.4.1",
"react-custom-scrollbars": "4.2.1", "react-custom-scrollbars": "4.2.1",
"react-dnd": "2.5.4", "react-dnd": "5.0.0",
"react-dnd-html5-backend": "2.5.4", "react-dnd-html5-backend": "5.0.1",
"react-document-title": "2.0.3", "react-document-title": "2.0.3",
"react-dom": "16.5.1", "react-dom": "16.5.1",
"react-google-recaptcha": "0.9.9", "react-google-recaptcha": "1.0.2",
"react-lazyload": "2.3.0", "react-lazyload": "2.3.0",
"react-measure": "1.4.7", "react-measure": "1.4.7",
"react-redux": "5.0.7", "react-redux": "5.0.7",
"react-router-dom": "4.2.2", "react-router-dom": "4.3.1",
"react-router-redux": "5.0.0-alpha.9", "react-router-redux": "5.0.0-alpha.9",
"react-slider": "0.11.2", "react-slider": "0.11.2",
"react-tabs": "2.2.2", "react-tabs": "2.3.0",
"react-tether": "1.0.1", "react-tether": "1.0.1",
"react-text-truncate": "0.12.1", "react-text-truncate": "0.13.1",
"react-virtualized": "9.18.0", "react-virtualized": "9.20.1",
"redux": "4.0.0", "redux": "4.0.0",
"redux-actions": "2.6.1", "redux-actions": "2.6.1",
"redux-batched-actions": "0.3.0", "redux-batched-actions": "0.4.0",
"redux-localstorage": "0.4.1", "redux-localstorage": "0.4.1",
"redux-thunk": "2.3.0", "redux-thunk": "2.3.0",
"require-nocache": "1.0.0", "require-nocache": "1.0.0",
@ -107,13 +106,13 @@
"signalr": "2.3.0", "signalr": "2.3.0",
"streamqueue": "1.1.2", "streamqueue": "1.1.2",
"style-loader": "0.19.1", "style-loader": "0.19.1",
"stylelint": "9.4.0", "stylelint": "9.5.0",
"stylelint-order": "0.8.1", "stylelint-order": "1.0.0",
"tar.gz": "1.0.7", "tar.gz": "1.0.7",
"uglifyjs-webpack-plugin": "1.2.7", "uglifyjs-webpack-plugin": "1.2.7",
"url-loader": "0.6.2", "url-loader": "0.6.2",
"webpack": "3.10.0", "webpack": "3.10.0",
"webpack-stream": "^4.0.0" "webpack-stream": "4.0.3"
}, },
"main": "index.js" "main": "index.js"
} }

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save