@workday/canvas-kit-react 6.8.8 → 6.9.0-next.4

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":"AAGA,oBAAY,KAAK,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,IAAI;IAChD,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,aAAK,MAAM,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,CAAC,gBAAgB,CAAC,CAAA;CAAC,CAAC;AAEvF;;;;;GAKG;AACH,aAAK,QAAQ,CACX,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAChD;IACF,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,aAAK,aAAa,CAChB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAC7C;KACD,CAAC,IAAI,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE;QAC9B,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,OAAO;CACd,CAAC;AAEF,aAAK,gBAAgB,CACnB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAChD;KACD,CAAC,IAAI,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE;QACjC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C;;;;WAIG;QACH,SAAS,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI;CACX,CAAC;AAEF;;;;;;;;;GASG;AACH,oBAAY,aAAa,CACvB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,IAC3C,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,GACrD,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,eAAO,MAAM,cAAc,gPAQ1B,CAAC;AAKF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,0XAkEvB,CAAC;AAEF,aAAK,YAAY,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,cAAc,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAA;KAAC,CAAC,gBAAgB,CAAC,CAAA;CAAC,CAAC;AAChG,aAAK,OAAO,CAAC,OAAO,SAAS,YAAY,IAAI;KAC1C,CAAC,IAAI,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI;CAC7D,CAAC;AAGF,eAAO,MAAM,YAAY;;;CAOxB,CAAC"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/models.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,KAAK,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,IAAI;IAChD,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,aAAK,MAAM,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,CAAC,gBAAgB,CAAC,CAAA;CAAC,CAAC;AAEvF;;;;;GAKG;AACH,aAAK,QAAQ,CACX,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAChD;IACF,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,aAAK,aAAa,CAChB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAC7C;KACD,CAAC,IAAI,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE;QAC9B,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,OAAO;CACd,CAAC;AAEF,aAAK,gBAAgB,CACnB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,IAChD;KACD,CAAC,IAAI,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE;QACjC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C;;;;WAIG;QACH,SAAS,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI;CACX,CAAC;AAEF;;;;;;;;;GASG;AACH,oBAAY,aAAa,CACvB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,OAAO,SAAS,MAAM,EACtB,SAAS,SAAS,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,IAC3C,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,GACrD,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc,gPAQ1B,CAAC;AAKF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,0XAkEvB,CAAC;AAEF,aAAK,YAAY,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,cAAc,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAA;KAAC,CAAC,gBAAgB,CAAC,CAAA;CAAC,CAAC;AAChG,aAAK,OAAO,CAAC,OAAO,SAAS,YAAY,IAAI;KAC1C,CAAC,IAAI,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI;CAC7D,CAAC;AAGF,eAAO,MAAM,YAAY;;;CAOxB,CAAC;AAEF;;;;;GAKG;AACH,oBAAY,OAAO,GAAG,GAAG,CAAA;AAGzB,oBAAY,WAAW,CAAC,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI;IAClF,iFAAiF;IACjF,aAAa,EAAE,cAAc,CAAC;IAC9B,kFAAkF;IAClF,cAAc,EAAE,eAAe,CAAC;IAChC;;OAEG;IACH,OAAO,EAAE,cAAc,GAAG,eAAe,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/B;;;SAGK;IACL,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE,EACzB,KAAK,EAAE,CAAC,KACL,IAAI,CACP,CAAC,EACC,MAAM,cAAc,GACpB,MAAM,eAAe,GACrB,MAAM,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CACvC,CAAC;IACF;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,WAAW,EAAE,CACX,MAAM,EAAE,cAAc,GAAG,eAAe,EACxC,MAAM,EAAE,OAAO,CACb,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAClE,KACE,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxE,CAAC;AAEF;;;GAGG;AACH,oBAAY,OAAO,CACjB,cAAc,EACd,eAAe,EACf,MAAM,IACJ,MAAM,SAAS;IAAE,KAAK,EAAE,MAAM,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,OAAO,CAAA;CAAE,GAC7D,CAAC,CAAC,kBAAkB,EAAG,mEAAmE;AACxF,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAC9B,eAAe,GACf,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,KAC7B,MAAM,CAAE,GACX,WAAW,CAAC,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,GACvE,KAAK,CAAC;AAEV;;;;;;;;;;;;;;;GAeG;AACH,oBAAY,aAAa,CAAC,MAAM,EAAE,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACtE,CAAC,IAAI,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CACtD,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,SAAS,EAAE,MAAM,KACd,IAAI;CACV,GAAG;KACD,CAAC,IAAI,MAAM,OAAO,IAAI,SAAS,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAC1D,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,KACV,OAAO;CACb,CAAC;AAuDF,oBAAY,kBAAkB,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;AAEtH,oBAAY,WAAW,CAAC,cAAc,EAAE,eAAe,IAAI;IACzD;;;;;;;;;;;;;;;OAeG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyCG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;CACrC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe;WA4Gf,EAAE;qCACwB,GAAG,KAAK,IAAI;kFASlD,CAAC"}

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

@@ -1,8 +1,31 @@
 "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"));
 /**
@@ -29,10 +52,11 @@ var react_1 = __importDefault(require("react"));
  *   }
  * })
  */
-exports.createEventMap = function () { return function (config) {
+var createEventMap = function () { return function (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); };
 /**
@@ -55,7 +79,7 @@ var keys = function (input) { return Object.keys(input); };
  *   }
  * })
  */
-exports.useEventMap = function (eventMap, state, config, events) {
+var useEventMap = function (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);
@@ -100,23 +124,158 @@ exports.useEventMap = function (eventMap, state, config, events) {
         }, {});
     }, []);
 };
+exports.useEventMap = useEventMap;
 // use this?
-exports.createEvents = function (events) { return function (config) {
+var createEvents = function (events) { return function (config) {
     return { events: events, eventMap: config };
 }; };
-// const disclosureEvents = createEvents({
-//   show(event: Event | React.SyntheticEvent) {
-//     return {event};
-//   },
-// })({
-//   callbacks: {
-//     onShow: 'show',
-//   },
-//   guards: {
-//     shouldShow: 'show',
-//   },
-// });
-// useDisclosureModel({
-//   onShow({data, prevState})
-// });
-// <Tabs calbacks={ show: () => {}}
+exports.createEvents = createEvents;
+function capitalize(string) {
+    return string[0].toUpperCase() + string.substring(1);
+}
+function getGuardName(eventName) {
+    return "should" + capitalize(eventName);
+}
+function getCallbackName(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) {
+        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) {
+                // @ts-ignore
+                sourceConfig[key](data, state);
+                // @ts-ignore
+                newConfig[key](data, state);
+            };
+        }
+        else if (newConfig[key] &&
+            /(should)[A-Z]/.test(key) &&
+            sourceConfig[key]) {
+            // merge guards and ignore Typescript's errors. We've already tested call signatures
+            // @ts-ignore
+            result[key] = function (data, state) {
+                // @ts-ignore
+                return sourceConfig[key](data, state) && newConfig[key](data, state);
+            };
+        }
+        else {
+            // @ts-ignore
+            result[key] = newConfig[key];
+        }
+    };
+    for (var key in newConfig) {
+        _loop_1(key);
+    }
+    return result;
+}
+/**
+ * Factory function to create typed models with minimal Typescript required. It is a function that
+ * takes `defaultConfig` and `requiredConfig` and returns a function that will become the definition
+ * of the model. The config objects will be used to generate a `getElemProps` function that is used
+ * to separate model config an element props.
+ *
+ * Typescript will infer all config from the returned `state`, `events`, and the `defaultConfig` and
+ * the `requiredConfig`. `defaultConfig` serves the additional purpose of being a default value if
+ * no config value was provided. `requiredConfig` is a little odd in that config values are ignored
+ * and only used to extract types.
+ *
+ * @example
+ * const useModel = createModelHook({
+ *   defaultConfig: {
+ *     optional: 'right' as 'left' | 'right', // optional type casting
+ *   },
+ *   requiredConfig: {
+ *     size: 1, // values are only used for types and are ignored at runtime
+ *   }
+ * })(config => {
+ *   // 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;
+    // 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) {
+        // 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) &&
+                !requiredConfig.hasOwnProperty(key) &&
+                !callbacksRef.current.includes(key) &&
+                !guardsRef.current.includes(key)) {
+                // @ts-ignore  Typescript complains about index signatures and this type is never exposed in definitions, so suppress the error
+                elemProps[key] = props[key];
+            }
+        }
+        return elemProps;
+    };
+    // 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"]);
+        // update all the refs with current values
+        stateRef.current = state;
+        configRef.current = config || {};
+        eventsRef.current = events;
+        if (!callbacksRef.current.length) {
+            callbacksRef.current = keys(events).map(getCallbackName);
+        }
+        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) {
+                    // Invoke the configured guard if there is one
+                    if (!eventsRef.current[key]._wrapped) {
+                        var guardFnName = getGuardName(key);
+                        if (configRef.current[guardFnName] &&
+                            !configRef.current[guardFnName](data, stateRef.current)) {
+                            return;
+                        }
+                    }
+                    // call the event (setter)
+                    eventsRef.current[key](data);
+                    var callbackFnName = getCallbackName(key);
+                    if (!eventsRef.current[key]._wrapped) {
+                        if (configRef.current[callbackFnName]) {
+                            configRef.current[callbackFnName](data, stateRef.current);
+                        }
+                    }
+                };
+                // Mark this function has been wrapped so we can detect wrapped events and not call guards and callbacks multiple times
+                result[key]._wrapped = true;
+                return result;
+            }, {});
+        }, []);
+        return __assign({ state: state, events: wrappedEvents }, rest);
+    }
+    wrappedModelHook.getElemProps = getElemProps;
+    wrappedModelHook.defaultConfig = defaultConfig;
+    wrappedModelHook.requiredConfig = requiredConfig;
+    wrappedModelHook.mergeConfig = mergeConfig;
+    wrappedModelHook.Context = Context;
+    return function (fn) {
+        fnRef.current = fn;
+        return wrappedModelHook; // Typescript complains about the `fn` not matching the signature. It's okay Typescript. It works at runtime
+    };
+};
+exports.createModelHook = createModelHook;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConstant = void 0;
 var react_1 = require("react");
 /**
  * Get a constant value in React, only running the callback function once.  `React.useMemo` does not

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

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFullscreen = void 0;
 var react_1 = __importDefault(require("react"));
 var screenfull_1 = __importDefault(require("screenfull"));
-exports.useIsFullscreen = function () {
+var useIsFullscreen = function () {
     var _a = react_1.default.useState(false), isFullscreen = _a[0], setIsFullscreen = _a[1];
     var handler = react_1.default.useCallback(function () {
         setIsFullscreen(screenfull_1.default.isFullscreen);
@@ -18,3 +19,4 @@ exports.useIsFullscreen = function () {
     }, [handler]);
     return isFullscreen;
 };
+exports.useIsFullscreen = useIsFullscreen;

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

@@ -0,0 +1,17 @@
+declare type Modality = 'mouse' | 'touch' | 'pen';
+/**
+ * Uses heuristics to determine if the user is on a touch device, uses a pen, or a mouse. This hook
+ * is useful if you have styles or behaviors that depend on the user's interaction type. For
+ * example, touch users can scroll horizontally easier than mouse users, so horizontal overflow
+ * might be more desired than overflow menus on touch devices. For devices that support multiple
+ * input types, the last used input type is saved. For these devices, consider the possibility this
+ * value could change after your component is rendered, so make sure you component rerenders
+ * properly in this case.
+ *
+ * Uses `PointerEvent.pointerType` to determine last used input.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType
+ */
+export declare const useModalityType: () => Modality;
+export {};
+//# sourceMappingURL=useModalityType.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalityType = void 0;
+var react_1 = __importDefault(require("react"));
+// 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
+// you plan to manually test.
+//
+// 1. Initialize modality to localStorage
+//   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;
+// 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;
+};
+/**
+ * Uses heuristics to determine if the user is on a touch device, uses a pen, or a mouse. This hook
+ * is useful if you have styles or behaviors that depend on the user's interaction type. For
+ * example, touch users can scroll horizontally easier than mouse users, so horizontal overflow
+ * might be more desired than overflow menus on touch devices. For devices that support multiple
+ * input types, the last used input type is saved. For these devices, consider the possibility this
+ * value could change after your component is rendered, so make sure you component rerenders
+ * properly in this case.
+ *
+ * Uses `PointerEvent.pointerType` to determine last used input.
+ *
+ * @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;
+            setModality(value);
+            updateLocalStorage(value);
+        };
+        document.addEventListener('pointerdown', handlePointerDown);
+        return function () {
+            document.removeEventListener('pointerdown', handlePointerDown);
+        };
+    }, []);
+    return modality;
+};
+exports.useModalityType = useModalityType;

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

@@ -2,10 +2,10 @@
  * Alias to `useEffect` with the intention to only run on mount/unmount.
  * Avoids the React lint errors and encodes intent.
  */
-export declare const useMount: (callback: () => void | (() => void)) => void;
+export declare const useMount: (callback: () => (() => void) | void) => void;
 /**
  * Alias to `useLayoutEffect` with the intention to only run on mount/unmount
  * Avoids the React lint errors and encodes intent.
  */
-export declare const useMountLayout: (callback: () => void | (() => void)) => void;
+export declare const useMountLayout: (callback: () => (() => void) | void) => void;
 //# sourceMappingURL=useMount.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMount.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useMount.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,+CAEpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,+CAE1B,CAAC"}
+{"version":3,"file":"useMount.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useMount.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,aAAc,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,SAI3D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,aAAc,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,SAIjE,CAAC"}

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

@@ -3,18 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMountLayout = exports.useMount = void 0;
 var react_1 = __importDefault(require("react"));
 /**
  * Alias to `useEffect` with the intention to only run on mount/unmount.
  * Avoids the React lint errors and encodes intent.
  */
-exports.useMount = function (callback) {
+var useMount = function (callback) {
+    // we only want this to be called once
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     react_1.default.useEffect(callback, []);
 };
+exports.useMount = useMount;
 /**
  * Alias to `useLayoutEffect` with the intention to only run on mount/unmount
  * Avoids the React lint errors and encodes intent.
  */
-exports.useMountLayout = function (callback) {
+var useMountLayout = function (callback) {
+    // we only want this to be called once
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     react_1.default.useLayoutEffect(callback, []);
 };
+exports.useMountLayout = useMountLayout;

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

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
 var react_1 = __importDefault(require("react"));
 var use_resize_observer_1 = __importDefault(require("use-resize-observer"));
 var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
@@ -23,7 +24,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
 // `useResizeObserver` contains this fix in 8.0.0:
 // https://github.com/ZeeCoder/use-resize-observer/commit/bd0f3c8597bac0d853b88cf585256aac1bd4f554
 // v8.0.0 requires TS4.2. So we'll manually patch until we're ready for TS4.2+
-exports.useResizeObserver = function (params) {
+var useResizeObserver = function (params) {
     if (params === void 0) { params = {}; }
     var widthRef = react_1.default.useRef();
     var heightRef = react_1.default.useRef();
@@ -38,5 +39,6 @@ exports.useResizeObserver = function (params) {
         : undefined;
     return use_resize_observer_1.default(__assign(__assign({}, params), { onResize: onResize }));
 };
+exports.useResizeObserver = useResizeObserver;
 // When the dependency is moved up to v8.0.0, remove the above function and export below instead
 // export {useResizeObserver};

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

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useUniqueId.ts"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,cAAkC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,qCAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qCAAc,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,qBAEzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,YAE9B,CAAC"}
+{"version":3,"file":"useUniqueId.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useUniqueId.ts"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,cAAkC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,qCAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qCAAc,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,MAAO,MAAM,SAEtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,YAE9B,CAAC"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetUniqueIdCount = exports.setUniqueSeed = exports.uniqueId = exports.useUniqueId = exports.generateUniqueId = void 0;
 var useConstant_1 = require("./useConstant");
 // Create a unique seed per import to prevent collisions from other versions of `useUniqueId`
 var seed = Math.random()
@@ -17,16 +18,18 @@ var c = 0;
  * [resetUniqueIdCount](#resetuniqueidcount). [setUniqueSeed](#setuniqueseed) can also be used for
  * testing or server side rendering to get the same results during hydration.
  */
-exports.generateUniqueId = function () { return seed + (c++).toString(36); };
+var generateUniqueId = function () { return seed + (c++).toString(36); };
+exports.generateUniqueId = generateUniqueId;
 /**
  * Generate a unique ID if one is not provided. The generated ID will be stable across renders
  * @param id Optional ID provided that will be used instead of a unique ID
  */
-exports.useUniqueId = function (id) {
+var useUniqueId = function (id) {
     // https://codesandbox.io/s/react-functional-component-ids-p2ndq
     var generatedId = useConstant_1.useConstant(exports.generateUniqueId);
     return id || generatedId;
 };
+exports.useUniqueId = useUniqueId;
 /**
  * Backwards-compatible change to converting to hook
  * @deprecated
@@ -47,12 +50,14 @@ exports.uniqueId = exports.useUniqueId;
  *   setSeed('a')
  * })
  */
-exports.setUniqueSeed = function (s) {
+var setUniqueSeed = function (s) {
     seed = s;
 };
+exports.setUniqueSeed = setUniqueSeed;
 /**
  * This should only be called for tests in an `beforeEach`
  */
-exports.resetUniqueIdCount = function () {
+var resetUniqueIdCount = function () {
     c = 0;
 };
+exports.resetUniqueIdCount = resetUniqueIdCount;

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useWindowSize.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;;;CAiBzB,CAAC"}
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useWindowSize.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;WAAe,MAAM;YAAU,MAAM;CAiB9D,CAAC"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
 var react_1 = __importDefault(require("react"));
 var useMount_1 = require("./useMount");
 var getFromWindow = function (property, defaultValue) {
@@ -12,7 +13,7 @@ var getFromWindow = function (property, defaultValue) {
     }
     return defaultValue;
 };
-exports.useWindowSize = function () {
+var useWindowSize = function () {
     var _a = react_1.default.useState(getFromWindow('innerWidth', 0)), width = _a[0], setWidth = _a[1];
     var _b = react_1.default.useState(getFromWindow('innerHeight', 0)), height = _b[0], setHeight = _b[1];
     var onResize = function () {
@@ -27,3 +28,4 @@ exports.useWindowSize = function () {
     });
     return { width: width, height: height };
 };
+exports.useWindowSize = useWindowSize;

package/dist/commonjs/dialog/index.js

@@ -1,7 +1,14 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./lib/Dialog"));
-__export(require("./lib/hooks"));
+__exportStar(require("./lib/Dialog"), exports);
+__exportStar(require("./lib/hooks"), exports);