@ctlyst.id/utils 3.0.0-beta.0 → 3.0.0-beta.1

package/dist/index.d.mts

@@ -1,142 +1,14 @@
-import * as react from 'react';
-import { RefObject, DependencyList, HTMLAttributes, useEffect } from 'react';
-import { BoxModel as BoxModel$1 } from 'css-box-model';
-
-declare const isElement: (el: any) => el is Element;
-declare const getOwnerDocument: (node?: Element | null) => Document;
-declare const isValidEvent: (event: any, ref: RefObject<HTMLElement>) => boolean;
-declare const canUseDOM: () => boolean;
-declare const isBrowser: boolean;
-
-declare const useCallbackRef: <T extends (...args: any[]) => any>(callback: T | undefined, deps?: DependencyList) => T;
-
-interface UseClipboardOptions {
-    timeout?: number;
-    format?: string;
-}
-interface UseClipboardProps {
-    value?: string;
-    optionsOrTimeout?: number | UseClipboardOptions;
-}
-declare const useClipboard: ({ value, optionsOrTimeout }?: UseClipboardProps) => {
-    value: string;
-    setValue: react.Dispatch<react.SetStateAction<string>>;
-    onCopy: () => void;
-    hasCopied: boolean;
-};
-
-interface UseDebounceProps<T> {
-    value: T;
-    delay?: number;
-}
-declare const useDebounce: <T>({ value, delay }: UseDebounceProps<T>) => T;
-
-type BoxModel = BoxModel$1;
-declare const useDimensions: (ref: RefObject<HTMLElement>, observe?: boolean) => BoxModel$1 | null;
-
-interface UseDisclosureProps {
-    isOpen?: boolean;
-    defaultIsOpen?: boolean;
-    onClose?(): void;
-    onOpen?(): void;
-    id?: string;
-}
-type HTMLProps = HTMLAttributes<HTMLElement>;
-declare const useDisclosure: ({ onClose: onCloseProp, onOpen: onOpenProp, isOpen: isOpenProp, defaultIsOpen: defaultIsOpenProp, id: idProp, }?: UseDisclosureProps) => {
-    onClose: () => void;
-    onOpen: () => void;
-    onToggle: () => void;
-    getButtonProps: ({ onClick, ...rest }?: HTMLProps) => HTMLProps;
-    getDisclosureProps: ({ ...rest }?: HTMLProps) => HTMLProps;
-    isOpen: boolean;
-};
-
-type UseMediaQueryOptions = {
-    fallback?: boolean | boolean[];
-    ssr?: boolean;
-};
-declare const useMediaQuery: (query: string | string[], options?: UseMediaQueryOptions) => boolean[];
-
-interface NumberFormatterProps {
-    value: number;
-    thousandSeparator?: string;
-    decimalLength?: number;
-    decimalSeparator?: string;
-    prefix?: string;
-}
-declare const useNumberFormatter: ({ value, thousandSeparator, decimalLength, decimalSeparator, prefix, }: NumberFormatterProps) => string;
-
-declare const useOnlineStatus: () => {
-    isOnline: boolean;
-    isOffline: boolean;
-};
-
-interface UseOutsideClickProps {
-    enabled?: boolean;
-    ref: RefObject<HTMLElement>;
-    handler?: (e: Event) => void;
-}
-declare const useOutsideClick: ({ enabled, ref, handler }: UseOutsideClickProps) => void;
-
-declare const useSafeLayoutEffect: typeof useEffect;
-
-declare enum VoucherType {
-    product = "Product",
-    order = "Order",
-    gift = "Gift",
-    freeShipping = "Free Shipping",
-    freeInsurance = "Free Insurance",
-    bundling = "Bundling",
-    payment = "Payment",
-    affiliate = "Affiliate"
-}
-declare enum DiscountType {
-    percentage = "percentage",
-    amount = "amount"
-}
-type CollectionType = {
-    collectionId: number;
-    name: string;
-};
-type BrandType = {
-    brandId: number;
-    name: string;
-};
-type VoucherPaymentType = {
-    bankId: number;
-    bankName: string;
-    paymentMethod: string[];
-    bin: string[];
-    creditBinGroup: string[];
-    debitBinGroup: string[];
-};
-interface VoucherTncProps {
-    type: string;
-    discountType: string;
-    discountValue: number | string;
-    maxDiscountAmount: number | string;
-    collections: CollectionType[];
-    brands: BrandType[];
-    eligibilityType: string | null;
-    isCheckedMaxFee: boolean;
-    limitFee: number | string;
-    termsMinQty: number | string;
-    termsMinTotalAmount: number | string;
-    isOneTimeUsage: boolean;
-    quota: number;
-    transactionTerms: number;
-    dateStart: string;
-    dateEnd: string;
-    isOneTimeUsagePerCard: boolean;
-    payment: VoucherPaymentType | null;
-    isGiftCard?: boolean;
-}
-type GetPeriodProps = Pick<VoucherTncProps, 'dateStart' | 'dateEnd'>;
-type GetAppliesToProps = Pick<VoucherTncProps, 'type' | 'brands' | 'collections' | 'eligibilityType' | 'payment'>;
-type GetMethodTermsProps = Pick<VoucherTncProps, 'type' | 'discountType' | 'discountValue' | 'isCheckedMaxFee' | 'maxDiscountAmount' | 'transactionTerms' | 'termsMinTotalAmount' | 'termsMinQty' | 'limitFee'>;
-type GetUsageLimitProps = Pick<VoucherTncProps, 'isOneTimeUsage' | 'isOneTimeUsagePerCard'>;
-type GetBankBinProps = Pick<VoucherPaymentType, 'bankName' | 'creditBinGroup' | 'debitBinGroup'>;
-
-declare const useVoucherTnc: (props: VoucherTncProps | null) => string[];
-
-export { type BoxModel, DiscountType, type GetAppliesToProps, type GetBankBinProps, type GetMethodTermsProps, type GetPeriodProps, type GetUsageLimitProps, type NumberFormatterProps, type UseClipboardOptions, type UseClipboardProps, type UseDebounceProps, type UseDisclosureProps, type UseMediaQueryOptions, type UseOutsideClickProps, type VoucherPaymentType, type VoucherTncProps, VoucherType, canUseDOM, getOwnerDocument, isBrowser, isElement, isValidEvent, useCallbackRef, useClipboard, useDebounce, useDimensions, useDisclosure, useMediaQuery, useNumberFormatter, useOnlineStatus, useOutsideClick, useSafeLayoutEffect, useVoucherTnc };
+export { canUseDOM, getOwnerDocument, isBrowser, isElement, isValidEvent } from './dom.mjs';
+export { useCallbackRef } from './hooks/use-callback-ref.mjs';
+export { UseClipboardOptions, UseClipboardProps, useClipboard } from './hooks/use-clipboard.mjs';
+export { UseDebounceProps, useDebounce } from './hooks/use-debounce.mjs';
+export { BoxModel, useDimensions } from './hooks/use-dimensions.mjs';
+export { UseDisclosureProps, useDisclosure } from './hooks/use-disclosure.mjs';
+export { UseMediaQueryOptions, useMediaQuery } from './hooks/use-media-query.mjs';
+export { NumberFormatterProps, useNumberFormatter } from './hooks/use-number-formatter.mjs';
+export { useOnlineStatus } from './hooks/use-online-status.mjs';
+export { UseOutsideClickProps, useOutsideClick } from './hooks/use-outside-click.mjs';
+export { useSafeLayoutEffect } from './hooks/use-safe-layout-effect.mjs';
+export { DiscountType, GetAppliesToProps, GetBankBinProps, GetMethodTermsProps, GetPeriodProps, GetUsageLimitProps, VoucherPaymentType, VoucherTncProps, VoucherType, useVoucherTnc } from './hooks/use-voucher-tnc.mjs';
+import 'react';
+import 'css-box-model';

package/dist/index.d.ts

@@ -1,142 +1,14 @@
-import * as react from 'react';
-import { RefObject, DependencyList, HTMLAttributes, useEffect } from 'react';
-import { BoxModel as BoxModel$1 } from 'css-box-model';
-
-declare const isElement: (el: any) => el is Element;
-declare const getOwnerDocument: (node?: Element | null) => Document;
-declare const isValidEvent: (event: any, ref: RefObject<HTMLElement>) => boolean;
-declare const canUseDOM: () => boolean;
-declare const isBrowser: boolean;
-
-declare const useCallbackRef: <T extends (...args: any[]) => any>(callback: T | undefined, deps?: DependencyList) => T;
-
-interface UseClipboardOptions {
-    timeout?: number;
-    format?: string;
-}
-interface UseClipboardProps {
-    value?: string;
-    optionsOrTimeout?: number | UseClipboardOptions;
-}
-declare const useClipboard: ({ value, optionsOrTimeout }?: UseClipboardProps) => {
-    value: string;
-    setValue: react.Dispatch<react.SetStateAction<string>>;
-    onCopy: () => void;
-    hasCopied: boolean;
-};
-
-interface UseDebounceProps<T> {
-    value: T;
-    delay?: number;
-}
-declare const useDebounce: <T>({ value, delay }: UseDebounceProps<T>) => T;
-
-type BoxModel = BoxModel$1;
-declare const useDimensions: (ref: RefObject<HTMLElement>, observe?: boolean) => BoxModel$1 | null;
-
-interface UseDisclosureProps {
-    isOpen?: boolean;
-    defaultIsOpen?: boolean;
-    onClose?(): void;
-    onOpen?(): void;
-    id?: string;
-}
-type HTMLProps = HTMLAttributes<HTMLElement>;
-declare const useDisclosure: ({ onClose: onCloseProp, onOpen: onOpenProp, isOpen: isOpenProp, defaultIsOpen: defaultIsOpenProp, id: idProp, }?: UseDisclosureProps) => {
-    onClose: () => void;
-    onOpen: () => void;
-    onToggle: () => void;
-    getButtonProps: ({ onClick, ...rest }?: HTMLProps) => HTMLProps;
-    getDisclosureProps: ({ ...rest }?: HTMLProps) => HTMLProps;
-    isOpen: boolean;
-};
-
-type UseMediaQueryOptions = {
-    fallback?: boolean | boolean[];
-    ssr?: boolean;
-};
-declare const useMediaQuery: (query: string | string[], options?: UseMediaQueryOptions) => boolean[];
-
-interface NumberFormatterProps {
-    value: number;
-    thousandSeparator?: string;
-    decimalLength?: number;
-    decimalSeparator?: string;
-    prefix?: string;
-}
-declare const useNumberFormatter: ({ value, thousandSeparator, decimalLength, decimalSeparator, prefix, }: NumberFormatterProps) => string;
-
-declare const useOnlineStatus: () => {
-    isOnline: boolean;
-    isOffline: boolean;
-};
-
-interface UseOutsideClickProps {
-    enabled?: boolean;
-    ref: RefObject<HTMLElement>;
-    handler?: (e: Event) => void;
-}
-declare const useOutsideClick: ({ enabled, ref, handler }: UseOutsideClickProps) => void;
-
-declare const useSafeLayoutEffect: typeof useEffect;
-
-declare enum VoucherType {
-    product = "Product",
-    order = "Order",
-    gift = "Gift",
-    freeShipping = "Free Shipping",
-    freeInsurance = "Free Insurance",
-    bundling = "Bundling",
-    payment = "Payment",
-    affiliate = "Affiliate"
-}
-declare enum DiscountType {
-    percentage = "percentage",
-    amount = "amount"
-}
-type CollectionType = {
-    collectionId: number;
-    name: string;
-};
-type BrandType = {
-    brandId: number;
-    name: string;
-};
-type VoucherPaymentType = {
-    bankId: number;
-    bankName: string;
-    paymentMethod: string[];
-    bin: string[];
-    creditBinGroup: string[];
-    debitBinGroup: string[];
-};
-interface VoucherTncProps {
-    type: string;
-    discountType: string;
-    discountValue: number | string;
-    maxDiscountAmount: number | string;
-    collections: CollectionType[];
-    brands: BrandType[];
-    eligibilityType: string | null;
-    isCheckedMaxFee: boolean;
-    limitFee: number | string;
-    termsMinQty: number | string;
-    termsMinTotalAmount: number | string;
-    isOneTimeUsage: boolean;
-    quota: number;
-    transactionTerms: number;
-    dateStart: string;
-    dateEnd: string;
-    isOneTimeUsagePerCard: boolean;
-    payment: VoucherPaymentType | null;
-    isGiftCard?: boolean;
-}
-type GetPeriodProps = Pick<VoucherTncProps, 'dateStart' | 'dateEnd'>;
-type GetAppliesToProps = Pick<VoucherTncProps, 'type' | 'brands' | 'collections' | 'eligibilityType' | 'payment'>;
-type GetMethodTermsProps = Pick<VoucherTncProps, 'type' | 'discountType' | 'discountValue' | 'isCheckedMaxFee' | 'maxDiscountAmount' | 'transactionTerms' | 'termsMinTotalAmount' | 'termsMinQty' | 'limitFee'>;
-type GetUsageLimitProps = Pick<VoucherTncProps, 'isOneTimeUsage' | 'isOneTimeUsagePerCard'>;
-type GetBankBinProps = Pick<VoucherPaymentType, 'bankName' | 'creditBinGroup' | 'debitBinGroup'>;
-
-declare const useVoucherTnc: (props: VoucherTncProps | null) => string[];
-
-export { type BoxModel, DiscountType, type GetAppliesToProps, type GetBankBinProps, type GetMethodTermsProps, type GetPeriodProps, type GetUsageLimitProps, type NumberFormatterProps, type UseClipboardOptions, type UseClipboardProps, type UseDebounceProps, type UseDisclosureProps, type UseMediaQueryOptions, type UseOutsideClickProps, type VoucherPaymentType, type VoucherTncProps, VoucherType, canUseDOM, getOwnerDocument, isBrowser, isElement, isValidEvent, useCallbackRef, useClipboard, useDebounce, useDimensions, useDisclosure, useMediaQuery, useNumberFormatter, useOnlineStatus, useOutsideClick, useSafeLayoutEffect, useVoucherTnc };
+export { canUseDOM, getOwnerDocument, isBrowser, isElement, isValidEvent } from './dom.js';
+export { useCallbackRef } from './hooks/use-callback-ref.js';
+export { UseClipboardOptions, UseClipboardProps, useClipboard } from './hooks/use-clipboard.js';
+export { UseDebounceProps, useDebounce } from './hooks/use-debounce.js';
+export { BoxModel, useDimensions } from './hooks/use-dimensions.js';
+export { UseDisclosureProps, useDisclosure } from './hooks/use-disclosure.js';
+export { UseMediaQueryOptions, useMediaQuery } from './hooks/use-media-query.js';
+export { NumberFormatterProps, useNumberFormatter } from './hooks/use-number-formatter.js';
+export { useOnlineStatus } from './hooks/use-online-status.js';
+export { UseOutsideClickProps, useOutsideClick } from './hooks/use-outside-click.js';
+export { useSafeLayoutEffect } from './hooks/use-safe-layout-effect.js';
+export { DiscountType, GetAppliesToProps, GetBankBinProps, GetMethodTermsProps, GetPeriodProps, GetUsageLimitProps, VoucherPaymentType, VoucherTncProps, VoucherType, useVoucherTnc } from './hooks/use-voucher-tnc.js';
+import 'react';
+import 'css-box-model';