@map-colonies/react-components 3.15.0 → 4.0.1

package/dist/date-picker/date-picker.js

@@ -1,78 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTimePicker = void 0;
-var react_1 = __importStar(require("react"));
-var locale_1 = require("date-fns/locale");
-var pickers_1 = require("@material-ui/pickers");
-var date_fns_1 = __importDefault(require("@date-io/date-fns"));
-var core_1 = require("@material-ui/core");
-var react_core_1 = require("@map-colonies/react-core");
-var enums_1 = require("../models/enums");
-var defaults_1 = __importDefault(require("../models/defaults"));
-var theme_1 = require("../theme");
-require("@map-colonies/react-core/dist/button/styles");
-require("./date-picker.css");
-var DateTimePicker = function (props) {
-    var theme = react_core_1.useTheme();
-    var themeMui = theme_1.useMappedMuiTheme(theme);
-    var _a = react_1.useState(props.value), value = _a[0], setValue = _a[1];
-    var _b = props.format, format = _b === void 0 ? defaults_1.default.DATE_PICKER.dateFormat : _b, _c = props.variant, variant = _c === void 0 ? defaults_1.default.DATE_PICKER.variant : _c, _d = props.disableFuture, disableFuture = _d === void 0 ? defaults_1.default.DATE_PICKER.disableFuture : _d, local = props.local, onChange = props.onChange, _e = props.showTime, showTime = _e === void 0 ? defaults_1.default.DATE_PICKER.showTime : _e, propValue = props.value, resProps = __rest(props, ["format", "variant", "disableFuture", "local", "onChange", "showTime", "value"]);
-    var _f = local !== null && local !== void 0 ? local : {
-        placeHolderText: defaults_1.default.DATE_PICKER.local.placeHolderText,
-        calendarLocale: enums_1.SupportedLocales.EN,
-    }, _g = _f.placeHolderText, placeHolderText = _g === void 0 ? defaults_1.default.DATE_PICKER.local.placeHolderText : _g, calendarLocale = _f.calendarLocale;
-    var locale = calendarLocale === enums_1.SupportedLocales.HE ? locale_1.he : locale_1.enUS;
-    var handleOnChange = function (e) {
-        setValue(e);
-        onChange(e);
-    };
-    return (react_1.default.createElement(core_1.ThemeProvider, { theme: themeMui },
-        react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: date_fns_1.default, locale: locale },
-            showTime && (react_1.default.createElement(pickers_1.KeyboardDateTimePicker, __assign({ variant: variant, placeholder: placeHolderText, onChange: handleOnChange, value: value, disableFuture: disableFuture, format: format }, resProps))),
-            !showTime && (react_1.default.createElement(pickers_1.KeyboardDatePicker, __assign({ variant: variant, placeholder: placeHolderText, onChange: handleOnChange, value: value, disableFuture: disableFuture, format: format }, resProps))))));
-};
-exports.DateTimePicker = DateTimePicker;

package/dist/date-picker/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./date-picker"), exports);

package/dist/date-range-picker/date-range-picker.form-control.js

@@ -1,95 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTimeRangePickerFormControl = void 0;
-var react_1 = __importStar(require("react"));
-var date_fns_1 = require("date-fns");
-var react_core_1 = require("@map-colonies/react-core");
-require("@map-colonies/react-core/dist/textfield/styles");
-var defaults_1 = __importDefault(require("../models/defaults"));
-var popover_1 = require("../popover");
-var date_range_picker_1 = require("./date-range-picker");
-require("./date-range-picker.form-control.css");
-var DateTimeRangePickerFormControl = function (props) {
-    var _a, _b, _c, _d, _e, _f;
-    var _g = react_1.useState(null), from = _g[0], setFrom = _g[1];
-    var _h = react_1.useState(null), to = _h[0], setTo = _h[1];
-    var _j = react_1.useState(defaults_1.default.DATE_RANGE_PICKER.dateFormat), dateFormat = _j[0], setDateFormat = _j[1];
-    var _k = react_1.default.useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
-    var handleClick = function (event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var handleClickInput = function (event) {
-        if (event.currentTarget.tagName === 'I')
-            setAnchorEl(event.currentTarget.previousElementSibling);
-        else
-            setAnchorEl(event.currentTarget);
-    };
-    var handleClose = function () {
-        setAnchorEl(null);
-    };
-    var open = Boolean(anchorEl);
-    var controlsLayout = (_a = props.controlsLayout) !== null && _a !== void 0 ? _a : 'column';
-    react_1.useEffect(function () {
-        var _a;
-        setFrom((_a = props.from) !== null && _a !== void 0 ? _a : null);
-    }, [props.from]);
-    react_1.useEffect(function () {
-        var _a;
-        setTo((_a = props.to) !== null && _a !== void 0 ? _a : null);
-    }, [props.to]);
-    react_1.useEffect(function () {
-        var _a;
-        setDateFormat((_a = props.dateFormat) !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat);
-    }, [props.dateFormat]);
-    var startPlaceHolderText = (_c = (_b = props.local) === null || _b === void 0 ? void 0 : _b.startPlaceHolderText) !== null && _c !== void 0 ? _c : defaults_1.default.DATE_RANGE_PICKER.local.startPlaceHolderText;
-    var endPlaceHolderText = (_e = (_d = props.local) === null || _d === void 0 ? void 0 : _d.endPlaceHolderText) !== null && _e !== void 0 ? _e : defaults_1.default.DATE_RANGE_PICKER.local.endPlaceHolderText;
-    var renderAsButton = props.renderAsButton === undefined
-        ? defaults_1.default.DATE_RANGE_PICKER.renderAsButton
-        : props.renderAsButton;
-    var offset = props.offset === undefined
-        ? defaults_1.default.DATE_RANGE_PICKER.offset
-        : props.offset;
-    var disableFuture = props.disableFuture === undefined
-        ? defaults_1.default.DATE_RANGE_PICKER.disableFuture
-        : props.disableFuture;
-    var controlText = react_1.useMemo(function () {
-        return (from ? date_fns_1.format(from, dateFormat) : startPlaceHolderText) + " - " + (to ? date_fns_1.format(to, dateFormat) : endPlaceHolderText);
-    }, [from, to, dateFormat, startPlaceHolderText, endPlaceHolderText]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        renderAsButton ? (react_1.default.createElement(react_core_1.Button, { style: { width: props.width }, raised: true, onClick: handleClick, className: "drpOpener" }, controlText)) : (react_1.default.createElement(react_core_1.TextField, { className: "drpOpener", readOnly: true, style: { width: props.width }, value: controlText, onClick: handleClickInput, trailingIcon: {
-                icon: 'date_range',
-                tabIndex: 0,
-                onClick: handleClickInput,
-            } })),
-        react_1.default.createElement(popover_1.Popover, { open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, keepMounted: true },
-            react_1.default.createElement(date_range_picker_1.DateTimeRangePicker, { controlsLayout: controlsLayout, contentWidth: ((_f = anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth) !== null && _f !== void 0 ? _f : 0) - offset, dateFormat: dateFormat, disableFuture: disableFuture, minDate: props.minDate, maxDate: props.maxDate, local: props.local, from: from !== null && from !== void 0 ? from : undefined, to: to !== null && to !== void 0 ? to : undefined, onChange: function (_a) {
-                    var from = _a.from, to = _a.to;
-                    setFrom(from !== null && from !== void 0 ? from : null);
-                    setTo(to !== null && to !== void 0 ? to : null);
-                    props.onChange({ from: from, to: to });
-                    handleClose();
-                } }))));
-};
-exports.DateTimeRangePickerFormControl = DateTimeRangePickerFormControl;

package/dist/date-range-picker/date-range-picker.js

@@ -1,104 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTimeRangePicker = void 0;
-var react_1 = __importStar(require("react"));
-var date_fns_1 = require("date-fns");
-var locale_1 = require("date-fns/locale");
-var pickers_1 = require("@material-ui/pickers");
-var date_fns_2 = __importDefault(require("@date-io/date-fns"));
-var styles_1 = require("@material-ui/core/styles");
-var core_1 = require("@material-ui/core");
-var react_core_1 = require("@map-colonies/react-core");
-require("@map-colonies/react-core/dist/button/styles");
-var react_core_2 = require("@map-colonies/react-core");
-var enums_1 = require("../models/enums");
-var defaults_1 = __importDefault(require("../models/defaults"));
-var box_1 = require("../box");
-var theme_1 = require("../theme");
-require("./date-range-picker.css");
-var CONTAINER_SPACING_FACTOR = 2;
-var MARGIN_LEFT_FACTOR = 0.5;
-var useStyle = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
-        container: {
-            padding: theme.spacing(CONTAINER_SPACING_FACTOR),
-            alignItems: 'center',
-        },
-        setButton: {
-            marginTop: theme.spacing(1),
-        },
-        margin: {
-            marginLeft: theme.spacing(MARGIN_LEFT_FACTOR),
-        },
-    });
-});
-var DateTimeRangePicker = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var classes = useStyle();
-    var theme = react_core_1.useTheme();
-    var themeMui = theme_1.useMappedMuiTheme(theme);
-    var _l = react_1.useState(null), from = _l[0], setFrom = _l[1];
-    var _m = react_1.useState(null), to = _m[0], setTo = _m[1];
-    var _o = react_1.useState(defaults_1.default.DATE_RANGE_PICKER.dateFormat), dateFormat = _o[0], setDateFormat = _o[1];
-    var flexDirection = (_a = props.controlsLayout) !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.controlsLayout;
-    var disableFuture = (_b = props.disableFuture) !== null && _b !== void 0 ? _b : defaults_1.default.DATE_RANGE_PICKER.disableFuture;
-    var startPlaceHolderText = (_d = (_c = props.local) === null || _c === void 0 ? void 0 : _c.startPlaceHolderText) !== null && _d !== void 0 ? _d : defaults_1.default.DATE_RANGE_PICKER.local.startPlaceHolderText;
-    var endPlaceHolderText = (_f = (_e = props.local) === null || _e === void 0 ? void 0 : _e.endPlaceHolderText) !== null && _f !== void 0 ? _f : defaults_1.default.DATE_RANGE_PICKER.local.endPlaceHolderText;
-    var setText = (_h = (_g = props.local) === null || _g === void 0 ? void 0 : _g.setText) !== null && _h !== void 0 ? _h : defaults_1.default.DATE_RANGE_PICKER.local.setText;
-    var calendarLocale = (_k = (_j = props.local) === null || _j === void 0 ? void 0 : _j.calendarLocale) !== null && _k !== void 0 ? _k : defaults_1.default.DATE_RANGE_PICKER.local.calendarLocale;
-    var locale = calendarLocale === enums_1.SupportedLocales.HE ? locale_1.he : locale_1.enUS;
-    react_1.useEffect(function () {
-        var _a;
-        setFrom((_a = props.from) !== null && _a !== void 0 ? _a : null);
-    }, [props.from]);
-    react_1.useEffect(function () {
-        var _a;
-        setTo((_a = props.to) !== null && _a !== void 0 ? _a : null);
-    }, [props.to]);
-    react_1.useEffect(function () {
-        var _a;
-        setDateFormat((_a = props.dateFormat) !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat);
-    }, [props.dateFormat]);
-    var isRangeValid = Boolean((date_fns_1.isValid(from) && !to) ||
-        (date_fns_1.isValid(to) && !from) ||
-        (from && to && date_fns_1.isValid(from) && date_fns_1.isValid(to) && date_fns_1.isBefore(from, to)));
-    var onChange = function () {
-        props.onChange({
-            from: from && date_fns_1.isValid(from) ? from : undefined,
-            to: to && date_fns_1.isValid(to) ? to : undefined,
-        });
-    };
-    return (react_1.default.createElement(core_1.ThemeProvider, { theme: themeMui },
-        react_1.default.createElement(box_1.Box, { className: classes.container + " drpContainer", display: "flex", flexDirection: flexDirection, width: flexDirection === 'column' ? props.contentWidth : 'unset' },
-            react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: date_fns_2.default, locale: locale },
-                react_1.default.createElement(pickers_1.KeyboardDateTimePicker, { variant: "inline", placeholder: startPlaceHolderText, onChange: function (date) { return setFrom(date); }, value: from, disableFuture: disableFuture, format: dateFormat, maxDate: props.maxDate, minDate: props.minDate }),
-                react_1.default.createElement(pickers_1.KeyboardDateTimePicker, { variant: "inline", placeholder: endPlaceHolderText, className: classes.margin, onChange: function (date) { return setTo(date); }, value: to, disableFuture: disableFuture, format: dateFormat, maxDate: props.maxDate, minDate: props.minDate }),
-                react_1.default.createElement(react_core_2.ThemeProvider, { options: theme },
-                    react_1.default.createElement(react_core_1.Button, { className: classes.setButton + " " + classes.margin, raised: true, 
-                        // variant="outlined"
-                        // size="large"
-                        onClick: onChange, disabled: !isRangeValid }, setText))))));
-};
-exports.DateTimeRangePicker = DateTimeRangePicker;

package/dist/date-range-picker/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./date-range-picker"), exports);
-__exportStar(require("./date-range-picker.form-control"), exports);

package/dist/file-picker/file-picker.js

@@ -1,151 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilePicker = exports.FilePickerView = exports.FilePickerActions = exports.FileHelper = void 0;
-var react_1 = __importStar(require("react"));
-var chonky_1 = require("chonky");
-var chonky_icon_fontawesome_1 = require("chonky-icon-fontawesome");
-var styles_1 = require("@material-ui/core/styles");
-var box_1 = require("../box");
-var localization_1 = __importDefault(require("./localization"));
-require("./file-picker.css");
-var FileHelper = /** @class */ (function (_super) {
-    __extends(FileHelper, _super);
-    function FileHelper() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return FileHelper;
-}(chonky_1.FileHelper));
-exports.FileHelper = FileHelper;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.FilePickerActions = chonky_1.ChonkyActions;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.FilePickerView = {
-    listView: chonky_1.ChonkyActions.EnableListView.id,
-    gridView: chonky_1.ChonkyActions.EnableGridView.id,
-};
-// IMPLEMENTATION NOTES: Currently FilePicker component works with his own icon set.
-// In future might be tweaked.
-chonky_1.setChonkyDefaults({ iconComponent: chonky_icon_fontawesome_1.ChonkyIconFA });
-exports.FilePicker = react_1.default.memo(react_1.default.forwardRef(function (_a, ref) {
-    var theme = _a.theme, _b = _a.styles, styles = _b === void 0 ? { height: '100%', minWidth: '600px' } : _b, _c = _a.defaultView, defaultView = _c === void 0 ? exports.FilePickerView.listView : _c, _d = _a.readOnlyMode, readOnlyMode = _d === void 0 ? false : _d, locale = _a.locale, files = _a.files, folderChain = _a.folderChain, onFileAction = _a.onFileAction, props = __rest(_a, ["theme", "styles", "defaultView", "readOnlyMode", "locale", "files", "folderChain", "onFileAction"]);
-    // IMPLEMENTATION NOTES: Currently FilePicker component discards the ability to show file thumbnail.
-    // In future might be tweaked.
-    var thumbnailGenerator = react_1.useCallback(function (file) { return null; }, 
-    // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
-    []);
-    styles_1.makeStyles({
-        '@global': {
-            '.chonky-dropdownList': {
-                backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.surface) + " !important",
-            },
-            'li[class*="chonky-activeButton"]': {
-                color: (theme === null || theme === void 0 ? void 0 : theme.primary) + " !important",
-            },
-        },
-    })();
-    var toDashCase = function (str) {
-        return str.replace(/([A-Z])/g, function ($1) { return '-' + $1.toLowerCase(); });
-    };
-    var themeObject = react_1.useMemo(function () {
-        if (theme !== undefined) {
-            var processedColors = Object.keys(theme).reduce(function (acc, key) {
-                var val = theme[key];
-                key = key.startsWith('--')
-                    ? key
-                    : "--fp-theme-" + toDashCase(key);
-                acc[key] = val;
-                return acc;
-            }, {});
-            return processedColors;
-        }
-        return {};
-    }, [theme]);
-    var _e = react_1.useState(false), darkMode = _e[0], setDarkMode = _e[1];
-    var _f = react_1.useState(), defaultFileViewActionId = _f[0], setDefaultFileViewActionId = _f[1];
-    var _g = react_1.useState(false), disableDragAndDrop = _g[0], setDisableDragAndDrop = _g[1];
-    var _h = react_1.useState(), fileActions = _h[0], setFileActions = _h[1];
-    var _j = react_1.useState(), i18n = _j[0], setI18n = _j[1];
-    react_1.useEffect(function () {
-        if (theme) {
-            setDarkMode(true);
-        }
-        setDefaultFileViewActionId(defaultView);
-        if (readOnlyMode) {
-            setDisableDragAndDrop(true);
-        }
-        else {
-            setFileActions([
-                chonky_1.ChonkyActions.CreateFolder,
-                chonky_1.ChonkyActions.DeleteFiles,
-            ]);
-        }
-        if (locale !== undefined) {
-            setI18n(localization_1.default[locale]);
-        }
-    }, [theme, defaultView, readOnlyMode, locale]);
-    return (react_1.default.createElement(box_1.Box, { style: __assign(__assign({}, styles), themeObject) },
-        react_1.default.createElement(chonky_1.FullFileBrowser, __assign({ ref: ref, files: files !== null && files !== void 0 ? files : [], folderChain: folderChain, onFileAction: function (data) {
-                if (typeof onFileAction === 'function') {
-                    void onFileAction(data);
-                }
-            }, thumbnailGenerator: thumbnailGenerator, defaultFileViewActionId: defaultFileViewActionId, disableDragAndDrop: disableDragAndDrop, fileActions: fileActions, darkMode: darkMode, i18n: i18n }, props))));
-}));

package/dist/file-picker/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./file-picker"), exports);
-__exportStar(require("./localization"), exports);

package/dist/file-picker/localization.js

@@ -1,124 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a, _b, _c;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultFormatters = void 0;
-/* eslint-disable */
-var chonky_1 = require("chonky");
-var filesize_1 = __importDefault(require("filesize"));
-var models_1 = require("../models");
-exports.defaultFormatters = {
-    formatFileModDate: function (intl, file) {
-        var safeModDate = chonky_1.FileHelper.getModDate(file);
-        if (safeModDate) {
-            return intl.formatDate(safeModDate, {
-                dateStyle: 'short',
-                timeStyle: 'short',
-            });
-        }
-        else {
-            return null;
-        }
-    },
-    formatFileSize: function (_intl, file) {
-        if (!file || typeof file.size !== 'number')
-            return null;
-        var size = file.size;
-        var sizeData = filesize_1.default(size, {
-            bits: false,
-            output: 'object',
-        });
-        if (sizeData.symbol === 'B') {
-            // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-            return Math.round(sizeData.value / 10) / 100.0 + " KB";
-        }
-        else if (sizeData.symbol === 'KB') {
-            return Math.round(sizeData.value) + " " + sizeData.symbol;
-        }
-        return sizeData.value + " " + sizeData.symbol.toUpperCase();
-    },
-};
-var englishI18n = {
-    locale: models_1.SupportedLocales.EN,
-    formatters: __assign({}, exports.defaultFormatters),
-};
-var russianI18n = {
-    locale: models_1.SupportedLocales.RU,
-    formatters: __assign({}, exports.defaultFormatters),
-    messages: (_a = {
-            'chonky.toolbar.searchPlaceholder': 'Поиск',
-            'chonky.toolbar.visibleFileCount': "{fileCount, plural,\n      one {# \u0444\u0430\u0439\u043B}\n      few {# \u0444\u0430\u0439\u043B\u0430}\n      other {# \u0444\u0430\u0439\u043B\u043E\u0432}\n    }",
-            'chonky.toolbar.selectedFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u0432\u044B\u0434\u0435\u043B\u0435\u043D}\n      other {# \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043E}\n    }",
-            'chonky.toolbar.hiddenFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u0441\u043A\u0440\u044B\u0442}\n      other {# \u0441\u043A\u0440\u044B\u0442\u043E}\n    }",
-            'chonky.fileList.nothingToShow': 'Здесь пусто!',
-            'chonky.contextMenu.browserMenuShortcut': 'Меню браузера: {shortcut}'
-        },
-        // Actions
-        _a["chonky.actionGroups.Actions"] = 'Действия',
-        _a["chonky.actionGroups.Options"] = 'Опции',
-        _a["chonky.actions." + chonky_1.ChonkyActions.OpenParentFolder.id + ".button.name"] = 'Открыть родительскую папку',
-        _a["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.name"] = 'Новая папка',
-        _a["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.tooltip"] = 'Создать новую папку',
-        _a["chonky.actions." + chonky_1.ChonkyActions.DeleteFiles.id + ".button.name"] = 'Удалить файлы',
-        _a["chonky.actions." + chonky_1.ChonkyActions.OpenSelection.id + ".button.name"] = 'Открыть выделение',
-        _a["chonky.actions." + chonky_1.ChonkyActions.SelectAllFiles.id + ".button.name"] = 'Выделить все',
-        _a["chonky.actions." + chonky_1.ChonkyActions.ClearSelection.id + ".button.name"] = 'Сбросить выделение',
-        _a["chonky.actions." + chonky_1.ChonkyActions.EnableListView.id + ".button.name"] = 'Показать список',
-        _a["chonky.actions." + chonky_1.ChonkyActions.EnableGridView.id + ".button.name"] = 'Показать иконки',
-        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesByName.id + ".button.name"] = 'Сорт. по имени',
-        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesBySize.id + ".button.name"] = 'Сорт. по размеру',
-        _a["chonky.actions." + chonky_1.ChonkyActions.SortFilesByDate.id + ".button.name"] = 'Сорт. по дате',
-        _a["chonky.actions." + chonky_1.ChonkyActions.ToggleHiddenFiles.id + ".button.name"] = 'Скрытые файлы',
-        _a["chonky.actions." + chonky_1.ChonkyActions.ToggleShowFoldersFirst.id + ".button.name"] = 'Папки в начале',
-        _a),
-};
-var hebrewI18n = {
-    locale: models_1.SupportedLocales.HE,
-    formatters: __assign({}, exports.defaultFormatters),
-    messages: (_b = {
-            'chonky.toolbar.searchPlaceholder': 'חיפוש',
-            'chonky.toolbar.visibleFileCount': "{fileCount, plural,\n      one {\u05E4\u05E8\u05D9\u05D8 #}\n      other {# \u05E4\u05E8\u05D9\u05D8\u05D9\u05DD}\n    }",
-            'chonky.toolbar.selectedFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u05E0\u05D1\u05D7\u05E8}\n      other {# \u05E0\u05D1\u05D7\u05E8\u05D5}\n    }",
-            'chonky.toolbar.hiddenFileCount': "{fileCount, plural,\n      =0 {}\n      one {# \u05E0\u05E1\u05EA\u05E8}\n      other {# \u05E0\u05E1\u05EA\u05E8\u05D9\u05DD}\n    }",
-            'chonky.fileList.nothingToShow': 'ריק',
-            'chonky.contextMenu.browserMenuShortcut': 'תפריט דפדפן: {shortcut}'
-        },
-        // Actions
-        _b["chonky.actionGroups.Actions"] = 'פעולות',
-        _b["chonky.actionGroups.Options"] = 'אפשרויות',
-        _b["chonky.actions." + chonky_1.ChonkyActions.OpenParentFolder.id + ".button.name"] = 'פתח סיפריית אב',
-        _b["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.name"] = 'סיפרייה חדשה',
-        _b["chonky.actions." + chonky_1.ChonkyActions.CreateFolder.id + ".button.tooltip"] = 'צור סיפרייה חדשה',
-        _b["chonky.actions." + chonky_1.ChonkyActions.DeleteFiles.id + ".button.name"] = 'מחק',
-        _b["chonky.actions." + chonky_1.ChonkyActions.OpenSelection.id + ".button.name"] = 'פתח את הבחירה',
-        _b["chonky.actions." + chonky_1.ChonkyActions.SelectAllFiles.id + ".button.name"] = 'בחר הכל',
-        _b["chonky.actions." + chonky_1.ChonkyActions.ClearSelection.id + ".button.name"] = 'אפס את הבחירה',
-        _b["chonky.actions." + chonky_1.ChonkyActions.EnableListView.id + ".button.name"] = 'תצוגת רשימה',
-        _b["chonky.actions." + chonky_1.ChonkyActions.EnableGridView.id + ".button.name"] = 'תצוגת גריד',
-        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesByName.id + ".button.name"] = 'מיון לפי שם',
-        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesBySize.id + ".button.name"] = 'מיון לפי גודל',
-        _b["chonky.actions." + chonky_1.ChonkyActions.SortFilesByDate.id + ".button.name"] = 'מיון לפי תאריך',
-        _b["chonky.actions." + chonky_1.ChonkyActions.ToggleHiddenFiles.id + ".button.name"] = 'קבצים נסתרים',
-        _b["chonky.actions." + chonky_1.ChonkyActions.ToggleShowFoldersFirst.id + ".button.name"] = 'הצגת תיקיות בראש הרשימה',
-        _b),
-};
-var localization = (_c = {},
-    _c[models_1.SupportedLocales.EN] = englishI18n,
-    _c[models_1.SupportedLocales.RU] = russianI18n,
-    _c[models_1.SupportedLocales.HE] = hebrewI18n,
-    _c);
-exports.default = localization;
-/* eslint-enable */

package/dist/index.js

@@ -1,25 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./date-range-picker"), exports);
-__exportStar(require("./date-picker"), exports);
-__exportStar(require("./map-filter-container"), exports);
-__exportStar(require("./models"), exports);
-__exportStar(require("./ol-map"), exports);
-__exportStar(require("./smart-table"), exports);
-__exportStar(require("./popover"), exports);
-__exportStar(require("./box"), exports);
-__exportStar(require("./cssbaseline"), exports);
-__exportStar(require("./theme"), exports);
-__exportStar(require("./cesium-map"), exports);
-__exportStar(require("./autocomplete"), exports);
-__exportStar(require("./file-picker"), exports);