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

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/formText/components/FormHelperText.d.ts

@@ -1,8 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-export interface FormHelperTextProps {
-    text: string;
-    hasError?: boolean;
-    disabled?: boolean;
-}
-declare function FormHelperText(props: CustomizedProps<TextLabel, FormHelperTextProps>): JSX.Element;
-export default FormHelperText;

package/out/ui/packages/formText/components/FormHelperText.luau

@@ -1,40 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local useFormTextStyles = TS.import(script, script.Parent, "FormText.styles").default
-local function FormHelperText(props)
-	local _binding = props
-	local text = _binding.text
-	local hasError = _binding.hasError
-	local disabled = _binding.disabled
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local styles = useFormTextStyles({
-		hasError = hasError,
-		disabled = disabled,
-	})
-	local _attributes = {
-		tag = "textlabel",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "FormHelperText"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
-	_attributes.Text = text
-	return React.createElement(SxHost, _attributes)
-end
-local default = FormHelperText
-return {
-	default = default,
-}

package/out/ui/packages/formText/components/FormLabel.d.ts

@@ -1,9 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-export interface FormLabelProps {
-    text: string;
-    required?: boolean;
-    hasError?: boolean;
-    disabled?: boolean;
-}
-declare function FormLabel(props: CustomizedProps<TextLabel, FormLabelProps>): JSX.Element;
-export default FormLabel;

package/out/ui/packages/formText/components/FormLabel.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 SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local useFormTextStyles = TS.import(script, script.Parent, "FormText.styles").default
-local function FormLabel(props)
-	local _binding = props
-	local text = _binding.text
-	local required = _binding.required
-	local hasError = _binding.hasError
-	local disabled = _binding.disabled
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local styles = useFormTextStyles({
-		hasError = hasError,
-		disabled = disabled,
-	})
-	local caption = if required == true then `{text} *` else text
-	local _attributes = {
-		tag = "textlabel",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "FormLabel"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
-	_attributes.Text = caption
-	return React.createElement(SxHost, _attributes)
-end
-local default = FormLabel
-return {
-	default = default,
-}

package/out/ui/packages/formText/components/FormText.styles.d.ts

@@ -1,5 +0,0 @@
-declare const useFormTextStyles: (props: {
-    hasError?: boolean;
-    disabled?: boolean;
-}) => import("../../../../theme/index").ClassNameMap<string>;
-export default useFormTextStyles;

package/out/ui/packages/formText/components/FormText.styles.luau

@@ -1,33 +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 useFormTextStyles = componentStyles("FormText", function(theme, _param)
-	local hasError = _param.hasError
-	if hasError == nil then
-		hasError = false
-	end
-	local disabled = _param.disabled
-	if disabled == nil then
-		disabled = false
-	end
-	local color = if disabled then theme.palette.text.disabled elseif hasError then theme.palette.status.error.main else theme.palette.text.secondary
-	return createStyles({
-		root = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			TextColor3 = color,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.caption,
-			TextXAlignment = Enum.TextXAlignment.Left,
-			TextWrapped = true,
-		},
-	})
-end)
-local default = useFormTextStyles
-return {
-	default = default,
-}

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

@@ -1,4 +0,0 @@
-export { default as FormLabel } from "./components/FormLabel";
-export { FormLabelProps } from "./components/FormLabel";
-export { default as FormHelperText } from "./components/FormHelperText";
-export { FormHelperTextProps } from "./components/FormHelperText";

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

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

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;