@basic-ui/material 1.0.0-alpha.28 → 1.0.0-alpha.29
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import { useLayoutEffect, createContext, useContext, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { useMemo, useLayoutEffect, createContext, useContext, useEffect, useRef, useState } from 'react';
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
4
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
5
|
var StackItemContext = /*#__PURE__*/createContext(null);
|
|
@@ -179,17 +179,17 @@ export var StackProvider = function StackProvider(_ref5) {
|
|
|
179
179
|
_ref5$maxSize = _ref5.maxSize,
|
|
180
180
|
maxSize = _ref5$maxSize === void 0 ? 3 : _ref5$maxSize;
|
|
181
181
|
var onAddItemRef = useRef(null);
|
|
182
|
+
var value = useMemo(function () {
|
|
183
|
+
return {
|
|
184
|
+
addItem: function addItem(element) {
|
|
185
|
+
var _onAddItemRef$current;
|
|
182
186
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
}
|
|
188
|
-
|
|
187
|
+
return (_onAddItemRef$current = onAddItemRef.current) === null || _onAddItemRef$current === void 0 ? void 0 : _onAddItemRef$current.call(onAddItemRef, element);
|
|
188
|
+
}
|
|
189
|
+
};
|
|
190
|
+
}, []);
|
|
189
191
|
return /*#__PURE__*/_jsxs(StackContext.Provider, {
|
|
190
|
-
value:
|
|
191
|
-
addItem: onAddItem
|
|
192
|
-
},
|
|
192
|
+
value: value,
|
|
193
193
|
children: [children, /*#__PURE__*/_jsx(StackContent, {
|
|
194
194
|
gap: gap,
|
|
195
195
|
placement: placement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","names":["useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","onAddItem","addItem","useStack","ctx","Error"],"sources":["../../../src/Snackbar/Stack.tsx"],"sourcesContent":["import type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';\nimport {\n useLayoutEffect,\n createContext,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nexport type StackPlacement =\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-center'\n | 'bottom-left';\n\n// StackItemContext Component\nexport interface StackItemContextProps {\n posY: number | undefined;\n isExiting: boolean;\n onSetHeight(height: number): void;\n onRemoveItem(): void;\n placement: StackPlacement;\n}\n\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\nStackItemContext.displayName = 'StackItemContext';\n\ninterface StackItemProps {\n ref: MutableRefObject<HTMLElement | null>;\n openTimeoutInMilliseconds?: number;\n closeTimeoutInMilliseconds?: number;\n}\n\nexport function useStackItem({\n ref,\n closeTimeoutInMilliseconds = 110,\n}: StackItemProps) {\n const context = useContext(StackItemContext);\n if (!context) {\n return null;\n }\n const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\n /* eslint-disable react-hooks/rules-of-hooks */\n const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\n 'entering'\n );\n\n function onClose() {\n setState('exiting');\n }\n\n useLayoutEffect(() => {\n const height = ref.current?.getBoundingClientRect().height ?? 0;\n onSetHeight(height);\n\n if (isExiting) {\n onClose();\n }\n });\n\n useEffect(() => {\n if (posY !== undefined && state === 'entering') {\n setState('entered');\n }\n }, [state, posY]);\n\n useLayoutEffect(() => {\n if (state === 'exiting') {\n const handle = setTimeout(() => {\n onRemoveItem();\n }, closeTimeoutInMilliseconds);\n\n return () => {\n clearTimeout(handle);\n };\n }\n }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\n\n return {\n translateY: posY,\n state,\n onClose,\n placement,\n };\n /* eslint-enable react-hooks/rules-of-hooks */\n}\n\nfunction StackContent({\n gap = 0,\n placement,\n maxSize,\n onAddItemRef,\n}: {\n gap: number;\n placement: StackPlacement;\n maxSize: number;\n onAddItemRef: MutableRefObject<((element: ReactElement) => void) | null>;\n}) {\n const id = useRef(0);\n const items = useRef<StackItem[]>([]);\n const [, setCounter] = useState(false);\n function rerender() {\n setCounter((v) => !v);\n }\n\n useEffect(() => {\n onAddItemRef.current = (element: ReactElement) => {\n const itemId = String(++id.current);\n\n items.current.push({\n id: itemId,\n height: undefined,\n element,\n isExiting: false,\n });\n // Stack > maxSize? Close items\n if (items.current.length > maxSize) {\n for (let i = 0; i < items.current.length; i++) {\n if (!items.current[i].isExiting) {\n items.current[i].isExiting = true;\n break;\n }\n }\n }\n rerender();\n };\n return () => {\n onAddItemRef.current = null;\n };\n }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\n\n function setHeightById(id: string, height: number) {\n const item = items.current.find(({ id: itemId }) => itemId === id);\n if (item && item.height !== height) {\n item.height = height;\n rerender();\n }\n }\n\n function removeItemById(id: string) {\n const previousLength = items.current.length;\n items.current = items.current.filter(({ id: itemId }) => itemId !== id);\n if (items.current.length !== previousLength) {\n rerender();\n }\n }\n\n let y = 0;\n return (\n <div data-stack-root=\"\">\n {Array.from(items.current).map((item) => {\n let posY: number | undefined = undefined;\n const height = item.height;\n if (height) {\n posY = y;\n y += height + gap;\n }\n\n return (\n <StackItemContext.Provider\n key={item.id}\n value={{\n isExiting: item.isExiting,\n posY,\n onSetHeight: (height: number) => {\n if (height === item.height) {\n return;\n }\n setHeightById(item.id, height);\n },\n onRemoveItem: () => removeItemById(item.id),\n placement,\n }}\n >\n {item.element}\n </StackItemContext.Provider>\n );\n })}\n </div>\n );\n}\n\nexport interface StackContextProps {\n addItem: (element: ReactElement) => void;\n}\n\nconst StackContext = createContext<StackContextProps | null>(null);\n\ninterface StackItem {\n id: string;\n element: ReactElement;\n height: number | undefined;\n isExiting: boolean;\n}\n\nexport const StackProvider: FC<{\n children?: ReactNode | ReactNode[];\n gap?: number;\n placement?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-center'\n | 'bottom-left';\n maxSize?: number;\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\n const onAddItemRef = useRef<(element: ReactElement) => void>(null);\n function onAddItem(element: ReactElement) {\n onAddItemRef.current?.(element);\n }\n\n return (\n <StackContext.Provider value={{ addItem: onAddItem }}>\n {children}\n <StackContent\n gap={gap}\n placement={placement}\n maxSize={maxSize}\n onAddItemRef={onAddItemRef}\n />\n </StackContext.Provider>\n );\n};\n\nexport function useStack(): StackContextProps {\n const ctx = useContext(StackContext);\n if (!ctx) {\n throw new Error('useStack must be used within a StackContext.Provider');\n }\n return ctx;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Stack.js","names":["useMemo","useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","value","addItem","useStack","ctx","Error"],"sources":["../../../src/Snackbar/Stack.tsx"],"sourcesContent":["import {\n useMemo,\n useLayoutEffect,\n createContext,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';\n\nexport type StackPlacement =\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-center'\n | 'bottom-left';\n\n// StackItemContext Component\nexport interface StackItemContextProps {\n posY: number | undefined;\n isExiting: boolean;\n onSetHeight(height: number): void;\n onRemoveItem(): void;\n placement: StackPlacement;\n}\n\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\nStackItemContext.displayName = 'StackItemContext';\n\ninterface StackItemProps {\n ref: MutableRefObject<HTMLElement | null>;\n openTimeoutInMilliseconds?: number;\n closeTimeoutInMilliseconds?: number;\n}\n\nexport function useStackItem({\n ref,\n closeTimeoutInMilliseconds = 110,\n}: StackItemProps) {\n const context = useContext(StackItemContext);\n if (!context) {\n return null;\n }\n const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\n /* eslint-disable react-hooks/rules-of-hooks */\n const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\n 'entering'\n );\n\n function onClose() {\n setState('exiting');\n }\n\n useLayoutEffect(() => {\n const height = ref.current?.getBoundingClientRect().height ?? 0;\n onSetHeight(height);\n\n if (isExiting) {\n onClose();\n }\n });\n\n useEffect(() => {\n if (posY !== undefined && state === 'entering') {\n setState('entered');\n }\n }, [state, posY]);\n\n useLayoutEffect(() => {\n if (state === 'exiting') {\n const handle = setTimeout(() => {\n onRemoveItem();\n }, closeTimeoutInMilliseconds);\n\n return () => {\n clearTimeout(handle);\n };\n }\n }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\n\n return {\n translateY: posY,\n state,\n onClose,\n placement,\n };\n /* eslint-enable react-hooks/rules-of-hooks */\n}\n\nfunction StackContent({\n gap = 0,\n placement,\n maxSize,\n onAddItemRef,\n}: {\n gap: number;\n placement: StackPlacement;\n maxSize: number;\n onAddItemRef: MutableRefObject<((element: ReactElement) => void) | null>;\n}) {\n const id = useRef(0);\n const items = useRef<StackItem[]>([]);\n const [, setCounter] = useState(false);\n function rerender() {\n setCounter((v) => !v);\n }\n\n useEffect(() => {\n onAddItemRef.current = (element: ReactElement) => {\n const itemId = String(++id.current);\n\n items.current.push({\n id: itemId,\n height: undefined,\n element,\n isExiting: false,\n });\n // Stack > maxSize? Close items\n if (items.current.length > maxSize) {\n for (let i = 0; i < items.current.length; i++) {\n if (!items.current[i].isExiting) {\n items.current[i].isExiting = true;\n break;\n }\n }\n }\n rerender();\n };\n return () => {\n onAddItemRef.current = null;\n };\n }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\n\n function setHeightById(id: string, height: number) {\n const item = items.current.find(({ id: itemId }) => itemId === id);\n if (item && item.height !== height) {\n item.height = height;\n rerender();\n }\n }\n\n function removeItemById(id: string) {\n const previousLength = items.current.length;\n items.current = items.current.filter(({ id: itemId }) => itemId !== id);\n if (items.current.length !== previousLength) {\n rerender();\n }\n }\n\n let y = 0;\n return (\n <div data-stack-root=\"\">\n {Array.from(items.current).map((item) => {\n let posY: number | undefined = undefined;\n const height = item.height;\n if (height) {\n posY = y;\n y += height + gap;\n }\n\n return (\n <StackItemContext.Provider\n key={item.id}\n value={{\n isExiting: item.isExiting,\n posY,\n onSetHeight: (height: number) => {\n if (height === item.height) {\n return;\n }\n setHeightById(item.id, height);\n },\n onRemoveItem: () => removeItemById(item.id),\n placement,\n }}\n >\n {item.element}\n </StackItemContext.Provider>\n );\n })}\n </div>\n );\n}\n\nexport interface StackContextProps {\n addItem: (element: ReactElement) => void;\n}\n\nconst StackContext = createContext<StackContextProps | null>(null);\n\ninterface StackItem {\n id: string;\n element: ReactElement;\n height: number | undefined;\n isExiting: boolean;\n}\n\nexport const StackProvider: FC<{\n children?: ReactNode | ReactNode[];\n gap?: number;\n placement?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-right'\n | 'bottom-center'\n | 'bottom-left';\n maxSize?: number;\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\n const onAddItemRef = useRef<(element: ReactElement) => void>(null);\n const value = useMemo(\n () => ({\n addItem: (element: ReactElement) => onAddItemRef.current?.(element),\n }),\n []\n );\n\n return (\n <StackContext.Provider value={value}>\n {children}\n <StackContent\n gap={gap}\n placement={placement}\n maxSize={maxSize}\n onAddItemRef={onAddItemRef}\n />\n </StackContext.Provider>\n );\n};\n\nexport function useStack(): StackContextProps {\n const ctx = useContext(StackContext);\n if (!ctx) {\n throw new Error('useStack must be used within a StackContext.Provider');\n }\n return ctx;\n}\n"],"mappings":"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"}
|