@contember/react-utils 1.3.0-rc.3 → 2.0.0-alpha.10

package/dist/production/theming/useThemedClassName.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassName.cjs","sources":["../../../src/theming/useThemedClassName.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, filterThemedClassName } from '@contember/utilities'\nimport { useColorScheme } from './contexts'\nimport { useClassName } from './useClassName'\n\n/**\n * Hook for component class name accepting outer class name with theme-* and scheme-* class manes\n *\n * It looks for theme CSS classes in the given class name, deduplicates them and returns final theme class name with scheme CSS class set\n * @internal\n *\n * @param componentClassName - Component class name\n * @param additionalClassName - Additional class name\n * @param prefixOverride - Context component prefix override\n * @returns string\n * @see useColorScheme\n *\n * @example\n * ```tsx\n * function Button({ className }: { className?: string | string[] }) {\n * \t const [contentThemeClassName, controlsThemeClassName] = useThemedClassName(className)\n *\n * \t return (\n * \t\t <div className={contentThemeClassName}>\n * \t\t\t <button className={controlsThemeClassName}>Click me</button>\n * \t\t </div>\n * \t )\n * }\n *\n * function App() {\n * \t return (\n * \t\t <Button className=\"theme-default theme-danger:hover\" />\n * \t )\n * }\n *\n * // renders:\n * // <div class=\"scheme-system theme-default-content theme-danger-content:hover\">\n * // \t<button class=\"scheme-system theme-default-controls theme-danger-controls:hover\">Click me</button>\n * // </div>\n * ```\n */\nexport function useThemedClassName(\n\tcomponentClassName: NestedClassName,\n\tadditionalClassName: NestedClassName,\n\tprefixOverride?: string | null | undefined,\n): string {\n\treturn useClassName(\n\t\tcomponentClassName,\n\t\tfilterThemedClassName(\n\t\t\tadditionalClassName,\n\t\t\tcolorSchemeClassName(useColorScheme()),\n\t\t),\n\t\tprefixOverride,\n\t)\n}\n"],"names":["useClassName","filterThemedClassName","colorSchemeClassName","useColorScheme"],"mappings":";;;;;AAwCgB,SAAA,mBACf,oBACA,qBACA,gBACS;AACF,SAAAA,aAAA;AAAA,IACN;AAAA,IACAC,UAAA;AAAA,MACC;AAAA,MACAC,UAAA,qBAAqBC,yBAAgB;AAAA,IACtC;AAAA,IACA;AAAA,EAAA;AAEF;;"}

package/dist/production/theming/useThemedClassName.js

@@ -1,17 +0,0 @@
-import { filterThemedClassName, colorSchemeClassName } from "@contember/utilities";
-import { useColorScheme } from "./contexts.js";
-import { useClassName } from "./useClassName.js";
-function useThemedClassName(componentClassName, additionalClassName, prefixOverride) {
-  return useClassName(
-    componentClassName,
-    filterThemedClassName(
-      additionalClassName,
-      colorSchemeClassName(useColorScheme())
-    ),
-    prefixOverride
-  );
-}
-export {
-  useThemedClassName
-};
-//# sourceMappingURL=useThemedClassName.js.map

package/dist/production/theming/useThemedClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassName.js","sources":["../../../src/theming/useThemedClassName.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, filterThemedClassName } from '@contember/utilities'\nimport { useColorScheme } from './contexts'\nimport { useClassName } from './useClassName'\n\n/**\n * Hook for component class name accepting outer class name with theme-* and scheme-* class manes\n *\n * It looks for theme CSS classes in the given class name, deduplicates them and returns final theme class name with scheme CSS class set\n * @internal\n *\n * @param componentClassName - Component class name\n * @param additionalClassName - Additional class name\n * @param prefixOverride - Context component prefix override\n * @returns string\n * @see useColorScheme\n *\n * @example\n * ```tsx\n * function Button({ className }: { className?: string | string[] }) {\n * \t const [contentThemeClassName, controlsThemeClassName] = useThemedClassName(className)\n *\n * \t return (\n * \t\t <div className={contentThemeClassName}>\n * \t\t\t <button className={controlsThemeClassName}>Click me</button>\n * \t\t </div>\n * \t )\n * }\n *\n * function App() {\n * \t return (\n * \t\t <Button className=\"theme-default theme-danger:hover\" />\n * \t )\n * }\n *\n * // renders:\n * // <div class=\"scheme-system theme-default-content theme-danger-content:hover\">\n * // \t<button class=\"scheme-system theme-default-controls theme-danger-controls:hover\">Click me</button>\n * // </div>\n * ```\n */\nexport function useThemedClassName(\n\tcomponentClassName: NestedClassName,\n\tadditionalClassName: NestedClassName,\n\tprefixOverride?: string | null | undefined,\n): string {\n\treturn useClassName(\n\t\tcomponentClassName,\n\t\tfilterThemedClassName(\n\t\t\tadditionalClassName,\n\t\t\tcolorSchemeClassName(useColorScheme()),\n\t\t),\n\t\tprefixOverride,\n\t)\n}\n"],"names":[],"mappings":";;;AAwCgB,SAAA,mBACf,oBACA,qBACA,gBACS;AACF,SAAA;AAAA,IACN;AAAA,IACA;AAAA,MACC;AAAA,MACA,qBAAqB,gBAAgB;AAAA,IACtC;AAAA,IACA;AAAA,EAAA;AAEF;"}

package/dist/production/theming/useThemedClassNameFactory.cjs

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utilities = require("@contember/utilities");
-const react = require("react");
-const GlobalClassNamePrefixContext = require("./GlobalClassNamePrefixContext.cjs");
-const contexts = require("./contexts.cjs");
-const useReferentiallyStableCallback = require("../referentiallyStable/useReferentiallyStableCallback.cjs");
-function useThemedClassNameFactory(componentClassName, glue = "-", prefixOverride) {
-  const contextPrefix = react.useContext(GlobalClassNamePrefixContext.GlobalClassNamePrefixContext);
-  const classNamePrefix = prefixOverride === null || prefixOverride === "" ? "" : prefixOverride || contextPrefix;
-  const componentClassNameList = utilities.flatClassNameList(componentClassName).map(
-    (componentClassName2) => `${classNamePrefix}${componentClassName2}`
-  );
-  const colorScheme = utilities.colorSchemeClassName(contexts.useColorScheme());
-  function componentClassNameFor(suffix = null, additionalClassName = null) {
-    const classNameSuffix = suffix ?? "";
-    return utilities.deduplicateClassName((classNameSuffix ? classNameSuffix.match(/^[a-zA-Z0-9]/) ? componentClassNameList.map((componentClassName2) => `${componentClassName2}${glue}${classNameSuffix}`) : componentClassNameList.map((componentClassName2) => `${componentClassName2}${classNameSuffix}`) : componentClassNameList).concat(
-      utilities.flatClassNameList(
-        utilities.filterThemedClassName(
-          additionalClassName,
-          colorScheme
-        )
-      )
-    )).join(" ");
-  }
-  return useReferentiallyStableCallback.useReferentiallyStableCallback(componentClassNameFor);
-}
-exports.useThemedClassNameFactory = useThemedClassNameFactory;
-//# sourceMappingURL=useThemedClassNameFactory.cjs.map

package/dist/production/theming/useThemedClassNameFactory.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassNameFactory.cjs","sources":["../../../src/theming/useThemedClassNameFactory.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, deduplicateClassName, filterThemedClassName, flatClassNameList } from '@contember/utilities'\nimport { useContext } from 'react'\nimport { useReferentiallyStableCallback } from '../referentiallyStable'\nimport { GlobalClassNamePrefixContext } from './GlobalClassNamePrefixContext'\nimport { useColorScheme } from './contexts'\n\nexport function useThemedClassNameFactory(\n\tcomponentClassName: NestedClassName,\n\tglue: string | null = '-',\n\tprefixOverride?: string | null | undefined,\n) {\n\tconst contextPrefix = useContext(GlobalClassNamePrefixContext)\n\tconst classNamePrefix: string = prefixOverride === null || prefixOverride === '' ? '' : prefixOverride || contextPrefix\n\n\tconst componentClassNameList: string[] = flatClassNameList(componentClassName).map(\n\t\tcomponentClassName => `${classNamePrefix}${componentClassName}`,\n\t)\n\n\tconst colorScheme = colorSchemeClassName(useColorScheme())\n\n\tfunction componentClassNameFor(\n\t\tsuffix: string | null | undefined = null,\n\t\tadditionalClassName: NestedClassName = null,\n\t): string {\n\t\tconst classNameSuffix: string = suffix ?? ''\n\n\t\treturn deduplicateClassName((classNameSuffix\n\t\t\t? (classNameSuffix.match(/^[a-zA-Z0-9]/)\n\t\t\t\t? componentClassNameList.map(componentClassName => `${componentClassName}${glue}${classNameSuffix}`)\n\t\t\t\t: componentClassNameList.map(componentClassName => `${componentClassName}${classNameSuffix}`)\n\t\t\t)\n\t\t\t: componentClassNameList\n\t\t).concat(\n\t\t\tflatClassNameList(\n\t\t\t\tfilterThemedClassName(\n\t\t\t\t\tadditionalClassName,\n\t\t\t\t\tcolorScheme,\n\t\t\t\t),\n\t\t\t),\n\t\t)).join(' ')\n\t}\n\n\treturn useReferentiallyStableCallback(componentClassNameFor)\n}\n"],"names":["useContext","GlobalClassNamePrefixContext","flatClassNameList","componentClassName","colorSchemeClassName","useColorScheme","deduplicateClassName","filterThemedClassName","useReferentiallyStableCallback"],"mappings":";;;;;;;AAMO,SAAS,0BACf,oBACA,OAAsB,KACtB,gBACC;AACK,QAAA,gBAAgBA,iBAAWC,6BAAAA,4BAA4B;AAC7D,QAAM,kBAA0B,mBAAmB,QAAQ,mBAAmB,KAAK,KAAK,kBAAkB;AAEpG,QAAA,yBAAmCC,UAAAA,kBAAkB,kBAAkB,EAAE;AAAA,IAC9E,CAAAC,wBAAsB,GAAG,eAAe,GAAGA,mBAAkB;AAAA,EAAA;AAGxD,QAAA,cAAcC,UAAAA,qBAAqBC,SAAA,eAAA,CAAgB;AAEzD,WAAS,sBACR,SAAoC,MACpC,sBAAuC,MAC9B;AACT,UAAM,kBAA0B,UAAU;AAE1C,WAAOC,UAAsB,sBAAA,kBACzB,gBAAgB,MAAM,cAAc,IACpC,uBAAuB,IAAI,CAAAH,wBAAsB,GAAGA,mBAAkB,GAAG,IAAI,GAAG,eAAe,EAAE,IACjG,uBAAuB,IAAI,CAAAA,wBAAsB,GAAGA,mBAAkB,GAAG,eAAe,EAAE,IAE3F,wBACD;AAAA,MACDD,UAAA;AAAA,QACCK,UAAA;AAAA,UACC;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IAAA,CACA,EAAE,KAAK,GAAG;AAAA,EACZ;AAEA,SAAOC,+BAAAA,+BAA+B,qBAAqB;AAC5D;;"}

package/dist/production/theming/useThemedClassNameFactory.js

@@ -1,29 +0,0 @@
-import { flatClassNameList, colorSchemeClassName, deduplicateClassName, filterThemedClassName } from "@contember/utilities";
-import { useContext } from "react";
-import { GlobalClassNamePrefixContext } from "./GlobalClassNamePrefixContext.js";
-import { useColorScheme } from "./contexts.js";
-import { useReferentiallyStableCallback } from "../referentiallyStable/useReferentiallyStableCallback.js";
-function useThemedClassNameFactory(componentClassName, glue = "-", prefixOverride) {
-  const contextPrefix = useContext(GlobalClassNamePrefixContext);
-  const classNamePrefix = prefixOverride === null || prefixOverride === "" ? "" : prefixOverride || contextPrefix;
-  const componentClassNameList = flatClassNameList(componentClassName).map(
-    (componentClassName2) => `${classNamePrefix}${componentClassName2}`
-  );
-  const colorScheme = colorSchemeClassName(useColorScheme());
-  function componentClassNameFor(suffix = null, additionalClassName = null) {
-    const classNameSuffix = suffix ?? "";
-    return deduplicateClassName((classNameSuffix ? classNameSuffix.match(/^[a-zA-Z0-9]/) ? componentClassNameList.map((componentClassName2) => `${componentClassName2}${glue}${classNameSuffix}`) : componentClassNameList.map((componentClassName2) => `${componentClassName2}${classNameSuffix}`) : componentClassNameList).concat(
-      flatClassNameList(
-        filterThemedClassName(
-          additionalClassName,
-          colorScheme
-        )
-      )
-    )).join(" ");
-  }
-  return useReferentiallyStableCallback(componentClassNameFor);
-}
-export {
-  useThemedClassNameFactory
-};
-//# sourceMappingURL=useThemedClassNameFactory.js.map

package/dist/production/theming/useThemedClassNameFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassNameFactory.js","sources":["../../../src/theming/useThemedClassNameFactory.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, deduplicateClassName, filterThemedClassName, flatClassNameList } from '@contember/utilities'\nimport { useContext } from 'react'\nimport { useReferentiallyStableCallback } from '../referentiallyStable'\nimport { GlobalClassNamePrefixContext } from './GlobalClassNamePrefixContext'\nimport { useColorScheme } from './contexts'\n\nexport function useThemedClassNameFactory(\n\tcomponentClassName: NestedClassName,\n\tglue: string | null = '-',\n\tprefixOverride?: string | null | undefined,\n) {\n\tconst contextPrefix = useContext(GlobalClassNamePrefixContext)\n\tconst classNamePrefix: string = prefixOverride === null || prefixOverride === '' ? '' : prefixOverride || contextPrefix\n\n\tconst componentClassNameList: string[] = flatClassNameList(componentClassName).map(\n\t\tcomponentClassName => `${classNamePrefix}${componentClassName}`,\n\t)\n\n\tconst colorScheme = colorSchemeClassName(useColorScheme())\n\n\tfunction componentClassNameFor(\n\t\tsuffix: string | null | undefined = null,\n\t\tadditionalClassName: NestedClassName = null,\n\t): string {\n\t\tconst classNameSuffix: string = suffix ?? ''\n\n\t\treturn deduplicateClassName((classNameSuffix\n\t\t\t? (classNameSuffix.match(/^[a-zA-Z0-9]/)\n\t\t\t\t? componentClassNameList.map(componentClassName => `${componentClassName}${glue}${classNameSuffix}`)\n\t\t\t\t: componentClassNameList.map(componentClassName => `${componentClassName}${classNameSuffix}`)\n\t\t\t)\n\t\t\t: componentClassNameList\n\t\t).concat(\n\t\t\tflatClassNameList(\n\t\t\t\tfilterThemedClassName(\n\t\t\t\t\tadditionalClassName,\n\t\t\t\t\tcolorScheme,\n\t\t\t\t),\n\t\t\t),\n\t\t)).join(' ')\n\t}\n\n\treturn useReferentiallyStableCallback(componentClassNameFor)\n}\n"],"names":["componentClassName"],"mappings":";;;;;AAMO,SAAS,0BACf,oBACA,OAAsB,KACtB,gBACC;AACK,QAAA,gBAAgB,WAAW,4BAA4B;AAC7D,QAAM,kBAA0B,mBAAmB,QAAQ,mBAAmB,KAAK,KAAK,kBAAkB;AAEpG,QAAA,yBAAmC,kBAAkB,kBAAkB,EAAE;AAAA,IAC9E,CAAAA,wBAAsB,GAAG,eAAe,GAAGA,mBAAkB;AAAA,EAAA;AAGxD,QAAA,cAAc,qBAAqB,eAAA,CAAgB;AAEzD,WAAS,sBACR,SAAoC,MACpC,sBAAuC,MAC9B;AACT,UAAM,kBAA0B,UAAU;AAE1C,WAAO,sBAAsB,kBACzB,gBAAgB,MAAM,cAAc,IACpC,uBAAuB,IAAI,CAAAA,wBAAsB,GAAGA,mBAAkB,GAAG,IAAI,GAAG,eAAe,EAAE,IACjG,uBAAuB,IAAI,CAAAA,wBAAsB,GAAGA,mBAAkB,GAAG,eAAe,EAAE,IAE3F,wBACD;AAAA,MACD;AAAA,QACC;AAAA,UACC;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IAAA,CACA,EAAE,KAAK,GAAG;AAAA,EACZ;AAEA,SAAO,+BAA+B,qBAAqB;AAC5D;"}

package/dist/types/hooks/useAddClassNameDuringResize.d.ts

@@ -1,13 +0,0 @@
-/**
- * Adds CSS class during resize event to element
- *
- * - Falls back to document.body when no element is specified
- * - Adds CSS class to element also on the initial load
- * - Uses element.classList directly
- *
- * @param className - CSS class to apply during the resize event
- * @param timeoutToRestore - Timeout in milliseconds to wait before finally removing the CSS class
- * @param element - Optional HTML element to apply CSS class to
- */
-export declare function useAddClassNameDuringResize(className: string, timeoutToRestore?: number, element?: HTMLElement): void;
-//# sourceMappingURL=useAddClassNameDuringResize.d.ts.map

package/dist/types/hooks/useAddClassNameDuringResize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAddClassNameDuringResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAddClassNameDuringResize.ts"],"names":[],"mappings":"AAsBA;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CAC1C,SAAS,EAAE,MAAM,EACjB,gBAAgB,GAAE,MAAY,EAC9B,OAAO,CAAC,EAAE,WAAW,QAmBrB"}

package/dist/types/hooks/useCloseOnClickOutside.d.ts

@@ -1,7 +0,0 @@
-export declare const useCloseOnClickOutside: ({ isOpen, close, contents, outside }: {
-    isOpen: boolean;
-    close: () => void;
-    contents: (Node | null)[];
-    outside?: HTMLElement | null;
-}) => void;
-//# sourceMappingURL=useCloseOnClickOutside.d.ts.map

package/dist/types/hooks/useCloseOnClickOutside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCloseOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCloseOnClickOutside.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yCAA0C;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,SAwB3K,CAAA"}

package/dist/types/hooks/useCloseOnEscape.d.ts

@@ -1,5 +0,0 @@
-export declare const useCloseOnEscape: ({ isOpen, close }: {
-    isOpen: boolean;
-    close: () => void;
-}) => void;
-//# sourceMappingURL=useCloseOnEscape.d.ts.map

package/dist/types/hooks/useCloseOnEscape.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,sBAAuB;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,SAezF,CAAA"}

package/dist/types/hooks/useContainerWidth.d.ts

@@ -1,4 +0,0 @@
-export type ContainerWidthContextType = number;
-export declare const ContainerWidthContext: import("react").Context<number | null | undefined>;
-export declare function useContainerWidth(): number;
-//# sourceMappingURL=useContainerWidth.d.ts.map

package/dist/types/hooks/useContainerWidth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContainerWidth.d.ts","sourceRoot":"","sources":["../../../src/hooks/useContainerWidth.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAA;AAC9C,eAAO,MAAM,qBAAqB,oDAAyE,CAAA;AAG3G,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C"}

package/dist/types/hooks/useElementSize.d.ts

@@ -1,16 +0,0 @@
-import { RefObjectOrElement } from './unwrapRefValue';
-export type ElementSize = {
-    height: number;
-    width: number;
-};
-/**
- * Measure HTMLElement
- *
- * @param refOrElement - HTMLElement passed directly or indirectly as RefObject
- * @returns Size vector consisting of width and height properties
- */
-export declare function useElementSize(refOrElement: RefObjectOrElement<HTMLElement>, options?: ResizeObserverOptions, timeout?: number): {
-    height: number | undefined;
-    width: number | undefined;
-};
-//# sourceMappingURL=useElementSize.d.ts.map

package/dist/types/hooks/useElementSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementSize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAGrE,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC7B,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC7C,OAAO,GAAE,qBAA0B,EACnC,OAAO,GAAE,MAAY,GACnB;IAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAiC3D"}

package/dist/types/hooks/useElementTopOffset.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-export declare function useElementTopOffset(ref?: RefObject<HTMLElement>): number | undefined;
-//# sourceMappingURL=useElementTopOffset.d.ts.map

package/dist/types/hooks/useElementTopOffset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementTopOffset.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementTopOffset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAA;AAE5D,wBAAgB,mBAAmB,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAgCpF"}

package/dist/types/hooks/useEventHandler.d.ts

@@ -1,10 +0,0 @@
-import { EventHandler, SyntheticEvent } from 'react';
-/**
- * Similar to useEvent with inferred type for the event parameter according to event type
- *
- * @param type - String, keyof DocumentEventMap, e.g. 'click', 'keydown',...
- * @param callback - EventHandler
- * @returns Stable reference callback
- */
-export declare function useEventHandler<E extends SyntheticEvent<any>>(type: E['type'], callback: EventHandler<E>): EventHandler<E>;
-//# sourceMappingURL=useEventHandler.d.ts.map

package/dist/types/hooks/useEventHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEventHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAA;AAEvE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAc1H"}

package/dist/types/hooks/useOnElementMutation.d.ts

@@ -1,3 +0,0 @@
-import { RefObjectOrElement } from './unwrapRefValue';
-export declare function useOnElementMutation(refOrElement: RefObjectOrElement<HTMLElement | undefined>, callback: MutationCallback, options?: MutationObserverInit): void;
-//# sourceMappingURL=useOnElementMutation.d.ts.map

package/dist/types/hooks/useOnElementMutation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnElementMutation.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnElementMutation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAErE,wBAAgB,oBAAoB,CACnC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,SAAS,CAAC,EACzD,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GAAE,oBAA2E,QAiCpF"}

package/dist/types/hooks/useOnScrollWithin.d.ts

@@ -1,10 +0,0 @@
-import { RefObjectOrElement } from './unwrapRefValue';
-/**
- * Invokes callback on scroll event within the scroll container
- *
- * @param refOrElement - Scroll container
- * @param callback - Callback that is invoked on scroll event
- * @param interval - Specifies how often should scroll event invoke callback
- */
-export declare function useOnScrollWithin(refOrElement: RefObjectOrElement<HTMLElement | null> | null, callback: (event: Event) => void, interval?: number): void;
-//# sourceMappingURL=useOnScrollWithin.d.ts.map

package/dist/types/hooks/useOnScrollWithin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnScrollWithin.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnScrollWithin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAErE;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAChC,QAAQ,GAAE,MAAkB,QAqD5B"}

package/dist/types/hooks/useScrollOffsets.d.ts

@@ -1,14 +0,0 @@
-import { RefObjectOrElement } from './unwrapRefValue';
-export type Offsets = {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-export declare function useScrollOffsets(refOrElement: RefObjectOrElement<HTMLElement | null> | null, interval?: number): {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-//# sourceMappingURL=useScrollOffsets.d.ts.map

package/dist/types/hooks/useScrollOffsets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollOffsets.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollOffsets.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAIrE,MAAM,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ,CAAA;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,QAAQ,GAAE,MAAkB;;;;;EAiCzH"}

package/dist/types/theming/ColorSchemeProvider.d.ts

@@ -1,6 +0,0 @@
-export type ColorSchemeProviderProps = {
-    children: React.ReactNode;
-    scheme?: string;
-};
-export declare const ColorSchemeProvider: import("react").MemoExoticComponent<({ children, scheme }: ColorSchemeProviderProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=ColorSchemeProvider.d.ts.map

package/dist/types/theming/ColorSchemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorSchemeProvider.d.ts","sourceRoot":"","sources":["../../../src/theming/ColorSchemeProvider.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,wBAAwB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,mBAAmB,6DAA+B,wBAAwB,6CAMrF,CAAA"}

package/dist/types/theming/GlobalClassNamePrefixContext.d.ts

@@ -1,2 +0,0 @@
-export declare const GlobalClassNamePrefixContext: import("react").Context<string>;
-//# sourceMappingURL=GlobalClassNamePrefixContext.d.ts.map

package/dist/types/theming/GlobalClassNamePrefixContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalClassNamePrefixContext.d.ts","sourceRoot":"","sources":["../../../src/theming/GlobalClassNamePrefixContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,iCAAgC,CAAA"}

package/dist/types/theming/contexts.d.ts

@@ -1,12 +0,0 @@
-export declare const DEFAULT_COLOR_SCHEME = "system";
-/**
- * @group UI
- *
- * @description
- * Provides the current color scheme, possible values are `'light'`, `'dark'` or `'system'`.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
- *
- */
-export declare const ColorSchemeContext: import("react").Context<string>, useColorScheme: () => string;
-//# sourceMappingURL=contexts.d.ts.map

package/dist/types/theming/contexts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../src/theming/contexts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,WAAW,CAAA;AAG5C;;;;;;;;GAQG;AACH,eAAO,MAAO,kBAAkB,mCAAE,cAAc,cAG/C,CAAA"}

package/dist/types/theming/index.d.ts

@@ -1,8 +0,0 @@
-export * from './ColorSchemeProvider';
-export * from './GlobalClassNamePrefixContext';
-export * from './contexts';
-export * from './useClassName';
-export * from './useClassNameFactory';
-export * from './useThemedClassName';
-export * from './useThemedClassNameFactory';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/theming/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA"}

package/dist/types/theming/useClassName.d.ts

@@ -1,11 +0,0 @@
-import { NestedClassName } from '@contember/utilities';
-/**
- * Hook for component class name accepting outer class name
- *
- * @param componentClassName - Component class name
- * @param additionalClassName - Additional class name
- * @param prefixOverride - Context component prefix override
- * @returns Prefixed component class name.
- */
-export declare function useClassName(componentClassName: NestedClassName, additionalClassName?: NestedClassName, prefixOverride?: string | null | undefined): string;
-//# sourceMappingURL=useClassName.d.ts.map

package/dist/types/theming/useClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClassName.d.ts","sourceRoot":"","sources":["../../../src/theming/useClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA2C,MAAM,sBAAsB,CAAA;AAI/F;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC3B,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,GAAE,eAAsB,EAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAY1C"}

package/dist/types/theming/useClassNameFactory.d.ts

@@ -1,17 +0,0 @@
-import { NestedClassName } from '@contember/utilities';
-/**
- * Hook for component class name accepting outer class name
- *
- * Returns a reusable function almost that is handy for components
- * with many sub-component parts that should inherit the root component
- * name.
- *
- * Also, product of the factory is a function that can be used outside of rules of hooks.
- *
- * @param componentClassName - Component class name
- * @param glue - String to use to glue component and sub-component suffix
- * @param prefixOverride - Context component prefix override
- * @returns
- */
-export declare function useClassNameFactory(componentClassName: NestedClassName, glue?: string | null, prefixOverride?: string | null | undefined): (suffix?: string | null | undefined, additionalClassName?: NestedClassName) => string;
-//# sourceMappingURL=useClassNameFactory.d.ts.map

package/dist/types/theming/useClassNameFactory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClassNameFactory.d.ts","sourceRoot":"","sources":["../../../src/theming/useClassNameFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA2C,MAAM,sBAAsB,CAAA;AAK/F;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAClC,kBAAkB,EAAE,eAAe,EACnC,IAAI,GAAE,MAAM,GAAG,IAAU,EACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,aAUjC,MAAM,GAAG,IAAI,GAAG,SAAS,wBACZ,eAAe,KAClC,MAAM,CAeT"}

package/dist/types/theming/useThemedClassName.d.ts

@@ -1,39 +0,0 @@
-import { NestedClassName } from '@contember/utilities';
-/**
- * Hook for component class name accepting outer class name with theme-* and scheme-* class manes
- *
- * It looks for theme CSS classes in the given class name, deduplicates them and returns final theme class name with scheme CSS class set
- * @internal
- *
- * @param componentClassName - Component class name
- * @param additionalClassName - Additional class name
- * @param prefixOverride - Context component prefix override
- * @returns string
- * @see useColorScheme
- *
- * @example
- * ```tsx
- * function Button({ className }: { className?: string | string[] }) {
- * 	 const [contentThemeClassName, controlsThemeClassName] = useThemedClassName(className)
- *
- * 	 return (
- * 		 <div className={contentThemeClassName}>
- * 			 <button className={controlsThemeClassName}>Click me</button>
- * 		 </div>
- * 	 )
- * }
- *
- * function App() {
- * 	 return (
- * 		 <Button className="theme-default theme-danger:hover" />
- * 	 )
- * }
- *
- * // renders:
- * // <div class="scheme-system theme-default-content theme-danger-content:hover">
- * // 	<button class="scheme-system theme-default-controls theme-danger-controls:hover">Click me</button>
- * // </div>
- * ```
- */
-export declare function useThemedClassName(componentClassName: NestedClassName, additionalClassName: NestedClassName, prefixOverride?: string | null | undefined): string;
-//# sourceMappingURL=useThemedClassName.d.ts.map

package/dist/types/theming/useThemedClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassName.d.ts","sourceRoot":"","sources":["../../../src/theming/useThemedClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA+C,MAAM,sBAAsB,CAAA;AAInG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,kBAAkB,CACjC,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,eAAe,EACpC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACxC,MAAM,CASR"}

package/dist/types/theming/useThemedClassNameFactory.d.ts

@@ -1,3 +0,0 @@
-import { NestedClassName } from '@contember/utilities';
-export declare function useThemedClassNameFactory(componentClassName: NestedClassName, glue?: string | null, prefixOverride?: string | null | undefined): (suffix?: string | null | undefined, additionalClassName?: NestedClassName) => string;
-//# sourceMappingURL=useThemedClassNameFactory.d.ts.map

package/dist/types/theming/useThemedClassNameFactory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedClassNameFactory.d.ts","sourceRoot":"","sources":["../../../src/theming/useThemedClassNameFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwF,MAAM,sBAAsB,CAAA;AAM5I,wBAAgB,yBAAyB,CACxC,kBAAkB,EAAE,eAAe,EACnC,IAAI,GAAE,MAAM,GAAG,IAAU,EACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,aAYjC,MAAM,GAAG,IAAI,GAAG,SAAS,wBACZ,eAAe,KAClC,MAAM,CAoBT"}

package/src/hooks/useAddClassNameDuringResize.ts

@@ -1,56 +0,0 @@
-import { useLayoutEffect, useRef } from 'react'
-import { useReferentiallyStableCallback } from '../referentiallyStable'
-import { useOnWindowResize } from './useOnWindowResize'
-
-function addClassName(
-	className: string,
-	element: HTMLElement,
-) {
-	if (element.classList.contains(className)) {
-		element.classList.remove(className)
-	}
-}
-
-function removeClassName(
-	className: string,
-	element: HTMLElement,
-) {
-	if (!element.classList.contains(className)) {
-		element.classList.add(className)
-	}
-}
-
-/**
- * Adds CSS class during resize event to element
- *
- * - Falls back to document.body when no element is specified
- * - Adds CSS class to element also on the initial load
- * - Uses element.classList directly
- *
- * @param className - CSS class to apply during the resize event
- * @param timeoutToRestore - Timeout in milliseconds to wait before finally removing the CSS class
- * @param element - Optional HTML element to apply CSS class to
- */
-export function useAddClassNameDuringResize(
-	className: string,
-	timeoutToRestore: number = 300,
-	element?: HTMLElement,
-) {
-	const timeoutID = useRef<number>()
-
-	const addTemporaryClassName = useReferentiallyStableCallback(() => {
-		clearTimeout(timeoutID.current)
-		removeClassName(className, element ?? document.body)
-
-		timeoutID.current = setTimeout(() => {
-			addClassName(className, element ?? document.body)
-		}, timeoutToRestore)
-
-		return () => {
-			clearTimeout(timeoutID.current)
-		}
-	})
-
-	useLayoutEffect(addTemporaryClassName, [addTemporaryClassName])
-	useOnWindowResize(addTemporaryClassName)
-}

package/src/hooks/useCloseOnClickOutside.ts

@@ -1,27 +0,0 @@
-import { useEffect } from 'react'
-
-export const useCloseOnClickOutside = ({ isOpen, close, contents, outside }: { isOpen: boolean, close: () => void, contents: (Node | null)[], outside?: HTMLElement | null }) => {
-	useEffect(() => {
-		if (isOpen) {
-			const closeOnClickOutside = (event: Event) => {
-				const target = event.target
-				if (
-					target instanceof Node &&
-					(!document.body.contains(target) ||
-						target === document.body ||
-						contents.some(it => it && it.contains(target)))
-				) {
-					return
-				}
-				if (contents.every(it => it === null)) {
-					return
-				}
-				close()
-			}
-			(outside ?? window).addEventListener('click', closeOnClickOutside)
-			return () => {
-				(outside ?? window).removeEventListener('click', closeOnClickOutside)
-			}
-		}
-	}, [close, isOpen, contents, outside])
-}

package/src/hooks/useCloseOnEscape.ts

@@ -1,18 +0,0 @@
-import { useEffect } from 'react'
-
-export const useCloseOnEscape = ({ isOpen, close }: { isOpen: boolean, close: () => void }) => {
-	useEffect(() => {
-		if (isOpen) {
-			const closeOnEscapeKey = (event: KeyboardEvent) => {
-				if (event.key === 'Escape') {
-					close()
-				}
-			}
-			window.addEventListener('keydown', closeOnEscapeKey)
-
-			return () => {
-				window.removeEventListener('keydown', closeOnEscapeKey)
-			}
-		}
-	}, [close, isOpen])
-}

package/src/hooks/useContainerWidth.ts

@@ -1,13 +0,0 @@
-import { createContext, useContext } from 'react'
-import { useWindowSize } from './useWindowSize'
-
-export type ContainerWidthContextType = number
-export const ContainerWidthContext = createContext<ContainerWidthContextType | null | undefined>(undefined)
-ContainerWidthContext.displayName = 'ContainerWidthContext'
-
-export function useContainerWidth(): number {
-	const maybeContainerWidth = useContext(ContainerWidthContext)
-	const { width: windowWidth } = useWindowSize()
-
-	return maybeContainerWidth ?? windowWidth
-}

package/src/hooks/useElementSize.ts

@@ -1,56 +0,0 @@
-import { getElementDimensionsCallback, getSizeFromResizeObserverEntryFactory } from '@contember/utilities'
-import { useLayoutEffect, useMemo, useState } from 'react'
-import { useScopedConsoleRef } from '../debug-context'
-import { useReferentiallyStableCallback } from '../referentiallyStable'
-import { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'
-import { useOnElementResize } from './useOnElementResize'
-
-export type ElementSize = {
-	height: number
-	width: number
-}
-
-/**
- * Measure HTMLElement
- *
- * @param refOrElement - HTMLElement passed directly or indirectly as RefObject
- * @returns Size vector consisting of width and height properties
- */
-export function useElementSize(
-	refOrElement: RefObjectOrElement<HTMLElement>,
-	options: ResizeObserverOptions = {},
-	timeout: number = 300,
-): { height: number | undefined, width: number | undefined } {
-	const { logged } = useScopedConsoleRef('useElementSize').current
-
-	const { box = 'border-box' } = options
-	const getSizeFromResizeObserverEntry = useMemo(() => getSizeFromResizeObserverEntryFactory(box), [box])
-
-	const [width, setWidth] = useState<number | undefined>()
-	const [height, setHeight] = useState<number | undefined>()
-
-	logged('dimensions', { width, height })
-
-	const maybeSetNewDimensions = useReferentiallyStableCallback((dimensions: ElementSize) => {
-		if (width !== dimensions.width) {
-			setWidth(dimensions.width)
-		}
-		if (height !== dimensions.height) {
-			setHeight(dimensions.height)
-		}
-	})
-
-	useOnElementResize(refOrElement, entry => {
-		const dimensions = logged('useOnElementResize => entry:dimensions', getSizeFromResizeObserverEntry(entry))
-		maybeSetNewDimensions(dimensions)
-	}, { box }, timeout)
-
-	useLayoutEffect(() => {
-		const element = unwrapRefValue(refOrElement)
-		if (element) {
-			getElementDimensionsCallback(element, dimensions => maybeSetNewDimensions(dimensions))
-		}
-	})
-
-	return { height, width }
-}

package/src/hooks/useElementTopOffset.ts

@@ -1,35 +0,0 @@
-import { RefObject, useLayoutEffect, useState } from 'react'
-
-export function useElementTopOffset(ref?: RefObject<HTMLElement>): number | undefined {
-	const [offsetTop, setOffsetTop] = useState<number | undefined>(undefined)
-
-	useLayoutEffect(() => {
-		if (!ref?.current) {
-			return
-		}
-
-		const element = ref.current
-
-		function updateTopOffsetCallback() {
-			setOffsetTop(element.offsetTop)
-		}
-
-		function updateTopOffsetHandler() {
-			requestAnimationFrame(updateTopOffsetCallback)
-		}
-
-		updateTopOffsetHandler()
-
-		const observer = new ResizeObserver(() => {
-			requestAnimationFrame(updateTopOffsetCallback)
-		})
-
-		observer.observe(element)
-
-		return () => {
-			observer.unobserve(element)
-		}
-	}, [ref])
-
-	return offsetTop
-}