plutonium 0.16.4 → 0.18.0

data/app/views/plutonium/_resource_header.html copy.erb

@@ -1,287 +0,0 @@
-<%# locals: (sidebar_toggle:) %>
-
-<%= render_component :resource_header, sidebar_toggle: do |header| %>
-  <% header.with_action do %>
-    <%=
-      render_component :nav_grid_menu, label: "Apps" do |menu|
-        menu.with_item url: "#", name: "Sales", icon: "outline/sale-percent"
-        menu.with_item url: "#", name: "Users", icon: "outline/users"
-      end
-    %>
-  <% end %>
-
-  <% header.with_action do %>
-    <%= render_component :nav_user, email: current_user.try(:email) || current_user, logout_url: try(:logout_url) do |nav_user| %>
-      <% nav_user.with_section do |section| %>
-        <% section.with_link url: "#", label: "My profile" %>
-        <% section.with_link url: "#", label: "Account settings" %>
-      <% end %>
-
-      <% nav_user.with_section do |section| %>
-        <% section.with_link url: "#", label: "My likes" do |link| %>
-          <% link.with_leading do %>
-            <%= render_icon "outline/heart", classname: "mr-2 text-gray-400" %>
-          <% end %>
-        <% end %>
-
-        <% section.with_link url: "#", label: "Pro version" do |link| %>
-          <% link.with_leading do %>
-            <%= render_icon "outline/fire", classname: "mr-2 text-primary-600 dark:text-primary-500" %>
-          <% end %>
-          <% link.with_trailing do %>
-            <%= render_icon "outline/angle-right", size: :sm %>
-          <% end %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-
-  <%#
-
-    <!-- Notifications -->
-    <div data-controller="resource-drop-down">
-      <button
-        type="button"
-        data-resource-drop-down-target="trigger"
-        class="p-2 mr-1 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-200 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600">
-        <span class="sr-only">View notifications</span>
-        <!-- Bell icon -->
-        <svg
-          aria-hidden="true"
-          class="w-6 h-6"
-          fill="currentColor"
-          viewBox="0 0 20 20"
-          xmlns="http://www.w3.org/2000/svg">
-          <path
-            d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"></path>
-        </svg>
-      </button>
-      <!-- Dropdown menu -->
-      <div
-        data-resource-drop-down-target="menu"
-        class="hidden overflow-hidden z-50 my-4 max-w-sm text-base list-none bg-white  divide-y divide-gray-100 shadow-lg dark:divide-gray-600 dark:bg-gray-700 rounded-xl">
-        <div
-          class="block py-2 px-4 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-600 dark:text-gray-300">
-          Notifications
-        </div>
-        <div>
-          <a
-            href="#"
-            class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600">
-            <div class="shrink-0">
-              <img
-                class="w-11 h-11 rounded-full"
-                src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
-                alt="Bonnie Green avatar"
-              />
-              <div
-                class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 rounded-full border border-white bg-primary-700 dark:border-gray-700">
-                <svg
-                  aria-hidden="true"
-                  class="w-3 h-3 text-white"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    d="M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"></path>
-                  <path
-                    d="M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"></path>
-                </svg>
-              </div>
-            </div>
-            <div class="pl-3 w-full">
-              <div
-                class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-200">
-                New message from
-                <span class="font-semibold text-gray-900 dark:text-white"
-                  >Bonnie Green</span
-                >: "Hey, what's up? All set for the presentation?"
-              </div>
-              <div
-                class="text-xs font-medium text-primary-600 dark:text-primary-500">
-                a few moments ago
-              </div>
-            </div>
-          </a>
-          <a
-            href="#"
-            class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600">
-            <div class="shrink-0">
-              <img
-                class="w-11 h-11 rounded-full"
-                src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
-                alt="Jese Leos avatar"
-              />
-              <div
-                class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-gray-900 rounded-full border border-white dark:border-gray-700">
-                <svg
-                  aria-hidden="true"
-                  class="w-3 h-3 text-white"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"></path>
-                </svg>
-              </div>
-            </div>
-            <div class="pl-3 w-full">
-              <div
-                class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-200">
-                <span class="font-semibold text-gray-900 dark:text-white"
-                  >Jese leos</span>
-                and
-                <span class="font-medium text-gray-900 dark:text-white"
-                  >5 others</span>
-                started following you.
-              </div>
-              <div
-                class="text-xs font-medium text-primary-600 dark:text-primary-500">
-                10 minutes ago
-              </div>
-            </div>
-          </a>
-          <a
-            href="#"
-            class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600">
-            <div class="shrink-0">
-              <img
-                class="w-11 h-11 rounded-full"
-                src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/joseph-mcfall.png"
-                alt="Joseph McFall avatar"
-              />
-              <div
-                class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-red-600 rounded-full border border-white dark:border-gray-700">
-                <svg
-                  aria-hidden="true"
-                  class="w-3 h-3 text-white"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    fill-rule="evenodd"
-                    d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
-                    clip-rule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-            </div>
-            <div class="pl-3 w-full">
-              <div
-                class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-200">
-                <span class="font-semibold text-gray-900 dark:text-white"
-                  >Joseph Mcfall</span>
-                and
-                <span class="font-medium text-gray-900 dark:text-white"
-                  >141 others</span>
-                love your story. See it and view more stories.
-              </div>
-              <div
-                class="text-xs font-medium text-primary-600 dark:text-primary-500">
-                44 minutes ago
-              </div>
-            </div>
-          </a>
-          <a
-            href="#"
-            class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600">
-            <div class="shrink-0">
-              <img
-                class="w-11 h-11 rounded-full"
-                src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
-                alt="Roberta Casas image"
-              />
-              <div
-                class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-green-400 rounded-full border border-white dark:border-gray-700">
-                <svg
-                  aria-hidden="true"
-                  class="w-3 h-3 text-white"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    fill-rule="evenodd"
-                    d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z"
-                    clip-rule="evenodd"></path>
-                </svg>
-              </div>
-            </div>
-            <div class="pl-3 w-full">
-              <div
-                class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-200">
-                <span class="font-semibold text-gray-900 dark:text-white"
-                  >Leslie Livingston</span>
-                mentioned you in a comment:
-                <span
-                  class="font-medium text-primary-600 dark:text-primary-500"
-                  >@bonnie.green</span>
-                what do you say?
-              </div>
-              <div
-                class="text-xs font-medium text-primary-600 dark:text-primary-500">
-                1 hour ago
-              </div>
-            </div>
-          </a>
-          <a
-            href="#"
-            class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-600">
-            <div class="shrink-0">
-              <img
-                class="w-11 h-11 rounded-full"
-                src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/robert-brown.png"
-                alt="Robert image"
-              />
-              <div
-                class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-purple-500 rounded-full border border-white dark:border-gray-700">
-                <svg
-                  aria-hidden="true"
-                  class="w-3 h-3 text-white"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"
-                  ></path>
-                </svg>
-              </div>
-            </div>
-            <div class="pl-3 w-full">
-              <div
-                class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-200">
-                <span class="font-semibold text-gray-900 dark:text-white"
-                  >Robert Brown</span>
-                posted a new video: Glassmorphism - learn how to implement
-                the new design trend.
-              </div>
-              <div
-                class="text-xs font-medium text-primary-600 dark:text-primary-500">
-                3 hours ago
-              </div>
-            </div>
-          </a>
-        </div>
-        <a
-          href="#"
-          class="block py-2 text-md font-medium text-center text-gray-900 bg-gray-50 hover:bg-gray-100 dark:bg-gray-600 dark:text-white dark:hover:underline">
-          <div class="inline-flex items-center">
-            <svg
-              aria-hidden="true"
-              class="mr-2 w-4 h-4 text-gray-500 dark:text-gray-200"
-              fill="currentColor"
-              viewBox="0 0 20 20"
-              xmlns="http://www.w3.org/2000/svg">
-              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
-              <path
-                fill-rule="evenodd"
-                d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z"
-                clip-rule="evenodd"></path>
-            </svg>
-            View all
-          </div>
-        </a>
-      </div>
-    </div>
-
-  %>
-<% end %>

data/lib/generators/pu/gen/component/component_generator.rb

@@ -1,99 +0,0 @@
-# frozen_string_literal: true
-
-return unless PlutoniumGenerators.cli?
-
-module Pu
-  module Gen
-    class ComponentGenerator < Rails::Generators::Base
-      source_root File.expand_path("templates", __dir__)
-
-      desc "Create a view component"
-
-      argument :name
-
-      def normalize_name
-        @name = name.camelize.gsub(/Component$/, "")
-      end
-
-      def start
-        template "component.rb", "#{component_path}.rb"
-        template "component.html.erb", "#{component_path}.html.erb"
-        template "controller.js", controller_path
-
-        controllers_index_file = File.join __dir__, "../../../../../src/js/controllers/register_controllers.js"
-        insert_into_file controllers_index_file, controller_import, after: /.*Import controllers here*\n/
-        insert_into_file controllers_index_file, controller_registration, after: /.*Register controllers here*\n/
-      end
-
-      protected
-
-      def dest_dir
-        "app/views/components/"
-      end
-
-      def component_name
-        name.demodulize
-      end
-
-      def component_classname
-        "#{component_name}Component"
-      end
-
-      def component_module
-        name.deconstantize.presence
-      end
-
-      def component_namespace
-        ["PlutoniumUi", component_module].compact.join "::"
-      end
-
-      def component_reference
-        [component_namespace, component_classname].compact.join "::"
-      end
-
-      def component_dir
-        [component_module, component_name.underscore].compact.join("::").underscore
-      end
-
-      def component_base_path
-        File.join dest_dir, component_dir, component_name.underscore
-      end
-
-      def component_path
-        "#{component_base_path}_component"
-      end
-
-      def component_identifier
-        [component_module, component_name].compact.join("::").gsub("::", "__").underscore
-      end
-
-      def controller_filename
-        "#{[component_module, component_name].compact.join("::").underscore}_controller.js"
-      end
-
-      def controllers_dir
-        File.join "src", "js", "controllers"
-      end
-
-      def controller_path
-        File.join controllers_dir, controller_filename
-      end
-
-      def controller_identifier
-        component_identifier.dasherize
-      end
-
-      def controller_reference
-        [component_module, "#{component_name}Controller"].compact.join("")
-      end
-
-      def controller_import
-        "import #{controller_reference} from \"./#{controller_filename}\"\n"
-      end
-
-      def controller_registration
-        "  application.register(\"#{controller_identifier}\", #{controller_reference})\n"
-      end
-    end
-  end
-end

data/lib/generators/pu/gen/component/templates/component.html.erb.tt

@@ -1,3 +0,0 @@
-<div <%%= attributes_html %>>
-  <%%= content %>
-</div>

data/lib/generators/pu/gen/component/templates/component.rb.tt

@@ -1,15 +0,0 @@
-module <%= component_namespace %>
-  class <%= component_classname %> < PlutoniumUi::Base
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "<%= controller_identifier %>",
-        controller: "<%= controller_identifier %>"
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :<%= component_identifier %>, to: <%= component_reference %>

data/lib/generators/pu/gen/component/templates/controller.js.tt

@@ -1,8 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="<%= controller_identifier %>"
-export default class extends Controller {
-  connect() {
-    console.log(`<%= controller_identifier %> connected: ${this.element}`)
-  }
-}

data/lib/plutonium/builders/menus/sidebar_menu.rb.bk

@@ -1,26 +0,0 @@
-module Plutonium
-  module Builders
-    class SidebarMenu
-      attr_reader :items
-
-      def initialize(&)
-        @items = []
-        instance_eval(&)
-      end
-
-      def item(name, indicator: nil, url: nil, &block)
-        if block && indicator
-          raise ArgumentError, "Items with children cannot have an indicator."
-        end
-
-        item = SidebarMenuItem.new(name, indicator: indicator)
-        if block
-          item.items(&block)
-        else
-          item.url(url)
-        end
-        @items << item
-      end
-    end
-  end
-end

data/lib/plutonium/builders/menus/sidebar_menu_item.rb.bk

@@ -1,28 +0,0 @@
-module Plutonium
-  module Builders
-    class SidebarMenuItem
-      attr_accessor :name, :value
-      attr_reader :indicator
-
-      def initialize(name, indicator: nil, value: nil)
-        @name = name
-        @indicator = indicator
-        @value = value
-      end
-
-      def url(url)
-        @value = url
-      end
-
-      def items(&)
-        raise ArgumentError, "Indicator not allowed for items with children" if @indicator
-        @value = Menu.new(&).items
-      end
-
-      def indicator=(indicator)
-        raise ArgumentError, "Indicator not allowed for items with children" if @value.is_a?(Array)
-        @indicator = indicator
-      end
-    end
-  end
-end

data/lib/plutonium/component_registry.rb

@@ -1,19 +0,0 @@
-require "active_support/core_ext/class/attribute"
-require "active_support/core_ext/hash/indifferent_access"
-
-module Plutonium
-  class ComponentRegistry
-    class_attribute :mappings, instance_accessor: false, instance_predicate: false, default: {}.with_indifferent_access
-
-    class UnregisteredComponent < StandardError; end
-
-    def self.register(*types, to:)
-      self.mappings = mappings.merge types.each_with_object({}) { |t, m| m[t] = to }
-    end
-
-    def self.resolve(name)
-      raise UnregisteredComponent.new("no such component registered: #{name.inspect}") unless mappings[name]
-      mappings[name]
-    end
-  end
-end

data/lib/plutonium/core/action.rb

@@ -1,49 +0,0 @@
-module Plutonium
-  module Core
-    class Action
-      RouteOptions = Data.define :action, :method, :options do
-        def initialize(action: nil, method: :get, options: {})
-          super
-        end
-      end
-
-      attr_reader :name, :label, :icon, :route_options, :confirmation, :turbo_frame, :color, :category, :position
-
-      def initialize(
-        name, label: nil, icon: nil, color: nil, confirmation: nil, route_options: nil, turbo_frame: nil,
-        collection_action: false, collection_record_action: false, record_action: false, bulk_action: false,
-        category: nil, position: 50
-      )
-        @name = name
-        @icon = icon
-        @label = label || name.to_s.humanize
-        @route_options = route_options || RouteOptions.new
-        @turbo_frame = turbo_frame
-        @color = color
-        @confirmation = confirmation
-        @collection_action = collection_action
-        @collection_record_action = collection_record_action
-        @record_action = record_action
-        @bulk_action = bulk_action
-        @category = category
-        @position = position
-      end
-
-      def collection_action?
-        @collection_action
-      end
-
-      def collection_record_action?
-        @collection_record_action
-      end
-
-      def record_action?
-        @record_action
-      end
-
-      def bulk_action?
-        @bulk_action
-      end
-    end
-  end
-end

data/lib/plutonium/core/actions/basic_action.rb

@@ -1,16 +0,0 @@
-module Plutonium
-  module Core
-    module Actions
-      class BasicAction < Plutonium::Core::Action
-        def initialize(*, **kwargs)
-          kwargs.reverse_merge! action_options
-          super
-        end
-
-        private
-
-        def action_options = {}
-      end
-    end
-  end
-end

data/lib/plutonium/core/actions/collection.rb

@@ -1,37 +0,0 @@
-module Plutonium
-  module Core
-    module Actions
-      class Collection
-        delegate_missing_to :@collection
-
-        def initialize(collection = {})
-          @collection = collection
-        end
-
-        def permitted_for(policy)
-          Collection.new(@collection.select { |name, action| policy.allowed_to? :"#{action.name}?" })
-        end
-
-        def collection_actions
-          Collection.new(@collection.select { |name, action| action.collection_action? })
-        end
-
-        def collection_record_actions
-          Collection.new(@collection.select { |name, action| action.collection_record_action? })
-        end
-
-        def record_actions
-          Collection.new(@collection.select { |name, action| action.record_action? })
-        end
-
-        def bulk_actions
-          Collection.new(@collection.select { |name, action| action.bulk_action? })
-        end
-
-        def values
-          super.sort_by { |value| value.position }
-        end
-      end
-    end
-  end
-end

data/lib/plutonium/core/actions/destroy_action.rb

@@ -1,23 +0,0 @@
-module Plutonium
-  module Core
-    module Actions
-      class DestroyAction < BasicAction
-        private
-
-        def action_options
-          {
-            icon: "outline/trash-bin",
-            route_options: Plutonium::Core::Action::RouteOptions.new(method: :delete),
-            color: :red,
-            confirmation: "Are you sure?",
-            turbo_frame: "_top",
-            collection_record_action: true,
-            record_action: true,
-            category: :standard,
-            position: 100
-          }
-        end
-      end
-    end
-  end
-end

data/lib/plutonium/core/actions/edit_action.rb

@@ -1,21 +0,0 @@
-module Plutonium
-  module Core
-    module Actions
-      class EditAction < BasicAction
-        private
-
-        def action_options
-          {
-            icon: "outline/edit",
-            route_options: Plutonium::Core::Action::RouteOptions.new(action: :edit),
-            color: :yellow,
-            collection_record_action: true,
-            record_action: true,
-            category: :standard,
-            position: 20
-          }
-        end
-      end
-    end
-  end
-end