@koine/react 1.0.11 → 1.0.14

package/helpers/extend-component.js

@@ -1,12 +1,12 @@
+import { __assign } from "tslib";
 import { createElement } from "react";
-export const extendComponent = (component, defaultProps) => {
+export var extendComponent = function (component, defaultProps) {
     // FIXME: check if we need to forwardRef or not
-    const NewComponent = (props) => createElement(component, props);
+    var NewComponent = function (props) {
+        return createElement(component, props);
+    };
     // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
     //   (props, ref) => createElement(component, { ...props, ref })
     // );
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
+    return Object.assign(NewComponent, __assign(__assign({}, defaultProps), { defaultProps: defaultProps }));
 };

package/hooks/useAsyncFn.js

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

package/hooks/useDateLocale.js

@@ -1,3 +1,4 @@
+import { __awaiter, __generator } from "tslib";
 import { useEffect, useState } from "react";
 /**
  * Dynamically import the date-fns correct locale
@@ -5,21 +6,29 @@ import { useEffect, useState } from "react";
  * Inspired by:
  * @see https://robertmarshall.dev/blog/dynamically-import-datefns-locale-mui-datepicker-localization/
  */
-export function useDateLocale(locale, defaultLocale = "en") {
-    const [data, setData] = useState();
-    const [current, setCurrent] = useState(defaultLocale);
+export function useDateLocale(locale, defaultLocale) {
+    var _this = this;
+    if (defaultLocale === void 0) { defaultLocale = "en"; }
+    var _a = useState(), data = _a[0], setData = _a[1];
+    var _b = 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.
-    useEffect(() => {
-        const importLocaleFile = async () => {
-            // This webpack option stops all of the date-fns files being imported and chunked.
-            const localeToSet = await import(
-            /* webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
-            `date-fns/locale/${locale}/index.js`);
-            setCurrent(locale || current);
-            setData(localeToSet.default);
-            // setReady(true);
-        };
+    useEffect(function () {
+        var importLocaleFile = function () { return __awaiter(_this, void 0, void 0, function () {
+            var localeToSet;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, import(
+                        /* webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
+                        "date-fns/locale/".concat(locale, "/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();

package/hooks/useEffectOnce.js

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useEffectOnce.ts)
  */
-export const useEffectOnce = (effect) => {
+export var useEffectOnce = function (effect) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useEffect(effect, []);
 };

package/hooks/useFirstMountState.js

@@ -3,7 +3,7 @@ import { useRef } from "react";
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
  */
 export function useFirstMountState() {
-    const isFirst = useRef(true);
+    var isFirst = useRef(true);
     if (isFirst.current) {
         isFirst.current = false;
         return true;

package/hooks/useFocus.js

@@ -2,9 +2,9 @@ import { useRef } from "react";
 /**
  * @see https://stackoverflow.com/a/54159564/1938970
  */
-export const useFocus = () => {
-    const element = useRef(null);
-    const setFocus = () => {
+export var useFocus = function () {
+    var element = useRef(null);
+    var setFocus = function () {
         element.current && element.current.focus();
     };
     return [element, setFocus];

package/hooks/useId.js

@@ -2,6 +2,7 @@ import { uid } from "@koine/utils";
 /**
  * FIXME: once we can move to react 18 just replace this import with `{ useId } from "react";`
  */
-export function useId(prefix = "uid") {
-    return `${prefix}-${uid()}`;
+export function useId(prefix) {
+    if (prefix === void 0) { prefix = "uid"; }
+    return "".concat(prefix, "-").concat(uid());
 }

package/hooks/useIsomorphicLayoutEffect.js

@@ -3,6 +3,6 @@ import { isBrowser } from "@koine/utils";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
  */
-export const useIsomorphicLayoutEffect = isBrowser
+export var useIsomorphicLayoutEffect = isBrowser
     ? useLayoutEffect
     : useEffect;

package/hooks/useMount.js

@@ -2,8 +2,8 @@ import { useEffectOnce } from "./useEffectOnce";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMount.ts)
  */
-export const useMount = (fn) => {
-    useEffectOnce(() => {
+export var useMount = function (fn) {
+    useEffectOnce(function () {
         fn();
     });
 };

package/hooks/useMountedState.js

@@ -3,11 +3,11 @@ import { useCallback, useEffect, useRef } from "react";
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
  */
 export function useMountedState() {
-    const mountedRef = useRef(false);
-    const get = useCallback(() => mountedRef.current, []);
-    useEffect(() => {
+    var mountedRef = useRef(false);
+    var get = useCallback(function () { return mountedRef.current; }, []);
+    useEffect(function () {
         mountedRef.current = true;
-        return () => {
+        return function () {
             mountedRef.current = false;
         };
     }, []);

package/hooks/usePrevious.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 export function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
+    var ref = useRef();
+    useEffect(function () {
         ref.current = value;
     });
     return ref.current;

package/hooks/useScrollPosition.js

@@ -1,17 +1,19 @@
 import { useRef } from "react";
 import { isBrowser } from "@koine/utils";
 import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-const zeroPosition = { x: 0, y: 0 };
-const getClientRect = (element) => element?.getBoundingClientRect();
-const getScrollPosition = (element, useWindow, boundingElement) => {
+var zeroPosition = { x: 0, y: 0 };
+var getClientRect = function (element) {
+    return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+};
+var getScrollPosition = function (element, useWindow, boundingElement) {
     if (!isBrowser) {
         return zeroPosition;
     }
     if (useWindow) {
         return { x: window.scrollX, y: window.scrollY };
     }
-    const targetPosition = getClientRect(element?.current || document.body);
-    const containerPosition = getClientRect(boundingElement?.current);
+    var targetPosition = getClientRect((element === null || element === void 0 ? void 0 : element.current) || document.body);
+    var containerPosition = getClientRect(boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
     if (!targetPosition) {
         return zeroPosition;
     }
@@ -29,20 +31,22 @@ const getScrollPosition = (element, useWindow, boundingElement) => {
  * - reused internal helper functions
  * - compacted object arguments in functions as plain argument list to improve compression
  */
-export const useScrollPosition = (effect, deps = [], element, useWindow, wait, boundingElement) => {
-    const position = useRef(getScrollPosition(null, useWindow, boundingElement));
-    let throttleTimeout = null;
-    const callBack = () => {
-        const current = getScrollPosition(element, useWindow, boundingElement);
+export var useScrollPosition = function (effect, deps, element, useWindow, wait, boundingElement) {
+    if (deps === void 0) { deps = []; }
+    var position = useRef(getScrollPosition(null, useWindow, boundingElement));
+    var throttleTimeout = null;
+    var callBack = function () {
+        var current = getScrollPosition(element, useWindow, boundingElement);
         effect(current, position.current);
         position.current = current;
         throttleTimeout = null;
     };
-    useIsomorphicLayoutEffect(() => {
+    useIsomorphicLayoutEffect(function () {
+        var _a;
         if (!isBrowser) {
             return undefined;
         }
-        const handleScroll = () => {
+        var handleScroll = function () {
             if (wait) {
                 if (throttleTimeout === null) {
                     throttleTimeout = window.setTimeout(callBack, wait);
@@ -53,16 +57,17 @@ export const useScrollPosition = (effect, deps = [], element, useWindow, wait, b
             }
         };
         if (boundingElement) {
-            boundingElement.current?.addEventListener("scroll", handleScroll, {
+            (_a = boundingElement.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", handleScroll, {
                 passive: true,
             });
         }
         else {
             window.addEventListener("scroll", handleScroll, { passive: true });
         }
-        return () => {
+        return function () {
+            var _a;
             if (boundingElement) {
-                boundingElement.current?.removeEventListener("scroll", handleScroll);
+                (_a = boundingElement.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", handleScroll);
             }
             else {
                 window.removeEventListener("scroll", handleScroll);

package/hooks/useScrollTo.js

@@ -1,13 +1,15 @@
 import { isBrowser } from "@koine/utils";
 import { useHeader } from "../Header/useHeader";
-export function useScrollTo(id = "", offset = 0) {
-    const [, , headerHeight] = useHeader();
+export function useScrollTo(id, offset) {
+    if (id === void 0) { id = ""; }
+    if (offset === void 0) { offset = 0; }
+    var _a = useHeader(), headerHeight = _a[2];
     if (!isBrowser) {
         return;
     }
-    const headerOffset = headerHeight || 0;
-    let element = document.getElementById(id);
-    let top = 0;
+    var headerOffset = headerHeight || 0;
+    var element = document.getElementById(id);
+    var top = 0;
     if (element && element.offsetParent) {
         do {
             top += element.offsetTop;

package/hooks/useTraceUpdate.js

@@ -3,9 +3,10 @@ import { useEffect, useRef } from "react";
  * @see https://stackoverflow.com/a/51082563/9122820
  */
 export function useTraceUpdate(props) {
-    const prev = useRef(props);
-    useEffect(() => {
-        const changedProps = Object.entries(props).reduce((ps, [k, v]) => {
+    var prev = useRef(props);
+    useEffect(function () {
+        var changedProps = Object.entries(props).reduce(function (ps, _a) {
+            var k = _a[0], v = _a[1];
             if (prev.current[k] !== v) {
                 // @ts-expect-error Does not matter here...
                 ps[k] = [prev.current[k], v];

package/hooks/useUpdateEffect.js

@@ -3,9 +3,9 @@ import { useFirstMountState } from "./useFirstMountState";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
  */
-export const useUpdateEffect = (effect, deps) => {
-    const isFirstMount = useFirstMountState();
-    useEffect(() => {
+export var useUpdateEffect = function (effect, deps) {
+    var isFirstMount = useFirstMountState();
+    useEffect(function () {
         if (!isFirstMount) {
             return effect();
         }

package/hooks/useWindowSize.js

@@ -1,13 +1,13 @@
 import { useEffect, useState } from "react";
 export function useWindowSize() {
-    const [size, setSize] = useState([0, 0]);
-    useEffect(() => {
+    var _a = useState([0, 0]), size = _a[0], setSize = _a[1];
+    useEffect(function () {
         function updateSize() {
             setSize([window.innerWidth, window.innerHeight]);
         }
         window.addEventListener("resize", updateSize);
         updateSize();
-        return () => window.removeEventListener("resize", updateSize);
+        return function () { return window.removeEventListener("resize", updateSize); };
     }, []);
     return size;
 }

package/m/MotionProvider.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LazyMotion } from "framer-motion";
 /**
@@ -32,6 +33,7 @@ import { LazyMotion } from "framer-motion";
  * </MotionProvider>
  * ```
  */
-export const MotionProvider = ({ features, children }) => {
-    return _jsx(LazyMotion, { features: features, children: children });
+export var MotionProvider = function (_a) {
+    var features = _a.features, children = _a.children;
+    return _jsx(LazyMotion, __assign({ features: features }, { children: children }));
 };

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@koine/react",
-  "version": "1.0.11",
   "sideEffects": false,
   "main": "./node/index.js",
   "typings": "./index.d.ts",
   "dependencies": {
     "styled-components": "^5.3.5",
-    "framer-motion": "^6.3.3",
+    "framer-motion": "^6.3.4",
     "react": "^16.8 || ^17 || ^18",
-    "@mui/base": "^5.0.0-alpha.80",
+    "@mui/base": "^5.0.0-alpha.82",
+    "@koine/utils": "1.0.14",
     "react-icons": "^4.3.1",
     "date-fns": "^2.28.0",
     "react-swipeable": "^7.0.0",
     "@tiptap/react": "^2.0.0-beta.109",
-    "@tiptap/starter-kit": "^2.0.0-beta.184",
+    "@tiptap/starter-kit": "^2.0.0-beta.185",
     "yup": "^0.32.11",
-    "react-hook-form": "^7.31.1",
-    "type-fest": "^2.12.2",
+    "react-hook-form": "^7.31.2",
+    "type-fest": "^2.13.0",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {},
   "module": "./index.js",
-  "types": "./index.d.ts"
+  "types": "./index.d.ts",
+  "version": "1.0.14"
 }

package/styles/Body.js

@@ -1,9 +1,6 @@
+import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export const BodyRoot = styled.div `
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`;
+export var BodyRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n"])));
 /**
  * If you have background graphics to overlap you might need to add:
  *
@@ -12,6 +9,5 @@ export const BodyRoot = styled.div `
  * position: relative;
  * ```
  */
-export const BodyMain = styled.main `
-  flex: 1;
-`;
+export var BodyMain = styled.main(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
+var templateObject_1, templateObject_2;

package/styles/Global.js

@@ -1,3 +1,4 @@
+import { __makeTemplateObject } from "tslib";
 import { createGlobalStyle } from "styled-components";
 /**
  * App global style
@@ -12,39 +13,6 @@ import { createGlobalStyle } from "styled-components";
  *  - @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
  *  - @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
  */
-export const stylesGlobal = `
-  body {
-    margin: 0;
-    padding: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
-  }
-
-  body,
-  button,
-  input,
-  textarea,
-  select,
-  select:-webkit-autofill::first-line,
-  input:-webkit-autofill::first-line {
-    font-family: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
-    font-size: var(--fontSize);
-  }
-
-  html {
-    box-sizing: border-box;
-    @media (prefers-reduced-motion: no-preference) {
-      scroll-behavior: smooth;
-    }
-  }
-
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-    -webkit-tap-highlight-color: transparent;
-  }
-`;
-export const StylesGlobal = createGlobalStyle `${stylesGlobal}`;
+export var stylesGlobal = "\n  body {\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: scroll;\n  }\n\n  body,\n  button,\n  input,\n  textarea,\n  select,\n  select:-webkit-autofill::first-line,\n  input:-webkit-autofill::first-line {\n    font-family: var(--font), -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n      Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\",\n      sans-serif;\n    font-size: var(--fontSize);\n  }\n\n  html {\n    box-sizing: border-box;\n    @media (prefers-reduced-motion: no-preference) {\n      scroll-behavior: smooth;\n    }\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n    -webkit-tap-highlight-color: transparent;\n  }\n";
+export var StylesGlobal = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), stylesGlobal);
+var templateObject_1;

package/styles/media.js

@@ -1,18 +1,19 @@
+var _a;
 import { useState, useEffect } from "react";
 import { useTheme, breakpoints } from "./theme";
-export const { min, max, up, down, between, only } = generateMediaQueries(breakpoints);
+export var min = (_a = generateMediaQueries(breakpoints), _a.min), max = _a.max, up = _a.up, down = _a.down, between = _a.between, only = _a.only;
 export function useMedia(media) {
-    const { breakpoints } = useTheme();
-    const [matches, setMatches] = useState(false);
-    const [direction = "min", breakpoint] = media.split(":");
-    let px = breakpoints[breakpoint];
+    var breakpoints = useTheme().breakpoints;
+    var _a = useState(false), matches = _a[0], setMatches = _a[1];
+    var _b = media.split(":"), _c = _b[0], direction = _c === void 0 ? "min" : _c, breakpoint = _b[1];
+    var px = breakpoints[breakpoint];
     if (direction === "max") {
         px = px - 0.02;
     }
-    const query = `(${direction}-width: ${px}px)`;
-    useEffect(() => {
-        const mq = window.matchMedia(query);
-        const handleChange = (event) => {
+    var query = "(".concat(direction, "-width: ").concat(px, "px)");
+    useEffect(function () {
+        var mq = window.matchMedia(query);
+        var handleChange = function (event) {
             setMatches(event.matches);
         };
         setMatches(mq.matches);
@@ -22,12 +23,12 @@ export function useMedia(media) {
             // Update the state whenever the media query match state changes
             mq.addListener(handleChange);
             // Clean up on unmount and if the query changes
-            return () => {
+            return function () {
                 mq.removeListener(handleChange);
             };
         }
         mq.addEventListener("change", handleChange);
-        return () => {
+        return function () {
             mq.removeEventListener("change", handleChange);
         };
     }, [query]);
@@ -83,13 +84,13 @@ export function useMedia(media) {
  * ```
  */
 export function generateMediaQueries(breakpoints) {
-    const temp = Object.keys(breakpoints).map((key) => {
-        const br = key;
+    var temp = Object.keys(breakpoints).map(function (key) {
+        var br = key;
         return [br, breakpoints[br]];
     });
-    const sortedKeys = temp.sort((a, b) => a[1] - b[1]).map((item) => item[0]);
-    const getNext = (breakpoint) => {
-        const index = sortedKeys.indexOf(breakpoint);
+    var sortedKeys = temp.sort(function (a, b) { return a[1] - b[1]; }).map(function (item) { return item[0]; });
+    var getNext = function (breakpoint) {
+        var index = sortedKeys.indexOf(breakpoint);
         return sortedKeys[index + 1];
     };
     /**
@@ -98,53 +99,57 @@ export function generateMediaQueries(breakpoints) {
      * For ease of use this can be used both as a function `min("md")` and as an
      * object literal `min.md`.
      */ // @ts-expect-error FIXME: at some point
-    const min = (br) => `@media (min-width: ${breakpoints[br]}px)`;
+    var min = function (br) {
+        return "@media (min-width: ".concat(breakpoints[br], "px)");
+    };
     /**
      * It behaves the same as `@media (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`.
      */ // @ts-expect-error FIXME: at some point
-    const max = (br) => `@media (max-width: ${breakpoints[br] - 0.02}px)`;
-    for (const br in breakpoints) {
-        const _br = br;
-        min[_br] = `@media (min-width: ${breakpoints[_br]}px)`;
-        max[_br] = `@media (max-width: ${breakpoints[_br] - 0.02}px)`;
+    var max = function (br) {
+        return "@media (max-width: ".concat(breakpoints[br] - 0.02, "px)");
+    };
+    for (var br in breakpoints) {
+        var _br = br;
+        min[_br] = "@media (min-width: ".concat(breakpoints[_br], "px)");
+        max[_br] = "@media (max-width: ".concat(breakpoints[_br] - 0.02, "px)");
     }
     /**
      * It behaves the same as `min`
      * @inheritdoc {max}
      */
-    const up = min;
+    var 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) => {
-        const brNext = getNext(br);
+    var down = function (br) {
+        var brNext = getNext(br);
         // TODO: if br does not exists otherwise throw Error
-        return brNext && `@media (max-width: ${breakpoints[brNext] - 0.02}px)`;
+        return brNext && "@media (max-width: ".concat(breakpoints[brNext] - 0.02, "px)");
     };
     /**
      * Media query between the two given breakpoints
      */
-    const between = (br1, br2) => {
-        return `@media (min-width: ${breakpoints[br1]}px) and (max-width: ${breakpoints[br2] - 0.02}px)`;
+    var between = function (br1, br2) {
+        return "@media (min-width: ".concat(breakpoints[br1], "px) and (max-width: ").concat(breakpoints[br2] - 0.02, "px)");
     };
     /**
      * Media query to apply from the given breakpoint until the next, just for its
      * full range
      */
-    const only = (br) => {
-        const brNext = getNext(br);
+    var only = function (br) {
+        var brNext = getNext(br);
         return brNext ? between(br, brNext) : min(br);
     };
     return {
-        min,
-        max,
-        up,
-        down,
-        between,
-        only,
+        min: min,
+        max: max,
+        up: up,
+        down: down,
+        between: between,
+        only: only,
     };
 }