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 gulp = require('gulp');
var print = require('gulp-print');
var print = require('gulp-print').default;
var cache = require('gulp-cached');
var livereload = require('gulp-livereload');
var paths = require('./helpers/paths.js');

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

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

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

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

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

@ -39,7 +39,7 @@ class Link extends Component {
let el = component;
if (to) {
if (/\w+?:\/\//.test(to)) {
if ((/\w+?:\/\//).test(to)) {
el = 'a';
linkProps.href = to;
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 styles from './VirtualTableBody.css';
class VirtualTableBody extends Grid {
class VirtualTableBody extends Component {
//
// 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 (
<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;

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

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

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

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

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