@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/components/table/TableSearch.js

@@ -1,20 +1,15 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ClearableInput from '../clearableInput/ClearableInput';
-var TableSearch = function TableSearch(props) {
-  var className = props.className;
-  var wrapperClassNames = classNames('table-toolbar-search', 'input-group', className && className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClassNames
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "input-group-addon"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-search"
-  })), /*#__PURE__*/React.createElement(ClearableInput, props));
-};
-TableSearch.defaultProps = {};
-TableSearch.propTypes = {
-  className: PropTypes.string
-};
-export default TableSearch;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import ClearableInput from '../clearableInput/ClearableInput';
+const TableSearch = props => {
+    const { className } = props;
+    const wrapperClassNames = classNames('table-toolbar-search', 'input-group', className && className);
+    return (_jsxs("div", Object.assign({ className: wrapperClassNames }, { children: [_jsx("span", Object.assign({ className: 'input-group-addon' }, { children: _jsx("span", { className: 'rioglyph rioglyph-search' }) })), _jsx(ClearableInput, Object.assign({}, props))] })));
+};
+TableSearch.defaultProps = {};
+TableSearch.propTypes = {
+    className: PropTypes.string,
+};
+export default TableSearch;

package/components/table/TableSettingsColumnButtons.d.ts

@@ -0,0 +1,28 @@
+export function TableSettingsColumnButtons(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace TableSettingsColumnButtons {
+    namespace defaultProps {
+        const column: string;
+        const index: number;
+        const columnOrder: never[];
+        const openColumnsDetails: {};
+        function onMoveColumn(): undefined;
+        function onOpenDetails(): undefined;
+    }
+    namespace propTypes {
+        const column_1: PropTypes.Validator<string>;
+        export { column_1 as column };
+        const index_1: PropTypes.Validator<number>;
+        export { index_1 as index };
+        const columnOrder_1: PropTypes.Validator<(string | null | undefined)[]>;
+        export { columnOrder_1 as columnOrder };
+        const openColumnsDetails_1: PropTypes.Validator<object>;
+        export { openColumnsDetails_1 as openColumnsDetails };
+        export const disabled: PropTypes.Requireable<boolean>;
+        export const columnDetails: PropTypes.Requireable<object>;
+        const onMoveColumn_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onMoveColumn_1 as onMoveColumn };
+        const onOpenDetails_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onOpenDetails_1 as onOpenDetails };
+    }
+}
+import PropTypes from "prop-types";

package/components/table/TableSettingsColumnButtons.js

@@ -1,67 +1,38 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-export var TableSettingsColumnButtons = function TableSettingsColumnButtons(props) {
-  var column = props.column,
-    index = props.index,
-    columnDetails = props.columnDetails,
-    columnOrder = props.columnOrder,
-    openColumnsDetails = props.openColumnsDetails,
-    disabled = props.disabled,
-    onMoveColumn = props.onMoveColumn,
-    onOpenDetails = props.onOpenDetails;
-  var navButtonBase = classNames('btn btn-muted btn-icon-only btn-sm');
-  var columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');
-  var columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');
-  var toggleIconClassNames = classNames('rioglyph', openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width');
-  return /*#__PURE__*/React.createElement("div", {
-    className: "table-settings-item-item-buttons"
-  }, !disabled && /*#__PURE__*/React.createElement("div", {
-    className: columnUpClasses,
-    onClick: function onClick(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      onMoveColumn(column, index - 1, true);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-arrow-up"
-  })), !disabled && /*#__PURE__*/React.createElement("div", {
-    className: columnDownClasses,
-    onClick: function onClick(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      onMoveColumn(column, index + 1, true);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-arrow-down"
-  })), columnDetails && /*#__PURE__*/React.createElement("div", {
-    className: navButtonBase,
-    onClick: function onClick() {
-      return onOpenDetails(column);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: toggleIconClassNames
-  })));
-};
-TableSettingsColumnButtons.defaultProps = {
-  column: '',
-  index: 0,
-  columnOrder: [],
-  openColumnsDetails: {},
-  onMoveColumn: function onMoveColumn() {
-    return undefined;
-  },
-  onOpenDetails: function onOpenDetails() {
-    return undefined;
-  }
-};
-TableSettingsColumnButtons.propTypes = {
-  column: PropTypes.string.isRequired,
-  index: PropTypes.number.isRequired,
-  columnOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
-  openColumnsDetails: PropTypes.object.isRequired,
-  disabled: PropTypes.bool,
-  columnDetails: PropTypes.object,
-  onMoveColumn: PropTypes.func,
-  onOpenDetails: PropTypes.func
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export const TableSettingsColumnButtons = props => {
+    const { column, index, columnDetails, columnOrder, openColumnsDetails, disabled, onMoveColumn, onOpenDetails } = props;
+    const navButtonBase = classNames('btn btn-muted btn-icon-only btn-sm');
+    const columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');
+    const columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');
+    const toggleIconClassNames = classNames('rioglyph', openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width');
+    return (_jsxs("div", Object.assign({ className: 'table-settings-item-item-buttons' }, { children: [!disabled && (_jsx("div", Object.assign({ className: columnUpClasses, onClick: event => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    onMoveColumn(column, index - 1, true);
+                } }, { children: _jsx("span", { className: 'rioglyph rioglyph-arrow-up' }) }))), !disabled && (_jsx("div", Object.assign({ className: columnDownClasses, onClick: event => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    onMoveColumn(column, index + 1, true);
+                } }, { children: _jsx("span", { className: 'rioglyph rioglyph-arrow-down' }) }))), columnDetails && (_jsx("div", Object.assign({ className: navButtonBase, onClick: () => onOpenDetails(column) }, { children: _jsx("span", { className: toggleIconClassNames }) })))] })));
+};
+TableSettingsColumnButtons.defaultProps = {
+    column: '',
+    index: 0,
+    columnOrder: [],
+    openColumnsDetails: {},
+    onMoveColumn: () => undefined,
+    onOpenDetails: () => undefined,
+};
+TableSettingsColumnButtons.propTypes = {
+    column: PropTypes.string.isRequired,
+    index: PropTypes.number.isRequired,
+    columnOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
+    openColumnsDetails: PropTypes.object.isRequired,
+    disabled: PropTypes.bool,
+    columnDetails: PropTypes.object,
+    onMoveColumn: PropTypes.func,
+    onOpenDetails: PropTypes.func,
+};

package/components/table/TableSettingsColumnDetails.d.ts

@@ -0,0 +1,19 @@
+export function TableSettingsColumnDetails(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace TableSettingsColumnDetails {
+    namespace defaultProps {
+        function onColumnWidthChange(): undefined;
+        function onResetColumnWidth(): undefined;
+    }
+    namespace propTypes {
+        export const column: PropTypes.Validator<string>;
+        export const width: PropTypes.Requireable<number>;
+        export const defaultWidth: PropTypes.Requireable<number>;
+        export const maxWidth: PropTypes.Requireable<number>;
+        export const maxColumnWidth: PropTypes.Validator<number>;
+        const onColumnWidthChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onColumnWidthChange_1 as onColumnWidthChange };
+        const onResetColumnWidth_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onResetColumnWidth_1 as onResetColumnWidth };
+    }
+}
+import PropTypes from "prop-types";

package/components/table/TableSettingsColumnDetails.js

@@ -1,74 +1,31 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Slider from '../slider/Slider';
-export var TableSettingsColumnDetails = function TableSettingsColumnDetails(props) {
-  var _props$width = props.width,
-    width = _props$width === void 0 ? 0 : _props$width,
-    _props$defaultWidth = props.defaultWidth,
-    defaultWidth = _props$defaultWidth === void 0 ? 0 : _props$defaultWidth,
-    maxWidth = props.maxWidth,
-    maxColumnWidth = props.maxColumnWidth,
-    column = props.column,
-    onColumnWidthChange = props.onColumnWidthChange,
-    onResetColumnWidth = props.onResetColumnWidth;
-  var handleWidthInputChange = function handleWidthInputChange(event) {
-    var parsedValue = event.target.value ? parseInt(event.target.value, 10) : 0;
-    var max = maxWidth || maxColumnWidth;
-    var value = Math.min(parsedValue, max);
-    onColumnWidthChange(column, value);
-  };
-  var handleColumnWidthChange = function handleColumnWidthChange(value) {
-    return onColumnWidthChange(column, value);
-  };
-  var handleResetColumnWidth = function handleResetColumnWidth() {
-    return onResetColumnWidth(column);
-  };
-  var resetWidthButtonClassNames = classNames('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
-  return /*#__PURE__*/React.createElement("div", {
-    className: "table-settings-item-body"
-  }, /*#__PURE__*/React.createElement(Slider, {
-    className: "margin-bottom-0",
-    value: width,
-    minValue: 0,
-    maxValue: maxWidth || maxColumnWidth,
-    step: 1,
-    onChange: handleColumnWidthChange
-  }), /*#__PURE__*/React.createElement("div", {
-    className: resetWidthButtonClassNames,
-    role: "button",
-    onClick: handleResetColumnWidth
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-revert"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "column-width-input"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "input-group"
-  }, /*#__PURE__*/React.createElement("input", {
-    className: "form-control text-right padding-right-5 no-controls",
-    type: "number",
-    value: width || '',
-    min: 0,
-    max: maxWidth || maxColumnWidth,
-    onChange: handleWidthInputChange
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "input-group-addon"
-  }, "px"))));
-};
-TableSettingsColumnDetails.defaultProps = {
-  onColumnWidthChange: function onColumnWidthChange() {
-    return undefined;
-  },
-  onResetColumnWidth: function onResetColumnWidth() {
-    return undefined;
-  }
-};
-TableSettingsColumnDetails.propTypes = {
-  column: PropTypes.string.isRequired,
-  width: PropTypes.number,
-  defaultWidth: PropTypes.number,
-  maxWidth: PropTypes.number,
-  maxColumnWidth: PropTypes.number.isRequired,
-  onColumnWidthChange: PropTypes.func,
-  onResetColumnWidth: PropTypes.func
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Slider from '../slider/Slider';
+export const TableSettingsColumnDetails = props => {
+    const { width = 0, defaultWidth = 0, maxWidth, maxColumnWidth, column, onColumnWidthChange, onResetColumnWidth, } = props;
+    const handleWidthInputChange = event => {
+        const parsedValue = event.target.value ? parseInt(event.target.value, 10) : 0;
+        const max = maxWidth || maxColumnWidth;
+        const value = Math.min(parsedValue, max);
+        onColumnWidthChange(column, value);
+    };
+    const handleColumnWidthChange = value => onColumnWidthChange(column, value);
+    const handleResetColumnWidth = () => onResetColumnWidth(column);
+    const resetWidthButtonClassNames = classNames('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
+    return (_jsxs("div", Object.assign({ className: 'table-settings-item-body' }, { children: [_jsx(Slider, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), _jsx("div", Object.assign({ className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth }, { children: _jsx("span", { className: 'rioglyph rioglyph-revert' }) })), _jsx("div", Object.assign({ className: 'column-width-input' }, { children: _jsxs("div", Object.assign({ className: 'input-group' }, { children: [_jsx("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), _jsx("div", Object.assign({ className: 'input-group-addon' }, { children: "px" }))] })) }))] })));
+};
+TableSettingsColumnDetails.defaultProps = {
+    onColumnWidthChange: () => undefined,
+    onResetColumnWidth: () => undefined,
+};
+TableSettingsColumnDetails.propTypes = {
+    column: PropTypes.string.isRequired,
+    width: PropTypes.number,
+    defaultWidth: PropTypes.number,
+    maxWidth: PropTypes.number,
+    maxColumnWidth: PropTypes.number.isRequired,
+    onColumnWidthChange: PropTypes.func,
+    onResetColumnWidth: PropTypes.func,
+};

package/components/table/TableSettingsDialog.d.ts

@@ -0,0 +1,107 @@
+export default TableSettingsDialog;
+declare class TableSettingsDialog extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    state: {
+        columnSearchValue: any;
+        columnOrder: any;
+        hiddenColumns: any;
+        hasChanged: boolean;
+        movedColumn: boolean;
+        columnsDetails: any;
+        columnLabelStrings: {};
+        updateColumnLabelStrings: boolean;
+        openColumnsDetails: {};
+    };
+    moveColumnToIndex(columnName: any, newIndex: any, changeMovedColumn: any): void;
+    handleResetColumnChanges(): void;
+    handleCancelResetColumnChanges(): void;
+    resetAllColumnChanges(): void;
+    discardColumnChanges(): void;
+    applyChanges(): void;
+    toggleHideColumn(column: any): void;
+    handleSearchChange(searchValue: any): void;
+    deleteMovedColumn(): void;
+    handleColumnWidthChange(column: any, value: any): void;
+    handleResetColumnWidth(column: any): void;
+    handleOpenColumnsDetails(columnName: any): void;
+    handleSortEnd(event: any): void;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    hasColumnsDetailsChanged(columnsDetails: any): boolean;
+    setColumnLabelStrings(): void;
+    resetColumnsDetails(columnsDetails: any): import("lodash").Dictionary<any>;
+    renderNotFoundMessage(message: any): import("react/jsx-runtime").JSX.Element;
+    renderTableSettingsDialogContent(): import("react/jsx-runtime").JSX.Element;
+    contentRef: HTMLDivElement | null | undefined;
+    renderTableSettingsDialogFooter(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+declare namespace TableSettingsDialog {
+    namespace defaultProps {
+        const show: boolean;
+        const immediateChange: boolean;
+        const columnSearchValue: string;
+        function onColumnChange(): void;
+        function onColumnDetailsChange(): void;
+        function onSearchChange(): void;
+        function onCancel(): void;
+        function onApply(): void;
+        const columnLabels: {};
+        const defaultColumnOrder: never[];
+        const defaultHiddenColumns: never[];
+        const columnOrder: never[];
+        const hiddenColumns: never[];
+        const disabledColumns: never[];
+        const columnsDetails: {};
+        const notFoundMessage: string;
+        const autoLabel: string;
+    }
+    namespace propTypes {
+        const show_1: PropTypes.Validator<boolean>;
+        export { show_1 as show };
+        export const title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export const subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export const className: PropTypes.Requireable<string>;
+        const defaultColumnOrder_1: PropTypes.Validator<(string | null | undefined)[]>;
+        export { defaultColumnOrder_1 as defaultColumnOrder };
+        const defaultHiddenColumns_1: PropTypes.Requireable<(string | null | undefined)[]>;
+        export { defaultHiddenColumns_1 as defaultHiddenColumns };
+        const columnOrder_1: PropTypes.Validator<(string | null | undefined)[]>;
+        export { columnOrder_1 as columnOrder };
+        const hiddenColumns_1: PropTypes.Requireable<(string | null | undefined)[]>;
+        export { hiddenColumns_1 as hiddenColumns };
+        const columnLabels_1: PropTypes.Validator<object>;
+        export { columnLabels_1 as columnLabels };
+        const disabledColumns_1: PropTypes.Validator<(string | null | undefined)[]>;
+        export { disabledColumns_1 as disabledColumns };
+        export { columnsDetailsPropTypes as columnsDetails };
+        export { columnsDetailsPropTypes as defaultColumnDetails };
+        const autoLabel_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export { autoLabel_1 as autoLabel };
+        export const applyButtonText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export const cancelButtonText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export const closeButtonText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export const resetButtonText: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        const onColumnChange_1: PropTypes.Validator<(...args: any[]) => any>;
+        export { onColumnChange_1 as onColumnChange };
+        const onColumnDetailsChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onColumnDetailsChange_1 as onColumnDetailsChange };
+        export const onDiscard: PropTypes.Requireable<(...args: any[]) => any>;
+        const onApply_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onApply_1 as onApply };
+        export const onHide: PropTypes.Validator<(...args: any[]) => any>;
+        const columnSearchValue_1: PropTypes.Requireable<string>;
+        export { columnSearchValue_1 as columnSearchValue };
+        const onSearchChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onSearchChange_1 as onSearchChange };
+        export const searchPlaceholder: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const notFoundMessage_1: PropTypes.Requireable<string>;
+        export { notFoundMessage_1 as notFoundMessage };
+        const immediateChange_1: PropTypes.Requireable<boolean>;
+        export { immediateChange_1 as immediateChange };
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";
+import { columnsDetailsPropTypes } from "./tableSettingsPropTypes";