coveragebook_components 0.10.0 → 0.10.1.beta.0

data/app/components/coco/shared/button_to/button_to.rb

@@ -0,0 +1,50 @@
+module Coco
+  class ButtonTo < Coco::Component
+    include Concerns::WrapsComponent
+    include Concerns::AcceptsOptions
+
+    accepts_option :fit, from: [:auto, :full]
+
+    wraps_component :button do |args|
+      Coco::Button.new(
+        type: :submit,
+        fit: get_option_value(:fit) || :auto,
+        **args
+      )
+    end
+
+    %i[confirmation].each do |slot_name|
+      renders_one slot_name, ->(**kwargs, &block) do
+        button.send("with_#{slot_name}".to_sym, **kwargs, &block)
+      end
+    end
+
+    attr_reader :method, :turbo
+
+    def initialize(form: nil, params: nil, method: :post, action: nil, href: nil, turbo: false, **kwargs)
+      @form_args = form.to_h
+      @action = action || href
+      @method = method
+      @params = params.to_h
+      @turbo = turbo
+    end
+
+    def params
+      to_form_params(@params)
+    end
+
+    def form_args
+      {
+        url: action,
+        method: method,
+        data: {
+          turbo: ("false" if !turbo)
+        }
+      }.deep_merge(@form_args)
+    end
+
+    def action
+      @action.is_a?(String) ? @action : helpers.url_for(@action)
+    end
+  end
+end

data/app/components/coco/{base → shared}/dropdown/dropdown.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco";
+import { CocoComponent } from "@assets/js/shared/coco";
 
 export default CocoComponent("dropdown", () => {
   return {};

data/app/components/coco/{base → shared}/icon/icon.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco.js";
+import { CocoComponent } from "@assets/js/shared/coco.js";
 
 export default CocoComponent("icon", () => {
   return {

data/app/components/coco/{base → shared}/image_uploader/image_uploader.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco";
+import { CocoComponent } from "@assets/js/shared/coco";
 
 export default CocoComponent("imageUploader", ({ click, drop }) => {
   return {

data/app/components/coco/{base → shared}/modal/modal.js

@@ -1,5 +1,5 @@
-import { CocoComponent } from "@js/coco";
-import { hideAll } from "@libs/tippy";
+import { CocoComponent } from "@assets/js/shared/coco";
+import { hideAll } from "@assets/js/libs/tippy";
 import { navigateTo } from "@helpers/location";
 
 export default CocoComponent("modal", () => {

data/app/components/coco/{base → shared}/modal_dialog/modal_dialog.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco";
+import { CocoComponent } from "@assets/js/shared/coco";
 
 export default CocoComponent("modalDialog", () => {
   return {

data/app/components/coco/{base → shared}/modal_lightbox/modal_lightbox.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco";
+import { CocoComponent } from "@assets/js/shared/coco";
 
 export default CocoComponent("modalLightbox", () => {
   return {

data/app/components/coco/{base → shared}/poll_controller/poll_controller.js

@@ -1,4 +1,4 @@
-import { CocoComponent } from "@js/coco";
+import { CocoComponent } from "@assets/js/shared/coco";
 
 export default CocoComponent("pollController", () => {
   return {

data/app/helpers/coco/app_helper.rb

@@ -13,25 +13,6 @@ module Coco
       render(link, &block)
     end
 
-    def coco_button(*args, **kwargs, &block)
-      href, content = if block
-        [args.first, nil]
-      else
-        (args.size == 1) ? [nil, args.first] : args[0..2].reverse!
-      end
-
-      button = if kwargs.key?(:action) || kwargs.key?(:method) || kwargs.key?(:params)
-        "ButtonTo"
-      else
-        "Button"
-      end
-
-      component = "Coco::App::Elements::#{button}".constantize.new(href: href, **kwargs)
-      component = component.with_content(content) if !block && content.present?
-
-      render(component, &block)
-    end
-
     def coco_menu_button(**, &block)
       render Coco::App::Elements::MenuButton.new(**), &block
     end
@@ -56,10 +37,6 @@ module Coco
       render Coco::App::Elements::DropdownButton.new(**), &block
     end
 
-    def coco_button_group(**, &block)
-      render Coco::App::Elements::ButtonGroup.new(**), &block
-    end
-
     def coco_toolbar(**, &block)
       render Coco::App::Elements::Toolbar.new(**), &block
     end

data/app/helpers/coco/component_helper.rb

@@ -1,6 +1,6 @@
 module Coco
   module ComponentHelper
-    include Coco::BaseHelper
+    include Coco::SharedHelper
     include Coco::BookHelper
     include Coco::AppHelper
 

data/app/helpers/coco/{base_helper.rb → shared_helper.rb}

@@ -1,5 +1,5 @@
 module Coco
-  module BaseHelper
+  module SharedHelper
     def coco_tag(*, **, &block)
       render Coco::Tag.new(*, **), &block
     end
@@ -33,6 +33,29 @@ module Coco
       render Coco::Placeholder.new(text_content:, **), &block
     end
 
+    def coco_button(*args, **kwargs, &block)
+      href, content = if block
+        [args.first, nil]
+      else
+        (args.size == 1) ? [nil, args.first] : args[0..2].reverse!
+      end
+
+      button = if kwargs.key?(:action) || kwargs.key?(:method) || kwargs.key?(:params)
+        "Coco::ButtonTo"
+      else
+        "Coco::Button"
+      end
+
+      component = button.constantize.new(href: href, **kwargs)
+      component = component.with_content(content) if !block && content.present?
+
+      render(component, &block)
+    end
+
+    def coco_button_group(**, &block)
+      render Coco::ButtonGroup.new(**), &block
+    end
+
     def coco_modal(name = "default", **, &block)
       render(Coco::Modal.new(name: name, **), &block)
     end

data/app/helpers/coco/url_helper.rb

@@ -22,7 +22,7 @@ module Coco
       html_options ||= {}
       html_options.symbolize_keys!
 
-      button = Coco::App::Elements::ButtonTo.new(action: options, type: :submit, **html_options)
+      button = Coco::ButtonTo.new(action: options, type: :submit, **html_options)
       button = button.with_content(name) unless block
       render(button, &block)
     end

data/lib/coco/engine.rb

@@ -6,7 +6,7 @@ module Coco
   class Engine < ::Rails::Engine
     isolate_namespace Coco
 
-    COLLAPSE_DIRS = %w[base]
+    COLLAPSE_DIRS = %w[shared]
 
     config.autoload_paths += %W[
       #{root}/app/components
@@ -21,7 +21,7 @@ module Coco
           autoloader.collapse("#{coco_dir}/#{path}")
         end
 
-        Dir.glob("#{coco_dir}/base/**/*.rb").each do |path|
+        Dir.glob("#{coco_dir}/shared/**/*.rb").each do |path|
           autoloader.collapse(File.dirname(path))
         end
 

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.10.0"
+  VERSION = "0.10.1.beta.0"
 end

data/lib/generators/coco/coco_generator.rb

@@ -83,7 +83,7 @@ class CocoGenerator < Rails::Generators::NamedBase
   end
 
   def component_ref
-    parts = class_name.delete_prefix("Base::").underscore.dasherize.downcase.split("/")
+    parts = class_name.delete_prefix("Shared::").underscore.dasherize.downcase.split("/")
     parts.many? ? [parts.first, parts.last].join("-") : parts.first
   end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.10.0
+  version: 0.10.1.beta.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-24 00:00:00.000000000 Z
+date: 2023-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1416,17 +1416,14 @@ files:
 - app/assets/css/app.css
 - app/assets/css/app/config.css
 - app/assets/css/app/tippy.css
-- app/assets/css/app/utilities.css
-- app/assets/css/base/base.css
-- app/assets/css/base/components/coco.css
-- app/assets/css/base/components/dropdown.css
-- app/assets/css/base/components/tooltip.css
-- app/assets/css/base/utils/colors.css
-- app/assets/css/base/utils/icons.css
-- app/assets/css/base/utils/text.css
+- app/assets/css/app/utils.css
+- app/assets/css/base.css
 - app/assets/css/book.css
 - app/assets/css/book/config.css
-- app/assets/css/libs/tippy.css
+- app/assets/css/shared/tippy.css
+- app/assets/css/shared/utils/colors.css
+- app/assets/css/shared/utils/icons.css
+- app/assets/css/shared/utils/text.css
 - app/assets/custom_icons/other/eye-off-red.svg
 - app/assets/custom_icons/other/google-sso.svg
 - app/assets/custom_icons/other/layout-overlay.svg
@@ -1449,10 +1446,8 @@ files:
 - app/assets/js/app.js
 - app/assets/js/app/components.js
 - app/assets/js/app/setup.js
-- app/assets/js/base/components.js
 - app/assets/js/book.js
 - app/assets/js/book/components.js
-- app/assets/js/coco.js
 - app/assets/js/helpers/alpine.js
 - app/assets/js/helpers/color.js
 - app/assets/js/helpers/dom.js
@@ -1473,6 +1468,8 @@ files:
 - app/assets/js/libs/alpine/utils/tippy_modifiers.js
 - app/assets/js/libs/tippy/index.js
 - app/assets/js/libs/tippy/plugins/hide_on_esc.js
+- app/assets/js/shared/coco.js
+- app/assets/js/shared/components.js
 - app/components/coco/app/blocks/header/header.css
 - app/components/coco/app/blocks/header/header.html.erb
 - app/components/coco/app/blocks/header/header.js
@@ -1501,15 +1498,6 @@ files:
 - app/components/coco/app/elements/alert/alert.html.erb
 - app/components/coco/app/elements/alert/alert.js
 - app/components/coco/app/elements/alert/alert.rb
-- app/components/coco/app/elements/button/button.css
-- app/components/coco/app/elements/button/button.rb
-- app/components/coco/app/elements/button_group/button_group.css
-- app/components/coco/app/elements/button_group/button_group.html.erb
-- app/components/coco/app/elements/button_group/button_group.js
-- app/components/coco/app/elements/button_group/button_group.rb
-- app/components/coco/app/elements/button_to/button_to.css
-- app/components/coco/app/elements/button_to/button_to.html.erb
-- app/components/coco/app/elements/button_to/button_to.rb
 - app/components/coco/app/elements/color_picker/color_picker.css
 - app/components/coco/app/elements/color_picker/color_picker.html.erb
 - app/components/coco/app/elements/color_picker/color_picker.js
@@ -1614,60 +1602,6 @@ files:
 - app/components/coco/app/layouts/page/page.html.erb
 - app/components/coco/app/layouts/page/page.js
 - app/components/coco/app/layouts/page/page.rb
-- app/components/coco/base/avatar/avatar.css
-- app/components/coco/base/avatar/avatar.rb
-- app/components/coco/base/button/button.css
-- app/components/coco/base/button/button.html.erb
-- app/components/coco/base/button/button.js
-- app/components/coco/base/button/button.rb
-- app/components/coco/base/button/button_dropdown.js
-- app/components/coco/base/content/content.rb
-- app/components/coco/base/dropdown/dropdown.css
-- app/components/coco/base/dropdown/dropdown.html.erb
-- app/components/coco/base/dropdown/dropdown.js
-- app/components/coco/base/dropdown/dropdown.rb
-- app/components/coco/base/embeds/youtube/youtube.css
-- app/components/coco/base/embeds/youtube/youtube.html.erb
-- app/components/coco/base/embeds/youtube/youtube.rb
-- app/components/coco/base/icon/icon.css
-- app/components/coco/base/icon/icon.html.erb
-- app/components/coco/base/icon/icon.js
-- app/components/coco/base/icon/icon.rb
-- app/components/coco/base/image/image.css
-- app/components/coco/base/image/image.rb
-- app/components/coco/base/image_uploader/image_uploader.css
-- app/components/coco/base/image_uploader/image_uploader.html.erb
-- app/components/coco/base/image_uploader/image_uploader.js
-- app/components/coco/base/image_uploader/image_uploader.rb
-- app/components/coco/base/link/link.css
-- app/components/coco/base/link/link.rb
-- app/components/coco/base/modal/modal.css
-- app/components/coco/base/modal/modal.html.erb
-- app/components/coco/base/modal/modal.js
-- app/components/coco/base/modal/modal.rb
-- app/components/coco/base/modal_dialog/modal_dialog.css
-- app/components/coco/base/modal_dialog/modal_dialog.html.erb
-- app/components/coco/base/modal_dialog/modal_dialog.js
-- app/components/coco/base/modal_dialog/modal_dialog.rb
-- app/components/coco/base/modal_lightbox/modal_lightbox.css
-- app/components/coco/base/modal_lightbox/modal_lightbox.html.erb
-- app/components/coco/base/modal_lightbox/modal_lightbox.js
-- app/components/coco/base/modal_lightbox/modal_lightbox.rb
-- app/components/coco/base/pager_link/pager_link.css
-- app/components/coco/base/pager_link/pager_link.html.erb
-- app/components/coco/base/pager_link/pager_link.rb
-- app/components/coco/base/panel/panel.css
-- app/components/coco/base/panel/panel.html.erb
-- app/components/coco/base/panel/panel.rb
-- app/components/coco/base/placeholder/placeholder.css
-- app/components/coco/base/placeholder/placeholder.html.erb
-- app/components/coco/base/placeholder/placeholder.rb
-- app/components/coco/base/poll_controller/poll_controller.css
-- app/components/coco/base/poll_controller/poll_controller.html.erb
-- app/components/coco/base/poll_controller/poll_controller.js
-- app/components/coco/base/poll_controller/poll_controller.rb
-- app/components/coco/base/svg/svg.html.erb
-- app/components/coco/base/svg/svg.rb
 - app/components/coco/book/blocks/slides/editable_slide/editable_slide.css
 - app/components/coco/book/blocks/slides/editable_slide/editable_slide.html.erb
 - app/components/coco/book/blocks/slides/editable_slide/editable_slide.rb
@@ -1692,15 +1626,76 @@ files:
 - app/components/coco/concerns/with_tooltip.rb
 - app/components/coco/concerns/wraps_component.rb
 - app/components/coco/presented_component.rb
+- app/components/coco/shared/avatar/avatar.css
+- app/components/coco/shared/avatar/avatar.rb
+- app/components/coco/shared/button/button.css
+- app/components/coco/shared/button/button.html.erb
+- app/components/coco/shared/button/button.js
+- app/components/coco/shared/button/button.rb
+- app/components/coco/shared/button/button_dropdown.js
+- app/components/coco/shared/button_group/button_group.css
+- app/components/coco/shared/button_group/button_group.html.erb
+- app/components/coco/shared/button_group/button_group.js
+- app/components/coco/shared/button_group/button_group.rb
+- app/components/coco/shared/button_to/button_to.css
+- app/components/coco/shared/button_to/button_to.html.erb
+- app/components/coco/shared/button_to/button_to.rb
+- app/components/coco/shared/content/content.rb
+- app/components/coco/shared/dropdown/dropdown.css
+- app/components/coco/shared/dropdown/dropdown.html.erb
+- app/components/coco/shared/dropdown/dropdown.js
+- app/components/coco/shared/dropdown/dropdown.rb
+- app/components/coco/shared/embeds/youtube/youtube.css
+- app/components/coco/shared/embeds/youtube/youtube.html.erb
+- app/components/coco/shared/embeds/youtube/youtube.rb
+- app/components/coco/shared/icon/icon.css
+- app/components/coco/shared/icon/icon.html.erb
+- app/components/coco/shared/icon/icon.js
+- app/components/coco/shared/icon/icon.rb
+- app/components/coco/shared/image/image.css
+- app/components/coco/shared/image/image.rb
+- app/components/coco/shared/image_uploader/image_uploader.css
+- app/components/coco/shared/image_uploader/image_uploader.html.erb
+- app/components/coco/shared/image_uploader/image_uploader.js
+- app/components/coco/shared/image_uploader/image_uploader.rb
+- app/components/coco/shared/link/link.css
+- app/components/coco/shared/link/link.rb
+- app/components/coco/shared/modal/modal.css
+- app/components/coco/shared/modal/modal.html.erb
+- app/components/coco/shared/modal/modal.js
+- app/components/coco/shared/modal/modal.rb
+- app/components/coco/shared/modal_dialog/modal_dialog.css
+- app/components/coco/shared/modal_dialog/modal_dialog.html.erb
+- app/components/coco/shared/modal_dialog/modal_dialog.js
+- app/components/coco/shared/modal_dialog/modal_dialog.rb
+- app/components/coco/shared/modal_lightbox/modal_lightbox.css
+- app/components/coco/shared/modal_lightbox/modal_lightbox.html.erb
+- app/components/coco/shared/modal_lightbox/modal_lightbox.js
+- app/components/coco/shared/modal_lightbox/modal_lightbox.rb
+- app/components/coco/shared/pager_link/pager_link.css
+- app/components/coco/shared/pager_link/pager_link.html.erb
+- app/components/coco/shared/pager_link/pager_link.rb
+- app/components/coco/shared/panel/panel.css
+- app/components/coco/shared/panel/panel.html.erb
+- app/components/coco/shared/panel/panel.rb
+- app/components/coco/shared/placeholder/placeholder.css
+- app/components/coco/shared/placeholder/placeholder.html.erb
+- app/components/coco/shared/placeholder/placeholder.rb
+- app/components/coco/shared/poll_controller/poll_controller.css
+- app/components/coco/shared/poll_controller/poll_controller.html.erb
+- app/components/coco/shared/poll_controller/poll_controller.js
+- app/components/coco/shared/poll_controller/poll_controller.rb
+- app/components/coco/shared/svg/svg.html.erb
+- app/components/coco/shared/svg/svg.rb
 - app/components/coco/tag.rb
 - app/helpers/coco/alpine_helper.rb
 - app/helpers/coco/app_helper.rb
-- app/helpers/coco/base_helper.rb
 - app/helpers/coco/book_helper.rb
 - app/helpers/coco/component_helper.rb
 - app/helpers/coco/format_helper.rb
 - app/helpers/coco/helpers.rb
 - app/helpers/coco/integration_helper.rb
+- app/helpers/coco/shared_helper.rb
 - app/helpers/coco/tag_helper.rb
 - app/helpers/coco/url_helper.rb
 - config/icons.json
@@ -1750,9 +1745,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.4.19
 signing_key:

data/app/assets/css/base/components/coco.css

@@ -1,5 +0,0 @@
-@layer components {
-  [data-coco] {
-    @apply text-content-dark-1 font-body;
-  }
-}

data/app/assets/css/base/components/dropdown.css

@@ -1,7 +0,0 @@
-@layer components {
-  [x-dropdown] {
-    [x-dropdown\:content] {
-      @apply hidden;
-    }
-  }
-}

data/app/assets/css/base/components/tooltip.css

@@ -1,19 +0,0 @@
-@layer components {
-  /* Tooltip theme */
-  .tippy-box[data-theme~="coco-tooltip"] {
-    @apply bg-background-dark-2 text-white text-label-sm rounded-lg shadow-xl;
-
-    .tippy-content {
-      @apply px-3 py-2 truncate max-w-[240px];
-    }
-
-    /* arrow background */
-    .tippy-svg-arrow > svg:first-child {
-      @apply hidden;
-    }
-
-    .tippy-svg-arrow > svg:last-child {
-      @apply fill-gray-900;
-    }
-  }
-}

data/app/assets/css/base/utils/text.css

@@ -1,79 +0,0 @@
-@layer utilities {
-  .coco-heading-1 {
-    @apply font-body text-heading-1;
-  }
-
-  .coco-heading-2 {
-    @apply font-body text-heading-2;
-  }
-
-  .coco-heading-3 {
-    @apply font-body text-heading-3;
-  }
-
-  .coco-heading-4 {
-    @apply font-body text-heading-4;
-  }
-
-  .coco-heading-5 {
-    @apply font-body text-heading-5;
-  }
-
-  .coco-heading-6 {
-    @apply font-body text-heading-6;
-  }
-
-  .coco-display-1 {
-    @apply font-display text-display-1;
-  }
-
-  .coco-display-2 {
-    @apply font-display text-display-2;
-  }
-
-  .coco-display-3 {
-    @apply font-display text-display-3;
-  }
-
-  .coco-display-4 {
-    @apply font-display text-display-4;
-  }
-
-  /* branded */
-
-  .coco-branded-heading-1 {
-    @apply font-branded text-heading-1;
-  }
-
-  .coco-branded-heading-2 {
-    @apply font-branded text-heading-2;
-  }
-
-  .coco-branded-heading-3 {
-    @apply font-branded text-heading-3;
-  }
-
-  .coco-branded-heading-4 {
-    @apply font-branded text-heading-4;
-  }
-
-  .coco-branded-heading-5 {
-    @apply font-branded text-heading-5;
-  }
-
-  .coco-branded-display-1 {
-    @apply font-branded text-relaxed-display-1;
-  }
-
-  .coco-branded-display-2 {
-    @apply font-branded text-relaxed-display-2;
-  }
-
-  .coco-branded-display-3 {
-    @apply font-branded text-relaxed-display-3;
-  }
-
-  .coco-branded-display-4 {
-    @apply font-branded text-relaxed-display-4;
-  }
-}

data/app/assets/js/base/components.js

@@ -1,4 +0,0 @@
-import { registerComponents } from "@helpers/alpine";
-import baseComponents from "@baseComponents/**/*.js";
-
-export default registerComponents(baseComponents);

data/app/components/coco/app/elements/button/button.rb

@@ -1,87 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class Button < Coco::Button
-        SIZES = [:xs, :sm, :md, :lg, nil]
-
-        SIZE_ALIASES = {
-          default: [:sm, {xl: :md}]
-        }
-
-        THEMES = [
-          "primary",
-          "text-primary",
-          "secondary",
-          "text-secondary",
-          "positive",
-          "text-positive",
-          "negative",
-          "text-negative",
-          "warning",
-          "text-warning",
-          "info",
-          "text-info",
-          "toolbar",
-          "toolbar-floating",
-          "text-toolbar",
-          "neutral-dark",
-          "neutral-light",
-          "text-neutral-light",
-          "text-neutral-dark",
-          "blank",
-          nil
-        ]
-
-        DEFAULT_THEME = "primary"
-
-        accepts_option :size, from: SIZES, default: :md
-        accepts_option :theme, from: THEMES, default: DEFAULT_THEME
-        accepts_option :variant
-
-        renders_one :dropdown, types: {
-          content: ->(&block) { block.call },
-
-          confirmation: ->(**kwargs) do
-            set_option_value(:confirm, true)
-            Coco::App::Elements::ConfirmPanel.new(**kwargs)
-          end
-        }
-
-        before_initialize do |kwargs|
-          if kwargs.key?(:modal)
-            modal_name = (kwargs[:modal] == true) ? "default" : kwargs[:modal]
-            kwargs[:data] = kwargs.fetch(:data, {}).merge(coco_modal_data_attributes(modal_name))
-            kwargs.delete(:modal)
-          end
-          if kwargs.key?(:frame)
-            turbo_data = {turbo: true, turbo_frame: kwargs[:frame]}
-            kwargs[:data] = kwargs.fetch(:data, {}).merge(turbo_data)
-            kwargs.delete(:frame)
-          end
-          kwargs
-        end
-
-        before_render do
-          if confirm? && !dropdown?
-            with_confirmation do |confirm|
-              confirm.with_text { "Are you sure?" }
-              confirm.with_button { "Yes, continue" }
-            end
-          end
-        end
-
-        def with_dropdown(...)
-          with_dropdown_content(...)
-        end
-
-        def with_confirmation(...)
-          with_dropdown_confirmation(...)
-        end
-
-        class << self
-          include Coco::BaseHelper
-        end
-      end
-    end
-  end
-end