coveragebook_components 0.9.1 → 0.10.1.beta.0

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
 
@@ -30,8 +30,10 @@ module Coco
         end
       end
 
-      Rails.application.config.to_prepare do
-        Rails.autoloaders.main.eager_load_dir(coco_dir)
+      if Rails.env.production?
+        Rails.application.config.to_prepare do
+          Rails.autoloaders.main.eager_load_dir(coco_dir)
+        end
       end
     end
 

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.9.1"
+  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.9.1
+  version: 0.10.1.beta.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-22 00:00:00.000000000 Z
+date: 2023-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1416,16 +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/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
@@ -1448,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
@@ -1472,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
@@ -1492,8 +1490,6 @@ files:
 - app/components/coco/app/blocks/sidebar_nav/navbar/navbar.html.erb
 - app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
 - app/components/coco/app/blocks/sidebar_nav/navbar/navbar.rb
-- app/components/coco/app/blocks/slat/slat.css
-- app/components/coco/app/blocks/slat/slat.rb
 - app/components/coco/app/blocks/slide_editor/slide_editor.css
 - app/components/coco/app/blocks/slide_editor/slide_editor.html.erb
 - app/components/coco/app/blocks/slide_editor/slide_editor.js
@@ -1502,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
@@ -1559,6 +1546,9 @@ files:
 - app/components/coco/app/elements/snackbar/snackbar.html.erb
 - app/components/coco/app/elements/snackbar/snackbar.js
 - app/components/coco/app/elements/snackbar/snackbar.rb
+- app/components/coco/app/elements/stamp/stamp.css
+- app/components/coco/app/elements/stamp/stamp.html.erb
+- app/components/coco/app/elements/stamp/stamp.rb
 - app/components/coco/app/elements/system_banner/system_banner.css
 - app/components/coco/app/elements/system_banner/system_banner.html.erb
 - app/components/coco/app/elements/system_banner/system_banner.js
@@ -1612,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
@@ -1690,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
@@ -1748,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,14 +0,0 @@
-@layer components {
-  [data-coco] {
-    @apply text-content-dark-1 font-body;
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      @apply font-display;
-    }
-  }
-}

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/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/blocks/slat/slat.css

@@ -1,9 +0,0 @@
-@layer components {
-  [data-coco][data-component="app-slat"] {
-    @apply px-app;
-
-    &[data-padded="false"] {
-      @apply px-0;
-    }
-  }
-}

data/app/components/coco/app/blocks/slat/slat.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module Coco
-  module App
-    module Blocks
-      class Slat < Coco::Component
-        include Concerns::AcceptsOptions
-
-        accepts_option :padded, from: [true, false]
-      end
-    end
-  end
-end

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

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

@@ -1,42 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ButtonGroup < Coco::Component
-        include Concerns::ActsAsButtonGroup
-        include Concerns::AcceptsOptions
-
-        accepts_option :size, default: :default, private: true
-        accepts_option :theme, default: :primary, private: true
-        accepts_option :segmented, from: [true, false], default: false
-        accepts_option :floating, from: [true, false], default: false
-        accepts_option :collapsible, from: [true, false, nil]
-
-        before_initialize do |kwargs|
-          if kwargs[:floating] == true
-            kwargs[:segmented] = true
-            kwargs[:theme] = :toolbar_floating
-          end
-          kwargs
-        end
-
-        def button_kwargs(kwargs, type = nil)
-          args = {
-            theme: get_option_value(:theme),
-            size: get_option_value(:size),
-            **kwargs
-          }
-
-          if component_args.key?(:resize)
-            args[:resize] = component_args[:resize]
-          end
-
-          if get_option_value(:collapsible) == false
-            args[:collapsible] = false
-          end
-
-          args
-        end
-      end
-    end
-  end
-end

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

@@ -1,54 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ButtonTo < Coco::Component
-        include Concerns::WrapsComponent
-        include Concerns::AcceptsOptions
-
-        accepts_option :fit, from: [:auto, :full]
-
-        wraps_component :button do |args|
-          Coco::App::Elements::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
-  end
-end

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

@@ -1,75 +0,0 @@
-@layer components {
-  .coco-button-wrapper {
-    @apply !contents;
-  }
-
-  [data-coco].coco-button {
-    @apply flex transition-colors w-auto bg-transparent text-current border border-transparent select-none flex-none no-underline outline-none focus-visible:outline-0;
-    width: min-content;
-
-    .button-inner {
-      @apply inline-flex items-center text-center mx-auto gap-2;
-      width: fit-content;
-    }
-
-    .button-content {
-      @apply whitespace-nowrap relative leading-none inline-flex items-center order-2;
-    }
-
-    .button-state-content {
-      @apply contents;
-    }
-
-    .button-icon {
-      @apply inline-flex items-center order-1;
-    }
-
-    .button-dropdown {
-      @apply contents rounded-md;
-    }
-
-    .button-toggle {
-      @apply order-3;
-    }
-
-    /* disabled */
-
-    &[data-disabled="true"] {
-      @apply cursor-not-allowed pointer-events-none;
-    }
-
-    /* loading */
-
-    &[data-state="loading"] .button-icon {
-      @apply animate-spin;
-    }
-
-    /* Fit */
-
-    &[data-fit="full"] {
-      @apply w-full;
-    }
-
-    /* Icons */
-
-    &[data-icon-position="end"] {
-      .button-content {
-        @apply order-1;
-      }
-
-      .button-icon {
-        @apply order-2;
-      }
-
-      .button-toggle {
-        @apply order-3;
-      }
-    }
-
-    &.with-icon[data-collapsed="true"] {
-      .button-content {
-        display: none;
-      }
-    }
-  }
-}