@iobroker/adapter-react-v5 4.10.0 → 4.10.2

package/Dialogs/SelectFile.d.ts

@@ -1,188 +1,71 @@
-export default _export;
-export type DialogSelectFileProps = {
-    /**
-     * PropTypes.string, // where to store settings in localStorage *
-     */
-    dialogName?: boolean;
-    /**
-     * The dialog title; default: Please select object ID... (translated)
-     */
+import React from 'react';
+import type { Connection } from '@iobroker/socket-client';
+interface DialogSelectFileProps {
+    /** where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated) */
+    dialogName?: string;
+    /** The dialog title; default: Please select object ID... (translated) */
     title?: string;
-    /**
-     * Set to true to allow the selection of multiple IDs.
-     */
+    /** Set to true to allow the selection of multiple IDs. */
     multiSelect?: boolean;
-    /**
-     * Prefix (default: '.')
-     */
+    /** Image prefix. Normally, admin has '../..' and the web has '../' */
     imagePrefix?: string;
-    /**
-     * Show the expert button?
-     */
+    /** @deprectaed Image prefix */
+    prefix?: string;
+    /** Show the expert button? */
     showExpertButton?: boolean;
-    /**
-     * The language.
-     */
+    /** Language */
     lang?: ioBroker.Languages;
-    /**
-     * The socket connection.
-     */
-    socket?: import('../Connection').default;
-    /**
-     * Theme name.
-     */
+    /** Socket class */
+    socket: Connection;
+    /** Theme name. */
     themeName?: string;
-    /**
-     * Theme type.
-     */
-    themeType?: string;
-    /**
-     * The selected IDs.
-     */
+    /** Theme type. */
+    themeType?: 'dark' | 'light';
+    /** The selected IDs. */
     selected?: string | string[];
-    /**
-     * The ok button text; default: OK (translated)
-     */
+    /** The ok button text; default: OK (translated) */
     ok?: string;
-    /**
-     * The cancel button text; default: Cancel (translated)
-     */
+    /** The cancel button text; default: Cancel (translated) */
     cancel?: string;
-    /**
-     * If download of files enabled
-     */
+    /** If download of files enabled */
     allowUpload?: boolean;
-    /**
-     * If download of files enabled
-     */
+    /** If download of files enabled */
     allowDownload?: boolean;
-    /**
-     * If creation of folders enabled
-     */
+    /** If creation of folders enabled */
     allowCreateFolder?: boolean;
-    /**
-     * If creation of folders enabled
-     */
+    /** If creation of folders enabled */
     allowDelete?: boolean;
-    /**
-     * if tile view enabled (default true)
-     */
+    /** if tile view enabled (default true) */
     allowView?: boolean;
-    /**
-     * Show toolbar (default true)
-     */
+    /** Show toolbar (default true) */
     showToolbar?: boolean;
-    /**
-     * Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
-     */
-    limitPath?: any[];
-    /**
-     * like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']`
-     */
-    filterFiles?: any[];
-    /**
-     * images, code, txt, audio, video
-     */
-    filterByType?: string;
-    /**
-     * allow only folder's selection *
-     */
-    selectOnlyFolders?: bool;
-    /**
-     * Close handler that is always called when the dialog is closed.
-     */
+    /** Limit file browser to one specific objectID of type meta and the following path (like vis.0/main) */
+    limitPath?: string;
+    /** like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']` */
+    filterFiles?: string[];
+    /** images, code, txt, audio, video */
+    filterByType?: 'images' | 'code' | 'txt';
+    /** allow only folder's selection */
+    selectOnlyFolders?: boolean;
+    /** Close handler that is always called when the dialog is closed. */
     onClose: () => void;
-    /**
-     * Handler that is called when the user presses OK or by double click.
-     */
+    /** Handler that is called when the user presses OK or by double click. */
     onOk: (selected: string | string[] | undefined) => void;
-    /**
-     * The styling class names.
-     */
-    classes?: {
-        headerID: string;
-        dialog: string;
-        content: string;
-    };
-};
-/** @type {typeof DialogSelectFile} */
-declare const _export: typeof DialogSelectFile;
-/**
- * @typedef {object} DialogSelectFileProps
- * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated)
- * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.
- * @property {string} [imagePrefix] Prefix (default: '.')
- * @property {boolean} [showExpertButton] Show the expert button?
- * @property {ioBroker.Languages} [lang] The language.
- * @property {import('../Connection').default} socket The socket connection.
- * @property {string} [themeName] Theme name.
- * @property {string} [themeType] Theme type.
- * @property {string | string[]} [selected] The selected IDs.
- * @property {string} [ok] The ok button text; default: OK (translated)
- * @property {string} [cancel] The cancel button text; default: Cancel (translated)
- * @property {boolean} [socket] Socket class (required)
- * @property {boolean} [allowUpload] If download of files enabled
- * @property {boolean} [allowDownload] If download of files enabled
- * @property {boolean} [allowCreateFolder] If creation of folders enabled
- * @property {boolean} [allowDelete] If creation of folders enabled
- * @property {boolean} [allowView] if tile view enabled (default true)
- * @property {boolean} [showToolbar] Show toolbar (default true)
- * @property {array} [limitPath] Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
- * @property {array} [filterFiles] like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']`
- * @property {string} [filterByType] images, code, txt, audio, video
- * @property {bool} [selectOnlyFolders] allow only folder's selection * @property {() => void} onClose Close handler that is always called when the dialog is closed.
- * @property {(selected: string | string[] | undefined) => void} onOk Handler that is called when the user presses OK or by double click.
- * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
- *
- * @extends {React.Component<DialogSelectIDProps>}
- */
-declare class DialogSelectFile extends React.Component<DialogSelectIDProps, any, any> {
-    /**
-     * @param {DialogSelectFileProps} props
-     */
-    constructor(props: DialogSelectFileProps);
-    dialogName: string;
-    filters: any;
-    state: {
-        selected: any;
-    };
-    handleCancel(): void;
-    handleOk(): void;
-    render(): React.JSX.Element;
-}
-declare namespace DialogSelectFile {
-    namespace propTypes {
-        let imagePrefix: PropTypes.Requireable<string>;
-        let dialogName: PropTypes.Requireable<string>;
-        let selected: PropTypes.Requireable<NonNullable<string | any[]>>;
-        let classes: PropTypes.Requireable<object>;
-        let onClose: PropTypes.Validator<(...args: any[]) => any>;
-        let onOk: PropTypes.Validator<(...args: any[]) => any>;
-        let ok: PropTypes.Requireable<string>;
-        let cancel: PropTypes.Requireable<string>;
-        let socket: PropTypes.Validator<object>;
-        let allowUpload: PropTypes.Requireable<boolean>;
-        let allowDownload: PropTypes.Requireable<boolean>;
-        let allowCreateFolder: PropTypes.Requireable<boolean>;
-        let allowDelete: PropTypes.Requireable<boolean>;
-        let allowView: PropTypes.Requireable<boolean>;
-        let showToolbar: PropTypes.Requireable<boolean>;
-        let filterFiles: PropTypes.Requireable<string[]>;
-        let filterByType: PropTypes.Requireable<string>;
-        let limitPath: PropTypes.Requireable<string>;
-        let selectOnlyFolders: PropTypes.Requireable<boolean>;
-        let showViewTypeButton: PropTypes.Requireable<boolean>;
-        let showTypeSelector: PropTypes.Requireable<boolean>;
-        let restrictToFolder: PropTypes.Requireable<string>;
-        let allowNonRestricted: PropTypes.Requireable<boolean>;
-        let title: PropTypes.Requireable<string>;
-        let lang: PropTypes.Requireable<string>;
-        let themeName: PropTypes.Requireable<string>;
-        let themeType: PropTypes.Requireable<string>;
-        let showExpertButton: PropTypes.Requireable<boolean>;
-        let expertMode: PropTypes.Requireable<boolean>;
-        let multiSelect: PropTypes.Requireable<boolean>;
-    }
+    /** The styling class names. */
+    classes: Record<string, string>;
+    filters: Record<string, string>;
+    /** Allow switch views Table<=>Rows */
+    showViewTypeButton?: boolean;
+    /** If type selector should be shown */
+    showTypeSelector?: boolean;
+    /** If defined, allow selecting only files from this folder */
+    restrictToFolder?: string;
+    /** If restrictToFolder defined, allow selecting files outside of this folder */
+    allowNonRestricted?: boolean;
+    /** force expert mode */
+    expertMode?: boolean;
+    /** Translate function - optional */
+    t?: (text: string, ...args: any[]) => string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+declare const _default: React.JSXElementConstructor<Omit<DialogSelectFileProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Dialogs/SelectFile.js

@@ -1,279 +1,122 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _Utils = _interopRequireDefault(require("../Components/Utils"));
-var _i18n = _interopRequireDefault(require("../i18n"));
-var _FileBrowser = _interopRequireDefault(require("../Components/FileBrowser"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
- * Copyright 2022-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2022-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
- */ // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-var styles = function styles() {
-  return {
+ */
+// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("@mui/styles");
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const Utils_1 = __importDefault(require("../Components/Utils"));
+const i18n_1 = __importDefault(require("../i18n"));
+const FileBrowser_1 = __importDefault(require("../Components/FileBrowser"));
+const styles = {
     headerID: {
-      fontWeight: 'bold',
-      fontStyle: 'italic'
+        fontWeight: 'bold',
+        fontStyle: 'italic',
     },
     dialog: {
-      height: '95%'
+        height: '95%',
     },
     dialogMobile: {
-      padding: 4,
-      width: '100%',
-      maxWidth: '100%',
-      maxHeight: 'calc(100% - 16px)',
-      height: '100%'
+        padding: 4,
+        width: '100%',
+        maxWidth: '100%',
+        maxHeight: 'calc(100% - 16px)',
+        height: '100%',
     },
     content: {
-      height: '100%',
-      overflow: 'hidden'
+        height: '100%',
+        overflow: 'hidden',
     },
     contentMobile: {
-      padding: '8px 4px'
+        padding: '8px 4px',
     },
     titleRoot: {
-      whiteSpace: 'nowrap',
-      width: 'calc(100% - 72px)',
-      overflow: 'hidden',
-      display: 'inline-block',
-      textOverflow: 'ellipsis'
-    }
-  };
+        whiteSpace: 'nowrap',
+        width: 'calc(100% - 72px)',
+        overflow: 'hidden',
+        display: 'inline-block',
+        textOverflow: 'ellipsis',
+    },
 };
-
-/**
- * @typedef {object} DialogSelectFileProps
- * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated)
- * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.
- * @property {string} [imagePrefix] Prefix (default: '.')
- * @property {boolean} [showExpertButton] Show the expert button?
- * @property {ioBroker.Languages} [lang] The language.
- * @property {import('../Connection').default} socket The socket connection.
- * @property {string} [themeName] Theme name.
- * @property {string} [themeType] Theme type.
- * @property {string | string[]} [selected] The selected IDs.
- * @property {string} [ok] The ok button text; default: OK (translated)
- * @property {string} [cancel] The cancel button text; default: Cancel (translated)
- * @property {boolean} [socket] Socket class (required)
- * @property {boolean} [allowUpload] If download of files enabled
- * @property {boolean} [allowDownload] If download of files enabled
- * @property {boolean} [allowCreateFolder] If creation of folders enabled
- * @property {boolean} [allowDelete] If creation of folders enabled
- * @property {boolean} [allowView] if tile view enabled (default true)
- * @property {boolean} [showToolbar] Show toolbar (default true)
- * @property {array} [limitPath] Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
- * @property {array} [filterFiles] like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']`
- * @property {string} [filterByType] images, code, txt, audio, video
- * @property {bool} [selectOnlyFolders] allow only folder's selection * @property {() => void} onClose Close handler that is always called when the dialog is closed.
- * @property {(selected: string | string[] | undefined) => void} onOk Handler that is called when the user presses OK or by double click.
- * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
- *
- * @extends {React.Component<DialogSelectIDProps>}
- */
-var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DialogSelectFile, _React$Component);
-  /**
-   * @param {DialogSelectFileProps} props
-   */
-  function DialogSelectFile(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DialogSelectFile);
-    _this = _callSuper(this, DialogSelectFile, [props]);
-    _this.dialogName = _this.props.dialogName || 'default';
-    _this.dialogName = "SelectFile.".concat(_this.dialogName);
-    _this.filters = (window._localStorage || window.localStorage).getItem(_this.dialogName) || '{}';
-    try {
-      _this.filters = JSON.parse(_this.filters);
-    } catch (e) {
-      _this.filters = {};
-    }
-    if (props.filters) {
-      _this.filters = _objectSpread(_objectSpread({}, _this.filters), props.filters);
-    }
-    var selected = _this.props.selected || [];
-    if ((0, _typeof2["default"])(selected) !== 'object') {
-      selected = [selected];
-    } else {
-      selected = (0, _toConsumableArray2["default"])(selected);
+class DialogSelectFile extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.dialogName = this.props.dialogName || 'default';
+        this.dialogName = `SelectFile.${this.dialogName}`;
+        const filters = (window._localStorage || window.localStorage).getItem(this.dialogName) || '{}';
+        try {
+            this.filters = JSON.parse(filters);
+        }
+        catch (e) {
+            this.filters = {};
+        }
+        if (props.filters) {
+            this.filters = Object.assign(Object.assign({}, this.filters), props.filters);
+        }
+        let selected = this.props.selected || [];
+        if (typeof selected !== 'object') {
+            selected = [selected];
+        }
+        else {
+            selected = [...selected];
+        }
+        selected = selected.filter(id => id);
+        this.state = {
+            selected,
+        };
     }
-    selected = selected.filter(function (id) {
-      return id;
-    });
-    _this.state = {
-      selected: selected
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(DialogSelectFile, [{
-    key: "handleCancel",
-    value: function handleCancel() {
-      this.props.onClose();
+    handleCancel() {
+        this.props.onClose();
     }
-  }, {
-    key: "handleOk",
-    value: function handleOk() {
-      this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected) ? this.state.selected : this.state.selected[0] || '');
-      this.props.onClose();
+    handleOk() {
+        this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected) ? this.state.selected : this.state.selected[0] || '');
+        this.props.onClose();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var title;
-      if (this.state.selected.length) {
-        if (!Array.isArray(this.state.selected) || this.state.selected.length === 1) {
-          title = [/*#__PURE__*/_react["default"].createElement("span", {
-            key: "selected"
-          }, _i18n["default"].t('ra_Selected'), "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
-            key: "id",
-            className: this.props.classes.headerID
-          }, this.state.selected)];
-        } else {
-          title = [/*#__PURE__*/_react["default"].createElement("span", {
-            key: "selected"
-          }, _i18n["default"].t('ra_Selected'), "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
-            key: "id",
-            className: this.props.classes.headerID
-          }, _i18n["default"].t('%s items', this.state.selected.length))];
+    render() {
+        let title;
+        if (this.state.selected.length) {
+            if (!Array.isArray(this.state.selected) || this.state.selected.length === 1) {
+                title = [
+                    react_1.default.createElement("span", { key: "selected" },
+                        i18n_1.default.t('ra_Selected'),
+                        "\u00A0"),
+                    react_1.default.createElement("span", { key: "id", className: this.props.classes.headerID }, this.state.selected),
+                ];
+            }
+            else {
+                title = [
+                    react_1.default.createElement("span", { key: "selected" },
+                        i18n_1.default.t('ra_Selected'),
+                        "\u00A0"),
+                    react_1.default.createElement("span", { key: "id", className: this.props.classes.headerID }, i18n_1.default.t('%s items', this.state.selected.length)),
+                ];
+            }
         }
-      } else {
-        title = this.props.title || _i18n["default"].t('ra_Please select file...');
-      }
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        onClose: function onClose() {},
-        maxWidth: false,
-        classes: {
-          paper: _Utils["default"].clsx(this.props.classes.dialog, this.props.classes.dialogMobile)
-        },
-        fullWidth: true,
-        open: !0,
-        "aria-labelledby": "ar_dialog_selectfile_title"
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, {
-        id: "ar_dialog_selectfile_title",
-        classes: {
-          root: this.props.classes.titleRoot
+        else {
+            title = this.props.title || i18n_1.default.t('ra_Please select file...');
         }
-      }, title), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
-        className: _Utils["default"].clsx(this.props.classes.content, this.props.classes.contentMobile)
-      }, /*#__PURE__*/_react["default"].createElement(_FileBrowser["default"], {
-        ready: true,
-        imagePrefix: this.props.imagePrefix || this.props.prefix || '../' // prefix is for back compatibility
-        ,
-        allowUpload: !!this.props.allowUpload,
-        allowDownload: this.props.allowDownload !== false,
-        allowCreateFolder: !!this.props.allowCreateFolder,
-        allowDelete: !!this.props.allowDelete,
-        allowView: this.props.allowView !== false,
-        showViewTypeButton: this.props.showViewTypeButton !== false,
-        showToolbar: this.props.showToolbar !== false,
-        limitPath: this.props.limitPath,
-        filterFiles: this.props.filterFiles,
-        filterByType: this.props.filterByType,
-        selected: this.props.selected,
-        restrictToFolder: this.props.restrictToFolder,
-        allowNonRestricted: this.props.allowNonRestricted,
-        onSelect: function onSelect(selected, isDoubleClick, isFolder) {
-          _this2.setState({
-            selected: selected
-          }, function () {
-            return isDoubleClick && (!_this2.props.selectOnlyFolders || isFolder) && _this2.handleOk();
-          });
-        },
-        t: this.props.t || _i18n["default"].t,
-        lang: this.props.lang || _i18n["default"].getLanguage(),
-        socket: this.props.socket,
-        themeType: this.props.themeType,
-        themeName: this.props.themeName,
-        showExpertButton: this.props.showExpertButton,
-        expertMode: this.props.expertMode,
-        showTypeSelector: this.props.showTypeSelector
-      })), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleOk();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Check, null),
-        disabled: !this.state.selected.length,
-        color: "primary"
-      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        color: "grey",
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleCancel();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Cancel, null)
-      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, classes: { paper: Utils_1.default.clsx(this.props.classes.dialog, this.props.classes.dialogMobile) }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectfile_title" },
+            react_1.default.createElement(material_1.DialogTitle, { id: "ar_dialog_selectfile_title", classes: { root: this.props.classes.titleRoot } }, title),
+            react_1.default.createElement(material_1.DialogContent, { className: Utils_1.default.clsx(this.props.classes.content, this.props.classes.contentMobile) },
+                react_1.default.createElement(FileBrowser_1.default, { ready: true, imagePrefix: this.props.imagePrefix || this.props.prefix || '../', allowUpload: !!this.props.allowUpload, allowDownload: this.props.allowDownload !== false, allowCreateFolder: !!this.props.allowCreateFolder, allowDelete: !!this.props.allowDelete, allowView: this.props.allowView !== false, showViewTypeButton: this.props.showViewTypeButton !== false, showToolbar: this.props.showToolbar !== false, limitPath: this.props.limitPath, filterFiles: this.props.filterFiles, filterByType: this.props.filterByType, selected: this.props.selected, restrictToFolder: this.props.restrictToFolder, allowNonRestricted: this.props.allowNonRestricted, onSelect: (selected, isDoubleClick, isFolder) => {
+                        this.setState({ selected: Array.isArray(selected) ? selected : [selected] }, () => isDoubleClick && (!this.props.selectOnlyFolders || isFolder) && this.handleOk());
+                    }, t: this.props.t || i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, themeType: this.props.themeType, themeName: this.props.themeName, showExpertButton: this.props.showExpertButton, expertMode: this.props.expertMode, showTypeSelector: this.props.showTypeSelector })),
+            react_1.default.createElement(material_1.DialogActions, null,
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button
+                // @ts-expect-error grey is allowed color
+                , { 
+                    // @ts-expect-error grey is allowed color
+                    color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
     }
-  }]);
-  return DialogSelectFile;
-}(_react["default"].Component);
-DialogSelectFile.propTypes = {
-  imagePrefix: _propTypes["default"].string,
-  dialogName: _propTypes["default"].string,
-  // where to store settings in localStorage
-  selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array // not implemented
-  ]),
-  classes: _propTypes["default"].object,
-  onClose: _propTypes["default"].func.isRequired,
-  onOk: _propTypes["default"].func.isRequired,
-  ok: _propTypes["default"].string,
-  cancel: _propTypes["default"].string,
-  socket: _propTypes["default"].object.isRequired,
-  allowUpload: _propTypes["default"].bool,
-  allowDownload: _propTypes["default"].bool,
-  allowCreateFolder: _propTypes["default"].bool,
-  allowDelete: _propTypes["default"].bool,
-  allowView: _propTypes["default"].bool,
-  // allow view of files
-  showToolbar: _propTypes["default"].bool,
-  filterFiles: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  // array of extensions ['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']
-  filterByType: _propTypes["default"].string,
-  // e.g. images
-  limitPath: _propTypes["default"].string,
-  selectOnlyFolders: _propTypes["default"].bool,
-  showViewTypeButton: _propTypes["default"].bool,
-  // Allow switch views Table<=>Rows
-  showTypeSelector: _propTypes["default"].bool,
-  // If type selector should be shown
-  restrictToFolder: _propTypes["default"].string,
-  // If defined, allow selecting only files from this folder
-  allowNonRestricted: _propTypes["default"].bool,
-  // If restrictToFolder defined, allow selecting files outside of this folder
-
-  title: _propTypes["default"].string,
-  lang: _propTypes["default"].string,
-  themeName: _propTypes["default"].string,
-  themeType: _propTypes["default"].string,
-  showExpertButton: _propTypes["default"].bool,
-  expertMode: _propTypes["default"].bool,
-  // force expert mode
-  multiSelect: _propTypes["default"].bool // not implemented
-};
-
-/** @type {typeof DialogSelectFile} */
-var _export = (0, _styles.withStyles)(styles)(DialogSelectFile);
-var _default = exports["default"] = _export;
-//# sourceMappingURL=SelectFile.js.map
+}
+exports.default = (0, styles_1.withStyles)(styles)(DialogSelectFile);

package/README.md

@@ -670,7 +670,10 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
-### 4.10.0 (2024-03-11)
+### 4.10.2 (2024-03-16)
+* (bluefox) Migrated some components to typescript
+
+### 4.10.1 (2024-03-11)
 * (bluefox) Migrated some components to typescript
 
 ### 4.9.11 (2024-03-08)