ariadne_view_components 0.0.93.1 → 0.0.94

data/app/components/ariadne/turbo/stream_action/component.rb

@@ -1,25 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module Turbo
-    module StreamAction
-      class Component < Ariadne::BaseComponent
-        option :component
-        option :action, default: -> { "update" }
-
-        def target
-          @target ||= component.component_id
-        end
-
-        def turbo_action
-          @turbo_action ||= empty? ? "update" : action
-        end
-
-        def empty?
-          action == "drop"
-        end
-      end
-    end
-  end
-end

data/app/components/ariadne/ui/data_table/component.html.erb

@@ -1 +0,0 @@
-<div>Add Ariadne::UI::DataTable template here</div>

data/app/components/ariadne/ui/data_table/component.rb

@@ -1,11 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module DataTable
-      class Component < Ariadne::BaseComponent
-      end
-    end
-  end
-end

data/app/components/ariadne/ui/flash/component.html.erb

@@ -1,18 +0,0 @@
-<div class="<%= html_attrs[:class] %>" <%= html_attributes %>>
-  <div class="ariadne-p-4">
-    <div class="ariadne-flex ariadne-items-start">
-      <div class="ariadne-flex-shrink-0 <%= style(:text, type:) %>">
-        <%= icon %>
-      </div>
-      <div class="ariadne-ml-3 ariadne-w-0 ariadne-flex-1 ariadne-pt-0.5 <%= style(:text, type:) %>">
-        <p class="ariadne-text-sm ariadne-font-semibold" data-flash-target="title"><%= title %></p>
-        <p class="ariadne-mt-1 ariadne-text-sm" data-flash-target="message"><%= message %></p>
-      </div>
-      <div class="ariadne-ml-4 ariadne-flex ariadne-flex-shrink-0 ">
-        <% if dismissable? %>
-          <%= render Ariadne::UI::Button::Component.new(theme: :nude, html_attrs: { class: style(:dismissable, type:), aria: { label: "close_label" }, data: { action: "click->#{stimulus_name}#hide" } }).as_icon(icon: "x-mark", variant: :outline) %>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>

data/app/components/ariadne/ui/flash/component.rb

@@ -1,151 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module Flash
-      class Component < Ariadne::BaseComponent
-        option :type
-        option :dismissible, default: proc { false }
-        option :title
-        option :message
-        option :persist, default: proc { false }
-        option :width, default: proc { :base }
-
-        accepts_html_attributes do |html_attrs|
-          unless persist
-            html_attrs[:data] = {
-              controller: "flash",
-              transition_enter: "ariadne-transform ariadne-ease-out ariadne-duration-300 ariadne-transition-all",
-              transition_enter_start: "ariadne-translate-y-2 ariadne-opacity-0 sm:ariadne-translate-y-0 sm:ariadne-translate-x-2",
-              transition_enter_end: "ariadne-translate-y-0 ariadne-opacity-100 sm:ariadne-translate-x-0",
-              transition_leave: "ariadne-transition-all ariadne-ease-in ariadne-duration-100",
-              transition_leave_start: "ariadne-opacity-100",
-              transition_leave_end: "ariadne-opacity-0",
-            }
-          end
-
-          html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([
-            html_attrs[:class],
-            style(type:, width:),
-          ])
-        end
-
-        renders_one :icon, Ariadne::UI::Heroicon::Component
-
-        def dismissable?
-          dismissible
-        end
-
-        style do
-          base do
-            [
-              "ariadne-pointer-events-auto",
-              "ariadne-overflow-hidden",
-              "ariadne-rounded-lg",
-              "ariadne-shadow-lg",
-              "ariadne-ring-1",
-              "ariadne-ring-slate-950",
-              "ariadne-ring-opacity-5",
-              "ariadne-z-50",
-            ]
-          end
-
-          variants do
-            width do
-              base do
-                [
-                  "ariadne-w-full",
-                  "ariadne-max-w-sm",
-                ]
-              end
-
-              full do
-                [
-                  "ariadne-w-full",
-                ]
-              end
-            end
-
-            type do
-              danger do
-                [
-                  "ariadne-bg-red-50",
-                ]
-              end
-              warning do
-                [
-                  "ariadne-bg-yellow-50",
-                ]
-              end
-              info do
-                [
-                  "ariadne-bg-blue-50",
-                ]
-              end
-              success do
-                [
-                  "ariadne-bg-green-50",
-                ]
-              end
-            end
-          end
-        end
-
-        style(:text) do
-          variants do
-            type do
-              danger do
-                [
-                  "ariadne-text-red-700",
-                ]
-              end
-              warning do
-                [
-                  "ariadne-text-yellow-700",
-                ]
-              end
-              info do
-                [
-                  "ariadne-text-blue-700",
-                ]
-              end
-              success do
-                [
-                  "ariadne-text-green-700",
-                ]
-              end
-            end
-          end
-        end
-
-        style(:dismissable) do
-          variants do
-            type do
-              danger do
-                [
-                  "ariadne-text-red-700",
-                ]
-              end
-              warning do
-                [
-                  "ariadne-text-yellow-700",
-                ]
-              end
-              info do
-                [
-                  "ariadne-text-blue-700",
-                ]
-              end
-              success do
-                [
-                  "ariadne-text-green-700",
-                ]
-              end
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/ariadne/ui/flash/component.ts

@@ -1,56 +0,0 @@
-import {Controller} from '@hotwired/stimulus'
-// @ts-expect-error: this is untyped https://github.com/mmccall10/el-transition/issues/11
-import {enter, leave} from 'el-transition'
-
-export default class FlashController extends Controller {
-  static classes = ['ariadne-hidden']
-
-  static values = {
-    timer: {
-      default: 4000,
-      type: Number,
-    },
-  }
-  declare readonly hasHiddenClass: boolean
-
-  declare readonly hasTimerValue: boolean
-  declare readonly hiddenClass: string
-  declare readonly hiddenClasses: string[]
-  declare timerValue: number
-
-  async connect(): Promise<void> {
-    // Start animation as soon as it connects to the dom
-    await this.show()
-    const noop = (): void => {}
-
-    // Set a timer for it to be removed from the dom automatically
-    setTimeout(() => {
-      this.hide().then(noop).catch(noop)
-    }, this.timerValue)
-  }
-
-  async disconnect(): Promise<void> {
-    await this.hide()
-  }
-
-  async hide(): Promise<void> {
-    await leave(this.element)
-
-    if (this.hasHiddenClass) {
-      this.element.classList.add(this.hiddenClass)
-    } else {
-      this.element.classList.add('ariadne-hidden')
-    }
-
-    this.element.remove()
-  }
-
-  async show(): Promise<void> {
-    if (this.hasHiddenClass) {
-      this.element.classList.remove(this.hiddenClass)
-    } else {
-      this.element.classList.remove('ariadne-hidden')
-    }
-    await enter(this.element)
-  }
-}

data/app/components/ariadne/ui/overlay/component.html.erb

@@ -1,12 +0,0 @@
-<details class="ariadne-inline" <%= html_attrs.to_html %>>
-  <summary class="ariadne-list-none ariadne-rounded" data-<%= stimulus_name %>-target="anchor">
-    <%= trigger %>
-  </summary>
-  <details-menu
-    class="<%= style(size:) %>"
-    role="menu"
-    data-<%= stimulus_name %>-target="popover"
-    data-action="details-menu-selected->overlay#close">
-    <%= content %>
-  </details-menu>
-</details>

data/app/components/ariadne/ui/overlay/component.rb

@@ -1,54 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module Overlay
-      class Component < Ariadne::BaseComponent
-        renders_one :trigger, Ariadne::UI::Button::Component
-
-        accepts_html_attributes do |html_attrs|
-          html_attrs[:data] = {
-            controller: [stimulus_name, html_attrs.fetch(:data, {}).fetch(:controller, nil)].compact.join(" "),
-            "#{stimulus_name}-placement-value": placement,
-            "#{stimulus_name}-clamped-value": clamped,
-          }
-        end
-        option :size, default: proc { :base }
-        option :placement, default: proc { "bottom" }
-
-        option :clamped, default: proc { false }
-
-        style do
-          base do
-            [
-              "ariadne-fixed",
-              "ariadne-max-w-[90vw]",
-              "ariadne-z-20",
-
-              "ariadne-scroll",
-              "ariadne-scrollbar-trigger",
-
-              "ariadne-rounded-lg",
-              "ariadne-shadow-lg",
-
-              "ariadne-bg-foreground",
-              "dark:ariadne-bg-foreground-dark",
-              "ariadne-text-content",
-              "dark:ariadne-text-content-dark",
-            ]
-          end
-
-          variants do
-            size do
-              sm { "ariadne-w-36" }
-              md { "ariadne-w-52" }
-              base { "ariadne-w-64" }
-              lg { "ariadne-w-96" }
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/ariadne/ui/overlay/component.ts

@@ -1,92 +0,0 @@
-import {type Placement, autoUpdate, computePosition, flip, offset, shift} from '@floating-ui/dom'
-import {controllerFactory} from '@utils/createController'
-import {useClickOutside, useMutation} from 'stimulus-use'
-
-export default class OverlayController extends controllerFactory<HTMLDetailsElement>()({
-  targets: {
-    anchor: null,
-    popover: null,
-  },
-  values: {
-    clamped: Boolean,
-    placement: String,
-  },
-}) {
-  private changedIds = new Set<string>()
-  private clickHandlers: Array<() => void> = []
-  labels: Array<{el: HTMLLabelElement}>
-  unsubAutoUpdate: (() => void) | undefined
-
-  private setupClickHandlers() {
-    const cb = () => this.toggle()
-
-    for (const fn of this.clickHandlers) {
-      fn()
-    }
-    this.clickHandlers = []
-
-    for (const el of this.anchorTarget.querySelectorAll('button, [tabindex]:not([tabindex="-1"])')) {
-      el.addEventListener('click', cb)
-      this.clickHandlers.push(() => el.removeEventListener('click', cb))
-    }
-  }
-
-  checkboxClicked(e: Event) {
-    const target = e.target as HTMLInputElement
-    const value = target.value
-    if (this.changedIds.has(value)) {
-      this.changedIds.delete(value)
-    } else {
-      this.changedIds.add(value)
-    }
-    this.dispatch('clicked', {detail: value})
-  }
-
-  clickOutside() {
-    this.setupAutoUpdate()
-    this.close()
-  }
-
-  close() {
-    this.element.open = false
-  }
-
-  connect() {
-    useClickOutside(this)
-    useMutation(this, {childList: true, subtree: true})
-    this.setupAutoUpdate()
-    this.setupClickHandlers()
-  }
-
-  disconnect() {
-    this.unsubAutoUpdate?.()
-  }
-
-  setupAutoUpdate(): void {
-    if (!this.element.open) {
-      this.unsubAutoUpdate?.()
-      return
-    }
-
-    const updatePopoverPosition = (): void => {
-      void computePosition(this.anchorTarget, this.popoverTarget, {
-        middleware: [offset(6), flip(), shift({padding: 6})],
-        placement: this.placementValue as Placement,
-        strategy: 'fixed',
-      }).then(({x, y}) => {
-        Object.assign(this.popoverTarget.style, {
-          left: `${x}px`,
-          top: `${y}px`,
-        })
-      })
-    }
-
-    updatePopoverPosition()
-    this.unsubAutoUpdate = autoUpdate(this.anchorTarget, this.popoverTarget, updatePopoverPosition)
-  }
-
-  toggle(): void {
-    this.element.open = !this.element.open
-    this.setupAutoUpdate()
-  }
-}

data/app/components/ariadne/ui/time_ago/component.html.erb

@@ -1 +0,0 @@
-<relative-time <%= html_attributes %>></relative-time>

data/lib/ariadne/view_components/commands.rb

@@ -1,90 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "upstream"
-
-module Ariadne
-  module ViewComponents
-    # commands related to the upstream Tailwindcss project
-    module Commands
-      # raised when the host platform is not supported by upstream tailwindcss's binary releases
-      class UnsupportedPlatformException < StandardError
-      end
-
-      # raised when the tailwindcss executable could not be found where we expected it to be
-      class ExecutableNotFoundException < StandardError
-      end
-
-      class << self
-        def platform
-          [:cpu, :os].map { |m| Gem::Platform.local.send(m) }.join("-")
-        end
-
-        def executable(
-          exe_path: File.expand_path(File.join(__dir__, "..", "..", "..", "exe"))
-        )
-          if Ariadne::ViewComponents::Upstream::NATIVE_PLATFORMS.keys.none? { |p| Gem::Platform.match(p) }
-            raise UnsupportedPlatformException, <<~MESSAGE
-              ariadne_view_components does not support the #{platform} platform
-              Please install tailwindcss following instructions at https://tailwindcss.com/docs/installation
-            MESSAGE
-          end
-
-          exe_path = Dir.glob(File.expand_path(File.join(exe_path, "*", "tailwindcss"))).find do |f|
-            Gem::Platform.match(File.basename(File.dirname(f)))
-          end
-
-          if exe_path.nil?
-            raise ExecutableNotFoundException, <<~MESSAGE
-              Cannot find the tailwindcss executable for #{platform} in #{exe_path}
-
-              If you're using bundler, please make sure you're on the latest bundler version:
-
-                  gem install bundler
-                  bundle update --bundler
-
-              Then make sure your lock file includes this platform by running:
-
-                  bundle lock --add-platform #{platform}
-                  bundle install
-
-              See `bundle lock --help` output for details.
-
-              If you're still seeing this message after taking those steps, try running
-              `bundle config` and ensure `force_ruby_platform` isn't set to `true`. See
-              https://github.com/rails/tailwindcss-rails#check-bundle_force_ruby_platform
-              for more details.
-            MESSAGE
-          end
-
-          exe_path
-        end
-
-        def compile_command(debug: false, **kwargs)
-          [
-            executable(**kwargs),
-            "-i",
-            local_path("app/assets/stylesheets/ariadne_view_components.css"),
-            "-o",
-            "app/assets/builds/ariadne_view_components.css",
-            "-c",
-            local_path("tailwind.config.js"),
-          ].tap do |command|
-            command << "--minify" unless debug
-          end
-        end
-
-        def watch_command(poll: false, **kwargs)
-          compile_command(**kwargs).tap do |command|
-            command << "-w"
-            command << "-p" if poll
-          end
-        end
-
-        def local_path(path)
-          root = File.expand_path(File.join(__dir__, "..", "..", ".."))
-          File.join(root, path)
-        end
-      end
-    end
-  end
-end

data/lib/ariadne/view_components/statuses.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-require "json"
-
-module Ariadne
-  # :nodoc:
-  module ViewComponents
-    STATUSES = JSON.parse(
-      File.read(
-        File.join(File.dirname(__FILE__), "../../../static/statuses.json"),
-      ),
-    ).freeze
-  end
-end

data/lib/ariadne/view_components/upstream.rb

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  module ViewComponents
-    # constants describing the upstream tailwindcss project
-    module Upstream
-      VERSION = "v3.3.2"
-
-      # rubygems platform name => upstream release filename
-      NATIVE_PLATFORMS = {
-        "arm64-darwin" => "tailwindcss-macos-arm64",
-        "x64-mingw-ucrt" => "tailwindcss-windows-x64.exe",
-        "x86_64-darwin" => "tailwindcss-macos-x64",
-        "x86_64-linux" => "tailwindcss-linux-x64",
-        "aarch64-linux" => "tailwindcss-linux-arm64",
-      }
-    end
-  end
-end