@rbxts/uiblox 0.2.0-alpha.35 → 0.2.0-alpha.4

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/speedDial/components/SpeedDial.d.ts

@@ -1,19 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-import { Icons } from "../../../enums/index";
-import { SpeedDialDirection } from "./SpeedDial.styles";
-export interface SpeedDialAction {
-    icon: Icons;
-    disabled?: boolean;
-    onClick?: () => void;
-}
-export interface SpeedDialProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    actions: SpeedDialAction[];
-    icon?: Icons;
-    openIcon?: Icons;
-    disabled?: boolean;
-    direction?: SpeedDialDirection;
-}
-declare function SpeedDial(props: CustomizedProps<Frame, SpeedDialProps>): JSX.Element;
-export default SpeedDial;

package/out/ui/packages/speedDial/components/SpeedDial.luau

@@ -1,97 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Icons
-local Fab = TS.import(script, script.Parent.Parent.Parent, "fab").Fab
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local useSpeedDialStyles = TS.import(script, script.Parent, "SpeedDial.styles").default
-local function SpeedDial(props)
-	local _binding = props
-	local open = _binding.open
-	local onOpenChange = _binding.onOpenChange
-	local actions = _binding.actions
-	local icon = _binding.icon
-	if icon == nil then
-		icon = Icons.OpenBox
-	end
-	local openIcon = _binding.openIcon
-	if openIcon == nil then
-		openIcon = Icons.Close
-	end
-	local disabled = _binding.disabled
-	local direction = _binding.direction
-	if direction == nil then
-		direction = "up"
-	end
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local styles = useSpeedDialStyles({
-		direction = direction,
-	})
-	local mainFirst = direction == "down" or direction == "right"
-	local mainOrder = if mainFirst then 0 else 1000
-	local actionBase = if mainFirst then 1 else 0
-	local _attributes = {
-		tag = "frame",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "SpeedDial"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
-	local _attributes_1 = table.clone(styles.list)
-	setmetatable(_attributes_1, nil)
-	local _exp = React.createElement("uilistlayout", _attributes_1)
-	local _condition_1 = open
-	if _condition_1 then
-		-- ▼ ReadonlyArray.map ▼
-		local _newValue = table.create(#actions)
-		local _callback = function(action, index)
-			return React.createElement(Fab, {
-				key = `Action-{index}`,
-				icon = action.icon,
-				size = "small",
-				disabled = disabled == true or action.disabled == true,
-				onClick = function()
-					local _result = action.onClick
-					if _result ~= nil then
-						_result()
-					end
-					onOpenChange(false)
-				end,
-				className = {
-					LayoutOrder = actionBase + index,
-				},
-			})
-		end
-		for _k, _v in actions do
-			_newValue[_k] = _callback(_v, _k - 1, actions)
-		end
-		-- ▲ ReadonlyArray.map ▲
-		_condition_1 = (React.createElement(React.Fragment, nil, _newValue))
-	end
-	return React.createElement(SxHost, _attributes, _exp, _condition_1, React.createElement(Fab, {
-		key = "Main",
-		icon = if open then openIcon else icon,
-		disabled = disabled,
-		onClick = function()
-			return onOpenChange(not open)
-		end,
-		className = {
-			LayoutOrder = mainOrder,
-		},
-	}))
-end
-local default = SpeedDial
-return {
-	default = default,
-}

package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts

@@ -1,5 +0,0 @@
-export type SpeedDialDirection = "up" | "down" | "left" | "right";
-declare const useSpeedDialStyles: (props: {
-    direction?: SpeedDialDirection;
-}) => import("../../../../theme/index").ClassNameMap<string>;
-export default useSpeedDialStyles;

package/out/ui/packages/speedDial/components/SpeedDial.styles.luau

@@ -1,31 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
-local componentStyles = _theme.componentStyles
-local createStyles = _theme.createStyles
-local useSpeedDialStyles = componentStyles("SpeedDial", function(theme, _param)
-	local direction = _param.direction
-	if direction == nil then
-		direction = "up"
-	end
-	local vertical = direction == "up" or direction == "down"
-	return createStyles({
-		root = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-		},
-		list = {
-			FillDirection = if vertical then Enum.FillDirection.Vertical else Enum.FillDirection.Horizontal,
-			HorizontalAlignment = if direction == "left" then Enum.HorizontalAlignment.Right elseif direction == "right" then Enum.HorizontalAlignment.Left else Enum.HorizontalAlignment.Center,
-			VerticalAlignment = if direction == "up" then Enum.VerticalAlignment.Bottom elseif direction == "down" then Enum.VerticalAlignment.Top else Enum.VerticalAlignment.Center,
-			SortOrder = Enum.SortOrder.LayoutOrder,
-			Padding = UDim.new(0, theme.padding.calc(1)),
-		},
-	})
-end)
-local default = useSpeedDialStyles
-return {
-	default = default,
-}

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

@@ -1,3 +0,0 @@
-export { default as SpeedDial } from "./components/SpeedDial";
-export { SpeedDialProps, SpeedDialAction } from "./components/SpeedDial";
-export { SpeedDialDirection } from "./components/SpeedDial.styles";

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

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

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,
-}

package/out/ui/packages/virtualList/components/EmptyListHint.d.ts

@@ -1,7 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-export interface EmptyListHintProps {
-    text: string;
-    height?: number;
-}
-declare function EmptyListHint(props: CustomizedProps<TextLabel, EmptyListHintProps>): JSX.Element;
-export default EmptyListHint;

package/out/ui/packages/virtualList/components/EmptyListHint.luau

@@ -1,43 +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 useEmptyListHintStyles = TS.import(script, script.Parent, "EmptyListHint.styles").default
-local function EmptyListHint(props)
-	local _binding = props
-	local text = _binding.text
-	local height = _binding.height
-	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 _object = {}
-	local _left = "height"
-	local _condition = height
-	if _condition == nil then
-		_condition = theme.spacing.calc(4)
-	end
-	_object[_left] = _condition
-	local styles = useEmptyListHintStyles(_object)
-	local _attributes = {
-		tag = "textlabel",
-	}
-	local _condition_1 = id
-	if not (_condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1) then
-		_condition_1 = "EmptyListHint"
-	end
-	_attributes.key = _condition_1
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.Text = text
-	return React.createElement(SxHost, _attributes)
-end
-local default = EmptyListHint
-return {
-	default = default,
-}

package/out/ui/packages/virtualList/components/EmptyListHint.styles.d.ts

@@ -1,5 +0,0 @@
-export interface EmptyListHintStyleProps {
-    height: number;
-}
-declare const useEmptyListHintStyles: (props: EmptyListHintStyleProps) => import("../../../../theme/index").ClassNameMap<string>;
-export default useEmptyListHintStyles;

package/out/ui/packages/virtualList/components/EmptyListHint.styles.luau

@@ -1,26 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
-local createStyles = _theme.createStyles
-local componentStyles = _theme.componentStyles
-local useEmptyListHintStyles = componentStyles("EmptyListHint", function(theme, _param)
-	local height = _param.height
-	return createStyles({
-		root = {
-			Size = UDim2.new(1, 0, 0, height),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			TextColor3 = theme.palette.text.secondary,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.body,
-			TextXAlignment = Enum.TextXAlignment.Center,
-			TextYAlignment = Enum.TextYAlignment.Center,
-			TextTruncate = Enum.TextTruncate.AtEnd,
-			ZIndex = 20002,
-		},
-	})
-end)
-local default = useEmptyListHintStyles
-return {
-	default = default,
-}