@rbxts/uiblox 0.2.0-alpha.36 → 0.2.0-alpha.5

package/out/ui/packages/reorder/useReorderDrag.luau

@@ -1,129 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useEffect = _react.useEffect
-local useRef = _react.useRef
-local useState = _react.useState
-local UserInputService = TS.import(script, TS.getModule(script, "@rbxts", "services")).UserInputService
-local _reorder = TS.import(script, script.Parent, "reorder")
-local hitRect = _reorder.hitRect
-local isReorderMove = _reorder.isReorderMove
-local isReorderPress = _reorder.isReorderPress
-local isReorderRelease = _reorder.isReorderRelease
-local passedDragThreshold = _reorder.passedDragThreshold
-local rest = function()
-	return {
-		active = false,
-		x = 0,
-		y = 0,
-	}
-end
-local function useReorderDrag(onDrop, getRects)
-	local drag, setDrag = useState(rest())
-	local tracking = useRef({
-		down = false,
-		active = false,
-		x = 0,
-		y = 0,
-		startX = 0,
-		startY = 0,
-	})
-	local onDropRef = useRef(onDrop)
-	local rectsRef = useRef(getRects)
-	local took = useRef(false)
-	onDropRef.current = onDrop
-	rectsRef.current = getRects
-	local clear = function(drop)
-		local current = tracking.current
-		tracking.current = {
-			down = false,
-			active = false,
-			x = 0,
-			y = 0,
-			startX = 0,
-			startY = 0,
-		}
-		setDrag(rest())
-		if drop and current.active and current.id ~= nil then
-			took.current = true
-			onDropRef.current(current.id, current.overId)
-		end
-	end
-	useEffect(function()
-		local changed = UserInputService.InputChanged:Connect(function(input)
-			local current = tracking.current
-			if not current.down or not isReorderMove(input.UserInputType) then
-				return nil
-			end
-			local x = input.Position.X
-			local y = input.Position.Y
-			local active = current.active or passedDragThreshold(current.startX, current.startY, x, y)
-			local overId = if active then hitRect(rectsRef.current(), x, y) else nil
-			local _object = table.clone(current)
-			setmetatable(_object, nil)
-			_object.active = active
-			_object.x = x
-			_object.y = y
-			_object.overId = overId
-			tracking.current = _object
-			if active then
-				setDrag({
-					active = true,
-					id = current.id,
-					overId = overId,
-					x = x,
-					y = y,
-				})
-			end
-		end)
-		local ended = UserInputService.InputEnded:Connect(function(input)
-			if not tracking.current.down or not isReorderRelease(input.UserInputType) then
-				return nil
-			end
-			clear(true)
-		end)
-		local began = UserInputService.InputBegan:Connect(function(input)
-			if input.KeyCode == Enum.KeyCode.Escape then
-				clear(false)
-			end
-		end)
-		return function()
-			changed:Disconnect()
-			ended:Disconnect()
-			began:Disconnect()
-		end
-	end, {})
-	return {
-		drag = drag,
-		begin = function(id, input)
-			if not isReorderPress(input.UserInputType) then
-				return false
-			end
-			local x = input.Position.X
-			local y = input.Position.Y
-			tracking.current = {
-				down = true,
-				active = false,
-				id = id,
-				x = x,
-				y = y,
-				startX = x,
-				startY = y,
-			}
-			return true
-		end,
-		cancel = function()
-			return clear(false)
-		end,
-		suppressClick = function()
-			if not took.current then
-				return false
-			end
-			took.current = false
-			return true
-		end,
-	}
-end
-return {
-	useReorderDrag = useReorderDrag,
-}

package/out/ui/packages/scroll/components/ScrollView.d.ts

@@ -1,7 +0,0 @@
-import React from "@rbxts/react";
-import { CustomizedProps } from "../../../../theme/index";
-export interface ScrollViewProps {
-    children?: React.ReactNode;
-}
-declare function ScrollView(props: CustomizedProps<ScrollingFrame, ScrollViewProps>): JSX.Element;
-export default ScrollView;

package/out/ui/packages/scroll/components/ScrollView.luau

@@ -1,42 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local function ScrollView(props)
-	local _binding = props
-	local children = _binding.children
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local _binding_1 = useTheme()
-	local theme = _binding_1.theme
-	local root = {
-		Size = UDim2.fromScale(1, 1),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		CanvasSize = UDim2.fromScale(0, 0),
-		AutomaticCanvasSize = Enum.AutomaticSize.Y,
-		ScrollingDirection = Enum.ScrollingDirection.Y,
-		ScrollBarThickness = theme.spacing.calc(0.5),
-		ScrollBarImageColor3 = theme.palette.text.secondary,
-	}
-	local _attributes = {
-		tag = "scrollingframe",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "ScrollView"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = root
-	_attributes.className = className
-	_attributes.sx = sx
-	return React.createElement(SxHost, _attributes, children)
-end
-local default = ScrollView
-return {
-	default = default,
-}

package/out/ui/packages/skeleton/components/skeletonTone.d.ts

@@ -1,20 +0,0 @@
-interface SkeletonPalette {
-    surface: {
-        canvas: Color3;
-        elevated: Color3;
-    };
-    action: {
-        hover: Color3;
-    };
-    text: {
-        secondary: Color3;
-    };
-}
-/** Bone + shimmer peak from semantic tokens; shine always lifts off the bone vs canvas. */
-export declare function skeletonTone(theme: {
-    palette: SkeletonPalette;
-}): {
-    bone: Color3;
-    shine: Color3;
-};
-export {};

package/out/ui/packages/skeleton/components/skeletonTone.luau

@@ -1,14 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local relativeLuminance = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme", "utilites", "colorMath").relativeLuminance
---* Bone + shimmer peak from semantic tokens; shine always lifts off the bone vs canvas. 
-local function skeletonTone(theme)
-	local lightCanvas = relativeLuminance(theme.palette.surface.canvas) > 0.5
-	return {
-		bone = theme.palette.action.hover,
-		shine = if lightCanvas then theme.palette.surface.elevated else theme.palette.text.secondary,
-	}
-end
-return {
-	skeletonTone = skeletonTone,
-}

package/out/ui/packages/slider/components/sliderMarks.d.ts

@@ -1 +0,0 @@
-export declare function sliderMarkValues(min: number, max: number, step: number | undefined, marks: boolean | ReadonlyArray<number> | undefined): number[];

package/out/ui/packages/slider/components/sliderMarks.luau

@@ -1,37 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function sliderMarkValues(min, max, step, marks)
-	if marks == nil or marks == false then
-		return {}
-	end
-	if marks ~= true then
-		local out = {}
-		for _, value in marks do
-			if value >= min and value <= max then
-				table.insert(out, value)
-			end
-		end
-		return out
-	end
-	local span = max - min
-	if span <= 0 then
-		return { min }
-	end
-	local increment = if step ~= nil and step > 0 then step else span
-	local out = {}
-	local value = min
-	local guard = 0
-	while value <= max + increment * 1e-9 and guard < 64 do
-		local _arg0 = math.clamp(value, min, max)
-		table.insert(out, _arg0)
-		value += increment
-		guard += 1
-	end
-	if out[#out] ~= max then
-		local _max = max
-		table.insert(out, _max)
-	end
-	return out
-end
-return {
-	sliderMarkValues = sliderMarkValues,
-}

package/out/ui/packages/snackbar/components/snackbarAction.d.ts

@@ -1 +0,0 @@
-export declare function snackbarActionLabel(action?: string): string | undefined;

package/out/ui/packages/snackbar/components/snackbarAction.luau

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function snackbarActionLabel(action)
-	if action == nil or #action == 0 then
-		return nil
-	end
-	return action
-end
-return {
-	snackbarActionLabel = snackbarActionLabel,
-}

package/out/ui/packages/sparkline/components/Sparkline.d.ts

@@ -1,9 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-export interface SparklineProps {
-    values: number[];
-    width?: number;
-    height?: number;
-    color?: Color3;
-}
-declare function Sparkline(props: CustomizedProps<Frame, SparklineProps>): JSX.Element;
-export default Sparkline;

package/out/ui/packages/sparkline/components/Sparkline.luau

@@ -1,66 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local sparklineLayout = TS.import(script, script.Parent.Parent, "sparklineLayout").sparklineLayout
-local function Sparkline(props)
-	local _binding = props
-	local values = _binding.values
-	local width = _binding.width
-	if width == nil then
-		width = 120
-	end
-	local height = _binding.height
-	if height == nil then
-		height = 36
-	end
-	local color = _binding.color
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local _binding_1 = useTheme()
-	local theme = _binding_1.theme
-	local segments = sparklineLayout(values, width, height)
-	local stroke = color or theme.palette.primary.main
-	local _attributes = {
-		tag = "frame",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "Sparkline"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = {
-		Size = UDim2.fromOffset(width, height),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		ClipsDescendants = true,
-	}
-	_attributes.className = className
-	_attributes.sx = sx
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#segments)
-	local _callback = function(segment, index)
-		return React.createElement("frame", {
-			key = `s-{index}`,
-			AnchorPoint = Vector2.new(0.5, 0.5),
-			Position = UDim2.fromOffset(segment.x, segment.y),
-			Size = UDim2.fromOffset(segment.length, 2),
-			Rotation = segment.rotation,
-			BackgroundColor3 = stroke,
-			BorderSizePixel = 0,
-		})
-	end
-	for _k, _v in segments do
-		_newValue[_k] = _callback(_v, _k - 1, segments)
-	end
-	-- ▲ ReadonlyArray.map ▲
-	return React.createElement(SxHost, _attributes, _newValue)
-end
-local default = Sparkline
-return {
-	default = default,
-}

package/out/ui/packages/sparkline/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Sparkline } from "./components/Sparkline";
-export { SparklineProps } from "./components/Sparkline";
-export { sparklineLayout, SparkSegment } from "./sparklineLayout";

package/out/ui/packages/sparkline/init.luau

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

package/out/ui/packages/sparkline/sparklineLayout.d.ts

@@ -1,8 +0,0 @@
-export interface SparkSegment {
-    x: number;
-    y: number;
-    length: number;
-    rotation: number;
-}
-/** Line segments for a number series. Empty and single-point series draw nothing. */
-export declare function sparklineLayout(values: number[], width: number, height: number, pad?: number): SparkSegment[];

package/out/ui/packages/sparkline/sparklineLayout.luau

@@ -1,75 +0,0 @@
--- Compiled with roblox-ts v3.0.0
---* Line segments for a number series. Empty and single-point series draw nothing. 
-local function sparklineLayout(values, width, height, pad)
-	if pad == nil then
-		pad = 4
-	end
-	local count = #values
-	if count < 2 or width <= pad * 2 or height <= pad * 2 then
-		return {}
-	end
-	local min = values[1]
-	local max = values[1]
-	for _, value in values do
-		if value < min then
-			min = value
-		end
-		if value > max then
-			max = value
-		end
-	end
-	local span = math.max(max - min, 1)
-	local innerW = width - pad * 2
-	local innerH = height - pad * 2
-	local step = innerW / (count - 1)
-	local points = {}
-	do
-		local index = 0
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				index += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (index < count) then
-				break
-			end
-			local _arg0 = {
-				x = pad + index * step,
-				y = pad + (1 - (values[index + 1] - min) / span) * innerH,
-			}
-			table.insert(points, _arg0)
-		end
-	end
-	local segments = {}
-	do
-		local index = 0
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				index += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (index < count - 1) then
-				break
-			end
-			local start = points[index + 1]
-			local finish = points[index + 2]
-			local dx = finish.x - start.x
-			local dy = finish.y - start.y
-			local _arg0 = {
-				x = (start.x + finish.x) / 2,
-				y = (start.y + finish.y) / 2,
-				length = math.sqrt(dx * dx + dy * dy),
-				rotation = math.deg(math.atan2(dy, dx)),
-			}
-			table.insert(segments, _arg0)
-		end
-	end
-	return segments
-end
-return {
-	sparklineLayout = sparklineLayout,
-}

package/out/ui/packages/table/components/tableColumns.d.ts

@@ -1,26 +0,0 @@
-export type TableAlign = "left" | "center" | "right";
-export type TableSortDirection = "asc" | "desc";
-export interface TableColumnSpec {
-    header: unknown;
-    width?: number | UDim;
-    flex?: number;
-    align?: TableAlign;
-    sortable?: boolean;
-}
-export interface ResolvedColumn {
-    header: unknown;
-    width?: number | UDim;
-    flex?: number;
-    align: TableAlign;
-    sortable: boolean;
-}
-export interface ColumnSize {
-    scale: number;
-    offset: number;
-}
-export declare function resolveColumn(column: string | TableColumnSpec): ResolvedColumn;
-/** Scale/offset for each column. Number widths are scales. Flex shares whatever scale is left. */
-export declare function columnSizes(columns: ReadonlyArray<Pick<ResolvedColumn, "width" | "flex">>): ColumnSize[];
-export declare function isTextCell(value: unknown): value is string | undefined;
-export declare function canSort(sortable: boolean | undefined, hasHandler: boolean): boolean;
-export declare function headerText(label: string, active: boolean, direction?: TableSortDirection): string;

package/out/ui/packages/table/components/tableColumns.luau

@@ -1,92 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function resolveColumn(column)
-	local _column = column
-	if type(_column) == "string" then
-		return {
-			header = column,
-			align = "left",
-			sortable = false,
-		}
-	end
-	return {
-		header = column.header,
-		width = column.width,
-		flex = column.flex,
-		align = column.align or "left",
-		sortable = column.sortable == true,
-	}
-end
---* Scale/offset for each column. Number widths are scales. Flex shares whatever scale is left. 
-local function columnSizes(columns)
-	local fixed = 0
-	local flexTotal = 0
-	for _, column in columns do
-		local width = column.width
-		if type(width) == "number" then
-			fixed += width
-		elseif width ~= nil then
-			fixed += width.Scale
-		else
-			local _condition = column.flex
-			if _condition == nil then
-				_condition = 1
-			end
-			flexTotal += _condition
-		end
-	end
-	local remain = math.max(0, 1 - fixed)
-	local sizes = {}
-	for _, column in columns do
-		local width = column.width
-		if type(width) == "number" then
-			local _arg0 = {
-				scale = width,
-				offset = 0,
-			}
-			table.insert(sizes, _arg0)
-		elseif width ~= nil then
-			local _arg0 = {
-				scale = width.Scale,
-				offset = width.Offset,
-			}
-			table.insert(sizes, _arg0)
-		else
-			local _condition = column.flex
-			if _condition == nil then
-				_condition = 1
-			end
-			local flex = _condition
-			local share = if flexTotal > 0 then (flex / flexTotal) * remain else 0
-			local _arg0 = {
-				scale = share,
-				offset = 0,
-			}
-			table.insert(sizes, _arg0)
-		end
-	end
-	return sizes
-end
-local function isTextCell(value)
-	local _value = value
-	local _condition = type(_value) == "string"
-	if not _condition then
-		_condition = value == nil
-	end
-	return _condition
-end
-local function canSort(sortable, hasHandler)
-	return sortable == true and hasHandler
-end
-local function headerText(label, active, direction)
-	if not active then
-		return label
-	end
-	return if direction == "desc" then `{label} ↓` else `{label} ↑`
-end
-return {
-	resolveColumn = resolveColumn,
-	columnSizes = columnSizes,
-	isTextCell = isTextCell,
-	canSort = canSort,
-	headerText = headerText,
-}

package/out/ui/packages/tabs/components/tabsOrientation.d.ts

@@ -1,2 +0,0 @@
-export type TabsOrientation = "horizontal" | "vertical";
-export declare function tabsIsVertical(orientation?: TabsOrientation): orientation is "vertical";

package/out/ui/packages/tabs/components/tabsOrientation.luau

@@ -1,7 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function tabsIsVertical(orientation)
-	return orientation == "vertical"
-end
-return {
-	tabsIsVertical = tabsIsVertical,
-}