ariadne_view_components 0.0.55-x86_64-linux → 0.0.58-x86_64-linux

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