@adaptabletools/adaptable 10.0.2 → 10.0.4-canary.2

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const renderWithAdaptableContext_1 = require("../../../View/renderWithAdaptableContext");
 const InternalAdaptableNumberEditor_1 = require("./InternalAdaptableNumberEditor");
+const all_modules_1 = require("@ag-grid-community/all-modules");
 /**
  * Used by default for all `abColDefNumber` columns.
  *
@@ -39,7 +40,7 @@ class AdaptableNumberEditor {
         };
     }
     init(params) {
-        this.value = params.value;
+        this.value = this.shouldClearExistingValue(params) ? '' : params.value;
         this.params = params;
         this.columnId = params.column.getColId();
         const { valueParser } = params.column.getColDef();
@@ -71,7 +72,8 @@ class AdaptableNumberEditor {
     afterGuiAttached() {
         var _a, _b;
         const adaptable = this.params.api.__adaptable;
-        const editorElement = (React.createElement(InternalAdaptableNumberEditor_1.InternalAdaptableNumberEditor, { defaultValue: this.params.value, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : true, emptyValue: (_b = this.params.emptyValue) !== null && _b !== void 0 ? _b : '', onValueChange: this.onValueChange, ref: (editor) => {
+        const defaultValue = this.shouldClearExistingValue(this.params) ? '' : this.params.value;
+        const editorElement = (React.createElement(InternalAdaptableNumberEditor_1.InternalAdaptableNumberEditor, { defaultValue: defaultValue, showClearButton: (_a = this.params.showClearButton) !== null && _a !== void 0 ? _a : true, emptyValue: (_b = this.params.emptyValue) !== null && _b !== void 0 ? _b : '', onValueChange: this.onValueChange, ref: (editor) => {
                 this.editor = editor;
                 editor === null || editor === void 0 ? void 0 : editor.focus();
             } }));
@@ -90,5 +92,8 @@ class AdaptableNumberEditor {
     destroy() {
         react_dom_1.unmountComponentAtNode(this.el);
     }
+    shouldClearExistingValue(params) {
+        return params.keyPress === all_modules_1.KeyCode.BACKSPACE || params.keyPress === all_modules_1.KeyCode.DELETE;
+    }
 }
 exports.AdaptableNumberEditor = AdaptableNumberEditor;

package/src/components/AdaptableFormComponent/AdaptableFormComponent.js

@@ -20,9 +20,9 @@ function AdaptableFormComponentButtons({ formDef, onClick, defaultTone, disabled
             },
         };
         const iconProps = button.icon && Object.assign({}, defaultIconProps, button.icon);
-        let buttonStyle = api.internalApi.getStyleForButton(button, context ? context : { api: api });
-        let buttonLabel = api.internalApi.getLabelForButton(button, context ? context : { api: api });
-        let buttonTooltip = api.internalApi.getTooltipForButton(button, context ? context : { api: api });
+        let buttonStyle = api.internalApi.getStyleForButton(button, context ? context : { adaptableApi: api });
+        let buttonLabel = api.internalApi.getLabelForButton(button, context ? context : { adaptableApi: api });
+        let buttonTooltip = api.internalApi.getTooltipForButton(button, context ? context : { adaptableApi: api });
         return (React.createElement(SimpleButton_1.default, { autoFocus: index === 0, disabled: disabledButtons[index], key: index, tooltip: buttonTooltip, tone: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _a !== void 0 ? _a : defaultTone, variant: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant, "data-text": buttonLabel, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, marginLeft: index ? 2 : 0, onClick: () => {
                 onClick(button);
             } },

package/src/components/Dashboard/Dashboard.js

@@ -44,7 +44,7 @@ function Dashboard(props) {
             return null;
         }
         const activeTabTitle = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[activeTabIndex]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : 'Select Toolbar';
-        return (React.createElement(DropdownButton_1.default, { ml: 1, items: React.Children.map(children, (child, index) => ({
+        return (React.createElement(DropdownButton_1.default, { ml: 1, columns: ['label'], items: React.Children.map(children, (child, index) => ({
                 value: String(index),
                 label: child.props.title,
                 onClick: () => setActiveTabIndex(index),

package/src/components/Datepicker/DatepickerContext.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 export declare const DatepickerContext: React.Context<{
-    onHide?: VoidFunction;
+    onHide?: (keyboardEventKey?: string) => void;
     onShow?: VoidFunction;
     showClearButton?: boolean;
 }>;
 export declare const useDatepickerContext: () => {
-    onHide?: VoidFunction;
+    onHide?: (keyboardEventKey?: string) => void;
     onShow?: VoidFunction;
     showClearButton?: boolean;
 };

package/src/components/Datepicker/index.js

@@ -57,19 +57,23 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     };
     const inputValue = (_a = FormatHelper_1.DateFormatter(value, { Pattern: dateProps.format })) !== null && _a !== void 0 ? _a : '';
     const [visible, doSetVisible] = react_1.useState(false);
-    const setVisible = (visible) => {
+    const setVisible = (visible, keyboardEventKey) => {
         var _a, _b;
         doSetVisible(visible);
         if (!visible) {
-            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext);
+            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext, keyboardEventKey);
         }
         else {
             (_b = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onShow) === null || _b === void 0 ? void 0 : _b.call(datepickerContext);
         }
     };
+    const clearValue = () => {
+        updateValue(undefined);
+    };
     const renderButton = (label, onClick) => (React.createElement(SimpleButton_1.default, { onClick: onClick, margin: '2px' }, label));
     const todayDate = new Date();
     const footerButtonsMap = {
+        clear: renderButton('Clear', () => clearValue()),
         close: renderButton('Close', () => setVisible(false)),
         today: renderButton('Today', () => updateValue(todayDate)),
         tomorrow: renderButton('Tomorrow', () => updateValue(addDays_1.default(todayDate, 1))),
@@ -82,12 +86,12 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     const footerButtons = datepickerButtons.map((buttonKey, index) => React.cloneElement(footerButtonsMap[buttonKey], { key: index }));
     const clearButton = showClearButton ? (React.createElement(SimpleButton_1.default, { "data-name": "clear", variant: "text", tooltip: "Clear", iconSize: 20, padding: 0, icon: "clear", onMouseDown: (e) => {
             e.preventDefault();
-            updateValue(undefined);
+            clearValue();
         }, accessLevel: 'Full' })) : null;
     const calendarButton = (React.createElement(SimpleButton_1.default, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
     return (React.createElement(OverlayTrigger_1.default, { visible: visible, alignHorizontal: 'left', render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
-                if (e.key === 'Escape') {
-                    setVisible(false);
+                if (e.key === 'Escape' || e.key === 'Enter') {
+                    setVisible(false, e.key);
                 }
             } },
             React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },

package/src/components/DropdownButton/index.js

@@ -17,7 +17,7 @@ const defaultListItemStyle = {
     padding: 'var(--ab-cmp-dropdownbutton-list-item__padding)',
 };
 const DropdownButton = React.forwardRef((props, ref) => {
-    let { columns, overlayProps, listOffset = 10, collapseOnItemClick = true, focusOnClear = true, idProperty = 'id', isItemDisabled, items, children, listMinWidth = 100, listStyle, listItemStyle, listItemClassName, constrainTo, showClearButton = false, onClear, clearButtonProps } = props, domProps = tslib_1.__rest(props, ["columns", "overlayProps", "listOffset", "collapseOnItemClick", "focusOnClear", "idProperty", "isItemDisabled", "items", "children", "listMinWidth", "listStyle", "listItemStyle", "listItemClassName", "constrainTo", "showClearButton", "onClear", "clearButtonProps"]);
+    let { columns, overlayProps, listOffset = 10, collapseOnItemClick = true, focusOnClear = true, idProperty = 'id', isItemDisabled, items, children, listMinWidth = 100, listStyle, listItemStyle, listItemClassName, constrainTo, showClearButton = false, onClear, clearButtonProps, onExpand, onCollapse } = props, domProps = tslib_1.__rest(props, ["columns", "overlayProps", "listOffset", "collapseOnItemClick", "focusOnClear", "idProperty", "isItemDisabled", "items", "children", "listMinWidth", "listStyle", "listItemStyle", "listItemClassName", "constrainTo", "showClearButton", "onClear", "clearButtonProps", "onExpand", "onCollapse"]);
     isItemDisabled = isItemDisabled || ((item) => item.disabled);
     if (!columns) {
         columns = ['icon', 'label'];

package/src/components/ExpressionEditor/index.js

@@ -47,7 +47,7 @@ function ExpressionEditor(props) {
     // currently only boolean and scalar expressions support nested calculated columns (calc cols which reference other calc cols)
     const queryableColumns = type === 'scalar' || type === 'boolean'
         ? props.columns
-        : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.ColumnId));
+        : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.columnId));
     const dataTableEditor = (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start", style: { marginTop: 2 } },
             React.createElement(CheckBox_1.CheckBox, { checked: showColumnIds, onChange: (checked) => setShowColumnIds(checked), style: {
@@ -56,16 +56,16 @@ function ExpressionEditor(props) {
                     paddingTop: 'var(--ab-space-1)',
                     paddingBottom: 'var(--ab-space-1)',
                 } }, 'Show Column IDs')),
-        React.createElement(FormLayout_1.default, { className: "ab-ExpressionEditor__columns", gridColumnGap: "var(--ab-space-1)", gridRowGap: "var(--ab-space-1)", sizes: ['auto', '100px'], style: { alignItems: 'stretch' } }, queryableColumns.map((column) => (React.createElement(FormLayout_1.FormRow, { key: column.ColumnId, label: React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {
+        React.createElement(FormLayout_1.default, { className: "ab-ExpressionEditor__columns", gridColumnGap: "var(--ab-space-1)", gridRowGap: "var(--ab-space-1)", sizes: ['auto', '100px'], style: { alignItems: 'stretch' } }, queryableColumns.map((column) => (React.createElement(FormLayout_1.FormRow, { key: column.columnId, label: React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {
                     background: 'var(--ab-color-primary)',
                     cursor: 'grab',
                     marginRight: 'var(--ab-space-1)',
-                }, data: `[${column.ColumnId}]`, "data-name": "column", icon: "drag" },
-                React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start" }, showColumnIds ? `[${column.ColumnId}]` : column.FriendlyName)) }, column.DataType === 'Number' ? (React.createElement(Input_1.default, { type: "number", "data-name": "column-input", value: data[column.ColumnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.ColumnId]: Number(e.target.value) })), width: "100%", disabled: column.ReadOnly })) : column.DataType === 'String' ? (React.createElement(Input_1.default, { type: "text", "data-name": "column-input", value: data[column.ColumnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.ColumnId]: e.target.value })), width: "100%", disabled: column.ReadOnly })) : column.DataType === 'Date' ? (React.createElement(AdaptableInput_1.default, { type: "date", "data-name": "column-input", value: data[column.ColumnId] && DateHelper_1.isValueValidDate(data[column.ColumnId])
-                ? new Date(data[column.ColumnId]).toISOString().substr(0, 10)
+                }, data: `[${column.columnId}]`, "data-name": "column", icon: "drag" },
+                React.createElement(rebass_1.Flex, { flexDirection: "column", alignItems: "start" }, showColumnIds ? `[${column.columnId}]` : column.friendlyName)) }, column.dataType === 'Number' ? (React.createElement(Input_1.default, { type: "number", "data-name": "column-input", value: data[column.columnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: Number(e.target.value) })), width: "100%", disabled: column.readOnly })) : column.dataType === 'String' ? (React.createElement(Input_1.default, { type: "text", "data-name": "column-input", value: data[column.columnId], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: e.target.value })), width: "100%", disabled: column.readOnly })) : column.dataType === 'Date' ? (React.createElement(AdaptableInput_1.default, { type: "date", "data-name": "column-input", value: data[column.columnId] && DateHelper_1.isValueValidDate(data[column.columnId])
+                ? new Date(data[column.columnId]).toISOString().substr(0, 10)
                 : '', onChange: (e) => {
-                setData(Object.assign(Object.assign({}, data), { [column.ColumnId]: new Date(e.target.value) }));
-            }, style: { width: '100%' }, disabled: column.ReadOnly })) : column.DataType === 'Boolean' ? (React.createElement(CheckBox_1.CheckBox, { "data-name": "column-input", checked: data[column.ColumnId], onChange: (checked) => setData(Object.assign(Object.assign({}, data), { [column.ColumnId]: checked })), disabled: column.ReadOnly })) : null))))));
+                setData(Object.assign(Object.assign({}, data), { [column.columnId]: new Date(e.target.value) }));
+            }, style: { width: '100%' }, disabled: column.readOnly })) : column.dataType === 'Boolean' ? (React.createElement(CheckBox_1.CheckBox, { "data-name": "column-input", checked: data[column.columnId], onChange: (checked) => setData(Object.assign(Object.assign({}, data), { [column.columnId]: checked })), disabled: column.readOnly })) : null))))));
     const namedQueries = (React.createElement("div", null, props.namedQueries.map((namedQuery) => (React.createElement(rebass_1.Flex, { key: namedQuery.Uuid, flexDirection: "column", alignItems: "start", style: { padding: 3, marginTop: 'var(--ab-space-2)', marginBottom: 'var(--ab-space-2)' }, backgroundColor: "primarylight" },
         ' ',
         React.createElement(EditorButton_1.default, { width: "100%", height: "100%", style: {

package/src/components/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const LoaderSpinner: React.FunctionComponent<{
+    style?: React.CSSProperties;
+}>;
+export declare const Loader: React.FunctionComponent<{
+    style?: React.CSSProperties;
+}>;

package/src/components/Loader/Loader.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.LoaderSpinner = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.LoaderSpinner = (props) => {
+    return React.createElement("div", { style: props.style, className: "ab-Loader__Spinner" });
+};
+exports.Loader = (props) => {
+    return (React.createElement("div", { style: props.style, className: "ab-Loader" },
+        React.createElement(exports.LoaderSpinner, null),
+        React.createElement("span", { className: "ab-Loader__text" }, props.children)));
+};

package/src/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export { LoaderSpinner } from './Loader';

package/src/components/Loader/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderSpinner = exports.Loader = void 0;
+var Loader_1 = require("./Loader");
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
+var Loader_2 = require("./Loader");
+Object.defineProperty(exports, "LoaderSpinner", { enumerable: true, get: function () { return Loader_2.LoaderSpinner; } });

package/src/components/Modal/index.d.ts

@@ -6,4 +6,4 @@ export interface ModalProps extends FlexProps {
     backdropZIndexOffset?: number;
     onBringToFront?: () => void;
 }
-export declare const Modal: (props: ModalProps) => React.ReactPortal;
+export declare const Modal: React.FunctionComponent<ModalProps>;

package/src/components/OverlayTrigger/index.js

@@ -15,7 +15,7 @@ const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
 const utils_1 = require("./utils");
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
-const useVendorClassName_1 = tslib_1.__importDefault(require("./useVendorClassName"));
+const useAgGridClassName_1 = tslib_1.__importDefault(require("./useAgGridClassName"));
 const contains_1 = tslib_1.__importDefault(require("../utils/contains"));
 const UIHelper_1 = require("../../View/UIHelper");
 exports.getConstrainRect = (target, constrainTo) => {
@@ -133,7 +133,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         };
     }, [props.visible, showEvent, hideEvent, onShow, onHide]);
     let overlay;
-    const vendorClassName = useVendorClassName_1.default([visible]);
+    const agGridClassName = useAgGridClassName_1.default([visible]);
     if (targetRect) {
         const overlayTarget = targetRef.current;
         alignHorizontal =
@@ -163,7 +163,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
                     node.addEventListener(showEvent, onShow);
                     node.addEventListener(hideEvent, onHide);
                 }
-            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', vendorClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
+            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', agGridClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
     }
     return (React.createElement(React.Fragment, null,
         props.children,

package/src/components/OverlayTrigger/useAgGridClassName.d.ts

@@ -0,0 +1,2 @@
+declare const useAgGridClassName: (deps?: any[]) => string;
+export default useAgGridClassName;

package/src/components/OverlayTrigger/{useVendorClassName.js → useAgGridClassName.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
-const useVendorClassName = (deps = []) => {
+const useAgGridClassName = (deps = []) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     return react_1.useMemo(() => {
         if (adaptable) {
-            return adaptable.getVendorGridCurrentThemeName();
+            return adaptable.getAgGridCurrentThemeName();
         }
         return '';
     }, deps);
 };
-exports.default = useVendorClassName;
+exports.default = useAgGridClassName;

package/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ProgressIndicator: React.FunctionComponent;

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressIndicator = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const react_1 = require("react");
+const Loader_1 = require("../Loader");
+const AdaptableContext_1 = require("../../View/AdaptableContext");
+exports.ProgressIndicator = () => {
+    const { active, label } = react_redux_1.useSelector((state) => state.System.ProgressIndicator);
+    const [visible, setVisible] = react_1.useState(false);
+    const [progressIndicatorCoordinates, setProgressIndicatorCoordinates] = react_1.useState({
+        top: 0,
+        left: 0,
+        height: 0,
+        width: 0,
+    });
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptableContainerRef = react_1.useRef(adaptable.getAdaptableContainerElement());
+    const gridContainerRef = react_1.useRef(adaptable.getAgGridContainerElement());
+    const disableAdaptableGrid = (elemRef, disabled) => {
+        const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
+        if (!elemRef.current) {
+            return;
+        }
+        if (disabled) {
+            elemRef.current.classList.add(DISABLING_CSS_CLASS);
+        }
+        else {
+            elemRef.current.classList.remove(DISABLING_CSS_CLASS);
+        }
+    };
+    const updateGridContainerCoordinates = () => {
+        if (!gridContainerRef.current) {
+            return;
+        }
+        const { top, left, height, width } = gridContainerRef.current.getBoundingClientRect();
+        setProgressIndicatorCoordinates({ top, left, height, width });
+    };
+    react_1.useEffect(() => {
+        disableAdaptableGrid(adaptableContainerRef, active);
+        disableAdaptableGrid(gridContainerRef, active);
+        updateGridContainerCoordinates();
+        // without RAF the progress indicator would be rendered instantly, without the 'transition-delay' defined via CSS
+        requestAnimationFrame(() => {
+            setVisible(active);
+        });
+    }, [active]);
+    return (React.createElement(React.Fragment, null, active && (React.createElement("div", { className: `ab-progress-indicator-wrapper ${visible ? 'ab-progress-indicator-wrapper--visible' : ''}`, style: progressIndicatorCoordinates },
+        React.createElement("div", { className: "ab-progress-indicator-body" },
+            React.createElement(Loader_1.LoaderSpinner, null),
+            React.createElement("span", { style: { marginLeft: 'var(--ab-space-2)' } }, label))))));
+};

package/src/components/icons/index.js

@@ -82,6 +82,7 @@ const check_box_outline_1 = tslib_1.__importDefault(require("./check-box-outline
 const boolean_list_1 = tslib_1.__importDefault(require("./boolean-list"));
 const tab_unselected_1 = tslib_1.__importDefault(require("./tab-unselected"));
 const cloud_upload_1 = tslib_1.__importDefault(require("./cloud-upload"));
+const upload_1 = tslib_1.__importDefault(require("./upload"));
 const ipushpull_1 = tslib_1.__importDefault(require("./ipushpull"));
 const folder_open_1 = tslib_1.__importDefault(require("./folder-open"));
 const folder_1 = tslib_1.__importDefault(require("./folder"));
@@ -218,6 +219,7 @@ const allIcons = {
     'info-sign': info_1.default,
     add: plus_1.default,
     'cloud-upload': cloud_upload_1.default,
+    upload: upload_1.default,
     ipushpull: ipushpull_1.default,
     'folder-open': folder_open_1.default,
     'folder-shared': folder_shared_1.default,

package/src/components/icons/upload.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/upload.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }),
+    ' '));