@koine/react 2.0.0-beta.1 → 2.0.0-beta.11

package/Typography/TypeStairs.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypeStairs = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-exports.TypeStairs = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, limit = _a.limit;
-    // split in rows or just use one row if there is no limit
-    var rows = limit ? splitTextIntoRows(children, limit) : [children];
-    return rows.length > 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: rows.map(function (row, rowIndex) {
-            return ((0, jsx_runtime_1.jsxs)("span", { children: [renderRow(row, rowIndex, ref), rowIndex !== rows.length - 1 && (0, jsx_runtime_1.jsx)("br", {})] }, "row-".concat(rowIndex)));
-        }) })) : (renderRow(rows[0], 0, ref));
-});
-/**
- * every number chars find a space and break, then restart the gradient weight
- * @see https://stackoverflow.com/a/25770787
- */
-function splitTextIntoRows(input, limit) {
-    if (input === void 0) { input = ""; }
-    if (limit === void 0) { limit = 18; }
-    var rows = [];
-    var arr = input.split(" ");
-    var currow = arr[0];
-    var rowlen = currow.length;
-    for (var i = 1; i < arr.length; i++) {
-        var word = arr[i];
-        rowlen += word.length + 1;
-        if (rowlen <= limit) {
-            currow += " " + word;
-        }
-        else {
-            rows.push(currow);
-            currow = word;
-            rowlen = word.length;
-        }
-    }
-    rows.push(currow);
-    return rows;
-}
-function renderRow(row, rowIndex, ref) {
-    var letters = row.split("");
-    var fontWeightIdx = 1;
-    // const fontWeight = Math.min(fontWeightIdx * 100, 800);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: letters.map(function (letter, letterIndex) {
-            var fontWeight = Math.min(fontWeightIdx * 100, 800);
-            // don't waste a fontWeight for a white space
-            if (letter !== " ") {
-                fontWeightIdx++;
-            }
-            return ((0, jsx_runtime_1.jsx)("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
-        }) }));
-}

package/Typography/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CopyPasteVisible"), exports);
-tslib_1.__exportStar(require("./Native"), exports);
-tslib_1.__exportStar(require("./ReadMore"), exports);
-tslib_1.__exportStar(require("./TextLoop"), exports);
-tslib_1.__exportStar(require("./TypeStairs"), exports);

package/Typography/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/css/index.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../shared"), exports);
-// export * from "../Alert";
-// export * from "../Animations";
-// export * from "../Autocomplete";
-// export * from "../Bg";
-// export * from "../Breadcrumbs";
-// export * from "../Buttons";
-// export * from "../Carousel";
-// export * from "../Collapsable";
-// export * from "../Debug";
-var bare_1 = require("../Dialog/css/bare");
-Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
-// export * from "../Form";
-// export * from "../Forms";
-// export * from "../Grid";
-// export * from "../Hamburger";
-// export * from "../Header";
-// export * from "../Hidden";
-// export * from "../Img";
-// export * from "../Link";
-// export * from "../MenuItem";
-// export * from "../Pagination";
-// export * from "../Pill";
-// export * from "../Progress";
-// export * from "../Rating";
-// // export * from "../Select";
-// export * from "../Sidebar";
-// export * from "../Spacing";
-// export * from "../Sticky";
-// export * from "../styles";
-// export * from "../Tabs";
-// export * from "../Typography";

package/css/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/helpers/classed.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.classed = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-/**
- * This utility allows to extend a component a là `styled-components` but for
- * a className based styling solution like Tailwind,
- *
- * It also plays nicely with tailwind intellisense:
- * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
- *
- * For references about tagged functions:
- * - https://javascript.plainenglish.io/how-css-in-js-libraries-work-da4145b1b6c7
- * - https://makersden.io/blog/reverse-engineering-styled-components
- * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
- * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
- *
- * Similar projects:
- * - https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
- *
- * Discussions and Q/A:
- * - https://stackoverflow.com/q/73055695/1938970
- */
-function classed(component) {
-    // @ts-expect-error nevermind for now...
-    var type = component.type || component;
-    return function (strings) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        var WrappedComponent = (0, react_1.forwardRef)(function (props, ref) {
-            var _a;
-            var argResolved = args
-                .map(function (arg, index) {
-                var result = "";
-                if (typeof arg === "function") {
-                    result = arg(props);
-                }
-                else if (typeof arg !== "undefined") {
-                    result = arg.toString();
-                }
-                return strings[index] + result;
-            })
-                .join("");
-            var isNativeHtmlElement = typeof type === "string";
-            var propsToForward = isNativeHtmlElement
-                ? {}
-                : props;
-            if (isNativeHtmlElement) {
-                for (var key in props) {
-                    // like styled-components `transient` props
-                    if (!key.startsWith("$")) {
-                        // FIXME: for react 18 we need: @ts-expect-error
-                        propsToForward[key] = props[key];
-                    }
-                }
-            }
-            // get the tagged function string outcome
-            var className = argResolved || strings[0];
-            // check if we need to clean it or not from the optional structure `< class="..."`
-            className = ((_a = className.match(/class="([^"]*)/)) === null || _a === void 0 ? void 0 : _a[1]) || className;
-            // add the custom classes from props
-            className += (props === null || props === void 0 ? void 0 : props.className) ? " " + (props === null || props === void 0 ? void 0 : props.className) : "";
-            return (0, react_1.createElement)(type, tslib_1.__assign(tslib_1.__assign({}, propsToForward), { 
-                // only add ot props if it is not an empty string
-                className: className || undefined, 
-                // add ref to props
-                ref: ref }));
-        });
-        // FIXME: not sure if this is needed
-        // WrappedComponent.displayName = type.toString();
-        return WrappedComponent; // as unknown as React.ReactElement<typeof props>;
-    };
-}
-exports.classed = classed;
-exports.default = classed;

package/helpers/createUseMediaQueryWidth.js

@@ -1,183 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createUseMediaQueryWidth = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var isUndefined_1 = tslib_1.__importDefault(require("@koine/utils/isUndefined"));
-var getMediaQueryWidthResolvers_1 = tslib_1.__importDefault(require("@koine/utils/getMediaQueryWidthResolvers"));
-var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("../hooks/useIsomorphicLayoutEffect"));
-/**
- * Use `null` instead of `false` as default value, @see https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
- *
- * @param customBreakpoints
- * @returns
- */
-function createUseMediaQueryWidth(customBreakpoints) {
-    var queryResolvers = (0, getMediaQueryWidthResolvers_1.default)(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        var definition = media.substring(1);
-        var _a = definition.split("-"), rule = _a[0], ruleBreakpoint = _a[1];
-        if ((0, isUndefined_1.default)(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if ((0, isUndefined_1.default)(rule)) {
-            rule = "min";
-        }
-        // with the hook creator approach these breakpoint types cannot be deduced
-        // const [br1, br2] = ruleBreakpoint.split("-") as Split<
-        //   typeof ruleBreakpoint,
-        //   "-"
-        // >;
-        var _b = ruleBreakpoint.split("_"), br1 = _b[0], br2 = _b[1];
-        var query = queryResolvers[rule](br1, br2);
-        var _c = (0, react_1.useState)((0, isUndefined_1.default)(serverValue) ? null : serverValue), matches = _c[0], setMatches = _c[1];
-        (0, useIsomorphicLayoutEffect_1.default)(function () {
-            var mq = window.matchMedia(query);
-            var handleChange = function (event) {
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            // Safari < 14 can't use addEventListener on a MediaQueryList
-            // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
-            if (!mq.addEventListener) {
-                // Update the state whenever the media query match state changes
-                mq.addListener(handleChange);
-                // Clean up on unmount and if the query changes
-                return function () {
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return function () {
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [query]);
-        return matches;
-    };
-}
-exports.createUseMediaQueryWidth = createUseMediaQueryWidth;
-exports.default = createUseMediaQueryWidth;
-//// without creator it would be:
-//// ---------------------------------------------------------------------------
-// import { useState, useIsomorphicLayoutEffect, useMemo } from "react";
-// import type { Split } from "@koine/utils";
-// import isBrowser from "@koine/utils/isBrowser";
-// import { breakpoints as themeBreakpoints } from "@/config/theme/breakpoints";
-// import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect"
-// type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
-// type Breakpoints = Record<Breakpoint, number>;
-// type MediaQuery =
-//   | `max:${Breakpoint}`
-//   | `min:${Breakpoint}`
-//   | `down:${Breakpoint}`
-//   | `up:${Breakpoint}`
-//   | `between:${Breakpoint}-${Breakpoint}`
-//   | `only:${Breakpoint}`;
-// const breakpoints: Breakpoints = {
-//   xs: 0,
-//   ...themeBreakpoints,
-// };
-// const sortedBreakpointsNames = (
-//   Object.keys(breakpoints).map((key) => {
-//     const br = key as keyof typeof breakpoints;
-//     return [br, breakpoints[br]];
-//   }) as [Breakpoint, number][]
-// )
-//   .sort((a, b) => a[1] - b[1])
-//   .map((item) => item[0]);
-// const getNextBreakpoint = (breakpoint: Breakpoint) => {
-//   const index = sortedBreakpointsNames.indexOf(breakpoint);
-//   return sortedBreakpointsNames[index + 1];
-// };
-// /**
-//  * It behaves the same as `(min-width: ${value}px)`
-//  * where value is the given breakpoint value.
-//  * For ease of use this can be used both as a function `min("md")` and as an
-//  * object literal `min.md`.
-//  */
-// const min = (br: Breakpoint) => `(min-width: ${breakpoints[br]}px)`;
-// /**
-//  * It behaves the same as `(max-width: ${value}px)`
-//  * where value is the given breakpoint value.
-//  * For ease of use this can be used both as a function `max("md")` and as an
-//  * object literal `max.md`.
-//  */
-// const max = (br: Breakpoint) => `(max-width: ${breakpoints[br] - 0.02}px)`;
-// /**
-//  * It behaves the same as `min`
-//  * @inheritdoc {max}
-//  */
-// const up = min;
-// /**
-//  * It behaves similarly to `max` but you will use the "next" breakpoint,
-//  * specifying CSS that will apply from the given breakpoint and down.
-//  */
-// const down = (br: Breakpoint) => {
-//   const brNext = getNextBreakpoint(br);
-//   // TODO: if br does not exists otherwise throw Error
-//   return brNext && `(max-width: ${breakpoints[brNext] - 0.02}px)`;
-// };
-// /**
-//  * Media query between the two given breakpoints
-//  */
-// const between = (br1: Breakpoint, br2?: Breakpoint) => {
-//   return br2
-//     ? `(min-width: ${breakpoints[br1]}px) and (max-width: ${
-//         breakpoints[br2] - 0.02
-//       }px)`
-//     : min(br1);
-// };
-// /**
-//  * Media query to apply from the given breakpoint until the next, just for its
-//  * full range
-//  */
-// const only = (br: Breakpoint) => {
-//   const brNext = getNextBreakpoint(br);
-//   return brNext ? between(br, brNext) : min(br);
-// };
-// const queryResolvers = {
-//   max,
-//   min,
-//   down,
-//   up,
-//   between,
-//   only,
-// };
-// export function useMqWidth(media: MediaQuery) {
-//   const [rule = "min", ruleBreakpoint] = media.split(":") as Split<
-//     MediaQuery,
-//     ":"
-//   >;
-//   const [br1, br2] = ruleBreakpoint.split("-") as Split<
-//     typeof ruleBreakpoint,
-//     "-"
-//   >;
-//   const query = queryResolvers[rule](br1, br2);
-//   const mq = useMemo(
-//     () => (isBrowser ? window.matchMedia(query) : { matches: false }),
-//     [query]
-//   );
-//   const [matches, setMatches] = useState(mq.matches);
-//   useIsomorphicLayoutEffect(() => {
-//     const mq = window.matchMedia(query);
-//     const handleChange = (event: MediaQueryListEvent) => {
-//       setMatches(event.matches);
-//     };
-//     setMatches(mq.matches);
-//     // Safari < 14 can't use addEventListener on a MediaQueryList
-//     // https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#Browser_compatibility
-//     if (!mq.addEventListener) {
-//       // Update the state whenever the media query match state changes
-//       mq.addListener(handleChange);
-//       // Clean up on unmount and if the query changes
-//       return () => {
-//         mq.removeListener(handleChange);
-//       };
-//     }
-//     mq.addEventListener("change", handleChange);
-//     return () => {
-//       mq.removeEventListener("change", handleChange);
-//     };
-//   }, [query]);
-//   return matches;
-// }

package/helpers/extend-component.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extendComponent = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var extendComponent = function (component, defaultProps) {
-    // FIXME: check if we need to forwardRef or not
-    var NewComponent = function (props) {
-        return (0, react_1.createElement)(component, props);
-    };
-    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
-    //   (props, ref) => createElement(component, { ...props, ref })
-    // );
-    return Object.assign(NewComponent, tslib_1.__assign(tslib_1.__assign({}, defaultProps), { defaultProps: defaultProps }));
-};
-exports.extendComponent = extendComponent;
-exports.default = exports.extendComponent;

package/helpers/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./classed"), exports);
-tslib_1.__exportStar(require("./createUseMediaQueryWidth"), exports);
-tslib_1.__exportStar(require("./extend-component"), exports);
-tslib_1.__exportStar(require("./mergeRefs"), exports);

package/helpers/mergeRefs.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = void 0;
-function mergeRefs(refs) {
-    return function (value) {
-        refs.forEach(function (ref) {
-            if (typeof ref === "function") {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-exports.mergeRefs = mergeRefs;
-exports.default = mergeRefs;

package/helpers/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/hooks/index.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = exports.useUpdateEffect = exports.useTraceUpdate = exports.useSpinDelay = exports.useSmoothScroll = exports.useScrollThreshold = exports.useScrollPosition = exports.usePreviousRef = exports.usePrevious = exports.useNavigateAway = exports.useMountedState = exports.useMeasure = exports.useKeyUp = exports.useIsomorphicLayoutEffect = exports.useInterval = exports.useFocus = exports.useFixedOffset = exports.useFirstMountState = exports.useDateLocale = exports.useAsyncFn = void 0;
-var useAsyncFn_1 = require("./useAsyncFn");
-Object.defineProperty(exports, "useAsyncFn", { enumerable: true, get: function () { return useAsyncFn_1.useAsyncFn; } });
-var useDateLocale_1 = require("./useDateLocale");
-Object.defineProperty(exports, "useDateLocale", { enumerable: true, get: function () { return useDateLocale_1.useDateLocale; } });
-var useFirstMountState_1 = require("./useFirstMountState");
-Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
-var useFixedOffset_1 = require("./useFixedOffset");
-Object.defineProperty(exports, "useFixedOffset", { enumerable: true, get: function () { return useFixedOffset_1.useFixedOffset; } });
-var useFocus_1 = require("./useFocus");
-Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return useFocus_1.useFocus; } });
-var useInterval_1 = require("./useInterval");
-Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return useInterval_1.useInterval; } });
-var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
-Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect; } });
-var useKeyUp_1 = require("./useKeyUp");
-Object.defineProperty(exports, "useKeyUp", { enumerable: true, get: function () { return useKeyUp_1.useKeyUp; } });
-var useMeasure_1 = require("./useMeasure");
-Object.defineProperty(exports, "useMeasure", { enumerable: true, get: function () { return useMeasure_1.useMeasure; } });
-var useMountedState_1 = require("./useMountedState");
-Object.defineProperty(exports, "useMountedState", { enumerable: true, get: function () { return useMountedState_1.useMountedState; } });
-var useNavigateAway_1 = require("./useNavigateAway");
-Object.defineProperty(exports, "useNavigateAway", { enumerable: true, get: function () { return useNavigateAway_1.useNavigateAway; } });
-var usePrevious_1 = require("./usePrevious");
-Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
-var usePreviousRef_1 = require("./usePreviousRef");
-Object.defineProperty(exports, "usePreviousRef", { enumerable: true, get: function () { return usePreviousRef_1.usePreviousRef; } });
-var useScrollPosition_1 = require("./useScrollPosition");
-Object.defineProperty(exports, "useScrollPosition", { enumerable: true, get: function () { return useScrollPosition_1.useScrollPosition; } });
-var useScrollThreshold_1 = require("./useScrollThreshold");
-Object.defineProperty(exports, "useScrollThreshold", { enumerable: true, get: function () { return useScrollThreshold_1.useScrollThreshold; } });
-// export { useScrollTo } from "./useScrollTo";
-var useSmoothScroll_1 = require("./useSmoothScroll");
-Object.defineProperty(exports, "useSmoothScroll", { enumerable: true, get: function () { return useSmoothScroll_1.useSmoothScroll; } });
-var useSpinDelay_1 = require("./useSpinDelay");
-Object.defineProperty(exports, "useSpinDelay", { enumerable: true, get: function () { return useSpinDelay_1.useSpinDelay; } });
-var useTraceUpdate_1 = require("./useTraceUpdate");
-Object.defineProperty(exports, "useTraceUpdate", { enumerable: true, get: function () { return useTraceUpdate_1.useTraceUpdate; } });
-var useUpdateEffect_1 = require("./useUpdateEffect");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
-var useWindowSize_1 = require("./useWindowSize");
-Object.defineProperty(exports, "useWindowSize", { enumerable: true, get: function () { return useWindowSize_1.useWindowSize; } });

package/hooks/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/hooks/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/hooks/useAsyncFn.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAsyncFn = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var useMountedState_1 = require("./useMountedState");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useAsyncFn.ts)
- */
-function useAsyncFn(fn, deps, initialState) {
-    if (deps === void 0) { deps = []; }
-    if (initialState === void 0) { initialState = { loading: false }; }
-    var lastCallId = (0, react_1.useRef)(0);
-    var isMounted = (0, useMountedState_1.useMountedState)();
-    var _a = (0, react_1.useState)(initialState), state = _a[0], set = _a[1];
-    var callback = (0, react_1.useCallback)(function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var callId = ++lastCallId.current;
-        if (!state.loading) {
-            set(function (prevState) { return (tslib_1.__assign(tslib_1.__assign({}, prevState), { loading: true })); });
-        }
-        return fn.apply(void 0, args).then(function (value) {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ value: value, loading: false });
-            return value;
-        }, function (error) {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ error: error, loading: false });
-            return error;
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-    return [state, callback];
-}
-exports.useAsyncFn = useAsyncFn;
-exports.default = useAsyncFn;

package/hooks/useDateLocale.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateLocale = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-/**
- * Dynamically import the date-fns correct locale
- *
- * Inspired by:
- * @see https://robertmarshall.dev/blog/dynamically-import-datefns-locale-mui-datepicker-localization/
- */
-function useDateLocale(locale, defaultLocale) {
-    var _this = this;
-    if (defaultLocale === void 0) { defaultLocale = "en"; }
-    var _a = (0, react_1.useState)(), data = _a[0], setData = _a[1];
-    var _b = (0, react_1.useState)(defaultLocale), current = _b[0], setCurrent = _b[1];
-    // const [ready, setReady] = useState(false);
-    // If the user changes the locale listen to the change and import the locale that is now required.
-    (0, react_1.useEffect)(function () {
-        var importLocaleFile = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var localeToSet;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return tslib_1.__importStar(require("date-fns/locale/en-US/index.js")); })];
-                    case 1:
-                        localeToSet = _a.sent();
-                        setCurrent(locale || current);
-                        setData(localeToSet.default);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        // If the locale has not yet been loaded.
-        if (locale !== current) {
-            importLocaleFile();
-        }
-    }, [locale, current]);
-    return data;
-}
-exports.useDateLocale = useDateLocale;
-exports.default = useDateLocale;

package/hooks/useFirstMountState.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFirstMountState = void 0;
-var react_1 = require("react");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
- */
-function useFirstMountState() {
-    var isFirst = (0, react_1.useRef)(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
-}
-exports.useFirstMountState = useFirstMountState;
-exports.default = useFirstMountState;

package/hooks/useFixedOffset.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFixedOffset = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var injectCss_1 = tslib_1.__importDefault(require("@koine/dom/injectCss"));
-var calculateFixedOffset_1 = tslib_1.__importDefault(require("@koine/dom/calculateFixedOffset"));
-var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
-var _each_1 = tslib_1.__importDefault(require("@koine/dom/$each"));
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("./useIsomorphicLayoutEffect"));
-var inject = function (value) {
-    (0, injectCss_1.default)("useFixedOffset", "html{scroll-padding-top: ".concat(value, "px}"));
-};
-/**
- * # Use fixed offset
- *
- * Maybe use [ResizeObserver polyfill](https://github.com/juggle/resize-observer)
- *
- * @see https://web.dev/resize-observer/
- *
- * @param selector By default `[data-fixed]`: anyhting with the data attribute `data-fixed`
- */
-function useFixedOffset(selector) {
-    var fixedOffset = (0, react_1.useRef)(0);
-    (0, useIsomorphicLayoutEffect_1.default)(function () {
-        var update = function () {
-            var newFixedOffset = (0, calculateFixedOffset_1.default)();
-            fixedOffset.current = newFixedOffset;
-            // inject this CSS make the hashed deeplinks position the scroll at the
-            // right offset
-            inject(newFixedOffset);
-        };
-        update();
-        if (ResizeObserver) {
-            // const elements = $$("[data-fixed]");
-            var observer_1 = new ResizeObserver(function (entries) {
-                var newFixedOffset = 0;
-                entries.forEach(function (entry) {
-                    newFixedOffset += entry.contentRect.height;
-                });
-                fixedOffset.current = newFixedOffset;
-                var updateOnResize = (0, debounce_1.default)(function () { return inject(newFixedOffset); }, 400, true);
-                updateOnResize();
-            });
-            (0, _each_1.default)(selector || "[data-fixed]", function ($el) {
-                if (observer_1)
-                    observer_1.observe($el);
-            });
-            return function () {
-                observer_1 === null || observer_1 === void 0 ? void 0 : observer_1.disconnect();
-            };
-        }
-        else {
-            var listener = (0, listenResizeDebounced_1.default)(0, update);
-            return listener;
-        }
-    }, [selector]);
-    return fixedOffset;
-}
-exports.useFixedOffset = useFixedOffset;
-exports.default = useFixedOffset;