@zydon/common 2.7.78 → 2.7.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-6UWD6IZZ.js +25 -0
- package/dist/chunk-6UWD6IZZ.js.map +1 -0
- package/dist/chunk-BLVCNBTJ.js +7 -0
- package/dist/chunk-BLVCNBTJ.js.map +1 -0
- package/dist/{chunk-45OMMG7D.js → chunk-FBN7HCBY.js} +2 -2
- package/dist/chunk-FBN7HCBY.js.map +1 -0
- package/dist/{chunk-HWYA3EGC.js → chunk-HYJEAKVR.js} +2 -2
- package/dist/{chunk-ZGSSTXUO.js → chunk-LQZSZV2W.js} +2 -2
- package/dist/{chunk-5LQLLZ5L.js → chunk-PSWJSHGP.js} +2 -2
- package/dist/{chunk-IGOVBLZ2.js → chunk-QLGWOE3Q.js} +2 -2
- package/dist/chunk-QLGWOE3Q.js.map +1 -0
- package/dist/{chunk-YDLDZVF5.js → chunk-QXRGT442.js} +3 -3
- package/dist/chunk-QXRGT442.js.map +1 -0
- package/dist/{chunk-23NOJPUV.js → chunk-YHKVYGTG.js} +2 -2
- package/dist/{chunk-23NOJPUV.js.map → chunk-YHKVYGTG.js.map} +1 -1
- package/dist/{chunk-WYJV57WG.js → chunk-YKV6FK6D.js} +2 -2
- package/dist/components/Autocomplete/index.js +1 -1
- package/dist/components/AutocompleteDetailed/index.js +1 -1
- package/dist/components/Avatar/index.d.ts +1 -3
- package/dist/components/BulkEditModal/index.js +2 -2
- package/dist/components/CopyButton/index.js +2 -2
- package/dist/components/DataView/index.d.ts +7 -21
- package/dist/components/DataView/index.js +1 -1
- package/dist/components/DragButton/index.d.ts +1 -3
- package/dist/components/DragContainer/index.d.ts +1 -3
- package/dist/components/DynamicDataView/index.d.ts +2 -2
- package/dist/components/DynamicDataView/index.js +5 -5
- package/dist/components/FieldMentions/index.js +3 -3
- package/dist/components/FieldMentions/index.js.map +1 -1
- package/dist/components/FileUpload/index.js +2 -2
- package/dist/components/FrameSkeleton/index.js +3 -3
- package/dist/components/InfoCircle/index.js +1 -1
- package/dist/components/ListBundles/index.d.ts +2 -1
- package/dist/components/Result/index.d.ts +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/carousel/index.d.ts +3 -9
- package/dist/components/form/Address/index.js +2 -2
- package/dist/components/form/Autocomplete/index.js +2 -2
- package/dist/components/form/AutocompleteDetailed/index.js +1 -1
- package/dist/components/form/Codes/index.js +1 -1
- package/dist/components/form/FileUpload/index.js +2 -2
- package/dist/components/form/Webhook/index.js +2 -2
- package/dist/hooks/useCollapseSidebarOnMount.js +3 -3
- package/dist/hooks/useDatagrid.d.ts +2 -2
- package/dist/hooks/useDatagrid.js +2 -2
- package/dist/hooks/useDatagrid.js.map +1 -1
- package/dist/hooks/useDeepCompareEffect.js +2 -2
- package/dist/hooks/useDeepCompareEffect.js.map +1 -1
- package/dist/hooks/useEventListener.d.ts +2 -2
- package/dist/hooks/useEventListener.js +1 -1
- package/dist/hooks/useLocalStorage.js +2 -2
- package/dist/hooks/useOnClickOutside.js +1 -1
- package/dist/hooks/useScrollOffSetTop.d.ts +1 -1
- package/dist/hooks/useScrollOffSetTop.js +1 -1
- package/dist/hooks/useScrollOffSetTop.js.map +1 -1
- package/dist/hooks/useSnackbar.d.ts +8 -8
- package/dist/theme/styles/index.d.ts +203 -116
- package/dist/types/sectionProps.d.ts +2 -2
- package/package.json +7 -7
- package/dist/chunk-45OMMG7D.js.map +0 -1
- package/dist/chunk-IGOVBLZ2.js.map +0 -1
- package/dist/chunk-L5URMM57.js +0 -7
- package/dist/chunk-L5URMM57.js.map +0 -1
- package/dist/chunk-UJGDCLUU.js +0 -25
- package/dist/chunk-UJGDCLUU.js.map +0 -1
- package/dist/chunk-YDLDZVF5.js.map +0 -1
- /package/dist/{chunk-HWYA3EGC.js.map → chunk-HYJEAKVR.js.map} +0 -0
- /package/dist/{chunk-ZGSSTXUO.js.map → chunk-LQZSZV2W.js.map} +0 -0
- /package/dist/{chunk-5LQLLZ5L.js.map → chunk-PSWJSHGP.js.map} +0 -0
- /package/dist/{chunk-WYJV57WG.js.map → chunk-YKV6FK6D.js.map} +0 -0
|
@@ -15,6 +15,6 @@ interface ResultProps<TData = unknown> {
|
|
|
15
15
|
children?: ReactNode | ((data: TData) => ReactNode);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
declare const Result: <TData>({ isFetching, fetching, isLoading, loading, anError, error, isEmpty, empty, data, children, }: ResultProps<TData>) => string | number | true | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element;
|
|
18
|
+
declare const Result: <TData>({ isFetching, fetching, isLoading, loading, anError, error, isEmpty, empty, data, children, }: ResultProps<TData>) => string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
|
|
19
19
|
|
|
20
20
|
export { Result as default };
|
|
@@ -137,12 +137,8 @@ type CarouselProps = {
|
|
|
137
137
|
};
|
|
138
138
|
|
|
139
139
|
type StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;
|
|
140
|
-
declare const StyledRoot: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<
|
|
141
|
-
|
|
142
|
-
}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
|
|
143
|
-
declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
144
|
-
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
145
|
-
}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
|
|
140
|
+
declare const StyledRoot: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
|
|
141
|
+
declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
|
|
146
142
|
declare function Carousel({ carousel, children, sx, slotProps, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
|
|
147
143
|
|
|
148
144
|
declare const carouselClasses: {
|
|
@@ -180,9 +176,7 @@ declare function CarouselProgressBar({ value, sx, ...other }: BoxProps & Carouse
|
|
|
180
176
|
|
|
181
177
|
declare function CarouselSlide({ sx, options, children, ...other }: BoxProps & CarouselSlideProps): react_jsx_runtime.JSX.Element;
|
|
182
178
|
|
|
183
|
-
declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<Theme> & _mui_material_OverridableComponent.CommonProps & Omit<
|
|
184
|
-
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
185
|
-
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
179
|
+
declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
186
180
|
declare function CarouselThumb({ thumbType, sx, src, index, selected, imageRender, thumbAlt, ...other }: ButtonBaseProps & CarouselThumbProps): react_jsx_runtime.JSX.Element | null;
|
|
187
181
|
|
|
188
182
|
declare const useCarousel: (options?: CarouselOptions, plugins?: EmblaPluginType[]) => UseCarouselReturn;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { a as a$1 } from '../../../chunk-P6HORLPW.js';
|
|
2
2
|
import { a as a$2 } from '../../../chunk-YXRL4O4H.js';
|
|
3
3
|
import '../../../chunk-DHRVSWFW.js';
|
|
4
|
-
import { a as a$3 } from '../../../chunk-
|
|
5
|
-
import '../../../chunk-
|
|
4
|
+
import { a as a$3 } from '../../../chunk-YKV6FK6D.js';
|
|
5
|
+
import '../../../chunk-QLGWOE3Q.js';
|
|
6
6
|
import '../../../chunk-NQNNMRLC.js';
|
|
7
7
|
import '../../../chunk-CIGSMWKF.js';
|
|
8
8
|
import E from '@mui/material/CircularProgress';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as default } from '../../../chunk-
|
|
2
|
-
import '../../../chunk-
|
|
1
|
+
export { a as default } from '../../../chunk-YKV6FK6D.js';
|
|
2
|
+
import '../../../chunk-QLGWOE3Q.js';
|
|
3
3
|
import '../../../chunk-NQNNMRLC.js';
|
|
4
4
|
import '../../../chunk-CIGSMWKF.js';
|
|
5
5
|
//# sourceMappingURL=out.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { v, s, t, u } from '../../../chunk-
|
|
1
|
+
import { v, s, t, u } from '../../../chunk-QXRGT442.js';
|
|
2
2
|
import '../../../chunk-LNXA53QR.js';
|
|
3
3
|
import '../../../chunk-KEOOC3EL.js';
|
|
4
4
|
import '../../../chunk-ATVM2YRB.js';
|
|
5
5
|
import '../../../chunk-KGLU4CR2.js';
|
|
6
6
|
import '../../../chunk-N4DW7EIC.js';
|
|
7
7
|
import '../../../chunk-OF6623HG.js';
|
|
8
|
-
import '../../../chunk-
|
|
8
|
+
import '../../../chunk-FBN7HCBY.js';
|
|
9
9
|
import '../../../chunk-6U5LS7MP.js';
|
|
10
10
|
import '../../../chunk-VITOOMKK.js';
|
|
11
11
|
import '../../../chunk-NQNNMRLC.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a } from '../../../chunk-YXRL4O4H.js';
|
|
2
|
-
import { a as a$2 } from '../../../chunk-
|
|
2
|
+
import { a as a$2 } from '../../../chunk-YKV6FK6D.js';
|
|
3
3
|
import { a as a$3 } from '../../../chunk-LEMPYV5U.js';
|
|
4
|
-
import '../../../chunk-
|
|
4
|
+
import '../../../chunk-QLGWOE3Q.js';
|
|
5
5
|
import { a as a$1 } from '../../../chunk-NQNNMRLC.js';
|
|
6
6
|
import '../../../chunk-CIGSMWKF.js';
|
|
7
7
|
import { useFormContext, useFieldArray } from 'react-hook-form';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { a as default } from '../chunk-
|
|
1
|
+
export { a as default } from '../chunk-PSWJSHGP.js';
|
|
2
2
|
import '../chunk-XNKYJHNL.js';
|
|
3
|
-
import '../chunk-
|
|
3
|
+
import '../chunk-HYJEAKVR.js';
|
|
4
4
|
import '../chunk-POTVACYB.js';
|
|
5
|
-
import '../chunk-
|
|
5
|
+
import '../chunk-BLVCNBTJ.js';
|
|
6
6
|
import '../chunk-ET3WPQIO.js';
|
|
7
7
|
//# sourceMappingURL=out.js.map
|
|
8
8
|
//# sourceMappingURL=useCollapseSidebarOnMount.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
2
|
import { GridApiPremium } from '@mui/x-data-grid-premium/models/gridApiPremium';
|
|
3
3
|
|
|
4
4
|
interface State {
|
|
@@ -10,7 +10,7 @@ interface State {
|
|
|
10
10
|
dir?: 'asc' | 'desc';
|
|
11
11
|
}
|
|
12
12
|
declare const useDatagrid: ({ page, perPage, dir, search, searchValue, sort }?: State) => {
|
|
13
|
-
apiRef:
|
|
13
|
+
apiRef: RefObject<GridApiPremium>;
|
|
14
14
|
page: number;
|
|
15
15
|
perPage: number;
|
|
16
16
|
handlePaginationModelChange: ({ pageSize, page }: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { useGridApiRef } from '@mui/x-data-grid-premium';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var V=({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}={page:0,perPage:25})=>{let t=useGridApiRef(),[s,r]=useState({page:c,perPage:g,dir:o,search:p,searchValue:u,sort:d}),i=({pageSize:e=25,page:a=0})=>{r(n=>({...n,page:a,perPage:e}));},f=e=>r(a=>({...a,page:0,search:e})),h=e=>r(a=>({...a,searchValue:e})),l=()=>r(e=>({...e,page:0,search:e.searchValue})),m=(e,a)=>r(n=>({...n,sort:e,dir:a})),P=()=>{t.current&&t.current.setPage(0),i({page:0});};return {...s,apiRef:t,page:s.page||0,perPage:s.perPage||25,handlePaginationModelChange:i,handleSearch:f,handleSort:m,handleSearchValue:h,applySearchValue:l,goToPageFirstPage:P}},j=V;
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { j as default };
|
|
7
7
|
//# sourceMappingURL=out.js.map
|
|
8
8
|
//# sourceMappingURL=useDatagrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/useDatagrid.ts"],"names":["useState","useGridApiRef","useDatagrid","page","perPage","dir","search","searchValue","sort","apiRef","state","setState","handlePaginationModelChange","pageSize","handleSearch","handleSearchValue","applySearchValue","handleSort","field","goToPageFirstPage","useDatagrid_default"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/useDatagrid.ts"],"names":["useState","useGridApiRef","useDatagrid","page","perPage","dir","search","searchValue","sort","apiRef","state","setState","handlePaginationModelChange","pageSize","handleSearch","handleSearchValue","applySearchValue","handleSort","field","goToPageFirstPage","useDatagrid_default"],"mappings":"AAAA,OAAoB,YAAAA,MAAgB,QACpC,OAAS,iBAAAC,MAAqB,2BAY9B,IAAMC,EAAc,CAClB,CAAE,KAAAC,EAAM,QAAAC,EAAS,IAAAC,EAAK,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,CAAK,EAAW,CACzD,KAAM,EACN,QAAS,EACX,IACG,CACH,IAAMC,EAASR,EAAc,EACvB,CAACS,EAAOC,CAAQ,EAAIX,EAAgB,CACxC,KAAAG,EACA,QAAAC,EACA,IAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,CACF,CAAC,EAEKI,EAA8B,CAAC,CAAE,SAAAC,EAAW,GAAI,KAAAV,EAAO,CAAE,IAAM,CACnEQ,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAAP,EAAM,QAASU,CAAS,EAAE,CAC3D,EAEMC,EAAgBR,GACpBK,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAAJ,CAAO,EAAE,EAE7CS,EAAqBT,GACzBK,EAASD,IAAU,CAAE,GAAGA,EAAO,YAAaJ,CAAO,EAAE,EAEjDU,EAAmB,IACvBL,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAM,EAAG,OAAQA,EAAM,WAAY,EAAE,EAEhEO,EAAa,CAACC,EAAgBb,IAClCM,EAASD,IAAU,CAAE,GAAGA,EAAO,KAAMQ,EAAO,IAAAb,CAAI,EAAE,EAE9Cc,EAAoB,IAAM,CAC1BV,EAAO,SAASA,EAAO,QAAQ,QAAQ,CAAC,EAC5CG,EAA4B,CAAE,KAAM,CAAE,CAAC,CACzC,EAEA,MAAO,CACL,GAAGF,EACH,OAAQD,EACR,KAAMC,EAAM,MAAQ,EACpB,QAASA,EAAM,SAAW,GAC1B,4BAAAE,EACA,aAAAE,EACA,WAAAG,EACA,kBAAAF,EACA,iBAAAC,EACA,kBAAAG,CACF,CACF,EAEOC,EAAQlB","sourcesContent":["import { RefObject, useState } from 'react';\nimport { useGridApiRef } from '@mui/x-data-grid-premium';\nimport { GridApiPremium } from '@mui/x-data-grid-premium/models/gridApiPremium';\n\ninterface State {\n page?: number;\n perPage?: number;\n search?: string;\n searchValue?: string;\n sort?: string;\n dir?: 'asc' | 'desc';\n}\n\nconst useDatagrid = (\n { page, perPage, dir, search, searchValue, sort }: State = {\n page: 0,\n perPage: 25,\n },\n) => {\n const apiRef = useGridApiRef();\n const [state, setState] = useState<State>({\n page,\n perPage,\n dir,\n search,\n searchValue,\n sort,\n });\n\n const handlePaginationModelChange = ({ pageSize = 25, page = 0 }) => {\n setState(state => ({ ...state, page, perPage: pageSize }));\n };\n\n const handleSearch = (search: string | undefined) =>\n setState(state => ({ ...state, page: 0, search }));\n\n const handleSearchValue = (search: string | undefined) =>\n setState(state => ({ ...state, searchValue: search }));\n\n const applySearchValue = () =>\n setState(state => ({ ...state, page: 0, search: state.searchValue }));\n\n const handleSort = (field?: string, dir?: 'asc' | 'desc') =>\n setState(state => ({ ...state, sort: field, dir }));\n\n const goToPageFirstPage = () => {\n if (apiRef.current) apiRef.current.setPage(0);\n handlePaginationModelChange({ page: 0 });\n };\n\n return {\n ...state,\n apiRef: apiRef as RefObject<GridApiPremium>,\n page: state.page || 0,\n perPage: state.perPage || 25,\n handlePaginationModelChange,\n handleSearch,\n handleSort,\n handleSearchValue,\n applySearchValue,\n goToPageFirstPage,\n };\n};\n\nexport default useDatagrid;\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { b } from '../chunk-LFHA3YUV.js';
|
|
2
2
|
import { useEffect, useRef } from 'react';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var c=t=>{let e=useRef(void 0);return b(t,e.current)||(e.current=t),e.current},o=(t,e)=>{useEffect(t,e.map(c));},i=o;
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { i as default };
|
|
7
7
|
//# sourceMappingURL=out.js.map
|
|
8
8
|
//# sourceMappingURL=useDeepCompareEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/useDeepCompareEffect.ts"],"names":["useEffect","useRef","useDeepCompareMemoize","value","ref","deepCompareWithSets","useDeepCompareEffect","callback","dependencies","useDeepCompareEffect_default"],"mappings":"yCAAA,OAAyC,aAAAA,EAAW,UAAAC,MAAc,QAIlE,IAAMC,EAA4BC,GAAgB,CAChD,IAAMC,EAAMH,
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/useDeepCompareEffect.ts"],"names":["useEffect","useRef","useDeepCompareMemoize","value","ref","deepCompareWithSets","useDeepCompareEffect","callback","dependencies","useDeepCompareEffect_default"],"mappings":"yCAAA,OAAyC,aAAAA,EAAW,UAAAC,MAAc,QAIlE,IAAMC,EAA4BC,GAAgB,CAChD,IAAMC,EAAMH,EAAsB,MAAS,EAE3C,OAAKI,EAAoBF,EAAOC,EAAI,OAAO,IACzCA,EAAI,QAAUD,GAGTC,EAAI,OACb,EAEME,EAAuB,CAC3BC,EACAC,IACG,CAEHR,EAAUO,EAAUC,EAAa,IAAIN,CAAqB,CAAC,CAC7D,EAEOO,EAAQH","sourcesContent":["import { DependencyList, EffectCallback, useEffect, useRef } from 'react';\n\nimport { deepCompareWithSets } from 'utils/compare';\n\nconst useDeepCompareMemoize = <T>(value: T): T => {\n const ref = useRef<T | undefined>(undefined);\n\n if (!deepCompareWithSets(value, ref.current)) {\n ref.current = value;\n }\n\n return ref.current as T;\n};\n\nconst useDeepCompareEffect = (\n callback: EffectCallback,\n dependencies: DependencyList,\n) => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(callback, dependencies.map(useDeepCompareMemoize));\n};\n\nexport default useDeepCompareEffect;\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
|
|
3
3
|
declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
|
|
4
|
-
declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
|
|
5
|
-
declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
|
|
4
|
+
declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T | null>, options?: boolean | AddEventListenerOptions): void;
|
|
5
|
+
declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document | null>, options?: boolean | AddEventListenerOptions): void;
|
|
6
6
|
|
|
7
7
|
export { useEventListener as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { a as default } from '../chunk-
|
|
1
|
+
export { a as default } from '../chunk-HYJEAKVR.js';
|
|
2
2
|
import '../chunk-POTVACYB.js';
|
|
3
|
-
import '../chunk-
|
|
3
|
+
import '../chunk-BLVCNBTJ.js';
|
|
4
4
|
import '../chunk-ET3WPQIO.js';
|
|
5
5
|
//# sourceMappingURL=out.js.map
|
|
6
6
|
//# sourceMappingURL=useLocalStorage.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useRef, useState, useCallback, useMemo } from 'react';
|
|
2
2
|
import { useScroll, useMotionValueEvent } from 'framer-motion';
|
|
3
3
|
|
|
4
|
-
var R=(t=0)=>{let e=useRef(null),{scrollY:r}=useScroll(),[o,l]=useState(!1),n=useCallback(c=>{let
|
|
4
|
+
var R=(t=0)=>{let e=useRef(null),{scrollY:r}=useScroll(),[o,l]=useState(!1),n=useCallback(c=>{let u=Math.round(c);if(e?.current){let f=e.current.getBoundingClientRect(),a=Math.round(f.top);l(a<t);}else l(u>t);},[e,t]);return useMotionValueEvent(r,"change",useMemo(()=>n,[n])),useMemo(()=>({elementRef:e,offsetTop:o}),[o])},g=R;
|
|
5
5
|
|
|
6
6
|
export { g as default };
|
|
7
7
|
//# sourceMappingURL=out.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/useScrollOffSetTop.ts"],"names":["useCallback","useMemo","useRef","useState","useMotionValueEvent","useScroll","useScrollOffSetTop","top","elementRef","scrollY","offsetTop","setOffsetTop","handleScrollChange","val","scrollHeight","rect","elementTop","useScrollOffSetTop_default"],"mappings":"AAAA,OAAS,eAAAA,EAAa,WAAAC,EAAS,UAAAC,EAAQ,YAAAC,MAAgB,QACvD,OAAS,uBAAAC,EAAqB,aAAAC,MAAiB,gBAS/C,IAAMC,EAAqB,CAACC,EAAM,IAAgC,CAChE,IAAMC,EAAaN,EAAuB,IAAI,EAExC,CAAE,QAAAO,CAAQ,EAAIJ,EAAU,EAExB,CAACK,EAAWC,CAAY,EAAIR,EAAS,EAAK,EAE1CS,EAAqBZ,EACxBa,GAAgB,CACf,IAAMC,EAAe,KAAK,MAAMD,CAAG,EAEnC,GAAIL,GAAY,QAAS,CACvB,IAAMO,EAAOP,EAAW,QAAQ,sBAAsB,EAChDQ,EAAa,KAAK,MAAMD,EAAK,GAAG,EAEtCJ,EAAaK,EAAaT,CAAG,OAE7BI,EAAaG,EAAeP,CAAG,CAEnC,EACA,CAACC,EAAYD,CAAG,CAClB,EAEA,OAAAH,EACEK,EACA,SACAR,EAAQ,IAAMW,EAAoB,CAACA,CAAkB,CAAC,CACxD,EAEsBX,EAAQ,KAAO,CAAE,WAAAO,EAAY,UAAAE,CAAU,GAAI,CAACA,CAAS,CAAC,CAG9E,EAEOO,EAAQX","sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useMotionValueEvent, useScroll } from 'framer-motion';\n\n// ----------------------------------------------------------------------\n\nexport type UseScrollOffSetTopReturn = {\n offsetTop: boolean;\n elementRef: React.RefObject<HTMLDivElement>;\n};\n\nconst useScrollOffSetTop = (top = 0): UseScrollOffSetTopReturn => {\n const elementRef = useRef<HTMLDivElement>(null);\n\n const { scrollY } = useScroll();\n\n const [offsetTop, setOffsetTop] = useState(false);\n\n const handleScrollChange = useCallback(\n (val: number) => {\n const scrollHeight = Math.round(val);\n\n if (elementRef?.current) {\n const rect = elementRef.current.getBoundingClientRect();\n const elementTop = Math.round(rect.top);\n\n setOffsetTop(elementTop < top);\n } else {\n setOffsetTop(scrollHeight > top);\n }\n },\n [elementRef, top],\n );\n\n useMotionValueEvent(\n scrollY,\n 'change',\n useMemo(() => handleScrollChange, [handleScrollChange]),\n );\n\n const memoizedValue = useMemo(() => ({ elementRef, offsetTop }), [offsetTop]);\n\n return memoizedValue;\n};\n\nexport default useScrollOffSetTop;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/useScrollOffSetTop.ts"],"names":["useCallback","useMemo","useRef","useState","useMotionValueEvent","useScroll","useScrollOffSetTop","top","elementRef","scrollY","offsetTop","setOffsetTop","handleScrollChange","val","scrollHeight","rect","elementTop","useScrollOffSetTop_default"],"mappings":"AAAA,OAAS,eAAAA,EAAa,WAAAC,EAAS,UAAAC,EAAQ,YAAAC,MAAgB,QACvD,OAAS,uBAAAC,EAAqB,aAAAC,MAAiB,gBAS/C,IAAMC,EAAqB,CAACC,EAAM,IAAgC,CAChE,IAAMC,EAAaN,EAAuB,IAAI,EAExC,CAAE,QAAAO,CAAQ,EAAIJ,EAAU,EAExB,CAACK,EAAWC,CAAY,EAAIR,EAAS,EAAK,EAE1CS,EAAqBZ,EACxBa,GAAgB,CACf,IAAMC,EAAe,KAAK,MAAMD,CAAG,EAEnC,GAAIL,GAAY,QAAS,CACvB,IAAMO,EAAOP,EAAW,QAAQ,sBAAsB,EAChDQ,EAAa,KAAK,MAAMD,EAAK,GAAG,EAEtCJ,EAAaK,EAAaT,CAAG,OAE7BI,EAAaG,EAAeP,CAAG,CAEnC,EACA,CAACC,EAAYD,CAAG,CAClB,EAEA,OAAAH,EACEK,EACA,SACAR,EAAQ,IAAMW,EAAoB,CAACA,CAAkB,CAAC,CACxD,EAEsBX,EAAQ,KAAO,CAAE,WAAAO,EAAY,UAAAE,CAAU,GAAI,CAACA,CAAS,CAAC,CAG9E,EAEOO,EAAQX","sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useMotionValueEvent, useScroll } from 'framer-motion';\n\n// ----------------------------------------------------------------------\n\nexport type UseScrollOffSetTopReturn = {\n offsetTop: boolean;\n elementRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst useScrollOffSetTop = (top = 0): UseScrollOffSetTopReturn => {\n const elementRef = useRef<HTMLDivElement>(null);\n\n const { scrollY } = useScroll();\n\n const [offsetTop, setOffsetTop] = useState(false);\n\n const handleScrollChange = useCallback(\n (val: number) => {\n const scrollHeight = Math.round(val);\n\n if (elementRef?.current) {\n const rect = elementRef.current.getBoundingClientRect();\n const elementTop = Math.round(rect.top);\n\n setOffsetTop(elementTop < top);\n } else {\n setOffsetTop(scrollHeight > top);\n }\n },\n [elementRef, top],\n );\n\n useMotionValueEvent(\n scrollY,\n 'change',\n useMemo(() => handleScrollChange, [handleScrollChange]),\n );\n\n const memoizedValue = useMemo(() => ({ elementRef, offsetTop }), [offsetTop]);\n\n return memoizedValue;\n};\n\nexport default useScrollOffSetTop;\n"]}
|
|
@@ -5,24 +5,24 @@ import { ReactNode } from 'react';
|
|
|
5
5
|
|
|
6
6
|
declare const useSnackbar: () => {
|
|
7
7
|
toast: ((message: ReactNode | (() => ReactNode), data?: ExternalToast | undefined) => string | number) & {
|
|
8
|
-
success: (message: string | number | boolean | react.ReactElement<
|
|
9
|
-
info: (message: string | number | boolean | react.ReactElement<
|
|
10
|
-
warning: (message: string | number | boolean | react.ReactElement<
|
|
11
|
-
error: (message: string | number | boolean | react.ReactElement<
|
|
12
|
-
custom: (jsx: (id: string | number) => react.ReactElement<
|
|
13
|
-
message: (message: string | number | boolean | react.ReactElement<
|
|
8
|
+
success: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
9
|
+
info: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
10
|
+
warning: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
11
|
+
error: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
12
|
+
custom: (jsx: (id: string | number) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>, data?: ExternalToast | undefined) => string | number;
|
|
13
|
+
message: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
14
14
|
promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
|
|
15
15
|
className?: string | undefined;
|
|
16
16
|
style?: react.CSSProperties | undefined;
|
|
17
17
|
position?: ("top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right") | undefined;
|
|
18
18
|
id?: string | number | undefined;
|
|
19
19
|
action?: ReactNode | sonner.Action;
|
|
20
|
-
invert?: boolean | undefined;
|
|
21
20
|
icon?: ReactNode;
|
|
22
21
|
duration?: number | undefined;
|
|
23
22
|
onDismiss?: ((toast: sonner.ToastT) => void) | undefined;
|
|
24
23
|
cancel?: ReactNode | sonner.Action;
|
|
25
24
|
richColors?: boolean | undefined;
|
|
25
|
+
invert?: boolean | undefined;
|
|
26
26
|
closeButton?: boolean | undefined;
|
|
27
27
|
dismissible?: boolean | undefined;
|
|
28
28
|
onAutoClose?: ((toast: sonner.ToastT) => void) | undefined;
|
|
@@ -45,7 +45,7 @@ declare const useSnackbar: () => {
|
|
|
45
45
|
unwrap: () => Promise<ToastData>;
|
|
46
46
|
};
|
|
47
47
|
dismiss: (id?: string | number | undefined) => string | number;
|
|
48
|
-
loading: (message: string | number | boolean | react.ReactElement<
|
|
48
|
+
loading: (message: string | number | bigint | boolean | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
|
|
49
49
|
} & {
|
|
50
50
|
getHistory: () => (sonner.ToastT | sonner.ToastToDismiss)[];
|
|
51
51
|
getToasts: () => (sonner.ToastT | sonner.ToastToDismiss)[];
|