ariadne_view_components 0.0.57-x86_64-linux → 0.0.59-x86_64-linux

data/app/components/ariadne/ariadne.js

@@ -6,7 +6,6 @@ import OptionsController from './options_controller/options_controller';
 import AccumulatorController from './accumulator_controller/accumulator_controller';
 import ToggleableController from './toggleable_controller/toggleable_controller';
 import ClipboardCopyComponent from './clipboard_copy_component/clipboard-copy-component';
-import RichTextAreaComponent from './rich_text_area_component/rich-text-area-component';
 import SlideoverComponent from './slideover_component/slideover-component';
 import TabNavComponent from './tab_nav_component/tab-nav-component';
 import TooltipComponent from './tooltip_component/tooltip-component';
@@ -15,7 +14,6 @@ import './time_ago_component/time-ago-component';
 const application = Application.start();
 application.register('clipboard-copy-component', ClipboardCopyComponent);
 application.register('ariadne-form', AriadneForm);
-application.register('rich-text-area-component', RichTextAreaComponent);
 application.register('slideover-component', SlideoverComponent);
 application.register('tab-nav-component', TabNavComponent);
 application.register('tooltip-component', TooltipComponent);

data/app/components/ariadne/ariadne.ts

@@ -8,7 +8,6 @@ import OptionsController from './options_controller/options_controller'
 import AccumulatorController from './accumulator_controller/accumulator_controller'
 import ToggleableController from './toggleable_controller/toggleable_controller'
 import ClipboardCopyComponent from './clipboard_copy_component/clipboard-copy-component'
-import RichTextAreaComponent from './rich_text_area_component/rich-text-area-component'
 import SlideoverComponent from './slideover_component/slideover-component'
 import TabNavComponent from './tab_nav_component/tab-nav-component'
 import TooltipComponent from './tooltip_component/tooltip-component'
@@ -20,7 +19,6 @@ const application = Application.start()
 
 application.register('clipboard-copy-component', ClipboardCopyComponent)
 application.register('ariadne-form', AriadneForm)
-application.register('rich-text-area-component', RichTextAreaComponent)
 application.register('slideover-component', SlideoverComponent)
 application.register('tab-nav-component', TabNavComponent)
 application.register('tooltip-component', TooltipComponent)

data/lib/ariadne/view_components/version.rb

@@ -3,6 +3,6 @@
 # :nocov:
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.57"
+    VERSION = "0.0.59"
   end
 end

data/static/audited_at.json

@@ -14,7 +14,6 @@
   "Ariadne::ClipboardCopyComponent": "",
   "Ariadne::CloseButtonComponent": "",
   "Ariadne::ComboboxComponent": "",
-  "Ariadne::CommentComponent": "",
   "Ariadne::ContainerComponent": "",
   "Ariadne::Content": "",
   "Ariadne::CounterComponent": "",
@@ -44,7 +43,6 @@
   "Ariadne::PopoverComponent": "",
   "Ariadne::ProgressBarComponent": "",
   "Ariadne::RelativeTimeComponent": "",
-  "Ariadne::RichTextAreaComponent": "",
   "Ariadne::ShowMoreButtonComponent": "",
   "Ariadne::SlideoverComponent": "",
   "Ariadne::SpinnerComponent": "",

data/static/constants.json

@@ -253,13 +253,6 @@
       "div"
     ]
   },
-  "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
-    "DEFAULT_TAG": "div",
-    "TAG_OPTIONS": [
-      "div"
-    ]
-  },
   "Ariadne::ContainerComponent": {
     "DEFAULT_CLASSES": "ariadne-px-4 sm:ariadne-px-6 lg:ariadne-px-8"
   },
@@ -698,10 +691,6 @@
       "span"
     ]
   },
-  "Ariadne::RichTextAreaComponent": {
-    "DEFAULT_CLASSES": "",
-    "DEFAULT_TAG": "div"
-  },
   "Ariadne::ShowMoreButtonComponent": {
     "DEFAULT_ATTRIBUTES": {
       "wrapper": {

data/static/statuses.json

@@ -14,7 +14,6 @@
   "Ariadne::ClipboardCopyComponent": "stable",
   "Ariadne::CloseButtonComponent": "stable",
   "Ariadne::ComboboxComponent": "stable",
-  "Ariadne::CommentComponent": "stable",
   "Ariadne::ContainerComponent": "stable",
   "Ariadne::Content": "stable",
   "Ariadne::CounterComponent": "stable",
@@ -44,7 +43,6 @@
   "Ariadne::PopoverComponent": "stable",
   "Ariadne::ProgressBarComponent": "stable",
   "Ariadne::RelativeTimeComponent": "stable",
-  "Ariadne::RichTextAreaComponent": "stable",
   "Ariadne::ShowMoreButtonComponent": "stable",
   "Ariadne::SlideoverComponent": "stable",
   "Ariadne::SpinnerComponent": "stable",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.57
+  version: 0.0.59
 platform: x86_64-linux
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-07-14 00:00:00.000000000 Z
+date: 2023-07-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -122,7 +122,6 @@ files:
 - app/assets/javascripts/components/ariadne/events_controller/events_controller.d.ts
 - app/assets/javascripts/components/ariadne/options_controller/options_controller.d.ts
 - app/assets/javascripts/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts
-- app/assets/javascripts/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts
 - app/assets/javascripts/components/ariadne/slideover_component/slideover-component.d.ts
 - app/assets/javascripts/components/ariadne/string_match_controller/string_match_controller.d.ts
 - app/assets/javascripts/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts
@@ -173,8 +172,6 @@ files:
 - app/components/ariadne/close_button_component.rb
 - app/components/ariadne/combobox_component.html.erb
 - app/components/ariadne/combobox_component.rb
-- app/components/ariadne/comment_component.rb
-- app/components/ariadne/comment_component/comment_component.html.erb
 - app/components/ariadne/component.rb
 - app/components/ariadne/container_component.rb
 - app/components/ariadne/container_component/container_component.html.erb
@@ -233,11 +230,6 @@ files:
 - app/components/ariadne/progress_bar_component.rb
 - app/components/ariadne/relative_time_component.html.erb
 - app/components/ariadne/relative_time_component.rb
-- app/components/ariadne/rich_text_area_component.rb
-- app/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts
-- app/components/ariadne/rich_text_area_component/rich-text-area-component.js
-- app/components/ariadne/rich_text_area_component/rich-text-area-component.ts
-- app/components/ariadne/rich_text_area_component/rich_text_area_component.html.erb
 - app/components/ariadne/show_more_button_component.html.erb
 - app/components/ariadne/show_more_button_component.rb
 - app/components/ariadne/slideover_component.rb

data/app/assets/javascripts/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts

@@ -1,6 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class RichTextArea extends Controller {
-    static targets: string[];
-    readonly editorTargets: [HTMLDivElement];
-    connect(): void;
-}

data/app/components/ariadne/comment_component/comment_component.html.erb

@@ -1,37 +0,0 @@
-<%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do %>
-  <%= render(Ariadne::TabContainerComponent.new(sr_label: @sr_label)) do |tab_container| %>
-    <%= tab_container.with_tab(id: public_tab.id, selected: public_tab.selected, classes: public_tab.classes, attributes: public_tab.attributes) do |tab| %>
-      <% tab.with_text { @public_tab_text } %>
-      <% tab.with_panel(attributes: {:"data-public" => true}) do %>
-        <%= ariadne_form_with(url: @url, method: @method, classes: @classes, attributes: @attributes) do |comment_box| %>
-          <% @hidden_fields.each do |name, value| %>
-            <%= hidden_field_tag name, value %>
-          <% end %>
-          <div class="ariadne-overflow-hidden ariadne-border ariadne-border-slate-300 ariadne-shadow-sm">
-            <%= hidden_field_tag 'message_is_public', true %>
-            <%= render(Ariadne::RichTextAreaComponent.new(name: :message_public_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
-            <% comment_box.submit { @submit } %>
-          </div>
-          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
-            <%= public_submit %>
-          </div>
-        <% end %>
-      <% end %>
-    <% end %>
-    <%= tab_container.with_tab(id: internal_tab.id, selected: internal_tab.selected, classes: internal_tab.classes, attributes: internal_tab.attributes) do |tab| %>
-      <% tab.with_text { @internal_tab_text } %>
-      <% tab.with_panel do %>
-        <%= ariadne_form_with(url: @url, method: @method, classes: @classes, attributes: @attributes) do |comment_box| %>
-          <div class="ariadne-overflow-hidden ariadne-border ariadne-border-gray-300 ariadne-shadow-sm">
-            <%= hidden_field_tag 'message_is_public', false %>
-            <%= render(Ariadne::RichTextAreaComponent.new(name: :message_internal_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
-            <% comment_box.submit { @submit } %>
-          </div>
-          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
-            <%= internal_submit %>
-          </div>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/components/ariadne/comment_component.rb

@@ -1,71 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Defines a submittable form for adding comments to a conversation.
-  #
-  #
-  # @accessibility This component requires you to pass in a `sr_label`
-  # attribute, which will be used to label the tabs for screen readers.
-  class CommentComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DEFAULT_CLASSES = "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md "
-
-    renders_one :public_tab, lambda { |selected: false, text:, classes: "", attributes: {}|
-      attributes[:"data-public"] = true
-      @tab_idx += 1
-      id = attributes.fetch(:id, "public-tab-#{@tab_idx}")
-      @public_tab_text = text
-
-      Ariadne::TabComponent.new(selected: selected, classes: classes, id: id, with_panel: true, attributes: attributes)
-    }
-
-    renders_one :public_submit, lambda { |classes: "", attributes: {}|
-      Ariadne::ButtonComponent.new(type: Ariadne::BaseButton::TYPE_SUBMIT, scheme: Ariadne::ButtonComponent::DEFAULT_SCHEME, classes: classes, attributes: attributes)
-    }
-
-    renders_one :internal_tab, lambda { |selected: false, text:, classes: "", attributes: {}|
-      attributes[:"data-public"] = false
-      @tab_idx += 1
-      id = attributes.fetch(:id, "internal-tab-#{@tab_idx}")
-      @internal_tab_text = text
-
-      Ariadne::TabComponent.new(selected: selected, classes: classes, id: id, with_panel: true, attributes: attributes)
-    }
-
-    renders_one :internal_submit, lambda { |classes: "", attributes: {}|
-      Ariadne::ButtonComponent.new(type: Ariadne::BaseButton::TYPE_SUBMIT, scheme: Ariadne::ButtonComponent::DEFAULT_SCHEME, classes: classes, attributes: attributes)
-    }
-
-    # @example Default
-    #
-    #  <%= render(Ariadne::CommentComponent.new(url: "/messages", method: :post, sr_label: "Select delivery time")) do |comment| %>
-    #    <% comment.with_public_tab(selected: true, text: "Reply to sender") %>
-    #    <% comment.with_public_submit { "Send" } %>
-    #    <% comment.with_internal_tab(text: "Internal comment") %>
-    #    <% comment.with_internal_submit { "Send" } %>
-    #  <% end %>
-    #
-    # @param url [String] The URL to take action against.
-    # @param method [String] The method to use when submitting the form.
-    # @param sr_label [String] A label to introduce these tabs for screen readers.
-    # @param hidden_fields [[String]] An array of arrays of additional (hidden) fields to add to the form.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(url:, method: :post, sr_label:, hidden_fields: [], classes: "", attributes: {})
-      @tag = DEFAULT_TAG
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-      @url = url
-      @method = method
-      @sr_label = sr_label
-
-      @tab_idx = -1
-      @hidden_fields = hidden_fields
-      @attributes = attributes
-    end
-  end
-end

data/app/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts

@@ -1,6 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class RichTextArea extends Controller {
-    static targets: string[];
-    readonly editorTargets: [HTMLDivElement];
-    connect(): void;
-}

data/app/components/ariadne/rich_text_area_component/rich-text-area-component.js

@@ -1,38 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-import { Editor } from '@tiptap/core';
-import { Document } from '@tiptap/extension-document';
-import { Paragraph } from '@tiptap/extension-paragraph';
-import { Text } from '@tiptap/extension-text';
-import DropCursor from '@tiptap/extension-dropcursor';
-import GapCursor from '@tiptap/extension-gapcursor';
-import { History } from '@tiptap/extension-history';
-class RichTextArea extends Controller {
-    connect() {
-        for (const editorElement of this.editorTargets) {
-            const pmEditor = new Editor({
-                extensions: [DropCursor, GapCursor, History, Document, Paragraph, Text],
-                content: '',
-                injectCSS: false,
-                element: editorElement,
-                editorProps: {
-                    attributes: {
-                        class: 'ariadne-h-28 ariadne-max-h-48 ariadne-p-2 ariadne-rounded-lg ariadne-overflow-y-auto focus:ariadne-outline-none',
-                    },
-                },
-                parseOptions: {
-                    preserveWhitespace: true,
-                },
-            });
-            const tiptapValueContainer = editorElement.previousElementSibling;
-            if (tiptapValueContainer) {
-                const parentForm = editorElement.closest('form');
-                parentForm === null || parentForm === void 0 ? void 0 : parentForm.addEventListener('submit', () => {
-                    tiptapValueContainer.setAttribute('value', pmEditor.getText() || '');
-                    pmEditor.commands.clearContent(); // TODO: test this
-                });
-            }
-        }
-    }
-}
-RichTextArea.targets = ['editor'];
-export default RichTextArea;

data/app/components/ariadne/rich_text_area_component/rich-text-area-component.ts

@@ -1,47 +0,0 @@
-import {Controller} from '@hotwired/stimulus'
-
-import {Editor} from '@tiptap/core'
-
-import {Document} from '@tiptap/extension-document'
-import {Paragraph} from '@tiptap/extension-paragraph'
-import {Text} from '@tiptap/extension-text'
-
-import DropCursor from '@tiptap/extension-dropcursor'
-import GapCursor from '@tiptap/extension-gapcursor'
-import {History} from '@tiptap/extension-history'
-
-export default class RichTextArea extends Controller {
-  static targets = ['editor']
-
-  declare readonly editorTargets: [HTMLDivElement]
-
-  connect() {
-    for (const editorElement of this.editorTargets) {
-      const pmEditor = new Editor({
-        extensions: [DropCursor, GapCursor, History, Document, Paragraph, Text],
-        content: '',
-        injectCSS: false,
-        element: editorElement,
-        editorProps: {
-          attributes: {
-            class:
-              'ariadne-h-28 ariadne-max-h-48 ariadne-p-2 ariadne-rounded-lg ariadne-overflow-y-auto focus:ariadne-outline-none',
-          },
-        },
-        parseOptions: {
-          preserveWhitespace: true,
-        },
-      })
-
-      const tiptapValueContainer = editorElement.previousElementSibling
-      if (tiptapValueContainer) {
-        const parentForm = editorElement.closest('form')
-
-        parentForm?.addEventListener('submit', () => {
-          tiptapValueContainer.setAttribute('value', pmEditor.getText() || '')
-          pmEditor.commands.clearContent() // TODO: test this
-        })
-      }
-    }
-  }
-}

data/app/components/ariadne/rich_text_area_component/rich_text_area_component.html.erb

@@ -1,6 +0,0 @@
-<%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do %>
-  <% if @has_form %>
-    <input type="hidden" data-tiptap-value-container=true name="<%= @name %>" id="<%= @name %>">
-  <% end %>
-  <div class="tiptap-editor" name="rich-text-area" data-rich-text-area-component-target="editor"></div>
-<% end %>

data/app/components/ariadne/rich_text_area_component.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Add a general description of component here
-  # Add additional usage considerations or best practices that may aid the user to use the component correctly.
-  # @accessibility Add any accessibility considerations
-  class RichTextAreaComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    DEFAULT_CLASSES = ""
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::RichTextAreaComponent.new(name: "bodytext", sr_label: "Enter message contents")) { "Example" } %>
-    #
-    # @param name [Symbol] Identifies the form/param name for this rich text area.
-    # @param sr_label [String] A label to introduce these tabs for screen readers.
-    # @param has_form [Boolean] Indicates whether this component is wrapped in a form.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(name:, sr_label:, has_form: true, classes: "", attributes: {})
-      @tag = DEFAULT_TAG
-      @name = name
-      @sr_label = sr_label
-      @has_form = has_form
-
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-      @attributes = attributes
-      @attributes[:"data-controller"] = "rich-text-area-component"
-      @attributes[:"data-has-form"] = true if @has_form
-    end
-  end
-end