@uxf/cms 3.0.0-beta.15 → 3.0.0-beta.16

package/forms/components/GpsInput/GpsInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { GpsInputProps } from "./types";
+export declare const GpsInput: <FormData_1 extends Record<string, any>>(props: GpsInputProps<FormData_1>) => JSX.Element;

package/forms/components/GpsInput/GpsInput.js

@@ -0,0 +1,162 @@
+"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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GpsInput = void 0;
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var react_1 = __importStar(require("react"));
+var react_final_form_1 = require("react-final-form");
+var composeValidators_1 = require("../../../utils/composeValidators");
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var coordinate_parser_1 = __importDefault(require("coordinate-parser"));
+var requiredValidator = function (errorMessage) {
+    return function (value) {
+        return value === null || value === undefined ? errorMessage : undefined;
+    };
+};
+var SUPPORTED_FORMATS = (react_1.default.createElement("div", null,
+    "40.123, -74.123",
+    react_1.default.createElement("br", null),
+    "40.123\u00B0 N 74.123\u00B0 W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7\u00B4 22.8\" N 74\u00B0 7\u00B4 22.8\" W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7.38\u2019 , -74\u00B0 7.38\u2019",
+    react_1.default.createElement("br", null),
+    "N40\u00B07\u201922.8, W74\u00B07\u201922.8\"",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
+    react_1.default.createElement("br", null),
+    "40 7 22.8, -74 7 22.8",
+    react_1.default.createElement("br", null),
+    "40.123 -74.123",
+    react_1.default.createElement("br", null),
+    "40.123\u00B0,-74.123\u00B0",
+    react_1.default.createElement("br", null),
+    "144442800, -266842800",
+    react_1.default.createElement("br", null),
+    "40.123N74.123W",
+    react_1.default.createElement("br", null),
+    "4007.38N7407.38W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
+    react_1.default.createElement("br", null),
+    "400722.8N740722.8W",
+    react_1.default.createElement("br", null),
+    "N 40 7.38 W 74 7.38",
+    react_1.default.createElement("br", null),
+    "40:7:23N,74:7:23W",
+    react_1.default.createElement("br", null),
+    "40:7:22.8N 74:7:22.8W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201923\"N 74\u00B07\u201923\"W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201923\" -74\u00B07\u201923\"",
+    react_1.default.createElement("br", null),
+    "40d 7\u2019 23\" N 74d 7\u2019 23\" W",
+    react_1.default.createElement("br", null),
+    "40.123N 74.123W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7.38, -74\u00B0 7.38",
+    react_1.default.createElement("br", null)));
+var EMPTY_HELPER_TEXT = (react_1.default.createElement(react_1.default.Fragment, null,
+    "Zadejte sou\u0159adnice (",
+    react_1.default.createElement(Tooltip_1.default, { title: SUPPORTED_FORMATS },
+        react_1.default.createElement("span", { style: { textDecoration: "underline", cursor: "pointer" } }, "podporovan\u00E9 form\u00E1ty")),
+    ")"));
+var GpsInput = function (props) {
+    var disabled = props.disabled, error = props.error, label = props.label, name = props.name, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte GPS souřadnice" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b, restProps = __rest(props, ["disabled", "error", "label", "name", "required", "requiredErrorMessage", "validate"]);
+    var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
+    var _c = (0, react_final_form_1.useField)(name, {
+        validate: validator,
+        allowNull: true,
+        parse: function (value) { return (value === null ? null : value); },
+    }), input = _c.input, meta = _c.meta;
+    var _d = __read((0, react_1.useState)(input.value ? "".concat(input.value.lat, "N, ").concat(input.value.lng, "E") : ""), 2), fieldValue = _d[0], setFieldValue = _d[1];
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        setFieldValue(e.target.value);
+        try {
+            var coords = new coordinate_parser_1.default(e.target.value);
+            input.onChange({ lat: coords.getLatitude(), lng: coords.getLongitude() });
+        }
+        catch (e) {
+            input.onChange(null);
+        }
+    }, [input]);
+    return (react_1.default.createElement(TextField_1.default, __assign({ error: error || !!(meta.touched && meta.error), helperText: meta.touched && meta.error ? ("".concat(meta.error)) : input.value ? ("".concat(input.value.lat, "N, ").concat(input.value.lng, "E")) : fieldValue ? (react_1.default.createElement(react_1.default.Fragment, null,
+            "Sou\u0159adnice nejsou validn\u00ED (",
+            react_1.default.createElement(Tooltip_1.default, { title: SUPPORTED_FORMATS },
+                react_1.default.createElement("span", { style: { textDecoration: "underline", cursor: "pointer" } }, "podporovan\u00E9 form\u00E1ty")),
+            ")")) : (EMPTY_HELPER_TEXT), disabled: disabled, fullWidth: true, variant: "outlined", size: "small", label: react_1.default.createElement(react_1.default.Fragment, null,
+            label,
+            required ? " *" : ""), name: name, onChange: handleChange, value: fieldValue }, restProps)));
+};
+exports.GpsInput = GpsInput;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3BzSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9HcHNJbnB1dC9HcHNJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsc0VBQW9FO0FBRXBFLDZDQUFnRTtBQUNoRSxxREFBNEM7QUFDNUMsc0VBQXFFO0FBRXJFLGtFQUE0QztBQUM1Qyx3RUFBNEM7QUFFNUMsSUFBTSxpQkFBaUIsR0FDbkIsVUFBQyxZQUF1QjtJQUN4QixPQUFBLFVBQUMsS0FBSztRQUNGLE9BQUEsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFNBQVM7SUFBaEUsQ0FBZ0U7QUFEcEUsQ0FDb0UsQ0FBQztBQUV6RSxJQUFNLGlCQUFpQixHQUFHLENBQ3RCOztJQUVJLHlDQUFNOztJQUNhLHlDQUFNOztJQUNjLHlDQUFNOztJQUU3Qyx5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFFTix5Q0FBTTs7SUFDNkIseUNBQU07O0lBRXpDLHlDQUFNOztJQUVOLHlDQUFNLENBQ0osQ0FDVCxDQUFDO0FBQ0YsSUFBTSxpQkFBaUIsR0FBRyxDQUN0Qjs7SUFFSSw4QkFBQyxpQkFBTyxJQUFDLEtBQUssRUFBRSxpQkFBaUI7UUFDN0Isd0NBQU0sS0FBSyxFQUFFLEVBQUUsY0FBYyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsU0FB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

package/forms/components/GpsInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GpsInput";
+export * from "./types";

package/forms/components/GpsInput/index.js

@@ -0,0 +1,15 @@
+"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("./GpsInput"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9HcHNJbnB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMkI7QUFDM0IsMENBQXdCIn0=

package/forms/components/GpsInput/types.d.ts

@@ -0,0 +1,13 @@
+import { TextFieldProps } from "@mui/material/TextField";
+import { FieldValidator } from "final-form";
+import { ReactNode } from "react";
+export declare type Gps = {
+    lat: number;
+    lng: number;
+};
+export interface GpsInputProps<FormData extends Record<string, any>> extends Omit<TextFieldProps, "name" | "onChange" | "value" | "helperText"> {
+    helperText?: ReactNode;
+    name: keyof FormData;
+    requiredErrorMessage?: ReactNode;
+    validate?: FieldValidator<Gps>[];
+}

package/forms/components/GpsInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9HcHNJbnB1dC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "3.0.0-beta.15",
+  "version": "3.0.0-beta.16",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -45,6 +45,7 @@
     "@uxf/router": "^2.0.1",
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
+    "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.1",
     "eslint": "^8.8.0",
     "eslint-plugin-import": "^2.25.4",