@map-colonies/react-components 3.9.0 → 3.10.3

package/dist/cesium-map/tools/scale-tracker.tool.js

@@ -1,12 +1,25 @@
 "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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaleTrackerTool = void 0;
 var react_1 = __importStar(require("react"));
 var cesium_1 = require("cesium");
 var lodash_1 = require("lodash");
@@ -49,8 +62,8 @@ var distances = [
 ];
 var updateDistanceLegendCesium = function (mapViewer, prevScaleData, setScaleData, locale) {
     var _a, _b;
-    var metersUnit = (_a = lodash_1.get(locale, 'METERS_UNIT'), (_a !== null && _a !== void 0 ? _a : 'm'));
-    var kiloMetersUnit = (_b = lodash_1.get(locale, 'KILOMETERS_UNIT'), (_b !== null && _b !== void 0 ? _b : 'km'));
+    var metersUnit = (_a = lodash_1.get(locale, 'METERS_UNIT')) !== null && _a !== void 0 ? _a : 'm';
+    var kiloMetersUnit = (_b = lodash_1.get(locale, 'KILOMETERS_UNIT')) !== null && _b !== void 0 ? _b : 'km';
     var scale = {
         barWidth: undefined,
         distanceLabel: undefined,
@@ -99,7 +112,7 @@ var updateDistanceLegendCesium = function (mapViewer, prevScaleData, setScaleDat
     setScaleData(scale);
 };
 /* eslint-enable @typescript-eslint/no-magic-numbers */
-exports.ScaleTrackerTool = function (props) {
+var ScaleTrackerTool = function (props) {
     var mapViewer = map_1.useCesiumMap();
     var _a = react_1.useState({
         barWidth: undefined,
@@ -142,4 +155,4 @@ exports.ScaleTrackerTool = function (props) {
                 left: calcLeft(scaleData.barWidth).toString() + "px",
             } })))));
 };
-//# sourceMappingURL=scale-tracker.tool.js.map
+exports.ScaleTrackerTool = ScaleTrackerTool;

package/dist/cesium-map/tools/terranian-height.tool.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface TerrainianHeightProps {
+}
+export declare const TerrainianHeightTool: React.FC<TerrainianHeightProps>;

package/dist/cesium-map/tools/terranian-height.tool.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerrainianHeightTool = void 0;
+var react_1 = __importDefault(require("react"));
+var cesium_1 = require("cesium");
+var map_1 = require("../map");
+var LABEL_PIXEL_OFFSET = -25;
+var FIRST_DATA_ROW_IDX = 2;
+var TerrainianHeightTool = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var csvToArray = function (str, delimiter) {
+        if (delimiter === void 0) { delimiter = ','; }
+        // const headers = str.slice(0, str.indexOf('\n')).split(delimiter);
+        var rows = str.slice(str.indexOf('\n') + 1).split('\n');
+        var arr = rows.map(function (row) {
+            var values = row.split(delimiter);
+            var el = cesium_1.Cartographic.fromDegrees(parseFloat(values[0]), parseFloat(values[1]));
+            // const el = headers.reduce((object: Record<string, number>, header, index) => {
+            //   const trimmedHeader = header.trim();
+            //   object[trimmedHeader] = parseFloat(values[index]);
+            //   return object;
+            // }, {});
+            //return el;
+            return {
+                cartographic: el,
+                cartesian: new cesium_1.Cartesian2(parseFloat(values[0]), parseFloat(values[1])),
+            };
+        });
+        return arr;
+    };
+    var loadCSV = function (evt) {
+        var _a;
+        evt.preventDefault();
+        evt.persist();
+        var reader = new FileReader();
+        reader.onload = function (e) {
+            var _a;
+            var text = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+            var parsed = csvToArray(text);
+            var ellipsoid = cesium_1.Ellipsoid.WGS84;
+            console.log('Loaded CSV content:\n', text);
+            void cesium_1.sampleTerrainMostDetailed(mapViewer.terrainProvider, parsed.map(function (item) { return item.cartographic; })).then(function (updatedPositions) {
+                console.log(updatedPositions);
+                mapViewer.scene.globe.depthTestAgainstTerrain = true;
+                mapViewer.entities.suspendEvents();
+                mapViewer.entities.removeAll();
+                updatedPositions.forEach(function (position, idx) {
+                    mapViewer.entities.add({
+                        name: (idx + FIRST_DATA_ROW_IDX).toString(),
+                        position: ellipsoid.cartographicToCartesian(position),
+                        billboard: {
+                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
+                            scale: 0.7,
+                            image: 'assets/img/map-marker.gif',
+                        },
+                        label: {
+                            text: (idx + FIRST_DATA_ROW_IDX).toString(),
+                            font: '14pt monospace',
+                            fillColor: cesium_1.Color.BLACK,
+                            style: cesium_1.LabelStyle.FILL_AND_OUTLINE,
+                            outlineWidth: 4,
+                            outlineColor: cesium_1.Color.BLACK,
+                            verticalOrigin: cesium_1.VerticalOrigin.BOTTOM,
+                            pixelOffset: new cesium_1.Cartesian2(0, LABEL_PIXEL_OFFSET),
+                        },
+                        description: "\n                Long: " + parsed[idx].cartesian.x + " </br>\n                Lat: " + parsed[idx].cartesian.y + " </br>\n                Height(m): <span style=\"font-weight: 500\">" + position.height + "</span>\n              ",
+                    });
+                });
+                mapViewer.entities.resumeEvents();
+                if (evt.target.files !== null) {
+                    exportToCsv("terranian_heights_" + evt.target.files[0].name, parsed);
+                    evt.target.value = '';
+                }
+                console.log('Pinned point count is ', mapViewer.entities.values.length);
+            }, function (err) {
+                console.error('ERROR while sampleTerrainMostDetailed:', err);
+            });
+        };
+        if ((_a = evt.target.files) === null || _a === void 0 ? void 0 : _a[0]) {
+            reader.readAsText(evt.target.files[0]);
+        }
+    };
+    var exportToCsv = function (filename, rows) {
+        var processRow = function (row) {
+            var finalVal = '';
+            finalVal += row.cartesian.x.toString() + ',';
+            finalVal += row.cartesian.y.toString() + ',';
+            finalVal += row.cartographic.height.toString();
+            return finalVal + '\n';
+        };
+        var csvFile = 'long,lat,height\n';
+        rows.forEach(function (row) {
+            csvFile += processRow(row);
+        });
+        var blob = new Blob([csvFile], { type: 'text/csv;charset=utf-8;' });
+        var link = document.createElement('a');
+        var url = URL.createObjectURL(blob);
+        link.setAttribute('href', url);
+        link.setAttribute('download', filename);
+        link.style.visibility = 'hidden';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { type: "file", id: "csvFile", accept: ".csv", onChange: function (e) {
+                loadCSV(e);
+            } })));
+};
+exports.TerrainianHeightTool = TerrainianHeightTool;

package/dist/cssbaseline/cssbaseline.d.ts

@@ -3,4 +3,3 @@ import { CssBaselineProps } from '@material-ui/core/CssBaseline';
 import { ScopedCssBaselineProps } from '@material-ui/core/ScopedCssBaseline';
 export declare const McCssBaseline: React.FC<CssBaselineProps>;
 export declare const McScopedCssBaseline: React.FC<ScopedCssBaselineProps>;
-//# sourceMappingURL=cssbaseline.d.ts.map

package/dist/cssbaseline/cssbaseline.js

@@ -25,15 +25,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.McScopedCssBaseline = exports.McCssBaseline = void 0;
 var react_1 = __importDefault(require("react"));
 var CssBaseline_1 = __importDefault(require("@material-ui/core/CssBaseline"));
 var ScopedCssBaseline_1 = __importDefault(require("@material-ui/core/ScopedCssBaseline"));
-exports.McCssBaseline = function (props) {
+var McCssBaseline = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
     return react_1.default.createElement(CssBaseline_1.default, __assign({}, rest), children);
 };
-exports.McScopedCssBaseline = function (props) {
+exports.McCssBaseline = McCssBaseline;
+var McScopedCssBaseline = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
     return react_1.default.createElement(ScopedCssBaseline_1.default, __assign({}, rest), children);
 };
-//# sourceMappingURL=cssbaseline.js.map
+exports.McScopedCssBaseline = McScopedCssBaseline;

package/dist/cssbaseline/index.d.ts

@@ -1,2 +1 @@
 export { McCssBaseline as CssBaseline, McScopedCssBaseline as ScopedCssBaseline, } from './cssbaseline';
-//# sourceMappingURL=index.d.ts.map

package/dist/cssbaseline/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScopedCssBaseline = exports.CssBaseline = void 0;
 var cssbaseline_1 = require("./cssbaseline");
-exports.CssBaseline = cssbaseline_1.McCssBaseline;
-exports.ScopedCssBaseline = cssbaseline_1.McScopedCssBaseline;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, "CssBaseline", { enumerable: true, get: function () { return cssbaseline_1.McCssBaseline; } });
+Object.defineProperty(exports, "ScopedCssBaseline", { enumerable: true, get: function () { return cssbaseline_1.McScopedCssBaseline; } });

package/dist/date-picker/date-picker.d.ts

@@ -12,4 +12,3 @@ interface DatePickerProps extends KeyboardDatePickerProps {
 }
 export declare const DateTimePicker: React.FC<DatePickerProps>;
 export {};
-//# sourceMappingURL=date-picker.d.ts.map

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

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -21,17 +40,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 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");
@@ -43,15 +56,15 @@ var defaults_1 = __importDefault(require("../models/defaults"));
 var theme_1 = require("../theme");
 require("@map-colonies/react-core/dist/button/styles");
 require("./date-picker.css");
-exports.DateTimePicker = function (props) {
+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 : {
+    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;
+    }, _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);
@@ -62,4 +75,4 @@ exports.DateTimePicker = function (props) {
             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))))));
 };
-//# sourceMappingURL=date-picker.js.map
+exports.DateTimePicker = DateTimePicker;

package/dist/date-picker/index.d.ts

@@ -1,2 +1 @@
 export * from './date-picker';
-//# sourceMappingURL=index.d.ts.map

package/dist/date-picker/index.js

@@ -1,7 +1,13 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./date-picker"));
-//# sourceMappingURL=index.js.map
+__exportStar(require("./date-picker"), exports);

package/dist/date-range-picker/date-range-picker.d.ts

@@ -24,4 +24,3 @@ interface DateRangePickerProps {
 }
 export declare const DateTimeRangePicker: React.FC<DateRangePickerProps>;
 export {};
-//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/date-range-picker/date-range-picker.form-control.d.ts

@@ -26,4 +26,3 @@ interface DateRangePickerProps {
 }
 export declare const DateTimeRangePickerFormControl: React.FC<DateRangePickerProps>;
 export {};
-//# sourceMappingURL=date-range-picker.form-control.d.ts.map

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

@@ -1,15 +1,28 @@
 "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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    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");
@@ -18,12 +31,12 @@ 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");
-exports.DateTimeRangePickerFormControl = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var _h = react_1.useState(null), from = _h[0], setFrom = _h[1];
-    var _j = react_1.useState(null), to = _j[0], setTo = _j[1];
-    var _k = react_1.useState(defaults_1.default.DATE_RANGE_PICKER.dateFormat), dateFormat = _k[0], setDateFormat = _k[1];
-    var _l = react_1.default.useState(null), anchorEl = _l[0], setAnchorEl = _l[1];
+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);
     };
@@ -37,21 +50,21 @@ exports.DateTimeRangePickerFormControl = function (props) {
         setAnchorEl(null);
     };
     var open = Boolean(anchorEl);
-    var controlsLayout = (_a = props.controlsLayout, (_a !== null && _a !== void 0 ? _a : 'column'));
+    var controlsLayout = (_a = props.controlsLayout) !== null && _a !== void 0 ? _a : 'column';
     react_1.useEffect(function () {
         var _a;
-        setFrom((_a = props.from, (_a !== null && _a !== void 0 ? _a : null)));
+        setFrom((_a = props.from) !== null && _a !== void 0 ? _a : null);
     }, [props.from]);
     react_1.useEffect(function () {
         var _a;
-        setTo((_a = props.to, (_a !== null && _a !== void 0 ? _a : null)));
+        setTo((_a = props.to) !== null && _a !== void 0 ? _a : null);
     }, [props.to]);
     react_1.useEffect(function () {
         var _a;
-        setDateFormat((_a = props.dateFormat, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat)));
+        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, (_c !== 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, (_e !== null && _e !== void 0 ? _e : defaults_1.default.DATE_RANGE_PICKER.local.endPlaceHolderText));
+    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;
@@ -71,12 +84,12 @@ exports.DateTimeRangePickerFormControl = function (props) {
                 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: (_g = (_f = anchorEl) === null || _f === void 0 ? void 0 : _f.clientWidth, (_g !== null && _g !== void 0 ? _g : 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) {
+            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));
+                    setFrom(from !== null && from !== void 0 ? from : null);
+                    setTo(to !== null && to !== void 0 ? to : null);
                     props.onChange({ from: from, to: to });
                     handleClose();
                 } }))));
 };
-//# sourceMappingURL=date-range-picker.form-control.js.map
+exports.DateTimeRangePickerFormControl = DateTimeRangePickerFormControl;

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

@@ -1,15 +1,28 @@
 "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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    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");
@@ -41,7 +54,7 @@ var useStyle = styles_1.makeStyles(function (theme) {
         },
     });
 });
-exports.DateTimeRangePicker = function (props) {
+var DateTimeRangePicker = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var classes = useStyle();
     var theme = react_core_1.useTheme();
@@ -49,24 +62,24 @@ exports.DateTimeRangePicker = function (props) {
     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, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.controlsLayout));
-    var disableFuture = (_b = props.disableFuture, (_b !== 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, (_d !== 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, (_f !== 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, (_h !== 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, (_k !== null && _k !== void 0 ? _k : defaults_1.default.DATE_RANGE_PICKER.local.calendarLocale));
+    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, (_a !== null && _a !== void 0 ? _a : null)));
+        setFrom((_a = props.from) !== null && _a !== void 0 ? _a : null);
     }, [props.from]);
     react_1.useEffect(function () {
         var _a;
-        setTo((_a = props.to, (_a !== null && _a !== void 0 ? _a : null)));
+        setTo((_a = props.to) !== null && _a !== void 0 ? _a : null);
     }, [props.to]);
     react_1.useEffect(function () {
         var _a;
-        setDateFormat((_a = props.dateFormat, (_a !== null && _a !== void 0 ? _a : defaults_1.default.DATE_RANGE_PICKER.dateFormat)));
+        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) ||
@@ -88,4 +101,4 @@ exports.DateTimeRangePicker = function (props) {
                         // size="large"
                         onClick: onChange, disabled: !isRangeValid }, setText))))));
 };
-//# sourceMappingURL=date-range-picker.js.map
+exports.DateTimeRangePicker = DateTimeRangePicker;

package/dist/date-range-picker/index.d.ts

@@ -1,3 +1,2 @@
 export * from './date-range-picker';
 export * from './date-range-picker.form-control';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,8 +1,14 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./date-range-picker"));
-__export(require("./date-range-picker.form-control"));
-//# sourceMappingURL=index.js.map
+__exportStar(require("./date-range-picker"), exports);
+__exportStar(require("./date-range-picker.form-control"), exports);

package/dist/file-picker/file-picker.css

@@ -0,0 +1,62 @@
+body[dir='rtl'] .chonky-fileListWrapper [class^='listContainer-'] {
+  direction: rtl !important;
+}
+
+body[dir='rtl']
+  .chonky-fileEntryClickableWrapper
+  [class^='listFileEntryProperty-'] {
+  direction: ltr !important;
+}
+
+body[dir='rtl'] .chonky-chonkyRoot {
+  text-align: right;
+}
+
+body[dir='rtl'] .chonky-infoText {
+  margin-left: unset;
+  margin-right: 12px;
+}
+
+body[dir='rtl'] .chonky-contextMenuList .MuiListItemText-root,
+body[dir='rtl'] .chonky-dropdownList .MuiListItemText-root {
+  text-align: right;
+}
+
+body[dir='rtl'] .chonky-icon {
+  margin-right: unset;
+  margin-left: 8px;
+}
+
+.chonky-chonkyRoot div[class^='folderBackSide'] {
+  box-shadow: unset;
+}
+
+.chonky-chonkyRoot div[class^='folderBackSide']::after {
+  border-color: var(--fp-theme-background, #fff)
+    var(--fp-theme-background, #fff) transparent transparent;
+}
+
+.chonky-chonkyRoot div[class^='listFileEntryIcon-'] {
+  color: #d5d5d5;
+}
+
+.chonky-chonkyRoot div[class*='previewFile-d'] {
+  background-color: #d5d5d5;
+}
+
+.chonky-chonkyRoot div[class^='selectionIndicator-'] {
+  background: var(--fp-theme-selection-background, #455570);
+}
+
+.chonky-chonkyRoot {
+  background-color: var(--fp-theme-background, #fff) !important;
+}
+
+.chonky-contextMenuList {
+  background-color: var(--fp-theme-surface, #fff) !important;
+}
+
+button[class*='chonky-activeButton'],
+.chonky-selectionSizeText {
+  color: var(--fp-theme-primary, #24aee9) !important;
+}