@workday/canvas-kit-react 7.1.4 → 7.2.0-427-next.2

package/dist/commonjs/common/lib/utils/isWithinBreakpoint.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isWithinBreakpoint = void 0;
+/**
+ * This function determines whether or not a container's width is within two values.
+ */
+const isWithinBreakpoint = (width, min, max) => {
+    return width >= min && (!max || (max && width <= max - 0.5));
+};
+exports.isWithinBreakpoint = isWithinBreakpoint;

package/dist/commonjs/common/lib/utils/makeMq.js

@@ -7,10 +7,10 @@ exports.makeMq = void 0;
  * the breakpoint size and the value is the min-width of that breakpoint
  * @returns {Object} A set of CSS media queries for each breakpoint size
  */
-var makeMq = function (breakpoints) {
-    var mq = {};
-    Object.keys(breakpoints).forEach(function (key) {
-        mq[key] = "@media (min-width: " + breakpoints[key] + "px)";
+const makeMq = (breakpoints) => {
+    const mq = {};
+    Object.keys(breakpoints).forEach(key => {
+        mq[key] = `@media (min-width: ${breakpoints[key]}px)`;
     });
     return mq;
 };

package/dist/commonjs/common/lib/utils/memoize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Simple memoize function. It takes a function and a resolver function to generate a
+ * cache key
+ */
+export declare function memoize<T extends (...args: any[]) => any>(func: T, resolver: (...args: Parameters<T>) => string): T;
+//# sourceMappingURL=memoize.d.ts.map

package/dist/commonjs/common/lib/utils/memoize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/memoize.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACvD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,MAAM,GAC3C,CAAC,CAeH"}

package/dist/commonjs/common/lib/utils/memoize.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.memoize = void 0;
+/**
+ * Simple memoize function. It takes a function and a resolver function to generate a
+ * cache key
+ */
+function memoize(func, resolver) {
+    const cache = new Map();
+    return function (...args) {
+        const key = resolver(...args);
+        if (cache.has(key)) {
+            return cache.get(key);
+        }
+        const result = func(...args);
+        cache.set(key, result);
+        return result;
+    };
+}
+exports.memoize = memoize;

package/dist/commonjs/common/lib/utils/mergeCallback.js

@@ -16,11 +16,7 @@ exports.mergeCallback = void 0;
  */
 function mergeCallback(callback1, callback2) {
     if (callback2) {
-        return (function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
+        return ((...args) => {
             callback1.apply(null, args);
             callback2.apply(null, args);
         });

package/dist/commonjs/common/lib/utils/mergeProps.js

@@ -1,18 +1,7 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeProps = void 0;
-var mergeCallback_1 = require("./mergeCallback");
+const mergeCallback_1 = require("./mergeCallback");
 // This file suppresses TS errors that come from merging interfaces of elements that aren't
 // determined within components. Element interfaces are determined only when used, so TS errors
 // aren't even useful here. Things get complicated when merging interfaces of callbacks.
@@ -25,19 +14,19 @@ var mergeCallback_1 = require("./mergeCallback");
  * passing of props from merged hooks to another without passing out to the final element props.
  */
 function mergeProps(targetProps, sourceProps) {
-    var returnProps = __assign({}, targetProps);
-    for (var key in sourceProps) {
+    const returnProps = { ...targetProps };
+    for (const key in sourceProps) {
         if (sourceProps.hasOwnProperty(key)) {
             if (key === 'css' && targetProps.hasOwnProperty('css')) {
                 // @ts-ignore
-                var css = [].concat(targetProps[key], sourceProps[key]);
+                const css = [].concat(targetProps[key], sourceProps[key]);
                 // @ts-ignore
                 returnProps[key] = css;
             }
             else if (key === 'style' && targetProps.hasOwnProperty('style')) {
                 // merge style objects
                 // @ts-ignore TS complains that key might not be on targetProps, but typeof returns
-                returnProps[key] = __assign(__assign({}, targetProps[key]), sourceProps[key]);
+                returnProps[key] = { ...targetProps[key], ...sourceProps[key] };
             }
             else if (typeof sourceProps[key] === 'function' &&
                 // @ts-ignore TS complains that key might not be on targetProps, but typeof returns

package/dist/commonjs/common/lib/utils/models.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @deprecated The returned model is now inferred from `createModelHook`
+ */
 export declare type Model<State, Events extends IEvent> = {
     state: State;
     events: Events;
@@ -44,6 +47,8 @@ declare type ToCallbackConfig<TState extends Record<string, any>, TEvents extend
  *   // additional config your model requires goes here
  *   id?: string
  * } & Partial<ToModelConfig<State, Events, typeof eventMap>>
+ *
+ * @deprecated `createModelHook` now infers the config type
  */
 export declare type ToModelConfig<TState extends Record<string, any>, TEvents extends IEvent, TEventMap extends EventMap<TEvents, any, any>> = ToGuardConfig<TState, TEvents, TEventMap['guards']> & ToCallbackConfig<TState, TEvents, TEventMap['callbacks']>;
 /**
@@ -69,6 +74,8 @@ export declare type ToModelConfig<TState extends Record<string, any>, TEvents ex
  *     onOpen: 'open'
  *   }
  * })
+ *
+ * @deprecated `createModelHook` uses Template Literal Types to create event map types
  */
 export declare const createEventMap: <TEvents extends IEvent>() => <TGuardMap extends Record<string, keyof TEvents>, TCallbackMap extends Record<string, keyof TEvents>>(config: Partial<EventMap<TEvents, TGuardMap, TCallbackMap>>) => EventMap<TEvents, TGuardMap, TCallbackMap>;
 /**
@@ -90,6 +97,7 @@ export declare const createEventMap: <TEvents extends IEvent>() => <TGuardMap ex
  *     }
  *   }
  * })
+ * @deprecated Use `createModelHook` instead
  */
 export declare const useEventMap: <TEvents extends IEvent, TState extends Record<string, any>, TGuardMap extends Record<string, keyof TEvents>, TCallbackMap extends Record<string, keyof TEvents>, TConfig extends Partial<ToModelConfig<TState, TEvents, EventMap<TEvents, TGuardMap, TCallbackMap>>>>(eventMap: EventMap<TEvents, TGuardMap, TCallbackMap>, state: TState, config: TConfig, events: TEvents) => TEvents;
 declare type EventCreator = {
@@ -119,7 +127,7 @@ export declare type ModelExtras<TDefaultConfig, TRequiredConfig, TState, TEvents
     /**
      * This is only a type and not a value. If you want to
      */
-    TConfig: TDefaultConfig & TRequiredConfig;
+    TConfig: Partial<TDefaultConfig> & TRequiredConfig & ToEventConfig<TState, TEvents>;
     /**
      * The context of the model. This can be used directly, but is mostly used internally by
      * `createContainer` or `createSubcomponent` to handle model context automatically.
@@ -154,7 +162,7 @@ export declare type ModelExtras<TDefaultConfig, TRequiredConfig, TState, TEvents
      * })
      * ```
      */
-    mergeConfig: (source: TDefaultConfig & TRequiredConfig, target: Partial<TDefaultConfig & TRequiredConfig & ToEventConfig<TState, TEvents>>) => TDefaultConfig & TRequiredConfig & ToEventConfig<TState, TEvents>;
+    mergeConfig: (source: Partial<TDefaultConfig> & TRequiredConfig, target: Partial<TDefaultConfig & TRequiredConfig & ToEventConfig<TState, TEvents>>) => TDefaultConfig & TRequiredConfig & ToEventConfig<TState, TEvents>;
 };
 /**
  * Generic type for all models. It makes `defaultConfig` have optional keys and adds `getElemProps`
@@ -182,9 +190,13 @@ config?: Partial<TDefaultConfig> & TRequiredConfig & ToEventConfig<TState, TEven
  * ```
  */
 export declare type ToEventConfig<TState, TEvents extends Record<string, any>> = {
-    [K in keyof TEvents as `on${Capitalize<string & K>}`]?: (data: Parameters<TEvents[K]>[0], prevState: TState) => void;
+    [K in keyof TEvents as `on${Capitalize<string & K>}`]?: {
+        bivarianceHack(data: Parameters<TEvents[K]>[0], prevState: TState): void;
+    }['bivarianceHack'];
 } & {
-    [K in keyof TEvents as `should${Capitalize<string & K>}`]?: (data: Parameters<TEvents[K]>[0], state: TState) => boolean;
+    [K in keyof TEvents as `should${Capitalize<string & K>}`]?: {
+        bivarianceHack(data: Parameters<TEvents[K]>[0], state: TState): boolean;
+    }['bivarianceHack'];
 };
 export declare type ExtractModelConfig<T extends (config: any) => any> = T extends (config: infer P) => any ? Required<P> : {};
 export declare type ModelConfig<TDefaultConfig, TRequiredConfig> = {

package/dist/commonjs/common/lib/utils/models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/models.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/models.ts"],"names":[],"mappings":"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"}

package/dist/commonjs/common/lib/utils/models.js

@@ -1,33 +1,11 @@
 "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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createModelHook = exports.createEvents = exports.useEventMap = exports.createEventMap = void 0;
 /* eslint-disable react-hooks/rules-of-hooks */
-var react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 /**
  * Convenience factory function that extracts type information and encodes it for use with model
  * config and `useEventMap`. Under the hood, it returns the config that was passed in. The real
@@ -51,14 +29,16 @@ var react_1 = __importDefault(require("react"));
  *     onOpen: 'open'
  *   }
  * })
+ *
+ * @deprecated `createModelHook` uses Template Literal Types to create event map types
  */
-var createEventMap = function () { return function (config) {
+const createEventMap = () => (config) => {
     // Instruct Typescript that all valid guards and callbacks exist
     return config;
-}; };
+};
 exports.createEventMap = createEventMap;
 // small wrapper to get `keyof T` instead of `string | number | symbol`
-var keys = function (input) { return Object.keys(input); };
+const keys = (input) => Object.keys(input);
 /**
  * This hook creates a stable reference events object to be used in a model. The reference is stable
  * by the use of `React.Memo` and uses React Refs to make sure there are no stale closure values. It
@@ -78,30 +58,32 @@ var keys = function (input) { return Object.keys(input); };
  *     }
  *   }
  * })
+ * @deprecated Use `createModelHook` instead
  */
-var useEventMap = function (eventMap, state, config, events) {
+const useEventMap = (eventMap, state, config, events) => {
     // use refs so we can memoize the returned `events` object
-    var eventMapRef = react_1.default.useRef(eventMap);
-    var stateRef = react_1.default.useRef(state);
-    var configRef = react_1.default.useRef(config);
-    var eventsRef = react_1.default.useRef(events);
+    const eventMapRef = react_1.default.useRef(eventMap);
+    const stateRef = react_1.default.useRef(state);
+    const configRef = react_1.default.useRef(config);
+    const eventsRef = react_1.default.useRef(events);
     // update all the refs with current values
     eventMapRef.current = eventMap;
     stateRef.current = state;
     configRef.current = config;
     eventsRef.current = events;
-    return react_1.default.useMemo(function () {
-        return keys(eventsRef.current).reduce(function (result, key) {
-            result[key] = (function (data) {
+    return react_1.default.useMemo(() => {
+        return keys(eventsRef.current).reduce((result, key) => {
+            result[key] = (data => {
                 var _a, _b;
                 // Invoke the configured guard if there is one
                 if (!eventsRef.current[key]._wrapped) {
-                    var guardFn = keys(eventMapRef.current.guards || {}).find(function (k) {
+                    const guardFn = keys(eventMapRef.current.guards || {}).find(k => {
                         return (eventMapRef.current.guards || {})[k] === key;
                     });
-                    if (guardFn && ((_a = configRef.current) === null || _a === void 0 ? void 0 : _a[guardFn]) &&
+                    if (guardFn &&
+                        ((_a = configRef.current) === null || _a === void 0 ? void 0 : _a[guardFn]) &&
                         //@ts-ignore Typescript doesn't like that the call signatures are different
-                        !configRef.current[guardFn]({ data: data, state: stateRef.current })) {
+                        !configRef.current[guardFn]({ data, state: stateRef.current })) {
                         return;
                     }
                 }
@@ -109,12 +91,12 @@ var useEventMap = function (eventMap, state, config, events) {
                 eventsRef.current[key](data);
                 if (!eventsRef.current[key]._wrapped) {
                     // Invoke the configured callback if there is one
-                    var callbackFn = keys(eventMapRef.current.callbacks || {}).find(function (k) {
+                    const callbackFn = keys(eventMapRef.current.callbacks || {}).find(k => {
                         return (eventMapRef.current.callbacks || {})[k] === key;
                     });
                     if (callbackFn && ((_b = configRef.current) === null || _b === void 0 ? void 0 : _b[callbackFn])) {
                         //@ts-ignore Typescript doesn't like that the call signatures are different
-                        configRef.current[callbackFn]({ data: data, prevState: stateRef.current });
+                        configRef.current[callbackFn]({ data, prevState: stateRef.current });
                     }
                 }
             }); // this cast keeps Typescript happy
@@ -126,30 +108,30 @@ var useEventMap = function (eventMap, state, config, events) {
 };
 exports.useEventMap = useEventMap;
 // use this?
-var createEvents = function (events) { return function (config) {
-    return { events: events, eventMap: config };
-}; };
+const createEvents = (events) => (config) => {
+    return { events, eventMap: config };
+};
 exports.createEvents = createEvents;
 function capitalize(string) {
     return string[0].toUpperCase() + string.substring(1);
 }
 function getGuardName(eventName) {
-    return "should" + capitalize(eventName);
+    return `should${capitalize(eventName)}`;
 }
 function getCallbackName(eventName) {
-    return "on" + capitalize(eventName);
+    return `on${capitalize(eventName)}`;
 }
 // Merges config together in a way that is type safe and works at runtime with correct rules and order applied
 // to guards and callbacks.
 function mergeConfig(sourceConfig, newConfig) {
-    var result = __assign({}, sourceConfig);
-    var _loop_1 = function (key) {
+    const result = { ...sourceConfig };
+    for (const key in newConfig) {
         if (typeof newConfig[key] === "function" &&
             /(on)[A-Z]/.test(key) &&
             typeof sourceConfig[key] === "function") {
             // merge callbacks and ignore Typescript's errors. We've already tested call signatures
             //  @ts-ignore
-            result[key] = function (data, state) {
+            result[key] = (data, state) => {
                 // @ts-ignore
                 sourceConfig[key](data, state);
                 // @ts-ignore
@@ -161,7 +143,7 @@ function mergeConfig(sourceConfig, newConfig) {
             sourceConfig[key]) {
             // merge guards and ignore Typescript's errors. We've already tested call signatures
             // @ts-ignore
-            result[key] = function (data, state) {
+            result[key] = (data, state) => {
                 // @ts-ignore
                 return sourceConfig[key](data, state) && newConfig[key](data, state);
             };
@@ -170,9 +152,6 @@ function mergeConfig(sourceConfig, newConfig) {
             // @ts-ignore
             result[key] = newConfig[key];
         }
-    };
-    for (var key in newConfig) {
-        _loop_1(key);
     }
     return result;
 }
@@ -199,25 +178,25 @@ function mergeConfig(sourceConfig, newConfig) {
  *   // config is pre-typed for you based on `defaultConfig`
  * })
  */
-var createModelHook = function (options) {
-    var _a = options.defaultConfig, defaultConfig = _a === void 0 ? {} : _a, _b = options.requiredConfig, requiredConfig = _b === void 0 ? {} : _b, defaultContext = options.defaultContext, contextOverride = options.contextOverride;
+const createModelHook = (options) => {
+    const { defaultConfig = {}, requiredConfig = {}, defaultContext, contextOverride } = options;
     // create a bunch of refs so we can define the `wrappedModel` function once.
-    var fnRef = { current: null };
-    var callbacksRef = { current: [] };
-    var guardsRef = { current: [] };
-    var Context = contextOverride || react_1.default.createContext(defaultContext || { state: {}, events: {} });
-    var getElemProps = function (props) {
+    const fnRef = { current: null };
+    const callbacksRef = { current: [] };
+    const guardsRef = { current: [] };
+    const Context = contextOverride || react_1.default.createContext(defaultContext || { state: {}, events: {} });
+    const getElemProps = (props) => {
         // if (eventsRef.current === null) {
         //   throw Error(
         //     `useModel.getElemProps() must be called after useModel(). getElemProps needs to determine the events returned by the model to function correctly.\nExample:\nconst model = useModel();\nconst elemProps = useModel.getElemProps(props);`
         //   );
         // }
-        var elemProps = {};
-        for (var key in props) {
-            if (!defaultConfig.hasOwnProperty(key) &&
+        const elemProps = {};
+        for (const key in props) {
+            if ((!defaultConfig.hasOwnProperty(key) &&
                 !requiredConfig.hasOwnProperty(key) &&
                 !callbacksRef.current.includes(key) &&
-                !guardsRef.current.includes(key)) {
+                !guardsRef.current.includes(key)) || key === 'id') {
                 // @ts-ignore  Typescript complains about index signatures and this type is never exposed in definitions, so suppress the error
                 elemProps[key] = props[key];
             }
@@ -227,10 +206,13 @@ var createModelHook = function (options) {
     // we use `any` here because we don't know what the type is here and it is internal. No use
     // slowing down Typescript to bother type checking
     function wrappedModelHook(config) {
-        var stateRef = react_1.default.useRef({});
-        var configRef = react_1.default.useRef({});
-        var eventsRef = react_1.default.useRef({});
-        var _a = fnRef.current(__assign(__assign({}, defaultConfig), config)), state = _a.state, events = _a.events, rest = __rest(_a, ["state", "events"]);
+        const stateRef = react_1.default.useRef({});
+        const configRef = react_1.default.useRef({});
+        const eventsRef = react_1.default.useRef({});
+        const { state, events, ...rest } = fnRef.current({
+            ...defaultConfig,
+            ...config,
+        });
         // update all the refs with current values
         stateRef.current = state;
         configRef.current = config || {};
@@ -241,12 +223,12 @@ var createModelHook = function (options) {
         if (!guardsRef.current.length) {
             guardsRef.current = keys(events).map(getGuardName);
         }
-        var wrappedEvents = react_1.default.useMemo(function () {
-            return keys(eventsRef.current).reduce(function (result, key) {
-                result[key] = function (data) {
+        const wrappedEvents = react_1.default.useMemo(() => {
+            return keys(eventsRef.current).reduce((result, key) => {
+                result[key] = (data) => {
                     // Invoke the configured guard if there is one
                     if (!eventsRef.current[key]._wrapped) {
-                        var guardFnName = getGuardName(key);
+                        const guardFnName = getGuardName(key);
                         if (configRef.current[guardFnName] &&
                             !configRef.current[guardFnName](data, stateRef.current)) {
                             return;
@@ -254,7 +236,7 @@ var createModelHook = function (options) {
                     }
                     // call the event (setter)
                     eventsRef.current[key](data);
-                    var callbackFnName = getCallbackName(key);
+                    const callbackFnName = getCallbackName(key);
                     if (!eventsRef.current[key]._wrapped) {
                         if (configRef.current[callbackFnName]) {
                             configRef.current[callbackFnName](data, stateRef.current);
@@ -266,14 +248,15 @@ var createModelHook = function (options) {
                 return result;
             }, {});
         }, []);
-        return __assign({ state: state, events: wrappedEvents }, rest);
+        // The model context is private and should never be used
+        return { state, events: wrappedEvents, __UNSTABLE_modelContext: Context, ...rest };
     }
     wrappedModelHook.getElemProps = getElemProps;
     wrappedModelHook.defaultConfig = defaultConfig;
     wrappedModelHook.requiredConfig = requiredConfig;
     wrappedModelHook.mergeConfig = mergeConfig;
     wrappedModelHook.Context = Context;
-    return function (fn) {
+    return (fn) => {
         fnRef.current = fn;
         return wrappedModelHook; // Typescript complains about the `fn` not matching the signature. It's okay Typescript. It works at runtime
     };

package/dist/commonjs/common/lib/utils/slugify.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Function that takes a string and returns a "slug" which can be used in HTML
+ */
+export declare function slugify(input: string): string;
+//# sourceMappingURL=slugify.d.ts.map

package/dist/commonjs/common/lib/utils/slugify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/slugify.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO7C"}

package/dist/commonjs/common/lib/utils/slugify.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slugify = void 0;
+/**
+ * Function that takes a string and returns a "slug" which can be used in HTML
+ */
+function slugify(input) {
+    return input
+        .trim()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/[\s_-]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .toLowerCase();
+}
+exports.slugify = slugify;

package/dist/commonjs/common/lib/utils/useConstant.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConstant = void 0;
-var react_1 = require("react");
+const react_1 = require("react");
 /**
  * Get a constant value in React, only running the callback function once.  `React.useMemo` does not
  * guarantee that a function will only be run once.
@@ -10,7 +10,7 @@ var react_1 = require("react");
  * const value = useConstant(generateUniqueId)
  */
 function useConstant(fn) {
-    var ref = react_1.useRef();
+    const ref = react_1.useRef();
     if (!ref.current) {
         ref.current = fn();
     }

package/dist/commonjs/common/lib/utils/useIsFullscreen.js

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsFullscreen = void 0;
-var react_1 = __importDefault(require("react"));
-var screenfull_1 = __importDefault(require("screenfull"));
-var useIsFullscreen = function () {
-    var _a = react_1.default.useState(false), isFullscreen = _a[0], setIsFullscreen = _a[1];
-    var handler = react_1.default.useCallback(function () {
+const react_1 = __importDefault(require("react"));
+const screenfull_1 = __importDefault(require("screenfull"));
+const useIsFullscreen = () => {
+    const [isFullscreen, setIsFullscreen] = react_1.default.useState(false);
+    const handler = react_1.default.useCallback(() => {
         setIsFullscreen(screenfull_1.default.isFullscreen);
     }, []);
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         screenfull_1.default.on('change', handler);
-        return function () {
+        return () => {
             screenfull_1.default.off('change', handler);
         };
     }, [handler]);

package/dist/commonjs/common/lib/utils/useModalityType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA+B1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}
+{"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA6C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}

package/dist/commonjs/common/lib/utils/useModalityType.js

@@ -4,7 +4,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalityType = void 0;
-var react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
+function safeLocalStorageGet(key) {
+    try {
+        return localStorage.get(key);
+    }
+    catch (_) {
+        return null;
+    }
+}
+function safeLocalStorageSet(key, value) {
+    try {
+        localStorage.set(key, value);
+    }
+    catch (_) {
+        // Do nothing
+    }
+}
 // Use this shared global value to reduce calls to localStorage which is a synchronous API to a
 // drive which could be slow (spinning disks could be hundreds of ms). We read only once this way.
 // The following initialization is very difficult to test via automation. Don't mess with it unless
@@ -14,23 +30,21 @@ var react_1 = __importDefault(require("react"));
 //   a. if localStorage isn't primed, use clientWidth of the browsers
 //   b. if < 768, default to 'touch'
 //   c. else default to 'mouse'
-var localStorageValue = 'mouse'; //((typeof localStorage !== 'undefined'
-//   ? localStorage.getItem('modality')
-//   : '') ||
-//   (typeof document !== 'undefined'
-//     ? document.documentElement.clientWidth < 768
-//       ? 'touch'
-//       : ''
-//     : '') ||
-//   'mouse') as Modality;
+let localStorageValue = (safeLocalStorageGet('modality') ||
+    (typeof document !== 'undefined'
+        ? document.documentElement.clientWidth < 768
+            ? 'touch'
+            : ''
+        : '') ||
+    'mouse');
 // Update the `localStorageValue`, but conditionally update localStorage only if the value has
 // changed. This prevents too many calls to `localStorage` which can be costly on spinning disk
 // drives
-var updateLocalStorage = function (value) {
-    // if (localStorageValue !== value) {
-    //   localStorage.setItem('modality', value);
-    // }
-    // localStorageValue = value;
+const updateLocalStorage = (value) => {
+    if (localStorageValue !== value) {
+        safeLocalStorageSet('modality', value);
+    }
+    localStorageValue = value;
 };
 /**
  * Uses heuristics to determine if the user is on a touch device, uses a pen, or a mouse. This hook
@@ -45,16 +59,16 @@ var updateLocalStorage = function (value) {
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType
  */
-var useModalityType = function () {
-    var _a = react_1.default.useState(localStorageValue), modality = _a[0], setModality = _a[1];
-    react_1.default.useEffect(function () {
-        var handlePointerDown = function (event) {
-            var value = event.pointerType;
+const useModalityType = () => {
+    const [modality, setModality] = react_1.default.useState(localStorageValue);
+    react_1.default.useEffect(() => {
+        const handlePointerDown = (event) => {
+            const value = event.pointerType;
             setModality(value);
             updateLocalStorage(value);
         };
         document.addEventListener('pointerdown', handlePointerDown);
-        return function () {
+        return () => {
             document.removeEventListener('pointerdown', handlePointerDown);
         };
     }, []);