@rbxts/uiblox 0.1.44 → 0.1.46

package/out/theme/context/{provider.d.ts → ThemeProvider.d.ts}

@@ -1,12 +1,11 @@
 import React, { PropsWithChildren } from "@rbxts/react";
-import { ThemeDispatch, ThemeState } from "../types/index";
 import { Theme } from "../interfaces/index";
 export declare const ThemeContext: React.Context<{
-    state: ThemeState;
-    dispatch: ThemeDispatch | undefined;
+    theme: Theme;
+    setTheme?: React.Dispatch<React.SetStateAction<Theme>>;
 }>;
 export interface ThemeProviderProps {
-    theme?: Theme;
+    initialTheme?: Theme;
 }
 export declare function ThemeProvider(props: PropsWithChildren<ThemeProviderProps>): JSX.Element;
-export default ThemeContext;
+export default ThemeProvider;

package/out/theme/context/ThemeProvider.luau

@@ -0,0 +1,34 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useEffect = _react.useEffect
+local useMemo = _react.useMemo
+local useState = _react.useState
+local DEFAULT_THEME = TS.import(script, script.Parent.Parent, "constants").DEFAULT_THEME
+local ThemeContext = React.createContext({
+	theme = DEFAULT_THEME,
+})
+local function ThemeProvider(props)
+	local _binding = props
+	local initialTheme = _binding.initialTheme
+	local theme, setTheme = useState(initialTheme or DEFAULT_THEME)
+	useEffect(function()
+		setTheme(initialTheme or DEFAULT_THEME)
+	end, { initialTheme })
+	local memoizedValue = useMemo(function()
+		return {
+			theme = theme,
+			setTheme = setTheme,
+		}
+	end, { theme })
+	return React.createElement(ThemeContext.Provider, {
+		value = memoizedValue,
+	}, props.children)
+end
+local default = ThemeProvider
+return {
+	ThemeProvider = ThemeProvider,
+	ThemeContext = ThemeContext,
+	default = default,
+}

package/out/theme/context/index.d.ts

@@ -1,3 +1,2 @@
-export { default as ThemeContext } from "./provider";
-export * from "./provider";
-export { default as themeReducer } from "./reducer";
+export { default as ThemeProvider } from "./ThemeProvider";
+export * from "./ThemeProvider";

package/out/theme/context/init.luau

@@ -1,9 +1,8 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
-exports.ThemeContext = TS.import(script, script, "provider").default
-for _k, _v in TS.import(script, script, "provider") or {} do
+exports.ThemeProvider = TS.import(script, script, "ThemeProvider").default
+for _k, _v in TS.import(script, script, "ThemeProvider") or {} do
 	exports[_k] = _v
 end
-exports.themeReducer = TS.import(script, script, "reducer").default
 return exports

package/out/theme/hooks/useTheme.d.ts

@@ -1,5 +1,4 @@
-declare function useTheme(): {
-    state: import("../index").ThemeState;
-    dispatch: import("../index").ThemeDispatch | undefined;
+export default function useTheme(): {
+    theme: import("../index").Theme;
+    setTheme?: import("@rbxts/react").Dispatch<import("@rbxts/react").SetStateAction<import("..").Theme>>;
 };
-export default useTheme;

package/out/theme/hooks/useTheme.luau

@@ -3,13 +3,8 @@ local TS = _G[script]
 local useContext = TS.import(script, TS.getModule(script, "@rbxts", "react")).useContext
 local ThemeContext = TS.import(script, script.Parent.Parent, "context").ThemeContext
 local function useTheme()
-	local context = useContext(ThemeContext)
-	if not context then
-		error(error("Missing ThemeProvider"))
-	end
-	return context
+	return useContext(ThemeContext)
 end
-local default = useTheme
 return {
-	default = default,
+	default = useTheme,
 }

package/out/theme/index.d.ts

@@ -1,10 +1,9 @@
 export { default as Theme } from "./interfaces/theme/Theme";
-export { useThemeCallbacks } from "./callbacks/index";
 export * from "./constants/index";
 export { DEFAULT_THEME } from "./constants/index";
 export * from "./context/index";
 export { ThemeProvider } from "./context/index";
-export { themeReducer } from "./context/index";
+export { ThemeContext } from "./context/index";
 export * from "./enums/index";
 export { useTheme } from "./hooks/index";
 export * from "./interfaces/index";

package/out/theme/init.luau

@@ -1,7 +1,6 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
-exports.useThemeCallbacks = TS.import(script, script, "callbacks").useThemeCallbacks
 for _k, _v in TS.import(script, script, "constants") or {} do
 	exports[_k] = _v
 end
@@ -10,7 +9,7 @@ for _k, _v in TS.import(script, script, "context") or {} do
 	exports[_k] = _v
 end
 exports.ThemeProvider = TS.import(script, script, "context").ThemeProvider
-exports.themeReducer = TS.import(script, script, "context").themeReducer
+exports.ThemeContext = TS.import(script, script, "context").ThemeContext
 for _k, _v in TS.import(script, script, "enums") or {} do
 	exports[_k] = _v
 end

package/out/theme/styles/utilities/makeStyles.luau

@@ -6,9 +6,7 @@ local makeStyles = function(f)
 	return function(props)
 		local _exitType, _returns = TS.try(function()
 			local _binding = useTheme()
-			local state = _binding.state
-			local _binding_1 = state
-			local theme = _binding_1.theme
+			local theme = _binding.theme
 			local _fn = f
 			local _exp = theme or DefaultTheme
 			local _condition = props

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.1.44",
+	"version": "0.1.46",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {

package/out/theme/callbacks/index.d.ts

@@ -1 +0,0 @@
-export { default as useThemeCallbacks } from "./useThemeCallbacks";

package/out/theme/callbacks/init.luau

@@ -1,5 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local exports = {}
-exports.useThemeCallbacks = TS.import(script, script, "useThemeCallbacks").default
-return exports

package/out/theme/callbacks/useThemeCallbacks.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from "../interfaces/index";
-declare function useThemeCallbacks(): {
-    onSetTheme: (theme: Theme) => void;
-} | {
-    onSetTheme?: undefined;
-};
-export default useThemeCallbacks;

package/out/theme/callbacks/useThemeCallbacks.luau

@@ -1,23 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local useMemo = TS.import(script, TS.getModule(script, "@rbxts", "react")).useMemo
-local ThemeActionTypes = TS.import(script, script.Parent.Parent, "enums").ThemeActionTypes
-local useTheme = TS.import(script, script.Parent.Parent, "hooks").useTheme
-local function useThemeCallbacks()
-	local _binding = useTheme()
-	local dispatch = _binding.dispatch
-	return useMemo(function()
-		return if dispatch then {
-			onSetTheme = function(theme)
-				return dispatch({
-					type = ThemeActionTypes.SetTheme,
-					theme = theme,
-				})
-			end,
-		} else {}
-	end, { dispatch })
-end
-local default = useThemeCallbacks
-return {
-	default = default,
-}

package/out/theme/context/provider.luau

@@ -1,38 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local React = _react
-local useEffect = _react.useEffect
-local useReducer = _react.useReducer
-local themeReducer = TS.import(script, script.Parent, "reducer").default
-local INITIAL_THEME_STATE = TS.import(script, script.Parent.Parent, "constants").INITIAL_THEME_STATE
-local ThemeActionTypes = TS.import(script, script.Parent.Parent, "enums").ThemeActionTypes
-local ThemeContext = React.createContext({
-	state = INITIAL_THEME_STATE,
-	dispatch = nil,
-})
-local function ThemeProvider(props)
-	local _binding = props
-	local theme = _binding.theme
-	local _object = table.clone(INITIAL_THEME_STATE)
-	setmetatable(_object, nil)
-	_object.theme = theme or INITIAL_THEME_STATE.theme
-	local state, dispatch = useReducer(themeReducer, _object)
-	useEffect(function()
-		dispatch({
-			type = ThemeActionTypes.Hydrate,
-		})
-	end, { dispatch })
-	return React.createElement(ThemeContext.Provider, {
-		value = {
-			state = state,
-			dispatch = dispatch,
-		},
-	}, props.children)
-end
-local default = ThemeContext
-return {
-	ThemeProvider = ThemeProvider,
-	ThemeContext = ThemeContext,
-	default = default,
-}

package/out/theme/context/reducer.d.ts

@@ -1,3 +0,0 @@
-import { ThemeAction, ThemeState } from "../types/index";
-declare function themeReducer(state: ThemeState | undefined, action: ThemeAction): ThemeState;
-export default themeReducer;

package/out/theme/context/reducer.luau

@@ -1,26 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local INITIAL_THEME_STATE = TS.import(script, script.Parent.Parent, "constants").INITIAL_THEME_STATE
-local ThemeActionTypes = TS.import(script, script.Parent.Parent, "enums").ThemeActionTypes
-local function themeReducer(state, action)
-	if action.type == ThemeActionTypes.Hydrate then
-		local _object = table.clone(INITIAL_THEME_STATE)
-		setmetatable(_object, nil)
-		_object.theme = action.theme or INITIAL_THEME_STATE.theme
-		return _object
-	end
-	if not state then
-		error(error("State is undefined"))
-	end
-	if action.type == ThemeActionTypes.SetTheme then
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.theme = action.theme
-		return _object
-	end
-	error(error(`Unhandled action type: {action}`))
-end
-local default = themeReducer
-return {
-	default = default,
-}