@weser/dates 0.0.10 → 0.0.12

package/dist/format.js

@@ -30,14 +30,23 @@ const values = {
     m: ['numeric', '2-digit'],
     s: ['numeric', '2-digit'],
 };
-function padIf(condition, value, length) {
-    return condition && length === 2 && value / 10 < 1 ? '0' + value : value;
+export default function format(date, pattern, config = {}) {
+    return pattern
+        .split(ESCAPE_REGEX)
+        .filter((sub) => sub !== undefined)
+        .map((sub, index) => {
+        // keep escaped strings as is
+        if (index % 2 !== 0) {
+            return sub;
+        }
+        return sub.replace(PATTERN_REGEX, (match) => {
+            const type = match.charAt(0);
+            return String(formatType(date, type, match.length, config) || match);
+        });
+    })
+        .join('');
 }
-function formatType(date, type, length, config = {}) {
-    if (!Intl.DateTimeFormat) {
-        throw new Error('Intl.DateTimeFormat is not supported');
-    }
-    const { locale, timeZone } = config;
+function formatType(date, type, length, { locale, timeZone } = {}) {
     const option = optionNames[type];
     const value = values[type][length - 1];
     if (!value) {
@@ -49,6 +58,7 @@ function formatType(date, type, length, config = {}) {
     };
     if (type === 'a') {
         return Intl.DateTimeFormat(locale, {
+            ...options,
             hour: 'numeric',
         })
             .formatToParts(date)
@@ -67,21 +77,13 @@ function formatType(date, type, length, config = {}) {
             .replace(' am', '')
             .replace(' pm', '');
     }
-    return padIf(['m', 's'].includes(type) && value === '2-digit', parseInt(Intl.DateTimeFormat(locale, options).format(date)), 2);
+    return padIf(['m', 's'].includes(type) && value === '2-digit', Intl.DateTimeFormat(locale, options).format(date), 2);
 }
-export default function format(date, pattern, config = {}) {
-    return pattern
-        .split(ESCAPE_REGEX)
-        .filter((sub) => sub !== undefined)
-        .map((sub, index) => {
-        // keep escaped strings as is
-        if (index % 2 !== 0) {
-            return sub;
-        }
-        return sub.replace(PATTERN_REGEX, (match) => {
-            const type = match.charAt(0);
-            return String(formatType(date, type, match.length, config) || match);
-        });
-    })
-        .join('');
+function padIf(condition, value, length) {
+    if (typeof value === 'string') {
+        return condition && length === 2 && parseInt(value) / 10 < 1
+            ? '0' + value
+            : value;
+    }
+    return condition && length === 2 && value / 10 < 1 ? '0' + value : value;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/dates",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Tiny date formatting library with built-in i18n",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "clean": "rimraf dist",
     "build": "tsc -b",
     "dev": "pnpm build -w",
-    "test": "echo 1"
+    "test": "ava"
   },
   "keywords": [
     "date",
@@ -47,5 +47,5 @@
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5"
   },
-  "gitHead": "6dd1ad00ab8dacea2878edc99085324ea5d03588"
+  "gitHead": "8a4cafba91346a2a5bb4301317df661e176eb1d3"
 }

package/dist/invariant.d.ts

@@ -1 +0,0 @@
-export default function invariant(condition: boolean, message: string): void;

package/dist/invariant.js

@@ -1,5 +0,0 @@
-export default function invariant(condition, message) {
-    if (!condition) {
-        throw new Error(message);
-    }
-}

package/dist/useAction.d.ts

@@ -1,12 +0,0 @@
-export type T_ActionResponse<T = any> = T extends any ? [string] | [null, T?] : [string] | [null, T];
-type State<T> = {
-    loading: boolean;
-    data?: T | null;
-    error: string | null;
-};
-type T_ActionConfig<T> = {
-    onSuccess?: (data?: T) => void;
-    onError?: (error: string) => void;
-};
-export default function useAction<T, P extends Array<any>>(action: (...payload: P) => Promise<T_ActionResponse<T>>, config?: T_ActionConfig<T>): [State<T>, (...payload: P) => void];
-export {};

package/dist/useAction.js

@@ -1,40 +0,0 @@
-import { useState } from 'react';
-const initialState = {
-    loading: false,
-    data: null,
-    error: null,
-};
-export default function useAction(action, config = {}) {
-    const { onSuccess, onError } = config;
-    const [state, setState] = useState(initialState);
-    async function run(...payload) {
-        setState({
-            ...state,
-            loading: true,
-        });
-        const [error, data] = await action(...payload);
-        if (error !== null) {
-            if (onError) {
-                onError(error);
-            }
-            setState({
-                ...state,
-                error,
-                data: null,
-                loading: false,
-            });
-        }
-        else {
-            if (onSuccess) {
-                onSuccess(data);
-            }
-            setState({
-                ...state,
-                error: null,
-                data,
-                loading: false,
-            });
-        }
-    }
-    return [state, run];
-}

package/dist/useClickAway.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export default function useClickAway(ref: RefObject<HTMLElement | null>, callback: () => void, active?: boolean): void;

package/dist/useClickAway.js

@@ -1,19 +0,0 @@
-import { useEffect } from 'react';
-export default function useClickAway(ref, callback, active = true) {
-    useEffect(() => {
-        const onClickAway = (e) => {
-            if (active && ref.current) {
-                const isClickOnInner = ref.current.contains(e.target);
-                if (!isClickOnInner) {
-                    setTimeout(callback, 0);
-                }
-            }
-        };
-        document.addEventListener('mousedown', onClickAway);
-        document.addEventListener('touchstart', onClickAway);
-        return () => {
-            document.removeEventListener('mousedown', onClickAway);
-            document.removeEventListener('touchstart', onClickAway);
-        };
-    }, [ref, active, callback]);
-}

package/dist/useClientOnly.d.ts

@@ -1 +0,0 @@
-export default function useClientSide(): boolean;

package/dist/useClientOnly.js

@@ -1,6 +0,0 @@
-import { useEffect, useState } from 'react';
-export default function useClientSide() {
-    const [isClientSide, setClientSide] = useState(false);
-    useEffect(() => setClientSide(true), []);
-    return isClientSide;
-}

package/dist/useDisclosure.d.ts

@@ -1,16 +0,0 @@
-export default function useDisclosure(defaultExpanded?: boolean): {
-    toggleProps: {
-        id: string;
-        onClick: void;
-        type: string;
-        'aria-expanded': boolean;
-        'aria-controls': string;
-    };
-    contentProps: {
-        id: string;
-        'aria-hidden': boolean;
-        'aria-labelledby': string;
-    };
-    isExpanded: boolean;
-    toggle: void;
-};

package/dist/useDisclosure.js

@@ -1,25 +0,0 @@
-import { useState, useEffect, useId } from 'react';
-export default function useDisclosure(defaultExpanded = false) {
-    const [isExpanded, setExpanded] = useState(defaultExpanded);
-    const id = useId();
-    useEffect(() => setExpanded(defaultExpanded), [defaultExpanded]);
-    const toggle = setExpanded((isExpanded) => !isExpanded);
-    const toggleProps = {
-        id: id + '-toggle',
-        onClick: toggle,
-        type: 'button',
-        'aria-expanded': isExpanded,
-        'aria-controls': id + '-content',
-    };
-    const contentProps = {
-        id: id + '-content',
-        'aria-hidden': !isExpanded,
-        'aria-labelledby': id + '-toggle',
-    };
-    return {
-        toggleProps,
-        contentProps,
-        isExpanded,
-        toggle,
-    };
-}

package/dist/useFocusTrap.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-type Config = {
-    visible?: boolean;
-    autoFocus?: boolean;
-};
-export default function useFocusTrap(ref: RefObject<HTMLElement | null>, active: boolean, config?: Config): void;
-export {};

package/dist/useFocusTrap.js

@@ -1,77 +0,0 @@
-import { useEffect } from 'react';
-import useKeyDown from './useKeyDown.js';
-const focusableSelector = `:is(
-  a[href], 
-  area[href], 
-  input:not([disabled]), 
-  select:not([disabled]), 
-  textarea:not([disabled]), 
-  button:not([disabled]), 
-  [tabindex]:not([tabindex="-1"]), 
-  [contenteditable]
-)`;
-export default function useFocusTrap(ref, active, config = {}) {
-    const { visible, autoFocus = true } = config;
-    useKeyDown('Tab', (e) => {
-        const element = ref.current;
-        if (!active || !element) {
-            return;
-        }
-        const focusables = [
-            ...element.querySelectorAll(focusableSelector),
-        ].filter((el) => el.hasAttribute('tabindex')
-            ? el.getAttribute('tabindex') !== '-1'
-            : true);
-        const firstFocusable = focusables[0];
-        const lastFocusable = focusables[focusables.length - 1];
-        const activeElement = document.activeElement;
-        let nextElement;
-        if (activeElement && focusables.includes(activeElement)) {
-            const index = focusables.indexOf(activeElement);
-            if (e.shiftKey) {
-                if (index === 0) {
-                    nextElement = lastFocusable;
-                }
-            }
-            else {
-                if (index === focusables.length - 1) {
-                    nextElement = firstFocusable;
-                }
-            }
-        }
-        else {
-            if (e.shiftKey) {
-                nextElement = lastFocusable;
-            }
-            else {
-                nextElement = firstFocusable;
-            }
-        }
-        if (nextElement) {
-            ;
-            nextElement.focus();
-            e.preventDefault();
-        }
-    }, {
-        active,
-    });
-    useEffect(() => {
-        const element = ref.current;
-        if (!autoFocus || !visible || !element) {
-            return;
-        }
-        const autoFocusElement = element.querySelector('[data-autofocus="true"]' + focusableSelector);
-        if (autoFocusElement) {
-            // @ts-ignore
-            autoFocusElement.focus();
-            return;
-        }
-        const nodeList = element.querySelectorAll(focusableSelector);
-        const elements = Array.from(nodeList);
-        const focusableElements = elements.filter((element) => !element.hasAttribute('tabindex') ||
-            element.getAttribute('tabindex') === '0');
-        // 1. focus the first focusable
-        // @ts-ignore, TODO: fix typing
-        focusableElements[0]?.focus();
-    }, [visible, ref, autoFocus]);
-}

package/dist/useKeyDown.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-type Options = {
-    target?: RefObject<HTMLElement>;
-    active?: boolean;
-};
-export default function useKeyDown(keyCode: string | Array<string>, callback: (e: KeyboardEvent) => void, options?: Options): void;
-export {};

package/dist/useKeyDown.js

@@ -1,22 +0,0 @@
-import { useEffect } from 'react';
-export default function useKeyDown(keyCode, callback, options = {}) {
-    const { active = true, target } = options;
-    const keyCodes = [].concat(keyCode);
-    useEffect(() => {
-        if (!active || target === null || target?.current === null) {
-            return;
-        }
-        const hasRef = target && target.current;
-        const element = hasRef ? target.current : document;
-        if (element) {
-            const handleKeyDown = (e) => {
-                if (keyCodes.includes(e.code) &&
-                    (!hasRef || (hasRef && document.activeElement === element))) {
-                    callback(e);
-                }
-            };
-            element.addEventListener('keydown', handleKeyDown);
-            return () => element.removeEventListener('keydown', handleKeyDown);
-        }
-    }, [target, callback, active, keyCode]);
-}

package/dist/useRouteChange.d.ts

@@ -1 +0,0 @@
-export default function useRouteChange(onRouteChange: (path: string) => void, pathname?: string): void;

package/dist/useRouteChange.js

@@ -1,19 +0,0 @@
-import { useEffect } from 'react';
-export default function useRouteChange(onRouteChange, pathname) {
-    useEffect(() => {
-        if (pathname) {
-            onRouteChange(pathname);
-        }
-    }, [pathname]);
-    // track clicks on links with the current path
-    useEffect(() => {
-        const onClick = (e) => {
-            const target = e.target;
-            if (target.tagName === 'A' && target.href === pathname) {
-                onRouteChange(pathname);
-            }
-        };
-        window.addEventListener('click', onClick);
-        return () => window.removeEventListener('click', onClick);
-    }, []);
-}

package/dist/useScrollBlocking.d.ts

@@ -1 +0,0 @@
-export default function useScrollBlocking(active: boolean): void;

package/dist/useScrollBlocking.js

@@ -1,28 +0,0 @@
-import { useEffect } from 'react';
-let scrollTop;
-function blockScrolling(scrollElement) {
-    scrollTop = window.scrollY;
-    scrollElement.style.overflow = 'hidden';
-    scrollElement.style.position = 'fixed';
-    scrollElement.style.width = '100%';
-    scrollElement.style.top = -scrollTop + 'px';
-}
-function enableScrolling(scrollElement) {
-    scrollElement.style.removeProperty('position');
-    scrollElement.style.removeProperty('overflow');
-    scrollElement.style.removeProperty('top');
-    scrollElement.style.removeProperty('width');
-    window.scrollTo(0, scrollTop);
-}
-function toggleScrolling(isBlocked) {
-    const scrollElement = document.scrollingElement;
-    if (isBlocked) {
-        blockScrolling(scrollElement);
-    }
-    else {
-        enableScrolling(scrollElement);
-    }
-}
-export default function useScrollBlocking(active) {
-    useEffect(() => toggleScrolling(active), [active]);
-}

package/dist/useTrigger.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-type Props = {
-    defaultVisible?: boolean;
-    getTrigger?: () => HTMLElement | null;
-};
-export default function useTrigger({ defaultVisible, getTrigger, }?: Props): [boolean, (visible: boolean) => void, RefObject<HTMLElement>];
-export {};

package/dist/useTrigger.js

@@ -1,24 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export default function useTrigger({ defaultVisible = false, getTrigger, } = {}) {
-    const triggerRef = useRef(null);
-    const [isVisible, _setVisible] = useState(false);
-    function getTriggerElement() {
-        if (getTrigger) {
-            return getTrigger();
-        }
-        return triggerRef.current;
-    }
-    function setVisible(visible) {
-        if (isVisible !== visible) {
-            _setVisible(visible);
-            if (!visible) {
-                const trigger = getTriggerElement();
-                if (trigger) {
-                    trigger.focus();
-                }
-            }
-        }
-    }
-    useEffect(() => _setVisible(defaultVisible), [defaultVisible]);
-    return [isVisible, setVisible, triggerRef];
-}