@primereact/core 11.0.0-alpha.1

package/use-style/index.d.mts

@@ -0,0 +1,7 @@
+import { useStyleLoadOptions } from '@primereact/types/core';
+
+declare function useStyle(): (((loadOptions?: useStyleLoadOptions) => Element | undefined) | (() => void))[];
+
+declare const defaultUseStyleProps: {};
+
+export { defaultUseStyleProps, useStyle };

package/use-style/index.mjs

@@ -0,0 +1,2 @@
+import{ThemeContext as u}from"@primereact/core/theme";import{isClient as y,isNotEmpty as f}from"@primeuix/utils";import*as n from"react";function R(){let e=n.useContext(u),i=n.useCallback((o={})=>{let{name:t,css:s,element:r,options:c={}}=o;if(y()&&f(s)){let a=r==null?void 0:r.getRootNode();(!a||a===document)&&(a=document.head);let l=a.querySelector(`style[data-primereact-style-id="${t}"]`)||document.createElement("style");return l.isConnected||(c!=null&&c.first?a.prepend(l):a.appendChild(l),l.setAttribute("data-primereact-style-id",t||"")),l.textContent=s!=null?s:"",l}},[e]),p=n.useCallback((o={})=>{var r,c;let{name:t,css:s}=o;if(f(o.css))return t&&!((r=e==null?void 0:e.stylesheet)!=null&&r.has(t))&&!y()&&t!=="layer-order"&&((c=e==null?void 0:e.stylesheet)==null||c.add(t,s)),i(o)},[e]),d=n.useCallback(()=>{e!=null&&e.stylesheet&&e.stylesheet.clear()},[e]);return n.useInsertionEffect(()=>{var o,t;return(t=(o=e==null?void 0:e.stylesheet)==null?void 0:o.getStyles())==null||t.forEach((s,r)=>{i({name:r,css:s==null?void 0:s.css})}),()=>{d()}},[e]),[p,d]}var x={};export{x as defaultUseStyleProps,R as useStyle};
+//# sourceMappingURL=index.mjs.map

package/use-style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/use-style/useStyle.ts","../../src/use-style/useStyle.props.ts"],"sourcesContent":["import { ThemeContext } from '@primereact/core/theme';\nimport type { useStyleLoadOptions } from '@primereact/types/core';\nimport { isClient, isNotEmpty } from '@primeuix/utils';\nimport * as React from 'react';\n\nexport function useStyle() {\n    const theme = React.useContext(ThemeContext);\n\n    const _load = React.useCallback(\n        (loadOptions: useStyleLoadOptions = {}) => {\n            const { name, css, element, options = {} } = loadOptions;\n\n            if (isClient() && isNotEmpty(css)) {\n                let root = element?.getRootNode() as Element | Document | ShadowRoot | null;\n\n                if (!root || root === document) root = document.head;\n\n                const styleElement = root.querySelector(`style[data-primereact-style-id=\"${name}\"]`) || document.createElement('style');\n\n                if (!styleElement.isConnected) {\n                    // @todo - add attributes and prepend\n                    if (options?.first) {\n                        root.prepend(styleElement);\n                    } else {\n                        root.appendChild(styleElement);\n                    }\n\n                    styleElement.setAttribute('data-primereact-style-id', name || '');\n                }\n\n                styleElement.textContent = css ?? '';\n\n                return styleElement;\n            }\n        },\n        [theme]\n    );\n\n    const load = React.useCallback(\n        (loadOptions: useStyleLoadOptions = {}) => {\n            const { name, css } = loadOptions;\n\n            if (isNotEmpty(loadOptions.css)) {\n                // @todo - implement\n                if (name && !theme?.stylesheet?.has(name) && !isClient() && name !== 'layer-order') {\n                    theme?.stylesheet?.add(name, css);\n                }\n\n                return _load(loadOptions);\n            }\n        },\n        [theme]\n    );\n\n    const unload = React.useCallback(() => {\n        if (theme?.stylesheet) {\n            theme.stylesheet.clear();\n        }\n    }, [theme]);\n\n    React.useInsertionEffect(() => {\n        theme?.stylesheet?.getStyles()?.forEach((value, key) => {\n            _load({ name: key, css: value?.css });\n        });\n\n        return () => {\n            unload();\n        };\n    }, [theme]);\n\n    return [load, unload];\n}\n\n// @todo - Remove this\n/*function useCSS(cssMap = {}) {\n    const { theme } = usePrimeReact();\n\n    if (typeof window === 'undefined') {\n        Object.entries(cssMap).forEach(([key, value]) => {\n            config?.sheet?.add(key, value.css);\n        });\n    }\n\n    React.useInsertionEffect(() => {\n        theme.stylesheet?._styles?.forEach((value, key) => {\n            const styleElement = document.head.querySelector(`style[data-primereact-style-id=\"${key}\"]`) || document.createElement('style');\n\n            if (!styleElement.isConnected) {\n                //setAttributes(styleElement, value.styleOptions);\n                value.first ? document.head.prepend(styleElement) : document.head.appendChild(styleElement);\n                setAttribute(styleElement, 'data-primereact-style-id', key);\n                //styleRef.current.onload = (event: React.ReactEventHandler<HTMLStyleElement>) => onStyleLoaded?.(event, { name: styleNameRef.current });\n                //onStyleMounted?.(styleNameRef.current);\n            }\n\n            styleElement.textContent = value.css;\n        });\n    });\n    //return rule;\n}*/\n","export const defaultUseStyleProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,yBAE7B,OAAS,YAAAC,EAAU,cAAAC,MAAkB,kBACrC,UAAYC,MAAW,QAEhB,SAASC,GAAW,CACvB,IAAMC,EAAc,aAAWL,CAAY,EAErCM,EAAc,cAChB,CAACC,EAAmC,CAAC,IAAM,CACvC,GAAM,CAAE,KAAAC,EAAM,IAAAC,EAAK,QAAAC,EAAS,QAAAC,EAAU,CAAC,CAAE,EAAIJ,EAE7C,GAAIN,EAAS,GAAKC,EAAWO,CAAG,EAAG,CAC/B,IAAIG,EAAOF,GAAA,YAAAA,EAAS,eAEhB,CAACE,GAAQA,IAAS,YAAUA,EAAO,SAAS,MAEhD,IAAMC,EAAeD,EAAK,cAAc,mCAAmCJ,CAAI,IAAI,GAAK,SAAS,cAAc,OAAO,EAEtH,OAAKK,EAAa,cAEVF,GAAA,MAAAA,EAAS,MACTC,EAAK,QAAQC,CAAY,EAEzBD,EAAK,YAAYC,CAAY,EAGjCA,EAAa,aAAa,2BAA4BL,GAAQ,EAAE,GAGpEK,EAAa,YAAcJ,GAAA,KAAAA,EAAO,GAE3BI,CACX,CACJ,EACA,CAACR,CAAK,CACV,EAEMS,EAAa,cACf,CAACP,EAAmC,CAAC,IAAM,CAvCnD,IAAAQ,EAAAC,EAwCY,GAAM,CAAE,KAAAR,EAAM,IAAAC,CAAI,EAAIF,EAEtB,GAAIL,EAAWK,EAAY,GAAG,EAE1B,OAAIC,GAAQ,GAACO,EAAAV,GAAA,YAAAA,EAAO,aAAP,MAAAU,EAAmB,IAAIP,KAAS,CAACP,EAAS,GAAKO,IAAS,iBACjEQ,EAAAX,GAAA,YAAAA,EAAO,aAAP,MAAAW,EAAmB,IAAIR,EAAMC,IAG1BH,EAAMC,CAAW,CAEhC,EACA,CAACF,CAAK,CACV,EAEMY,EAAe,cAAY,IAAM,CAC/BZ,GAAA,MAAAA,EAAO,YACPA,EAAM,WAAW,MAAM,CAE/B,EAAG,CAACA,CAAK,CAAC,EAEV,OAAM,qBAAmB,IAAM,CA5DnC,IAAAU,EAAAC,EA6DQ,OAAAA,GAAAD,EAAAV,GAAA,YAAAA,EAAO,aAAP,YAAAU,EAAmB,cAAnB,MAAAC,EAAgC,QAAQ,CAACE,EAAOC,IAAQ,CACpDb,EAAM,CAAE,KAAMa,EAAK,IAAKD,GAAA,YAAAA,EAAO,GAAI,CAAC,CACxC,GAEO,IAAM,CACTD,EAAO,CACX,CACJ,EAAG,CAACZ,CAAK,CAAC,EAEH,CAACS,EAAMG,CAAM,CACxB,CCvEO,IAAMG,EAAuB,CAAC","names":["ThemeContext","isClient","isNotEmpty","React","useStyle","theme","_load","loadOptions","name","css","element","options","root","styleElement","load","_a","_b","unload","value","key","defaultUseStyleProps"]}

package/utils/index.d.mts

@@ -0,0 +1,25 @@
+import * as React$1 from 'react';
+
+declare const combinedRefs: <I = unknown>(innerRef?: React$1.Ref<I>, forwardRef?: React$1.Ref<unknown>) => void;
+
+declare function createSafeContext<T>(defaultValue?: T, message?: string): readonly [({ value, children }: {
+    value: T;
+    children: React$1.ReactNode;
+}) => React$1.JSX.Element, () => T | undefined];
+declare function createOptionalContext<T>(defaultValue?: T): readonly [({ value, children }: {
+    value: T;
+    children: React$1.ReactNode;
+}) => React$1.JSX.Element, () => T | undefined];
+
+declare const StyleRegistry: {
+    _loadedStyleNames: Set<unknown>;
+    getLoadedStyleNames(): Set<unknown>;
+    isStyleNameLoaded(name: string): boolean;
+    setLoadedStyleName(name: string): void;
+    deleteLoadedStyleName(name: string): void;
+    clearLoadedStyleNames(): void;
+};
+
+declare function isValidElement(obj: unknown): obj is React.ReactElement;
+
+export { StyleRegistry, combinedRefs, createOptionalContext, createSafeContext, isValidElement };

package/utils/index.mjs

@@ -0,0 +1,2 @@
+var u=(e,t)=>{e&&t&&(typeof t=="function"?t(e&&"current"in e?e.current:null):"current"in t&&(t.current=e&&"current"in e?e.current:null))};import{resolve as c}from"@primeuix/utils";import*as o from"react";function s(e,t){let r=o.createContext(e);return[({value:n,children:a})=>o.createElement(r.Provider,{value:n},c(a,n)),()=>{let n=o.useContext(r);return n===void 0?t==null?void 0:t():n}]}function x(e,t){return s(e,()=>{throw new Error(t||"Context must be used within a Provider")})}function y(e){return s(e,()=>e)}var S={_loadedStyleNames:new Set,getLoadedStyleNames(){return this._loadedStyleNames},isStyleNameLoaded(e){return this._loadedStyleNames.has(e)},setLoadedStyleName(e){this._loadedStyleNames.add(e)},deleteLoadedStyleName(e){this._loadedStyleNames.delete(e)},clearLoadedStyleNames(){this._loadedStyleNames.clear()}};function N(e){return typeof e=="object"&&e!==null&&(e.$$typeof===Symbol.for("react.transitional.element")||e.$$typeof===Symbol.for("react.element"))}export{S as StyleRegistry,u as combinedRefs,y as createOptionalContext,x as createSafeContext,N as isValidElement};
+//# sourceMappingURL=index.mjs.map

package/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/combinedRefs.ts","../../src/utils/createContext.tsx","../../src/utils/styleRegistry.ts","../../src/utils/index.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const combinedRefs = <I = unknown>(innerRef?: React.Ref<I>, forwardRef?: React.Ref<unknown>) => {\n    if (innerRef && forwardRef) {\n        if (typeof forwardRef === 'function') {\n            forwardRef(innerRef && 'current' in innerRef ? innerRef.current : null);\n        } else {\n            if ('current' in forwardRef) {\n                forwardRef.current = innerRef && 'current' in innerRef ? innerRef.current : null;\n            }\n        }\n    }\n};\n","import { resolve } from '@primeuix/utils';\nimport * as React from 'react';\n\nfunction createContext<T>(defaultValue?: T, fallback?: () => never | T | undefined) {\n    const Context = React.createContext<T | undefined>(defaultValue);\n\n    const useContext = () => {\n        const context = React.useContext(Context);\n\n        if (context === undefined) {\n            return fallback?.();\n        }\n\n        return context;\n    };\n\n    const Provider = ({ value, children }: { value: T; children: React.ReactNode }) => <Context.Provider value={value}>{resolve(children, value)}</Context.Provider>;\n\n    return [Provider, useContext] as const;\n}\n\nexport function createSafeContext<T>(defaultValue?: T, message?: string) {\n    return createContext<T>(defaultValue, () => {\n        throw new Error(message || 'Context must be used within a Provider');\n    });\n}\n\nexport function createOptionalContext<T>(defaultValue?: T) {\n    return createContext<T>(defaultValue, () => {\n        return defaultValue;\n    });\n}\n","export const StyleRegistry = {\n    _loadedStyleNames: new Set(),\n    getLoadedStyleNames() {\n        return this._loadedStyleNames;\n    },\n    isStyleNameLoaded(name: string) {\n        return this._loadedStyleNames.has(name);\n    },\n    setLoadedStyleName(name: string) {\n        this._loadedStyleNames.add(name);\n    },\n    deleteLoadedStyleName(name: string) {\n        this._loadedStyleNames.delete(name);\n    },\n    clearLoadedStyleNames() {\n        this._loadedStyleNames.clear();\n    }\n};\n","export * from './combinedRefs';\nexport * from './createContext';\nexport * from './styleRegistry';\n\nexport function isValidElement(obj: unknown): obj is React.ReactElement {\n    return typeof obj === 'object' && obj !== null && ((obj as React.ExoticComponent).$$typeof === Symbol.for('react.transitional.element') || (obj as React.ExoticComponent).$$typeof === Symbol.for('react.element'));\n}\n"],"mappings":"AAEO,IAAMA,EAAe,CAAcC,EAAyBC,IAAoC,CAC/FD,GAAYC,IACR,OAAOA,GAAe,WACtBA,EAAWD,GAAY,YAAaA,EAAWA,EAAS,QAAU,IAAI,EAElE,YAAaC,IACbA,EAAW,QAAUD,GAAY,YAAaA,EAAWA,EAAS,QAAU,MAI5F,ECZA,OAAS,WAAAE,MAAe,kBACxB,UAAYC,MAAW,QAEvB,SAASC,EAAiBC,EAAkBC,EAAwC,CAChF,IAAMC,EAAgB,gBAA6BF,CAAY,EAc/D,MAAO,CAFU,CAAC,CAAE,MAAAG,EAAO,SAAAC,CAAS,IAA+C,gBAACF,EAAQ,SAAR,CAAiB,MAAOC,GAAQN,EAAQO,EAAUD,CAAK,CAAE,EAV1H,IAAM,CACrB,IAAME,EAAgB,aAAWH,CAAO,EAExC,OAAIG,IAAY,OACLJ,GAAA,YAAAA,IAGJI,CACX,CAI4B,CAChC,CAEO,SAASC,EAAqBN,EAAkBO,EAAkB,CACrE,OAAOR,EAAiBC,EAAc,IAAM,CACxC,MAAM,IAAI,MAAMO,GAAW,wCAAwC,CACvE,CAAC,CACL,CAEO,SAASC,EAAyBR,EAAkB,CACvD,OAAOD,EAAiBC,EAAc,IAC3BA,CACV,CACL,CC/BO,IAAMS,EAAgB,CACzB,kBAAmB,IAAI,IACvB,qBAAsB,CAClB,OAAO,KAAK,iBAChB,EACA,kBAAkBC,EAAc,CAC5B,OAAO,KAAK,kBAAkB,IAAIA,CAAI,CAC1C,EACA,mBAAmBA,EAAc,CAC7B,KAAK,kBAAkB,IAAIA,CAAI,CACnC,EACA,sBAAsBA,EAAc,CAChC,KAAK,kBAAkB,OAAOA,CAAI,CACtC,EACA,uBAAwB,CACpB,KAAK,kBAAkB,MAAM,CACjC,CACJ,ECbO,SAASC,EAAeC,EAAyC,CACpE,OAAO,OAAOA,GAAQ,UAAYA,IAAQ,OAAUA,EAA8B,WAAa,OAAO,IAAI,4BAA4B,GAAMA,EAA8B,WAAa,OAAO,IAAI,eAAe,EACrN","names":["combinedRefs","innerRef","forwardRef","resolve","React","createContext","defaultValue","fallback","Context","value","children","context","createSafeContext","message","createOptionalContext","StyleRegistry","name","isValidElement","obj"]}