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

package/out/ui/packages/dateRange/components/DateRangePicker.luau

@@ -1,253 +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 _dateRangeValue = TS.import(script, script.Parent.Parent, "dateRangeValue")
-local dateStamp = _dateRangeValue.dateStamp
-local daysInMonth = _dateRangeValue.daysInMonth
-local formatStamp = _dateRangeValue.formatStamp
-local orderSpan = _dateRangeValue.orderSpan
-local shiftMonth = _dateRangeValue.shiftMonth
-local weekday = _dateRangeValue.weekday
-local MONTHS = { "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" }
-local WEEKDAYS = { "S", "M", "T", "W", "T", "F", "S" }
-local function covers(stamp, value)
-	if value.start == nil then
-		return false
-	end
-	if value.finish == nil then
-		return stamp == value.start
-	end
-	local first = math.min(value.start, value.finish)
-	local last = math.max(value.start, value.finish)
-	return stamp >= first and stamp <= last
-end
-local function DateRangePicker(props)
-	local _binding = props
-	local year = _binding.year
-	local month = _binding.month
-	local value = _binding.value
-	local onChange = _binding.onChange
-	local onMonthChange = _binding.onMonthChange
-	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 lead = weekday(year, month, 1)
-	local count = daysInMonth(year, month)
-	local cells = {}
-	do
-		local index = 0
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				index += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (index < lead) then
-				break
-			end
-			local _arg0 = {
-				order = index,
-			}
-			table.insert(cells, _arg0)
-		end
-	end
-	do
-		local day = 1
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				day += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (day <= count) then
-				break
-			end
-			local _arg0 = {
-				day = day,
-				stamp = dateStamp(year, month, day),
-				order = lead + day - 1,
-			}
-			table.insert(cells, _arg0)
-		end
-	end
-	local pick = function(stamp)
-		if value.start == nil or value.finish ~= nil then
-			onChange({
-				start = stamp,
-			})
-		else
-			onChange(orderSpan(value.start, stamp))
-		end
-	end
-	local move = function(delta)
-		local shifted = shiftMonth(year, month, delta)
-		onMonthChange(shifted.year, shifted.month)
-	end
-	local _attributes = {
-		tag = "frame",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "DateRangePicker"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = {
-		Size = UDim2.new(1, 0, 0, 0),
-		AutomaticSize = Enum.AutomaticSize.Y,
-		BackgroundColor3 = theme.palette.surface.paper,
-		BorderSizePixel = 0,
-	}
-	_attributes.className = className
-	_attributes.sx = sx
-	local _exp = React.createElement("uipadding", {
-		PaddingTop = UDim.new(0, 8),
-		PaddingBottom = UDim.new(0, 8),
-		PaddingLeft = UDim.new(0, 8),
-		PaddingRight = UDim.new(0, 8),
-	})
-	local _exp_1 = React.createElement("uilistlayout", {
-		FillDirection = Enum.FillDirection.Vertical,
-		Padding = UDim.new(0, 8),
-		SortOrder = Enum.SortOrder.LayoutOrder,
-	})
-	local _exp_2 = React.createElement("textbutton", {
-		Text = "Prev",
-		Size = UDim2.fromOffset(56, 28),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		TextColor3 = theme.palette.text.secondary,
-		Font = theme.typography.fontFamilies.default,
-		TextSize = theme.typography.fontSizes.caption,
-		Event = {
-			Activated = function()
-				return move(-1)
-			end,
-		},
-	})
-	local _attributes_1 = {}
-	local _condition_1 = MONTHS[month]
-	if _condition_1 == nil then
-		_condition_1 = ""
-	end
-	_attributes_1.Text = `{_condition_1} {year}`
-	_attributes_1.AnchorPoint = Vector2.new(0.5, 0)
-	_attributes_1.Position = UDim2.fromScale(0.5, 0)
-	_attributes_1.Size = UDim2.fromOffset(140, 28)
-	_attributes_1.BackgroundTransparency = 1
-	_attributes_1.BorderSizePixel = 0
-	_attributes_1.TextColor3 = theme.palette.text.primary
-	_attributes_1.Font = theme.typography.fontFamilies.semibold
-	_attributes_1.TextSize = theme.typography.fontSizes.body
-	local _exp_3 = React.createElement("frame", {
-		Size = UDim2.new(1, 0, 0, 28),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		LayoutOrder = 0,
-	}, _exp_2, React.createElement("textlabel", _attributes_1), React.createElement("textbutton", {
-		Text = "Next",
-		AnchorPoint = Vector2.new(1, 0),
-		Position = UDim2.fromScale(1, 0),
-		Size = UDim2.fromOffset(56, 28),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		TextColor3 = theme.palette.text.secondary,
-		Font = theme.typography.fontFamilies.default,
-		TextSize = theme.typography.fontSizes.caption,
-		Event = {
-			Activated = function()
-				return move(1)
-			end,
-		},
-	}))
-	local _exp_4 = React.createElement("textlabel", {
-		Text = if value.start == nil then "Choose a start and finish" elseif value.finish == nil then formatStamp(value.start) else `{formatStamp(value.start)} – {formatStamp(value.finish)}`,
-		Size = UDim2.new(1, 0, 0, 16),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		TextXAlignment = Enum.TextXAlignment.Left,
-		TextColor3 = theme.palette.text.secondary,
-		Font = theme.typography.fontFamilies.default,
-		TextSize = theme.typography.fontSizes.caption,
-		LayoutOrder = 1,
-	})
-	local _exp_5 = React.createElement("uigridlayout", {
-		CellSize = UDim2.fromOffset(36, 28),
-		CellPadding = UDim2.fromOffset(4, 4),
-		FillDirectionMaxCells = 7,
-		SortOrder = Enum.SortOrder.LayoutOrder,
-	})
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#WEEKDAYS)
-	local _callback = function(label, index)
-		return React.createElement("textlabel", {
-			key = `week-{index}`,
-			Text = label,
-			LayoutOrder = index,
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			TextColor3 = theme.palette.text.secondary,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.caption,
-		})
-	end
-	for _k, _v in WEEKDAYS do
-		_newValue[_k] = _callback(_v, _k - 1, WEEKDAYS)
-	end
-	-- ▲ ReadonlyArray.map ▲
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue_1 = table.create(#cells)
-	local _callback_1 = function(cell)
-		local stamp = cell.stamp
-		local chosen = stamp ~= nil and covers(stamp, value)
-		local endpoint = stamp ~= nil and (stamp == value.start or stamp == value.finish)
-		if stamp == nil or cell.day == nil then
-			return React.createElement("frame", {
-				key = `blank-{cell.order}`,
-				LayoutOrder = 10 + cell.order,
-				BackgroundTransparency = 1,
-				BorderSizePixel = 0,
-			})
-		end
-		return React.createElement("textbutton", {
-			key = `day-{stamp}`,
-			Text = tostring(cell.day),
-			LayoutOrder = 10 + cell.order,
-			BackgroundColor3 = if chosen then theme.palette.primary.main else theme.palette.surface.input,
-			BackgroundTransparency = if chosen and not endpoint then 0.55 else 0,
-			BorderSizePixel = 0,
-			TextColor3 = if endpoint then theme.palette.primary.on else theme.palette.text.primary,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.body,
-			AutoButtonColor = false,
-			Event = {
-				Activated = function()
-					return pick(stamp)
-				end,
-			},
-		}, React.createElement("uicorner", {
-			CornerRadius = UDim.new(0, 4),
-		}))
-	end
-	for _k, _v in cells do
-		_newValue_1[_k] = _callback_1(_v, _k - 1, cells)
-	end
-	-- ▲ ReadonlyArray.map ▲
-	return React.createElement(SxHost, _attributes, _exp, _exp_1, _exp_3, _exp_4, React.createElement("frame", {
-		Size = UDim2.new(1, 0, 0, 248),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		LayoutOrder = 2,
-	}, _exp_5, _newValue, _newValue_1))
-end
-local default = DateRangePicker
-return {
-	default = default,
-}

package/out/ui/packages/dateRange/dateRangeValue.d.ts

@@ -1,18 +0,0 @@
-export interface DateSpan {
-    start?: number;
-    finish?: number;
-}
-export declare function isLeapYear(year: number): boolean;
-export declare function daysInMonth(year: number, month: number): number;
-/** Sunday is 0. */
-export declare function weekday(year: number, month: number, day: number): number;
-export declare function dateStamp(year: number, month: number, day: number): number;
-export declare function shiftMonth(year: number, month: number, delta: number): {
-    year: number;
-    month: number;
-};
-export declare function orderSpan(first: number, second: number): DateSpan;
-export declare function dayIndex(stamp: number): number;
-export declare function nightsBetween(start: number, finish: number): number;
-export declare function formatStamp(stamp: number): string;
-export declare function formatSpan(value: DateSpan): string;

package/out/ui/packages/dateRange/dateRangeValue.luau

@@ -1,121 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local MONTHS = { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" }
-local MONTH_LENGTHS = { 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 }
-local WEEKDAY_OFFSET = { 0, 3, 2, 5, 0, 3, 5, 1, 4, 6, 2, 4 }
-local function isLeapYear(year)
-	return year % 4 == 0 and (year % 100 ~= 0 or year % 400 == 0)
-end
-local function daysInMonth(year, month)
-	if month == 2 and isLeapYear(year) then
-		return 29
-	end
-	local _condition = MONTH_LENGTHS[month]
-	if _condition == nil then
-		_condition = 30
-	end
-	return _condition
-end
---* Sunday is 0. 
-local function weekday(year, month, day)
-	local adjusted = year
-	if month < 3 then
-		adjusted -= 1
-	end
-	local sum = adjusted + math.floor(adjusted / 4) - math.floor(adjusted / 100) + math.floor(adjusted / 400) + WEEKDAY_OFFSET[month] + day
-	return sum % 7
-end
-local function dateStamp(year, month, day)
-	return year * 10000 + month * 100 + day
-end
-local function shiftMonth(year, month, delta)
-	local index = year * 12 + (month - 1) + delta
-	local nextYear = math.floor(index / 12)
-	local remainder = index % 12
-	if remainder < 0 then
-		remainder += 12
-		nextYear -= 1
-	end
-	return {
-		year = nextYear,
-		month = remainder + 1,
-	}
-end
-local function orderSpan(first, second)
-	return if first <= second then {
-		start = first,
-		finish = second,
-	} else {
-		start = second,
-		finish = first,
-	}
-end
-local function dayIndex(stamp)
-	local year = math.floor(stamp / 10000)
-	local month = math.floor(stamp / 100) % 100
-	local day = stamp % 100
-	local index = day
-	do
-		local cursor = 1
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				cursor += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (cursor < year) then
-				break
-			end
-			index += if isLeapYear(cursor) then 366 else 365
-		end
-	end
-	do
-		local cursor = 1
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				cursor += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (cursor < month) then
-				break
-			end
-			index += daysInMonth(year, cursor)
-		end
-	end
-	return index
-end
-local function nightsBetween(start, finish)
-	return math.abs(dayIndex(finish) - dayIndex(start))
-end
-local function formatStamp(stamp)
-	local month = math.floor(stamp / 100) % 100
-	local day = stamp % 100
-	local _condition = MONTHS[month]
-	if _condition == nil then
-		_condition = "Day"
-	end
-	return `{_condition} {day}`
-end
-local function formatSpan(value)
-	if value.start == nil then
-		return "Choose dates"
-	end
-	if value.finish == nil then
-		return formatStamp(value.start)
-	end
-	return `{formatStamp(value.start)} – {formatStamp(value.finish)}`
-end
-return {
-	isLeapYear = isLeapYear,
-	daysInMonth = daysInMonth,
-	weekday = weekday,
-	dateStamp = dateStamp,
-	shiftMonth = shiftMonth,
-	orderSpan = orderSpan,
-	dayIndex = dayIndex,
-	nightsBetween = nightsBetween,
-	formatStamp = formatStamp,
-	formatSpan = formatSpan,
-}

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

@@ -1,3 +0,0 @@
-export { default as DateRangePicker } from "./components/DateRangePicker";
-export { DateRangePickerProps } from "./components/DateRangePicker";
-export { DateSpan, dateStamp, dayIndex, daysInMonth, formatSpan, formatStamp, isLeapYear, nightsBetween, orderSpan, shiftMonth, weekday, } from "./dateRangeValue";

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

@@ -1,16 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local exports = {}
-exports.DateRangePicker = TS.import(script, script, "components", "DateRangePicker").default
-local _dateRangeValue = TS.import(script, script, "dateRangeValue")
-exports.dateStamp = _dateRangeValue.dateStamp
-exports.dayIndex = _dateRangeValue.dayIndex
-exports.daysInMonth = _dateRangeValue.daysInMonth
-exports.formatSpan = _dateRangeValue.formatSpan
-exports.formatStamp = _dateRangeValue.formatStamp
-exports.isLeapYear = _dateRangeValue.isLeapYear
-exports.nightsBetween = _dateRangeValue.nightsBetween
-exports.orderSpan = _dateRangeValue.orderSpan
-exports.shiftMonth = _dateRangeValue.shiftMonth
-exports.weekday = _dateRangeValue.weekday
-return exports

package/out/ui/packages/divider/components/dividerLabel.d.ts

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

package/out/ui/packages/divider/components/dividerLabel.luau

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

package/out/ui/packages/host/components/SxHost.d.ts

@@ -1,18 +0,0 @@
-import React from "@rbxts/react";
-import { StyleState } from "../../../../theme/styles/utilities/resolveStyle";
-import { SxInput } from "../../../../theme/styles/utilities/resolveSx";
-export interface SxHostProps {
-    tag?: string;
-    base?: object;
-    className?: object;
-    sx?: SxInput | object;
-    state?: StyleState;
-    hostRef?: React.Ref<any>;
-    children?: React.ReactNode;
-    [key: string]: unknown;
-}
-declare function SxHost(props: SxHostProps): React.ReactElement<{
-    ref: (instance: GuiObject) => void;
-    children: React.Element<any, string | React.JSXElementConstructor<any>>[];
-}, string | React.JSXElementConstructor<any>>;
-export default SxHost;

package/out/ui/packages/host/components/SxHost.luau

@@ -1,210 +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 useRef = _react.useRef
-local useState = _react.useState
-local observeViewport = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "hooks", "viewportObserver").observeViewport
-local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
-local _hostRules = TS.import(script, script.Parent.Parent, "hostRules")
-local elementProps = _hostRules.elementProps
-local elementType = _hostRules.elementType
-local hostKind = _hostRules.hostKind
-local hostRest = _hostRules.hostRest
-local layoutGapPatch = _hostRules.layoutGapPatch
-local sxUsesBreakpoints = _hostRules.sxUsesBreakpoints
-local paintHostStyle = TS.import(script, script.Parent.Parent, "hostPaint").paintHostStyle
-local function setRef(hostRef, instance)
-	if hostRef == nil then
-		return nil
-	end
-	local _hostRef = hostRef
-	if type(_hostRef) == "function" then
-		hostRef(instance)
-		return nil
-	end
-	hostRef.current = instance
-end
-local function SxHost(props)
-	local _condition = props.tag
-	if _condition == nil then
-		_condition = "frame"
-	end
-	local tag = _condition
-	local sx = props.sx
-	local _binding = useTheme()
-	local theme = _binding.theme
-	local bound = useRef()
-	local width, setWidth = useState(nil)
-	local hover, setHover = useState(false)
-	local pressed, setPressed = useState(false)
-	local focused, setFocused = useState(false)
-	useEffect(function()
-		local host = bound.current
-		if host == nil or not sxUsesBreakpoints(sx) then
-			return nil
-		end
-		return observeViewport(host, function(size)
-			setWidth(function(prev)
-				return if prev == size.width then prev else size.width
-			end)
-		end)
-	end, { sx })
-	local passed = props.state
-	local _result = passed
-	if _result ~= nil then
-		_result = _result.disabled
-	end
-	local locked = _result == true
-	local _exp = props.base
-	local _exp_1 = props.className
-	local _object = {
-		hover = hover,
-		pressed = pressed,
-		focused = focused,
-	}
-	if passed then
-		for _k, _v in passed do
-			_object[_k] = _v
-		end
-	end
-	local paint = paintHostStyle(theme, _exp, _exp_1, sx, width, _object)
-	local rest = hostRest(props)
-	local caller = rest.Event
-	local pressable = tag == "textbutton" or tag == "imagebutton"
-	local _object_1 = {}
-	if caller then
-		for _k, _v in caller do
-			_object_1[_k] = _v
-		end
-	end
-	_object_1.MouseEnter = function(...)
-		local args = { ... }
-		if not locked then
-			setHover(true)
-		end
-		local _result_1 = caller
-		if _result_1 ~= nil then
-			_result_1 = _result_1.MouseEnter
-			if _result_1 ~= nil then
-				_result_1(unpack(args))
-			end
-		end
-	end
-	_object_1.MouseLeave = function(...)
-		local args = { ... }
-		setHover(false)
-		setPressed(false)
-		local _result_1 = caller
-		if _result_1 ~= nil then
-			_result_1 = _result_1.MouseLeave
-			if _result_1 ~= nil then
-				_result_1(unpack(args))
-			end
-		end
-	end
-	_object_1.SelectionGained = function(...)
-		local args = { ... }
-		if not locked then
-			setFocused(true)
-		end
-		local _result_1 = caller
-		if _result_1 ~= nil then
-			_result_1 = _result_1.SelectionGained
-			if _result_1 ~= nil then
-				_result_1(unpack(args))
-			end
-		end
-	end
-	_object_1.SelectionLost = function(...)
-		local args = { ... }
-		setFocused(false)
-		local _result_1 = caller
-		if _result_1 ~= nil then
-			_result_1 = _result_1.SelectionLost
-			if _result_1 ~= nil then
-				_result_1(unpack(args))
-			end
-		end
-	end
-	rest.Event = _object_1
-	-- GuiButton-only; Frames reject MouseButton1* and crash Select/Menu hosts.
-	if pressable then
-		local events = rest.Event
-		events.MouseButton1Down = function(...)
-			local args = { ... }
-			if not locked then
-				setPressed(true)
-			end
-			local _result_1 = caller
-			if _result_1 ~= nil then
-				_result_1 = _result_1.MouseButton1Down
-				if _result_1 ~= nil then
-					_result_1(unpack(args))
-				end
-			end
-		end
-		events.MouseButton1Up = function(...)
-			local args = { ... }
-			setPressed(false)
-			local _result_1 = caller
-			if _result_1 ~= nil then
-				_result_1 = _result_1.MouseButton1Up
-				if _result_1 ~= nil then
-					_result_1(unpack(args))
-				end
-			end
-		end
-	end
-	local nodes = React.Children.toArray(props.children)
-	local painted = {}
-	local hasPad = false
-	local hasCorner = false
-	local hasGradient = false
-	for _, node in nodes do
-		if not React.isValidElement(node) then
-			continue
-		end
-		local kind = hostKind(elementType(node))
-		if kind == "uipadding" then
-			hasPad = true
-		end
-		if kind == "uicorner" then
-			hasCorner = true
-		end
-		if kind == "uigradient" then
-			hasGradient = true
-		end
-		local patch = if kind ~= nil then layoutGapPatch(kind, elementProps(node), paint.gap) else nil
-		local _arg0 = if patch ~= nil then React.cloneElement(node, patch) else node
-		table.insert(painted, _arg0)
-	end
-	if not hasPad and paint.padding ~= nil then
-		local _arg0 = React.createElement("uipadding", paint.padding)
-		table.insert(painted, _arg0)
-	end
-	if not hasCorner and paint.corner ~= nil then
-		local _arg0 = React.createElement("uicorner", paint.corner)
-		table.insert(painted, _arg0)
-	end
-	if not hasGradient and paint.gradient ~= nil then
-		local _arg0 = React.createElement("uigradient", paint.gradient)
-		table.insert(painted, _arg0)
-	end
-	local _object_2 = table.clone(paint.props)
-	setmetatable(_object_2, nil)
-	for _k, _v in rest do
-		_object_2[_k] = _v
-	end
-	_object_2.ref = function(instance)
-		bound.current = instance
-		setRef(props.hostRef, instance)
-	end
-	_object_2.children = painted
-	return React.createElement(tag, _object_2)
-end
-local default = SxHost
-return {
-	default = default,
-}

package/out/ui/packages/host/hostPaint.d.ts

@@ -1,12 +0,0 @@
-import { resolveSx, ResolvedSx, SxInput } from "../../../theme/styles/utilities/resolveSx";
-import { StyleState } from "../../../theme/styles/utilities/resolveStyle";
-export interface HostPaint {
-    props: {
-        [key: string]: unknown;
-    };
-    padding?: ResolvedSx["padding"];
-    corner?: ResolvedSx["corner"];
-    gradient?: ResolvedSx["gradient"];
-    gap?: number;
-}
-export declare function paintHostStyle(theme: Parameters<typeof resolveSx>[0], base: object | undefined, className: object | undefined, sx: SxInput | undefined, width: number | undefined, state: StyleState | undefined): HostPaint;