cluaupp 0.1.0

package/runtime/Iris/_impl/widgets/Text.lua

@@ -0,0 +1,132 @@
+local Types = require(script.Parent.Parent.Types)
+
+return function(Iris: Types.Internal, widgets: Types.WidgetUtility)
+    --stylua: ignore
+    Iris.WidgetConstructor("Text", {
+        hasState = false,
+        hasChildren = false,
+        Args = {
+            ["Text"] = 1,
+            ["Wrapped"] = 2,
+            ["Color"] = 3,
+            ["RichText"] = 4,
+        },
+        Events = {
+            ["hovered"] = widgets.EVENTS.hover(function(thisWidget: Types.Widget)
+                return thisWidget.Instance
+            end),
+        },
+        Generate = function(_thisWidget: Types.Text)
+            local Text = Instance.new("TextLabel")
+            Text.Name = "Iris_Text"
+            Text.AutomaticSize = Enum.AutomaticSize.XY
+            Text.Size = UDim2.fromOffset(0, 0)
+            Text.BackgroundTransparency = 1
+            Text.BorderSizePixel = 0
+
+            widgets.applyTextStyle(Text)
+            widgets.UIPadding(Text, Vector2.new(0, 2))
+
+            return Text
+        end,
+        Update = function(thisWidget: Types.Text)
+            local Text = thisWidget.Instance :: TextLabel
+            if thisWidget.arguments.Text == nil then
+                error("Text argument is required for Iris.Text().", 5)
+            end
+            if thisWidget.arguments.Wrapped ~= nil then
+                Text.TextWrapped = thisWidget.arguments.Wrapped
+            else
+                Text.TextWrapped = Iris._config.TextWrapped
+            end
+            if thisWidget.arguments.Color then
+                Text.TextColor3 = thisWidget.arguments.Color
+            else
+                Text.TextColor3 = Iris._config.TextColor
+            end
+            if thisWidget.arguments.RichText ~= nil then
+                Text.RichText = thisWidget.arguments.RichText
+            else
+                Text.RichText = Iris._config.RichText
+            end
+
+            Text.Text = thisWidget.arguments.Text
+        end,
+        Discard = function(thisWidget: Types.Text)
+            thisWidget.Instance:Destroy()
+        end,
+    } :: Types.WidgetClass)
+
+    --stylua: ignore
+    Iris.WidgetConstructor("SeparatorText", {
+        hasState = false,
+        hasChildren = false,
+        Args = {
+            ["Text"] = 1,
+        },
+        Events = {
+            ["hovered"] = widgets.EVENTS.hover(function(thisWidget: Types.Widget)
+                return thisWidget.Instance
+            end),
+        },
+        Generate = function(_thisWidget: Types.SeparatorText)
+            local SeparatorText = Instance.new("Frame")
+            SeparatorText.Name = "Iris_SeparatorText"
+            SeparatorText.AutomaticSize = Enum.AutomaticSize.Y
+            SeparatorText.Size = UDim2.new(Iris._config.ItemWidth, UDim.new())
+            SeparatorText.BackgroundTransparency = 1
+            SeparatorText.BorderSizePixel = 0
+            SeparatorText.ClipsDescendants = true
+
+            widgets.UIPadding(SeparatorText, Vector2.new(0, Iris._config.SeparatorTextPadding.Y))
+            widgets.UIListLayout(SeparatorText, Enum.FillDirection.Horizontal, UDim.new(0, Iris._config.ItemSpacing.X))
+
+            SeparatorText.UIListLayout.VerticalAlignment = Enum.VerticalAlignment.Center
+
+            local TextLabel = Instance.new("TextLabel")
+            TextLabel.Name = "TextLabel"
+            TextLabel.AutomaticSize = Enum.AutomaticSize.XY
+            TextLabel.BackgroundTransparency = 1
+            TextLabel.BorderSizePixel = 0
+            TextLabel.LayoutOrder = 1
+
+            widgets.applyTextStyle(TextLabel)
+
+            TextLabel.Parent = SeparatorText
+
+            local Left = Instance.new("Frame")
+            Left.Name = "Left"
+            Left.AnchorPoint = Vector2.new(1, 0.5)
+            Left.Size = UDim2.fromOffset(Iris._config.SeparatorTextPadding.X - Iris._config.ItemSpacing.X, Iris._config.SeparatorTextBorderSize)
+            Left.BackgroundColor3 = Iris._config.SeparatorColor
+            Left.BackgroundTransparency = Iris._config.SeparatorTransparency
+            Left.BorderSizePixel = 0
+
+            Left.Parent = SeparatorText
+
+            local Right = Instance.new("Frame")
+            Right.Name = "Right"
+            Right.AnchorPoint = Vector2.new(1, 0.5)
+            Right.Size = UDim2.new(1, 0, 0, Iris._config.SeparatorTextBorderSize)
+            Right.BackgroundColor3 = Iris._config.SeparatorColor
+            Right.BackgroundTransparency = Iris._config.SeparatorTransparency
+            Right.BorderSizePixel = 0
+            Right.LayoutOrder = 2
+
+            Right.Parent = SeparatorText
+
+            return SeparatorText
+        end,
+        Update = function(thisWidget: Types.SeparatorText)
+            local SeparatorText = thisWidget.Instance :: Frame
+            local TextLabel: TextLabel = SeparatorText.TextLabel
+            if thisWidget.arguments.Text == nil then
+                error("Text argument is required for Iris.SeparatorText().", 5)
+            end
+            TextLabel.Text = thisWidget.arguments.Text
+        end,
+        Discard = function(thisWidget: Types.SeparatorText)
+            thisWidget.Instance:Destroy()
+        end,
+    } :: Types.WidgetClass)
+end

package/runtime/Iris/_impl/widgets/Tree.lua

@@ -0,0 +1,287 @@
+local Types = require(script.Parent.Parent.Types)
+
+return function(Iris: Types.Internal, widgets: Types.WidgetUtility)
+    local abstractTree = {
+        hasState = true,
+        hasChildren = true,
+        Events = {
+            ["collapsed"] = {
+                ["Init"] = function(_thisWidget: Types.CollapsingHeader) end,
+                ["Get"] = function(thisWidget: Types.CollapsingHeader)
+                    return thisWidget.lastCollapsedTick == Iris._cycleTick
+                end,
+            },
+            ["uncollapsed"] = {
+                ["Init"] = function(_thisWidget: Types.CollapsingHeader) end,
+                ["Get"] = function(thisWidget: Types.CollapsingHeader)
+                    return thisWidget.lastUncollapsedTick == Iris._cycleTick
+                end,
+            },
+            ["hovered"] = widgets.EVENTS.hover(function(thisWidget)
+                return thisWidget.Instance
+            end),
+        },
+        Discard = function(thisWidget: Types.CollapsingHeader)
+            thisWidget.Instance:Destroy()
+            widgets.discardState(thisWidget)
+        end,
+        ChildAdded = function(thisWidget: Types.CollapsingHeader, _thisChild: Types.Widget)
+            local ChildContainer = thisWidget.ChildContainer :: Frame
+
+            ChildContainer.Visible = thisWidget.state.isUncollapsed.value
+
+            return ChildContainer
+        end,
+        UpdateState = function(thisWidget: Types.CollapsingHeader)
+            local isUncollapsed = thisWidget.state.isUncollapsed.value
+            local Tree = thisWidget.Instance :: Frame
+            local ChildContainer = thisWidget.ChildContainer :: Frame
+            local Header = Tree.Header :: Frame
+            local Button = Header.Button :: TextButton
+            local Arrow: ImageLabel = Button.Arrow
+
+            Arrow.Image = (isUncollapsed and widgets.ICONS.DOWN_POINTING_TRIANGLE or widgets.ICONS.RIGHT_POINTING_TRIANGLE)
+            if isUncollapsed then
+                thisWidget.lastUncollapsedTick = Iris._cycleTick + 1
+            else
+                thisWidget.lastCollapsedTick = Iris._cycleTick + 1
+            end
+
+            ChildContainer.Visible = isUncollapsed
+        end,
+        GenerateState = function(thisWidget: Types.CollapsingHeader)
+            if thisWidget.state.isUncollapsed == nil then
+                thisWidget.state.isUncollapsed = Iris._widgetState(thisWidget, "isUncollapsed", thisWidget.arguments.DefaultOpen or false)
+            end
+        end,
+    } :: Types.WidgetClass
+
+    --stylua: ignore
+    Iris.WidgetConstructor(
+        "Tree",
+        widgets.extend(abstractTree, {
+            Args = {
+                ["Text"] = 1,
+                ["SpanAvailWidth"] = 2,
+                ["NoIndent"] = 3,
+                ["DefaultOpen"] = 4,
+            },
+            Generate = function(thisWidget: Types.Tree)
+                local Tree = Instance.new("Frame")
+                Tree.Name = "Iris_Tree"
+                Tree.AutomaticSize = Enum.AutomaticSize.Y
+                Tree.Size = UDim2.new(Iris._config.ItemWidth, UDim.new(0, 0))
+                Tree.BackgroundTransparency = 1
+                Tree.BorderSizePixel = 0
+
+                widgets.UIListLayout(Tree, Enum.FillDirection.Vertical, UDim.new(0, 0))
+
+                local ChildContainer = Instance.new("Frame")
+                ChildContainer.Name = "TreeContainer"
+                ChildContainer.AutomaticSize = Enum.AutomaticSize.Y
+                ChildContainer.Size = UDim2.fromScale(1, 0)
+                ChildContainer.BackgroundTransparency = 1
+                ChildContainer.BorderSizePixel = 0
+                ChildContainer.LayoutOrder = 1
+                ChildContainer.Visible = false
+                -- ChildContainer.ClipsDescendants = true
+
+                widgets.UIListLayout(ChildContainer, Enum.FillDirection.Vertical, UDim.new(0, Iris._config.ItemSpacing.Y))
+                widgets.UIPadding(ChildContainer, Vector2.zero).PaddingTop = UDim.new(0, Iris._config.ItemSpacing.Y)
+
+                ChildContainer.Parent = Tree
+
+                local Header = Instance.new("Frame")
+                Header.Name = "Header"
+                Header.AutomaticSize = Enum.AutomaticSize.Y
+                Header.Size = UDim2.fromScale(1, 0)
+                Header.BackgroundTransparency = 1
+                Header.BorderSizePixel = 0
+                Header.Parent = Tree
+
+                local Button = Instance.new("TextButton")
+                Button.Name = "Button"
+                Button.BackgroundTransparency = 1
+                Button.BorderSizePixel = 0
+                Button.Text = ""
+                Button.AutoButtonColor = false
+
+                widgets.applyInteractionHighlights("Background", Button, Header, {
+                    Color = Color3.fromRGB(0, 0, 0),
+                    Transparency = 1,
+                    HoveredColor = Iris._config.HeaderHoveredColor,
+                    HoveredTransparency = Iris._config.HeaderHoveredTransparency,
+                    ActiveColor = Iris._config.HeaderActiveColor,
+                    ActiveTransparency = Iris._config.HeaderActiveTransparency,
+                })
+
+                widgets.UIPadding(Button, Vector2.zero).PaddingLeft = UDim.new(0, Iris._config.FramePadding.X)
+                widgets.UIListLayout(Button, Enum.FillDirection.Horizontal, UDim.new(0, Iris._config.FramePadding.X)).VerticalAlignment = Enum.VerticalAlignment.Center
+
+                Button.Parent = Header
+
+                local Arrow = Instance.new("ImageLabel")
+                Arrow.Name = "Arrow"
+                Arrow.Size = UDim2.fromOffset(Iris._config.TextSize, math.floor(Iris._config.TextSize * 0.7))
+                Arrow.BackgroundTransparency = 1
+                Arrow.BorderSizePixel = 0
+                Arrow.ImageColor3 = Iris._config.TextColor
+                Arrow.ImageTransparency = Iris._config.TextTransparency
+                Arrow.ScaleType = Enum.ScaleType.Fit
+
+                Arrow.Parent = Button
+
+                local TextLabel = Instance.new("TextLabel")
+                TextLabel.Name = "TextLabel"
+                TextLabel.AutomaticSize = Enum.AutomaticSize.XY
+                TextLabel.Size = UDim2.fromOffset(0, 0)
+                TextLabel.BackgroundTransparency = 1
+                TextLabel.BorderSizePixel = 0
+
+                widgets.UIPadding(TextLabel, Vector2.zero).PaddingRight = UDim.new(0, 21)
+                widgets.applyTextStyle(TextLabel)
+
+                TextLabel.Parent = Button
+
+                widgets.applyButtonClick(Button, function()
+                    thisWidget.state.isUncollapsed:set(not thisWidget.state.isUncollapsed.value)
+                end)
+
+                thisWidget.ChildContainer = ChildContainer
+                return Tree
+            end,
+            Update = function(thisWidget: Types.Tree)
+                local Tree = thisWidget.Instance :: Frame
+                local ChildContainer = thisWidget.ChildContainer :: Frame
+                local Header = Tree.Header :: Frame
+                local Button = Header.Button :: TextButton
+                local TextLabel: TextLabel = Button.TextLabel
+                local Padding: UIPadding = ChildContainer.UIPadding
+
+                TextLabel.Text = thisWidget.arguments.Text or "Tree"
+                if thisWidget.arguments.SpanAvailWidth then
+                    Button.AutomaticSize = Enum.AutomaticSize.Y
+                    Button.Size = UDim2.fromScale(1, 0)
+                else
+                    Button.AutomaticSize = Enum.AutomaticSize.XY
+                    Button.Size = UDim2.fromScale(0, 0)
+                end
+
+                if thisWidget.arguments.NoIndent then
+                    Padding.PaddingLeft = UDim.new(0, 0)
+                else
+                    Padding.PaddingLeft = UDim.new(0, Iris._config.IndentSpacing)
+                end
+            end,
+        })
+    )
+
+    --stylua: ignore
+    Iris.WidgetConstructor(
+        "CollapsingHeader",
+        widgets.extend(abstractTree, {
+            Args = {
+                ["Text"] = 1,
+                ["DefaultOpen"] = 2
+            },
+            Generate = function(thisWidget: Types.CollapsingHeader)
+                local CollapsingHeader = Instance.new("Frame")
+                CollapsingHeader.Name = "Iris_CollapsingHeader"
+                CollapsingHeader.AutomaticSize = Enum.AutomaticSize.Y
+                CollapsingHeader.Size = UDim2.new(Iris._config.ItemWidth, UDim.new(0, 0))
+                CollapsingHeader.BackgroundTransparency = 1
+                CollapsingHeader.BorderSizePixel = 0
+
+                widgets.UIListLayout(CollapsingHeader, Enum.FillDirection.Vertical, UDim.new(0, 0))
+
+                local ChildContainer = Instance.new("Frame")
+                ChildContainer.Name = "CollapsingHeaderContainer"
+                ChildContainer.AutomaticSize = Enum.AutomaticSize.Y
+                ChildContainer.Size = UDim2.fromScale(1, 0)
+                ChildContainer.BackgroundTransparency = 1
+                ChildContainer.BorderSizePixel = 0
+                ChildContainer.LayoutOrder = 1
+                ChildContainer.Visible = false
+                -- ChildContainer.ClipsDescendants = true
+
+                widgets.UIListLayout(ChildContainer, Enum.FillDirection.Vertical, UDim.new(0, Iris._config.ItemSpacing.Y))
+                widgets.UIPadding(ChildContainer, Vector2.zero).PaddingTop = UDim.new(0, Iris._config.ItemSpacing.Y)
+
+                ChildContainer.Parent = CollapsingHeader
+
+                local Header = Instance.new("Frame")
+                Header.Name = "Header"
+                Header.AutomaticSize = Enum.AutomaticSize.Y
+                Header.Size = UDim2.fromScale(1, 0)
+                Header.BackgroundTransparency = 1
+                Header.BorderSizePixel = 0
+                Header.Parent = CollapsingHeader
+
+                local Button = Instance.new("TextButton")
+                Button.Name = "Button"
+                Button.AutomaticSize = Enum.AutomaticSize.Y
+                Button.Size = UDim2.fromScale(1, 0)
+                Button.BackgroundColor3 = Iris._config.HeaderColor
+                Button.BackgroundTransparency = Iris._config.HeaderTransparency
+                Button.BorderSizePixel = 0
+                Button.Text = ""
+                Button.AutoButtonColor = false
+                Button.ClipsDescendants = true
+
+                widgets.UIPadding(Button, Iris._config.FramePadding) -- we add a custom padding because it extends on both sides
+                widgets.applyFrameStyle(Button, true)
+                widgets.UIListLayout(Button, Enum.FillDirection.Horizontal, UDim.new(0, 2 * Iris._config.FramePadding.X)).VerticalAlignment = Enum.VerticalAlignment.Center
+
+                widgets.applyInteractionHighlights("Background", Button, Button, {
+                    Color = Iris._config.HeaderColor,
+                    Transparency = Iris._config.HeaderTransparency,
+                    HoveredColor = Iris._config.HeaderHoveredColor,
+                    HoveredTransparency = Iris._config.HeaderHoveredTransparency,
+                    ActiveColor = Iris._config.HeaderActiveColor,
+                    ActiveTransparency = Iris._config.HeaderActiveTransparency,
+                })
+
+                Button.Parent = Header
+
+                local Arrow = Instance.new("ImageLabel")
+                Arrow.Name = "Arrow"
+                Arrow.AutomaticSize = Enum.AutomaticSize.Y
+                Arrow.Size = UDim2.fromOffset(Iris._config.TextSize, math.ceil(Iris._config.TextSize * 0.8))
+                Arrow.BackgroundTransparency = 1
+                Arrow.BorderSizePixel = 0
+                Arrow.ImageColor3 = Iris._config.TextColor
+                Arrow.ImageTransparency = Iris._config.TextTransparency
+                Arrow.ScaleType = Enum.ScaleType.Fit
+
+                Arrow.Parent = Button
+
+                local TextLabel = Instance.new("TextLabel")
+                TextLabel.Name = "TextLabel"
+                TextLabel.AutomaticSize = Enum.AutomaticSize.XY
+                TextLabel.Size = UDim2.fromOffset(0, 0)
+                TextLabel.BackgroundTransparency = 1
+                TextLabel.BorderSizePixel = 0
+
+                widgets.UIPadding(TextLabel, Vector2.zero).PaddingRight = UDim.new(0, 21)
+                widgets.applyTextStyle(TextLabel)
+
+                TextLabel.Parent = Button
+
+                widgets.applyButtonClick(Button, function()
+                    thisWidget.state.isUncollapsed:set(not thisWidget.state.isUncollapsed.value)
+                end)
+
+                thisWidget.ChildContainer = ChildContainer
+                return CollapsingHeader
+            end,
+            Update = function(thisWidget: Types.CollapsingHeader)
+                local Tree = thisWidget.Instance :: Frame
+                local Header = Tree.Header :: Frame
+                local Button = Header.Button :: TextButton
+                local TextLabel: TextLabel = Button.TextLabel
+
+                TextLabel.Text = thisWidget.arguments.Text or "Collapsing Header"
+            end,
+        })
+    )
+end