ariadne_view_components 0.0.6 → 0.0.9

data/app/components/ariadne/ariadne.d.ts

@@ -1 +0,0 @@
-import './time_ago_component';

data/app/components/ariadne/ariadne.js

@@ -1,9 +0,0 @@
-import { Application } from '@hotwired/stimulus';
-import ClipboardCopyComponent from './clipboard-copy-component';
-import SlideoverComponent from './slideover-component';
-import TooltipComponent from './tooltip-component';
-import './time_ago_component';
-const application = Application.start();
-application.register('clipboard-copy-component', ClipboardCopyComponent);
-application.register('slideover-component', SlideoverComponent);
-application.register('tooltip-component', TooltipComponent);

data/app/components/ariadne/clipboard-copy-component.d.ts

@@ -1,4 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class ClipboardCopyComponent extends Controller {
-    copy(): void;
-}

data/app/components/ariadne/clipboard-copy-component.js

@@ -1,18 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class ClipboardCopyComponent extends Controller {
-    copy() {
-        const value = this.element.attributes.getNamedItem('value');
-        const forNode = this.element.attributes.getNamedItem('for');
-        if (value) {
-            navigator.clipboard.writeText(value.value);
-        }
-        else if (forNode) {
-            const node = document.getElementById(forNode.value);
-            navigator.clipboard.writeText((node === null || node === void 0 ? void 0 : node.textContent) || '');
-        }
-        else {
-            // just copy inner text
-            navigator.clipboard.writeText(this.element.textContent || '');
-        }
-    }
-}

data/app/components/ariadne/clipboard_copy_component.d.ts

@@ -1,4 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class ClipboardCopyComponent extends Controller {
-    copy(): void;
-}

data/app/components/ariadne/clipboard_copy_component.js

@@ -1,18 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class ClipboardCopyComponent extends Controller {
-    copy() {
-        const value = this.element.attributes.getNamedItem('value');
-        const forNode = this.element.attributes.getNamedItem('for');
-        if (value) {
-            navigator.clipboard.writeText(value.value);
-        }
-        else if (forNode) {
-            const node = document.getElementById(forNode.value);
-            navigator.clipboard.writeText((node === null || node === void 0 ? void 0 : node.textContent) || '');
-        }
-        else {
-            // just copy inner text
-            navigator.clipboard.writeText(this.element.textContent || '');
-        }
-    }
-}

data/app/components/ariadne/slideover-component.d.ts

@@ -1,9 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class SlideoverComponent extends Controller {
-    static targets: string[];
-    readonly expandableTarget: HTMLDivElement;
-    readonly expandWrapperTarget: HTMLDivElement;
-    readonly slidePanelTargets: [HTMLDivElement];
-    readonly buttonWrapperTarget: HTMLDivElement;
-    toggle(): void;
-}

data/app/components/ariadne/slideover-component.js

@@ -1,20 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class SlideoverComponent extends Controller {
-    toggle() {
-        var _a;
-        this.expandableTarget.classList.toggle('hidden');
-        this.expandWrapperTarget.classList.toggle('bg-filter-panel');
-        for (const slidePanel of this.slidePanelTargets) {
-            slidePanel.classList.toggle('hidden');
-        }
-        this.buttonWrapperTarget.classList.toggle('bg-filter-panel');
-        if ((_a = document.getElementById('btnClose')) === null || _a === void 0 ? void 0 : _a.classList.contains('hidden')) {
-            const formID = this.buttonWrapperTarget.getAttribute('data-slideover-component-form-id');
-            if (formID) {
-                const form = document.getElementById(formID);
-                form === null || form === void 0 ? void 0 : form.submit();
-            }
-        }
-    }
-}
-SlideoverComponent.targets = ['expandable', 'expandWrapper', 'slidePanel', 'buttonWrapper'];

data/app/components/ariadne/slideover_component.d.ts

@@ -1,9 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class SlideoverComponent extends Controller {
-    static targets: string[];
-    readonly expandableTarget: HTMLDivElement;
-    readonly expandWrapperTarget: HTMLDivElement;
-    readonly slidePanelTargets: [HTMLDivElement];
-    readonly buttonWrapperTarget: HTMLDivElement;
-    toggle(): void;
-}

data/app/components/ariadne/slideover_component.js

@@ -1,19 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class SlideoverComponent extends Controller {
-    toggle() {
-        var _a;
-        // eslint-disable-next-line no-debugger
-        debugger;
-        this.expandableTarget.classList.toggle('hidden');
-        this.expandWrapperTarget.classList.toggle('bg-filter-panel');
-        for (const slidePanel of this.slidePanelTargets) {
-            slidePanel.classList.toggle('hidden');
-        }
-        this.buttonWrapperTarget.classList.toggle('bg-filter-panel');
-        if ((_a = document.getElementById('btnClose')) === null || _a === void 0 ? void 0 : _a.classList.contains('hidden')) {
-            const form = this.buttonWrapperTarget.closest('form');
-            form === null || form === void 0 ? void 0 : form.submit();
-        }
-    }
-}
-SlideoverComponent.targets = ['expandable', 'expandWrapper', 'slidePanel', 'buttonWrapper'];

data/app/components/ariadne/time_ago_component.js

@@ -1 +0,0 @@
-import '@github/time-elements';

data/app/components/ariadne/tooltip-component.d.ts

@@ -1,24 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-import type { Instance, Placement } from '@popperjs/core';
-export default class TooltipComponent extends Controller {
-    static targets: string[];
-    readonly triggerTarget: HTMLElement;
-    readonly tooltipTarget: HTMLElement;
-    static values: {
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        offset: {
-            type: ArrayConstructor;
-            default: number[];
-        };
-    };
-    readonly placementValue: Placement;
-    readonly offsetValue: Array<number>;
-    popperInstance: Instance;
-    connect(): void;
-    disconnect(): void;
-    show(): void;
-    hide(): void;
-}

data/app/components/ariadne/tooltip-component.js

@@ -1,42 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-import { createPopper } from '@popperjs/core';
-export default class TooltipComponent extends Controller {
-    // Create a new Popper instance
-    connect() {
-        this.popperInstance = createPopper(this.triggerTarget, this.tooltipTarget, {
-            placement: this.placementValue,
-            modifiers: [
-                {
-                    name: 'offset',
-                    options: {
-                        offset: this.offsetValue
-                    }
-                }
-            ]
-        });
-    }
-    // Destroy the Popper instance
-    disconnect() {
-        if (this.popperInstance) {
-            this.popperInstance.destroy();
-        }
-    }
-    show() {
-        this.tooltipTarget.setAttribute('data-tooltip-show', '');
-        this.tooltipTarget.classList.remove('invisible');
-        // We need to tell Popper to update the tooltip position
-        // after we show the tooltip, otherwise it will be incorrect
-        this.popperInstance.update();
-        this.dispatch('shown', { detail: { trigger: this.triggerTarget, tooltip: this.tooltipTarget } });
-    }
-    hide() {
-        this.tooltipTarget.removeAttribute('data-tooltip-show');
-        this.tooltipTarget.classList.add('invisible');
-        this.dispatch('hidden', { detail: { trigger: this.triggerTarget, tooltip: this.tooltipTarget } });
-    }
-}
-TooltipComponent.targets = ['trigger', 'tooltip'];
-TooltipComponent.values = {
-    placement: { type: String, default: 'top' },
-    offset: { type: Array, default: [0, 8] }
-};

data/lib/ariadne/classify/utilities.rb

@@ -1,199 +0,0 @@
-# frozen_string_literal: true
-
-require "yaml"
-
-# :nodoc:
-module Ariadne
-  class Classify
-    # Handler for AriadneCSS utility classes loaded from utilities.rake
-    class Utilities
-      # Load the utilities.yml file.
-      # Disabling because we want to load symbols, strings, and integers from the .yml file
-      UTILITIES = YAML.load(
-        File.read(
-          File.join(File.dirname(__FILE__), "./utilities.yml")
-        )
-      ).freeze
-      BREAKPOINTS = ["", "-sm", "-md", "-lg", "-xl"].freeze
-
-      # Replacements for some classnames that end up being a different argument key
-      REPLACEMENT_KEYS = {
-        "^anim" => "animation",
-        "^v-align" => "vertical_align",
-        "^d" => "display",
-        "^wb" => "word_break",
-        "^v" => "visibility",
-        "^width" => "w",
-        "^height" => "h",
-        "^color-bg" => "bg",
-        "^color-border" => "border_color",
-        "^color-fg" => "color",
-      }.freeze
-
-      SUPPORTED_KEY_CACHE = Hash.new { |h, k| h[k] = !UTILITIES[k].nil? }
-      BREAKPOINT_INDEX_CACHE = Hash.new { |h, k| h[k] = BREAKPOINTS.index(k) }
-
-      class << self
-        attr_accessor :validate_class_names
-        alias_method :validate_class_names?, :validate_class_names
-
-        def classname(key, val, breakpoint = "")
-          # For cases when `argument: false` is passed in, treat like we would nil
-          return nil unless val
-
-          if (valid = validate(key, val, breakpoint))
-            valid
-          else
-            # Get selector
-            UTILITIES[key][val][BREAKPOINT_INDEX_CACHE[breakpoint]]
-          end
-        end
-
-        # Does the Utility class support the given key
-        #
-        # returns Boolean
-        def supported_key?(key)
-          SUPPORTED_KEY_CACHE[key]
-        end
-
-        # Does the Utility class support the given key and value
-        #
-        # returns Boolean
-        def supported_value?(key, val)
-          supported_key?(key) && !UTILITIES[key][val].nil?
-        end
-
-        # Does the given selector exist in the utilities file
-        #
-        # returns Boolean
-        def supported_selector?(selector)
-          # This method is too slow to run in production
-          return false unless validate_class_names?
-
-          find_selector(selector).present?
-        end
-
-        # Is the key and value responsive
-        #
-        # returns Boolean
-        def responsive?(key, val)
-          supported_value?(key, val) && UTILITIES[key][val].count > 1
-        end
-
-        # Get the options for the given key
-        #
-        # returns Array or nil if key not supported
-        def mappings(key)
-          return unless supported_key?(key)
-
-          UTILITIES[key].keys
-        end
-
-        # Extract hash from classes ie. "mr-1 mb-2 foo" => { mr: 1, mb: 2, classes: "foo" }
-        def classes_to_hash(classes)
-          # This method is too slow to run in production
-          return { classes: classes } unless validate_class_names?
-
-          obj = {}
-          classes = classes.split
-          # Loop through all classes supplied and reject ones we find a match for
-          # So when we're at the end of the loop we have classes left with any non-system classes.
-          classes.reject! do |classname|
-            key, value, index = find_selector(classname)
-            next false if key.nil?
-
-            # Create array if nil
-            obj[key] = Array.new(5, nil) if obj[key].nil?
-            # Place the arguments in the responsive array based on index mr: [nil, 2]
-            obj[key][index] = value
-            next true
-          end
-
-          # Transform responsive arrays into arrays without trailing nil, so `mr: [1, nil, nil, nil, nil]` becomes `mr: 1`
-          obj.transform_values! do |value|
-            value = value.reverse.drop_while(&:nil?).reverse
-            if value.count == 1
-              value.first
-            else
-              value
-            end
-          end
-
-          # Add back the non-system classes
-          obj[:classes] = classes.join(" ") if classes.any?
-          obj
-        end
-
-        def classes_to_args(classes)
-          hash_to_args(classes_to_hash(classes))
-        end
-
-        def hash_to_args(hash)
-          hash.map do |key, value|
-            val = case value
-            when Symbol
-              ":#{value}"
-            when String
-              value.to_json
-            else
-              value
-            end
-
-            "#{key}: #{val}"
-          end.join(", ")
-        end
-
-        def validate(key, val, breakpoint)
-          unless supported_key?(key)
-            raise ArgumentError, "#{key} is not a valid Ariadne utility key" if validate_class_names?
-
-            return ""
-          end
-
-          unless breakpoint.empty? || responsive?(key, val)
-            raise ArgumentError, "#{key} does not support responsive values" if validate_class_names?
-
-            return ""
-          end
-
-          unless supported_value?(key, val)
-            raise ArgumentError, "#{val} is not a valid value for :#{key}. Use one of #{mappings(key)}" if validate_class_names?
-
-            return nil if [true, false].include?(val)
-
-            return "#{key.to_s.dasherize}-#{val.to_s.dasherize}"
-          end
-
-          nil
-        end
-
-        private def find_selector(selector)
-          key = infer_selector_key(selector)
-          value_hash = UTILITIES[key]
-
-          return nil if value_hash.blank?
-
-          # Each value hash will also contain an array of classnames for breakpoints
-          # Key argument `0`, classes `[ "mr-0", "mr-sm-0", "mr-md-0", "mr-lg-0", "mr-xl-0" ]`
-          value_hash.each do |key_argument, classnames|
-            # Skip each value hash until we get one with the selector
-            next unless classnames.include?(selector)
-
-            # Return [:mr, 0, 1]
-            # has index of classname, so we can match it up with responsive array `mr: [nil, 0]`
-            return [key, key_argument, classnames.index(selector)]
-          end
-
-          nil
-        end
-
-        private def infer_selector_key(selector)
-          REPLACEMENT_KEYS.each do |k, v|
-            return v.to_sym if selector.match?(Regexp.new(k))
-          end
-          selector.split("-").first.to_sym
-        end
-      end
-    end
-  end
-end