@rio-cloud/rio-uikit 1.4.1 → 1.5.0

package/lib/es/utils/urlFeatureToggles.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectFeatureToggles = exports.asNumber = exports.asString = exports.asBoolean = exports.cleanupOldToggles = exports.DEFAULT_PREFIX = void 0;
+const tslib_1 = require("tslib");
+const qs_1 = tslib_1.__importDefault(require("qs"));
+const mapValues_1 = tslib_1.__importDefault(require("lodash/fp/mapValues"));
+const forEach_1 = tslib_1.__importDefault(require("lodash/fp/forEach"));
+const get_1 = tslib_1.__importDefault(require("lodash/fp/get"));
+const storageUtils_1 = require("./storageUtils");
+exports.DEFAULT_PREFIX = 'featureToggle.';
+const cleanupOldToggles = (oldToggles, prefix) => {
+    try {
+        (0, forEach_1.default)(toggle => storageUtils_1.storage.removeItem(toggle, prefix), oldToggles);
+    }
+    catch (error) {
+        console.error(error);
+    }
+};
+exports.cleanupOldToggles = cleanupOldToggles;
+const detectToggle = (param, prefix, transformFn) => {
+    var _a;
+    const [_, searchParams = ''] = window.location.hash.split('?');
+    const urlSearchParams = qs_1.default.parse(searchParams);
+    const urlValue = ((_a = (0, get_1.default)(param, urlSearchParams)) === null || _a === void 0 ? void 0 : _a.toString()) || '';
+    const storageValue = urlValue ? storageUtils_1.storage.save(param, urlValue, prefix) : storageUtils_1.storage.load(param, prefix);
+    return storageValue && transformFn(storageValue);
+};
+const transformBoolean = (value) => value === 'true' || value === '1';
+const transformString = (value) => value || '';
+const transformNumber = (value) => (value !== null ? Number.parseFloat(value) : 0);
+const asBoolean = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformBoolean);
+exports.asBoolean = asBoolean;
+const asString = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformString);
+exports.asString = asString;
+const asNumber = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformNumber);
+exports.asNumber = asNumber;
+const detectFeatureToggles = (toggleDefinitions, oldToggles = [], prefix = exports.DEFAULT_PREFIX) => {
+    (0, exports.cleanupOldToggles)(oldToggles, prefix);
+    return (0, mapValues_1.default)(toggleFn => toggleFn(prefix), toggleDefinitions);
+};
+exports.detectFeatureToggles = detectFeatureToggles;

package/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.4.1"
+    "version": "1.5.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "1.4.1",
+    "version": "1.5.0",
     "description": "The RIO UIKIT component library",
     "repository": "https://bitbucket.collaboration-man.com/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -43,14 +43,18 @@
     "module": "index.js",
     "types": "index.d.ts",
     "less": "./styles/css/rio-uikit.less",
-    "files": ["**/*.*"],
+    "files": [
+        "**/*.*"
+    ],
     "devDependencies": {
         "@testing-library/dom": "9.3.3",
         "@testing-library/jest-dom": "5.17.0",
         "@testing-library/react": "12.1.5",
+        "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/user-event": "14.5.2",
         "@types/heremaps": "3.1.14",
         "@types/lodash": "4.17.7",
+        "@types/qs": "^6.9.16",
         "@types/react": "18.3.5",
         "@types/react-dom": "18.3.0",
         "@types/react-input-mask": "3.0.5",
@@ -114,6 +118,7 @@
         "natural-orderby": "3.0.2",
         "process": "0.11.10",
         "prop-types": "15.8.1",
+        "qs": "6.13.0",
         "react-bootstrap": "1.6.4",
         "react-content-loader": "6.2.1",
         "react-custom-scrollbars-2": "^4.5.0",
@@ -130,6 +135,12 @@
     "overrides": {
         "iframe-resizer": "4.3.11"
     },
-    "pre-commit": ["format-code"],
-    "browserslist": ["> 0.5%", "Firefox ESR", "not dead"]
+    "pre-commit": [
+        "format-code"
+    ],
+    "browserslist": [
+        "> 0.5%",
+        "Firefox ESR",
+        "not dead"
+    ]
 }

package/storageUtils.d.ts

@@ -0,0 +1 @@
+export * from './utils/storageUtils';

package/storageUtils.js

@@ -0,0 +1 @@
+export * from './utils/storageUtils';

package/styles/variables/colors/colors.json

@@ -10,7 +10,7 @@
     "gray-light": "#D0D8DE",
     "gray-lighter": "#E5EBF0",
     "gray-lightest": "#f6f8f9",
-    "gray-decent": "#fdfdfd",
+    "gray-decent": "#fcfcfd",
     "brand-primary": "#30b4c0",
     "brand-secondary": "#b23672",
     "brand-primary-decent": "#f4fbfc",
@@ -31,13 +31,14 @@
     "color-map-marker-text": "#ffffff",
     "color-map-marker-active": "#ffffff",
     "color-map-marker-asset": "#2a3740",
-    "color-map-marker-poi": "#cb3995",
-    "color-map-marker-geofence": "#8c63b9",
+    "color-map-marker-poi": "#d5429f",
+    "color-map-marker-geofence": "#f9636e",
     "color-map-marker-route": "#36afd7",
     "color-map-marker-info": "#3f759b",
     "color-map-marker-success": "#5cb85c",
     "color-map-marker-warning": "#ff8e3c",
     "color-map-marker-danger": "#e22837",
+    "color-map-marker-restrictions": "#8F68ED",
     "color-rating-1": "#e22837",
     "color-rating-2": "#ff8e3c",
     "color-rating-3": "#f8c575",

package/urlFeatureToggles.d.ts

@@ -0,0 +1 @@
+export * from './utils/urlFeatureToggles';

package/urlFeatureToggles.js

@@ -0,0 +1 @@
+export * from './utils/urlFeatureToggles';

package/useSorting.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useSorting';
+export * from './hooks/useSorting';

package/useSorting.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useSorting';
+export * from './hooks/useSorting';

package/utils/storageUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const storage: {
+    save: (key: string, value: string | boolean, prefix?: string) => string | boolean | undefined;
+    load: (key: string, prefix?: string) => string | undefined;
+    removeItem: (key: string, prefix?: string) => void;
+};

package/utils/storageUtils.js

@@ -0,0 +1,29 @@
+const localStorage = window.localStorage;
+const STORAGE_PREFIX = '';
+const save = (key, value, prefix = STORAGE_PREFIX) => {
+    try {
+        localStorage.setItem(`${prefix}${key}`, JSON.stringify(value));
+        return value;
+    }
+    catch (_) {
+        // Intentionally left blank
+    }
+};
+const removeItem = (key, prefix = STORAGE_PREFIX) => {
+    try {
+        localStorage.removeItem(`${prefix}${key}`);
+    }
+    catch (_) {
+        // Intentionally left blank
+    }
+};
+const load = (key, prefix = STORAGE_PREFIX) => {
+    try {
+        const item = localStorage.getItem(`${prefix}${key}`);
+        return item && JSON.parse(item);
+    }
+    catch (_) {
+        // Intentionally left blank
+    }
+};
+export const storage = { save, load, removeItem };

package/utils/urlFeatureToggles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="lodash" />
+export declare const DEFAULT_PREFIX = "featureToggle.";
+export type ToggleType = string | boolean | number;
+export declare const cleanupOldToggles: (oldToggles: string[], prefix: string) => void;
+export declare const asBoolean: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
+export declare const asString: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
+export declare const asNumber: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
+export declare const detectFeatureToggles: (toggleDefinitions: {
+    [key: string]: (paramName: string) => ToggleType | undefined;
+}, oldToggles?: string[], prefix?: string) => import("lodash").Dictionary<ToggleType | undefined>;

package/utils/urlFeatureToggles.js

@@ -0,0 +1,32 @@
+import qs from 'qs';
+import mapValues from 'lodash/fp/mapValues';
+import forEach from 'lodash/fp/forEach';
+import get from 'lodash/fp/get';
+import { storage } from './storageUtils';
+export const DEFAULT_PREFIX = 'featureToggle.';
+export const cleanupOldToggles = (oldToggles, prefix) => {
+    try {
+        forEach(toggle => storage.removeItem(toggle, prefix), oldToggles);
+    }
+    catch (error) {
+        console.error(error);
+    }
+};
+const detectToggle = (param, prefix, transformFn) => {
+    var _a;
+    const [_, searchParams = ''] = window.location.hash.split('?');
+    const urlSearchParams = qs.parse(searchParams);
+    const urlValue = ((_a = get(param, urlSearchParams)) === null || _a === void 0 ? void 0 : _a.toString()) || '';
+    const storageValue = urlValue ? storage.save(param, urlValue, prefix) : storage.load(param, prefix);
+    return storageValue && transformFn(storageValue);
+};
+const transformBoolean = (value) => value === 'true' || value === '1';
+const transformString = (value) => value || '';
+const transformNumber = (value) => (value !== null ? Number.parseFloat(value) : 0);
+export const asBoolean = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformBoolean);
+export const asString = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformString);
+export const asNumber = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformNumber);
+export const detectFeatureToggles = (toggleDefinitions, oldToggles = [], prefix = DEFAULT_PREFIX) => {
+    cleanupOldToggles(oldToggles, prefix);
+    return mapValues(toggleFn => toggleFn(prefix), toggleDefinitions);
+};

package/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.4.1"
+    "version": "1.5.0"
 }