@carbonorm/carbonreact 1.0.4 → 1.0.6

package/dist/{CarbonReact.cjs.js → CarbonReact.esm.js}

@@ -1,16 +1,14 @@
-'use strict';
-
-var React = require('react');
-var carbonnode = require('@carbonorm/carbonnode');
-var reactRouterDom = require('react-router-dom');
-var reactToastify = require('react-toastify');
-var OutsideClickHandler = require('react-outside-click-handler');
-var classNames = require('classnames');
-var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
-var Skeleton = require('react-loading-skeleton');
-var axios = require('axios');
-var Qs = require('qs');
+import React, { useState, useEffect } from 'react';
+import { toastOptions, clearCache, isTest, isVerbose } from '@carbonorm/carbonnode';
+import { useNavigate, BrowserRouter } from 'react-router-dom';
+import { toast, ToastContainer } from 'react-toastify';
+import OutsideClickHandler from 'react-outside-click-handler';
+import classNames from 'classnames';
+import { faClose } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
+import axios from 'axios';
+import Qs from 'qs';
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -1375,9 +1373,9 @@ const changed = (name, context, old, v) => {
     }
 };
 
-exports.globalNavigate = void 0;
+let globalNavigate;
 const GlobalHistory = () => {
-    exports.globalNavigate = reactRouterDom.useNavigate();
+    globalNavigate = useNavigate();
     return null;
 };
 GlobalHistory.displayName = "GlobalHistory";
@@ -1491,13 +1489,13 @@ class Nest extends React.Component {
         this.canvas = document.getElementById('2d');
         this.canvasContext = this.canvas.getContext('2d') || undefined;
         if (undefined === this.canvasContext) {
-            reactToastify.toast.warn('Your browser does not support Canvas! Some features may not work as expected.', carbonnode.toastOptions);
+            toast.warn('Your browser does not support Canvas! Some features may not work as expected.', toastOptions);
             return;
         }
         this.points = this.randomPoints();
         this.all = (_a = this.all) === null || _a === void 0 ? void 0 : _a.concat(this.points, [this.current]);
         if (undefined === this.canvas) {
-            reactToastify.toast.error('Failed to load Canvas! Some features may not work as expected.', carbonnode.toastOptions);
+            toast.error('Failed to load Canvas! Some features may not work as expected.', toastOptions);
             return;
         }
         document.onmousemove = e => {
@@ -1554,7 +1552,7 @@ class CarbonReact extends React.Component {
         this.websocketTimeout = 5000;
         CarbonReact.instance = this;
         // This should only ever be done here, when the full state is being trashed.
-        carbonnode.clearCache({
+        clearCache({
             ignoreWarning: true
         });
         /** We can think of our app as having one state; this state.
@@ -1587,7 +1585,7 @@ class CarbonReact extends React.Component {
         if (this.state.backendThrowable.length > 0) {
             return jsxRuntime_2(jsxRuntime_3, { children: [nest, jsxRuntime_1(BackendThrowable, {})] });
         }
-        return jsxRuntime_2(reactRouterDom.BrowserRouter, { children: [jsxRuntime_1(GlobalHistory, {}), this.props.children, jsxRuntime_1(reactToastify.ToastContainer, {})] });
+        return jsxRuntime_2(BrowserRouter, { children: [jsxRuntime_1(GlobalHistory, {}), this.props.children, jsxRuntime_1(ToastContainer, {})] });
     }
 }
 CarbonReact.lastLocation = window.location.pathname;
@@ -1727,7 +1725,7 @@ function Alert() {
                         [dig.bg_warning]: "warning" === alert.icon,
                         [dig.bg_danger]: "error" === alert.icon,
                         [dig.bgPrimary]: "question" === alert.icon,
-                    }), children: [jsxRuntime_2("h3", { className: classNames(dig.modalTitle, dig.textDark), id: "staticBackdropLabel", children: ["#", alertWaiting, " ", alert.title] }), jsxRuntime_1("div", { onClick: handleClose, children: jsxRuntime_1(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faClose, size: 'xl' }) })] }), jsxRuntime_1("div", { className: classNames(dig.modalBody, dig.border0, dig.textWhite), children: jsxRuntime_2("div", { className: dig.textCenter, children: [alert.text, alert.component] }) }), undefined !== alert.buttons &&
+                    }), children: [jsxRuntime_2("h3", { className: classNames(dig.modalTitle, dig.textDark), id: "staticBackdropLabel", children: ["#", alertWaiting, " ", alert.title] }), jsxRuntime_1("div", { onClick: handleClose, children: jsxRuntime_1(FontAwesomeIcon, { icon: faClose, size: 'xl' }) })] }), jsxRuntime_1("div", { className: classNames(dig.modalBody, dig.border0, dig.textWhite), children: jsxRuntime_2("div", { className: dig.textCenter, children: [alert.text, alert.component] }) }), undefined !== alert.buttons &&
                     jsxRuntime_2("div", { className: classNames(dig.modalFooter, dig.border0, dig.rounded0), children: [alert.footerText && jsxRuntime_1("div", { className: classNames(dig.textCenter, dig.textWhite), children: alert.footerText }), (_b = alert.buttons) === null || _b === void 0 ? void 0 : _b.map((button, index) => {
                                 return jsxRuntime_1("button", { className: classNames(dig.btn, dig.btnLg, {
                                         // todo - color: "default" | "primary" | "secondary" | "inherit" | "danger" | "info" | "success" | "warning" | undefined,
@@ -1792,7 +1790,7 @@ function PageNotFound() {
 function Loading(props) {
     const dig = getStyles();
     const primaryColor = getRootStyleValue();
-    return jsxRuntime_1("div", { className: classNames(dig.my5, dig.px3, dig.pb5, dig.container), style: { lineHeight: props.lineHeight || 4 }, children: jsxRuntime_2(Skeleton.SkeletonTheme, { baseColor: primaryColor, highlightColor: "#444", children: [jsxRuntime_1(Skeleton, { className: classNames(dig.row, dig.my3, dig.justifyContentCenter, dig.mAuto), count: props.count || 1, height: 60, inline: true }), props.children, undefined !== (props === null || props === void 0 ? void 0 : props.message) && jsxRuntime_1("h2", { style: {
+    return jsxRuntime_1("div", { className: classNames(dig.my5, dig.px3, dig.pb5, dig.container), style: { lineHeight: props.lineHeight || 4 }, children: jsxRuntime_2(SkeletonTheme, { baseColor: primaryColor, highlightColor: "#444", children: [jsxRuntime_1(Skeleton, { className: classNames(dig.row, dig.my3, dig.justifyContentCenter, dig.mAuto), count: props.count || 1, height: 60, inline: true }), props.children, undefined !== (props === null || props === void 0 ? void 0 : props.message) && jsxRuntime_1("h2", { style: {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'center',
@@ -1906,7 +1904,7 @@ function setCookies(cookies, req = undefined) {
     });
 }
 function axiosInterceptors(axios) {
-    if (carbonnode.isTest) {
+    if (isTest) {
         axios.defaults.adapter = require('axios/lib/adapters/http');
     }
     axios.interceptors.request.use(req => {
@@ -1914,7 +1912,7 @@ function axiosInterceptors(axios) {
         setCookies([
             'github_revision=' + process.env.REACT_APP_GITHUB_REVISION + '; path=/',
         ]);
-        if (carbonnode.isTest) {
+        if (isTest) {
             setCookies([
                 'dropDeveloper=554378!@#$(K-asSfdsf-fd!@#$439; path=/',
                 'XDEBUG_SESSION=start; path=/'
@@ -1922,7 +1920,7 @@ function axiosInterceptors(axios) {
             (_a = req.headers) !== null && _a !== void 0 ? _a : (req.headers = {});
             req.headers['Cookie'] = document.cookie;
         }
-        if (true === carbonnode.isVerbose) {
+        if (true === isVerbose) {
             console.log(req.method, req.url, req.data);
             const log = {
                 baseURL: req.baseURL,
@@ -1941,15 +1939,15 @@ function axiosInterceptors(axios) {
     function logResponseSetCookiesForTests(response) {
         var _a, _b, _c;
         // axios sets cookies correctly; just not in jest tests
-        if (carbonnode.isTest && ((_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a['set-cookie'])) {
+        if (isTest && ((_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a['set-cookie'])) {
             setCookies((_b = response === null || response === void 0 ? void 0 : response.headers) === null || _b === void 0 ? void 0 : _b['set-cookie'], response);
         }
-        if (true === carbonnode.isVerbose) {
+        if (true === isVerbose) {
             if (response === null || response === void 0 ? void 0 : response.response) {
                 response = response.response;
             }
             // JSON is so it prints completely in intellij run console
-            if (carbonnode.isTest && carbonnode.isVerbose) {
+            if (isTest && isVerbose) {
                 console.debug("Every Axios response is logged in axiosInterceptors.tsx :: ", JSON.stringify({
                     baseURL: response.config.baseURL,
                     uri: (_c = response.config) === null || _c === void 0 ? void 0 : _c.url,
@@ -1965,7 +1963,7 @@ function axiosInterceptors(axios) {
         var _a, _b, _c;
         logResponseSetCookiesForTests(response);
         if (undefined !== ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.TRACE)) {
-            if (carbonnode.isTest) {
+            if (isTest) {
                 throw new Error(JSON.stringify(response.data, undefined, 4));
             }
             CarbonReact.instance.setState((previous) => ({
@@ -1976,7 +1974,7 @@ function axiosInterceptors(axios) {
             }));
             return response;
         }
-        if (carbonnode.isTest) {
+        if (isTest) {
             if (Array.isArray((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.sql)) {
                 addValidSQL$1(response.data.sql);
             }
@@ -1994,7 +1992,7 @@ function axiosInterceptors(axios) {
         // @link https://stackoverflow.com/questions/56074531/how-to-retry-5xx-requests-using-axios/75956421#75956421
         if (((_b = (_a = error === null || error === void 0 ? void 0 : error.config) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b['X-Retry-Count']) !== undefined) {
             console.log('X-Retry-Count', (_d = (_c = error === null || error === void 0 ? void 0 : error.config) === null || _c === void 0 ? void 0 : _c.headers) === null || _d === void 0 ? void 0 : _d['X-Retry-Count']);
-            if (false === carbonnode.isTest || true === carbonnode.isVerbose) {
+            if (false === isTest || true === isVerbose) {
                 console.log(error);
             }
             return error;
@@ -2004,12 +2002,12 @@ function axiosInterceptors(axios) {
         (_f = (_8 = error.response).status) !== null && _f !== void 0 ? _f : (_8.status = 520);
         const shouldRetry = (error) => { var _a, _b; return undefined !== error.config && ((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) >= 500 && ((_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.status) < 600; };
         const firstRetry = shouldRetry(error);
-        if (false === carbonnode.isTest || true === carbonnode.isVerbose) {
+        if (false === isTest || true === isVerbose) {
             console.group("Retrying request ", (_h = (_g = error.config) === null || _g === void 0 ? void 0 : _g.url) !== null && _h !== void 0 ? _h : error.config);
             console.log(error);
             console.groupEnd();
         }
-        else if (carbonnode.isTest) {
+        else if (isTest) {
             console.log('AXIOS ERROR', error.code, error.baseURL, (_j = error.config) === null || _j === void 0 ? void 0 : _j.url, error.headers, error.data, error.params, error.path, (_k = error.response) === null || _k === void 0 ? void 0 : _k.status, (_l = error.response) === null || _l === void 0 ? void 0 : _l.statusText, (_m = error.response) === null || _m === void 0 ? void 0 : _m.headers, (_o = error.response) === null || _o === void 0 ? void 0 : _o.data);
             if (false === firstRetry) {
                 throw new Error(((_p = error === null || error === void 0 ? void 0 : error.response) === null || _p === void 0 ? void 0 : _p.status) + ' ' + JSON.stringify((_q = error === null || error === void 0 ? void 0 : error.response) === null || _q === void 0 ? void 0 : _q.data, undefined, 4));
@@ -2019,7 +2017,7 @@ function axiosInterceptors(axios) {
             console.error("Error in axiosInterceptors.tsx (Not attempting retry)", error);
             if (undefined !== ((_s = (_r = error === null || error === void 0 ? void 0 : error.response) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.TRACE) ||
                 undefined === ((_u = (_t = error === null || error === void 0 ? void 0 : error.response) === null || _t === void 0 ? void 0 : _t.data) === null || _u === void 0 ? void 0 : _u.alert)) {
-                if (carbonnode.isTest) {
+                if (isTest) {
                     throw new Error((_w = (_v = error === null || error === void 0 ? void 0 : error.response.data['CarbonPHP\\Error\\PublicAlert']) !== null && _v !== void 0 ? _v : error === null || error === void 0 ? void 0 : error.response.data['DropInGaming\\PHP\\Errors\\DropException']) !== null && _w !== void 0 ? _w : JSON.stringify(error === null || error === void 0 ? void 0 : error.response.data, undefined, 4));
                 }
                 console.log('backend throwable', ((_x = error === null || error === void 0 ? void 0 : error.response) === null || _x === void 0 ? void 0 : _x.data) || (error === null || error === void 0 ? void 0 : error.response));
@@ -2049,7 +2047,7 @@ function axiosInterceptors(axios) {
         const config = error.config;
         // @link https://stackoverflow.com/questions/3561381/custom-http-headers-naming-conventions
         let retries = parseInt((_2 = (_1 = config.headers) === null || _1 === void 0 ? void 0 : _1['X-Retry-Count']) !== null && _2 !== void 0 ? _2 : '0');
-        const maxRetries = carbonnode.isTest ? 5 : 3;
+        const maxRetries = isTest ? 5 : 3;
         // todo - handle retries better
         while (retries < maxRetries) {
             config.headers = Object.assign(Object.assign({}, config.headers), { 'X-Retry-Count': `${++retries}` });
@@ -2118,7 +2116,7 @@ const axiosInstance = axios.create({
     withCredentials: false,
     // `adapter` allows custom handling of requests which makes testing easier.
     // Return a promise and supply a valid response (see lib/adapters/README.md).
-    adapter: carbonnode.isTest ? 'http' : 'xhr',
+    adapter: isTest ? 'http' : 'xhr',
     // `auth` indicates that HTTP Basic auth should be used, and supplies credentials.
     // This will set an `Authorization` header, overwriting any existing
     // `Authorization` custom headers you have set using `headers`.
@@ -2231,12 +2229,12 @@ function setUrl() {
     console.log(global.window.location);
 }
 
-exports.eUpdateInsertMethod = void 0;
+var eUpdateInsertMethod;
 (function (eUpdateInsertMethod) {
     eUpdateInsertMethod[eUpdateInsertMethod["REPLACE"] = 0] = "REPLACE";
     eUpdateInsertMethod[eUpdateInsertMethod["FIRST"] = 1] = "FIRST";
     eUpdateInsertMethod[eUpdateInsertMethod["LAST"] = 2] = "LAST";
-})(exports.eUpdateInsertMethod || (exports.eUpdateInsertMethod = {}));
+})(eUpdateInsertMethod || (eUpdateInsertMethod = {}));
 /**
  *
  *                  merged with existing objects.uniqueObjectId || {}.
@@ -2247,7 +2245,7 @@ exports.eUpdateInsertMethod = void 0;
  * @param callback - if you want to do something with the updated state, you can pass a callback here. Run as the second
  *  parameter of setState.
  */
-function updateRestfulObjectArray(dataOrCallback, uniqueObjectId, stateKey, insertUpdateOrder = exports.eUpdateInsertMethod.LAST, callback) {
+function updateRestfulObjectArray(dataOrCallback, uniqueObjectId, stateKey, insertUpdateOrder = eUpdateInsertMethod.LAST, callback) {
     const bootstrap = CarbonReact.instance;
     return bootstrap.setState((previousBootstrapState) => {
         var _a, _b, _c;
@@ -2259,21 +2257,21 @@ function updateRestfulObjectArray(dataOrCallback, uniqueObjectId, stateKey, inse
         switch (insertUpdateOrder) {
             default:
                 throw Error('The insertUpdateOrder (eUpdateInsertMethod) was not implemented');
-            case exports.eUpdateInsertMethod.LAST:
+            case eUpdateInsertMethod.LAST:
                 return {
                     [stateKey]: null === newOrReplacementData ? null : [
                         ...updatedData,
                         ...((_a = previousStateProperty === null || previousStateProperty === void 0 ? void 0 : previousStateProperty.filter(item => false === ((newOrReplacementData === null || newOrReplacementData === void 0 ? void 0 : newOrReplacementData.find(value => value[uniqueObjectId] === item[uniqueObjectId])) || false))) !== null && _a !== void 0 ? _a : [])
                     ]
                 };
-            case exports.eUpdateInsertMethod.FIRST:
+            case eUpdateInsertMethod.FIRST:
                 return {
                     [stateKey]: null === newOrReplacementData ? null : [
                         ...((_b = previousStateProperty === null || previousStateProperty === void 0 ? void 0 : previousStateProperty.filter(item => false === ((newOrReplacementData === null || newOrReplacementData === void 0 ? void 0 : newOrReplacementData.find(value => value[uniqueObjectId] === item[uniqueObjectId])) || false))) !== null && _b !== void 0 ? _b : []),
                         ...updatedData,
                     ]
                 };
-            case exports.eUpdateInsertMethod.REPLACE: {
+            case eUpdateInsertMethod.REPLACE: {
                 return {
                     [stateKey]: [
                         ...((_c = previousStateProperty === null || previousStateProperty === void 0 ? void 0 : previousStateProperty.map(oldObject => {
@@ -2301,7 +2299,7 @@ function toDataURL(src, fileType, callback) {
             canvas.height = image.naturalHeight;
             canvas.width = image.naturalWidth;
             if (context === null) {
-                reactToastify.toast.error('Unable to upload image. Please try another image or bowser. If issues persist, please contact support.');
+                toast.error('Unable to upload image. Please try another image or bowser. If issues persist, please contact support.');
                 return;
             }
             context === null || context === void 0 ? void 0 : context.drawImage(image, 0, 0);
@@ -2322,7 +2320,7 @@ function uploadImageChange(event, uploadCallback) {
                 const fileExtension = file.name.split('.').pop();
                 // check file extension is valid data uri
                 if (fileExtension !== 'jpg' && fileExtension !== 'jpeg' && fileExtension !== 'png' && fileExtension !== 'gif') {
-                    reactToastify.toast.error('Please upload a valid image file type (jpg, jpeg, png, gif).');
+                    toast.error('Please upload a valid image file type (jpg, jpeg, png, gif).');
                     return;
                 }
                 // @link https://github.com/palantir/tslint/issues/4653
@@ -2353,8 +2351,8 @@ function getWindowDimensions() {
     };
 }
 function useWindowDimensions() {
-    const [windowDimensions, setWindowDimensions] = React.useState(getWindowDimensions());
-    React.useEffect(() => {
+    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+    useEffect(() => {
         function handleResize() {
             setWindowDimensions(getWindowDimensions());
         }
@@ -4589,71 +4587,5 @@ const convertForRequestBody = function (restfulObject, tableName, regexErrorHand
         .reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: payload[key] })), {});
 };
 
-exports.AccessDenied = AccessDenied;
-exports.Alert = Alert;
-exports.BackendThrowable = BackendThrowable;
-exports.C6 = C6;
-exports.COLUMNS = COLUMNS;
-exports.CarbonReact = CarbonReact;
-exports.ErrorHttpCode = ErrorHttpCode;
-exports.GlobalHistory = GlobalHistory;
-exports.HandleResponseCodes = HandleResponseCodes;
-exports.Loading = Loading;
-exports.Localhost = Localhost;
-exports.Nest = Nest;
-exports.PageNotFound = PageNotFound;
-exports.Popup = Popup;
-exports.TABLES = TABLES;
-exports.addAlert = addAlert;
-exports.addValidSQL = addValidSQL$1;
-exports.axiosInstance = axiosInstance;
-exports.carbons = carbons;
-exports.changed = changed;
-exports.comments = comments;
-exports.convertForRequestBody = convertForRequestBody;
-exports.deleteRestfulObjectArrays = deleteRestfulObjectArrays;
-exports.documentation = documentation;
-exports.feature_group_references = feature_group_references;
-exports.features = features;
-exports.getRootStyleValue = getRootStyleValue;
-exports.getStyles = getStyles;
-exports.group_references = group_references;
-exports.groups = groups;
-exports.hexToRgb = hexToRgb;
-exports.history_logs = history_logs;
-exports.isEdgeBrowser = isEdgeBrowser;
-exports.isProduction = isProduction;
-exports.location_references = location_references;
-exports.locations = locations;
-exports.parseMultipleJson = parseMultipleJson;
-exports.photos = photos;
-exports.range = range;
-exports.reports = reports;
-exports.scrollIntoView = ScrollIntoViewDirective;
-exports.sessions = sessions;
-exports.setCookies = setCookies;
-exports.setUrl = setUrl;
-exports.toDataURL = toDataURL;
-exports.updateRestfulObjectArrays = updateRestfulObjectArray;
-exports.uploadImage = uploadImage;
-exports.uploadImageChange = uploadImageChange;
-exports.user_followers = user_followers;
-exports.user_groups = user_groups;
-exports.user_messages = user_messages;
-exports.user_sessions = user_sessions;
-exports.user_tasks = user_tasks;
-exports.users = users;
-exports.windowDimensions = useWindowDimensions;
-exports.wp_commentmeta = wp_commentmeta;
-exports.wp_comments = wp_comments;
-exports.wp_links = wp_links;
-exports.wp_options = wp_options;
-exports.wp_postmeta = wp_postmeta;
-exports.wp_posts = wp_posts;
-exports.wp_term_relationships = wp_term_relationships;
-exports.wp_term_taxonomy = wp_term_taxonomy;
-exports.wp_termmeta = wp_termmeta;
-exports.wp_terms = wp_terms;
-exports.wp_usermeta = wp_usermeta;
-exports.wp_users = wp_users;
-//# sourceMappingURL=CarbonReact.cjs.js.map
+export { AccessDenied, Alert, BackendThrowable, C6, COLUMNS, CarbonReact, ErrorHttpCode, GlobalHistory, HandleResponseCodes, Loading, Localhost, Nest, PageNotFound, Popup, TABLES, addAlert, addValidSQL$1 as addValidSQL, axiosInstance, carbons, changed, comments, convertForRequestBody, deleteRestfulObjectArrays, documentation, eUpdateInsertMethod, feature_group_references, features, getRootStyleValue, getStyles, globalNavigate, group_references, groups, hexToRgb, history_logs, isEdgeBrowser, isProduction, location_references, locations, parseMultipleJson, photos, range, reports, ScrollIntoViewDirective as scrollIntoView, sessions, setCookies, setUrl, toDataURL, updateRestfulObjectArray as updateRestfulObjectArrays, uploadImage, uploadImageChange, user_followers, user_groups, user_messages, user_sessions, user_tasks, users, useWindowDimensions as windowDimensions, wp_commentmeta, wp_comments, wp_links, wp_options, wp_postmeta, wp_posts, wp_term_relationships, wp_term_taxonomy, wp_termmeta, wp_terms, wp_usermeta, wp_users };
+//# sourceMappingURL=CarbonReact.esm.js.map