@map-colonies/react-components 3.12.2 → 3.13.0

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

@@ -1,104 +1,104 @@
-"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;
+"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.d.ts

@@ -1,2 +1,2 @@
-export * from './date-range-picker';
-export * from './date-range-picker.form-control';
+export * from './date-range-picker';
+export * from './date-range-picker.form-control';

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

@@ -1,14 +1,14 @@
-"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);
+"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.css

@@ -1,63 +1,63 @@
-body[dir='rtl'] .chonky-fileListWrapper [class^='listContainer-'] {
-  direction: rtl !important;
-}
-
-body[dir='rtl']
-  .chonky-fileEntryClickableWrapper
-  [class^='listFileEntryProperty-'],
-body[dir='rtl'] .chonky-navbarContainer {
-  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;
-}
+body[dir='rtl'] .chonky-fileListWrapper [class^='listContainer-'] {
+  direction: rtl !important;
+}
+
+body[dir='rtl']
+  .chonky-fileEntryClickableWrapper
+  [class^='listFileEntryProperty-'],
+body[dir='rtl'] .chonky-navbarContainer {
+  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;
+}