primer_view_components 0.0.102 → 0.0.103

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.102
+  version: 0.0.103
 platform: ruby
 authors:
 - GitHub Open Source
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-05 00:00:00.000000000 Z
+date: 2022-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -394,7 +394,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.9.25
-description:
+description: 
 email:
 - opensource+primer_view_components@github.com
 executables: []
@@ -452,8 +452,6 @@ files:
 - app/components/primer/alpha/toggle_switch.js
 - app/components/primer/alpha/toggle_switch.rb
 - app/components/primer/alpha/toggle_switch.ts
-- app/components/primer/alpha/tool-tip-element.d.ts
-- app/components/primer/alpha/tool-tip-element.js
 - app/components/primer/alpha/tool_tip.d.ts
 - app/components/primer/alpha/tool_tip.js
 - app/components/primer/alpha/tool_tip.ts
@@ -510,14 +508,10 @@ files:
 - app/components/primer/clipboard_copy.js
 - app/components/primer/clipboard_copy.rb
 - app/components/primer/clipboard_copy.ts
-- app/components/primer/clipboard_copy_component.d.ts
-- app/components/primer/clipboard_copy_component.js
-- app/components/primer/close_button.rb
 - app/components/primer/component.rb
 - app/components/primer/conditional_wrapper.rb
 - app/components/primer/content.rb
 - app/components/primer/counter_component.rb
-- app/components/primer/details_component.rb
 - app/components/primer/dropdown.d.ts
 - app/components/primer/dropdown.html.erb
 - app/components/primer/dropdown.js
@@ -530,9 +524,7 @@ files:
 - app/components/primer/dropdown/menu.ts
 - app/components/primer/dropdown_menu_component.html.erb
 - app/components/primer/dropdown_menu_component.rb
-- app/components/primer/heading_component.rb
 - app/components/primer/hellip_button.rb
-- app/components/primer/hidden_text_expander.rb
 - app/components/primer/icon_button.html.erb
 - app/components/primer/icon_button.rb
 - app/components/primer/image.rb
@@ -583,6 +575,32 @@ files:
 - app/components/primer/timeline_item_component.rb
 - app/components/primer/tooltip.rb
 - app/components/primer/truncate.rb
+- app/forms/after_content_form.rb
+- app/forms/after_content_form/after_content.html.erb
+- app/forms/application_form.rb
+- app/forms/array_check_box_group_form.rb
+- app/forms/array_check_box_group_form/places_lopez_caption.html.erb
+- app/forms/both_types_of_caption_form.rb
+- app/forms/both_types_of_caption_form/first_name_caption.html.erb
+- app/forms/caption_template_form.rb
+- app/forms/caption_template_form/age_middle_aged_caption.html.erb
+- app/forms/caption_template_form/age_young_caption.html.erb
+- app/forms/caption_template_form/cool_caption.html.erb
+- app/forms/caption_template_form/first_name_caption.html.erb
+- app/forms/check_box_group_form.rb
+- app/forms/composed_form.rb
+- app/forms/first_name_form.rb
+- app/forms/horizontal_form.rb
+- app/forms/invalid_form.rb
+- app/forms/last_name_form.rb
+- app/forms/multi_input_form.rb
+- app/forms/multi_text_field_form.rb
+- app/forms/radio_button_group_form.rb
+- app/forms/radio_button_with_nested_form.rb
+- app/forms/select_list_form.rb
+- app/forms/single_text_field_form.rb
+- app/forms/submit_button_form.rb
+- app/forms/text_field_and_checkbox_form.rb
 - app/helpers/primer/form_helper.rb
 - app/lib/primer/audited/dsl.rb
 - app/lib/primer/class_name_helper.rb
@@ -727,6 +745,7 @@ files:
 - previews/primer/alpha/button_marketing_preview.rb
 - previews/primer/alpha/dialog_preview.rb
 - previews/primer/alpha/dialog_preview/custom_header.html.erb
+- previews/primer/alpha/dialog_preview/nested_dialog.html.erb
 - previews/primer/alpha/dialog_preview/test.html.erb
 - previews/primer/alpha/dialog_preview/with_footer.html.erb
 - previews/primer/alpha/dialog_preview/with_form.html.erb
@@ -815,7 +834,7 @@ licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -830,8 +849,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.22
-signing_key:
+rubygems_version: 3.3.7
+signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System
 test_files: []

data/app/components/primer/alpha/tool-tip-element.d.ts

@@ -1,23 +0,0 @@
-declare type Direction = 'n' | 's' | 'e' | 'w' | 'ne' | 'se' | 'nw' | 'sw';
-declare class ToolTipElement extends HTMLElement {
-    #private;
-    styles(): string;
-    get htmlFor(): string;
-    set htmlFor(value: string);
-    get type(): 'description' | 'label';
-    set type(value: 'description' | 'label');
-    get direction(): Direction;
-    set direction(value: Direction);
-    get control(): HTMLElement | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-    static observedAttributes: string[];
-    attributeChangedCallback(name: string): void;
-}
-declare global {
-    interface Window {
-        ToolTipElement: typeof ToolTipElement;
-    }
-}
-export {};

data/app/components/primer/alpha/tool-tip-element.js

@@ -1,352 +0,0 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _ToolTipElement_instances, _ToolTipElement_abortController, _ToolTipElement_align, _ToolTipElement_side, _ToolTipElement_allowUpdatePosition, _ToolTipElement_update, _ToolTipElement_updatePosition;
-import { getAnchoredPosition } from '@primer/behaviors';
-const TOOLTIP_OPEN_CLASS = 'tooltip-open';
-const TOOLTIP_ARROW_EDGE_OFFSET = 6;
-const DIRECTION_CLASSES = [
-    'tooltip-n',
-    'tooltip-s',
-    'tooltip-e',
-    'tooltip-w',
-    'tooltip-ne',
-    'tooltip-se',
-    'tooltip-nw',
-    'tooltip-sw'
-];
-class ToolTipElement extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _ToolTipElement_instances.add(this);
-        _ToolTipElement_abortController.set(this, void 0);
-        _ToolTipElement_align.set(this, 'center');
-        _ToolTipElement_side.set(this, 'outside-bottom');
-        _ToolTipElement_allowUpdatePosition.set(this, false);
-    }
-    styles() {
-        return `
-      :host {
-        position: absolute;
-        z-index: 1000000;
-        padding: .5em .75em;
-        font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-        -webkit-font-smoothing: subpixel-antialiased;
-        color: var(--color-fg-on-emphasis);
-        text-align: center;
-        text-decoration: none;
-        text-shadow: none;
-        text-transform: none;
-        letter-spacing: normal;
-        word-wrap: break-word;
-        white-space: pre;
-        background: var(--color-neutral-emphasis-plus);
-        border-radius: 6px;
-        opacity: 0;
-        max-width: 250px;
-        word-wrap: break-word;
-        white-space: normal;
-        width: max-content;
-      }
-
-      :host:before{
-        position: absolute;
-        z-index: 1000001;
-        color: var(--color-neutral-emphasis-plus);
-        content: "";
-        border: 6px solid transparent;
-        opacity: 0
-      }
-
-      @keyframes tooltip-appear {
-        from {
-          opacity: 0
-        }
-        to {
-          opacity: 1
-        }
-      }
-
-      :host:after{
-        position: absolute;
-        display: block;
-        right: 0;
-        left: 0;
-        height: 12px;
-        content: ""
-      }
-
-      :host(.${TOOLTIP_OPEN_CLASS}),
-      :host(.${TOOLTIP_OPEN_CLASS}):before {
-        animation-name: tooltip-appear;
-        animation-duration: .1s;
-        animation-fill-mode: forwards;
-        animation-timing-function: ease-in;
-        animation-delay: .4s
-      }
-
-      :host(.tooltip-s):before,
-      :host(.tooltip-n):before {
-        right: 50%;
-        margin-right: -${TOOLTIP_ARROW_EDGE_OFFSET}px;
-      }
-
-      :host(.tooltip-s):before,
-      :host(.tooltip-se):before,
-      :host(.tooltip-sw):before {
-        bottom: 100%;
-        border-bottom-color: var(--color-neutral-emphasis-plus)
-      }
-
-      :host(.tooltip-s):after,
-      :host(.tooltip-se):after,
-      :host(.tooltip-sw):after {
-        bottom: 100%
-      }
-
-      :host(.tooltip-n):before,
-      :host(.tooltip-ne):before,
-      :host(.tooltip-nw):before {
-        top: 100%;
-        border-top-color: var(--color-neutral-emphasis-plus)
-      }
-
-      :host(.tooltip-n):after,
-      :host(.tooltip-ne):after,
-      :host(.tooltip-nw):after {
-        top: 100%
-      }
-
-      :host(.tooltip-se):before,
-      :host(.tooltip-ne):before {
-        left: 0;
-        margin-left: ${TOOLTIP_ARROW_EDGE_OFFSET}px;
-      }
-
-      :host(.tooltip-sw):before,
-      :host(.tooltip-nw):before {
-        right: 0;
-        margin-right: ${TOOLTIP_ARROW_EDGE_OFFSET}px;
-      }
-
-      :host(.tooltip-w):before {
-        top: 50%;
-        bottom: 50%;
-        left: 100%;
-        margin-top: -6px;
-        border-left-color: var(--color-neutral-emphasis-plus)
-      }
-
-      :host(.tooltip-e):before {
-        top: 50%;
-        right: 100%;
-        bottom: 50%;
-        margin-top: -6px;
-        border-right-color: var(--color-neutral-emphasis-plus)
-      }
-    `;
-    }
-    get htmlFor() {
-        return this.getAttribute('for') || '';
-    }
-    set htmlFor(value) {
-        this.setAttribute('for', value);
-    }
-    get type() {
-        const type = this.getAttribute('data-type');
-        return type === 'label' ? 'label' : 'description';
-    }
-    set type(value) {
-        this.setAttribute('data-type', value);
-    }
-    get direction() {
-        return (this.getAttribute('data-direction') || 's');
-    }
-    set direction(value) {
-        this.setAttribute('data-direction', value);
-    }
-    get control() {
-        return this.ownerDocument.getElementById(this.htmlFor);
-    }
-    connectedCallback() {
-        var _a;
-        if (!this.shadowRoot) {
-            const shadow = this.attachShadow({ mode: 'open' });
-            // eslint-disable-next-line github/no-inner-html
-            shadow.innerHTML = `
-        <style>
-          ${this.styles()}
-        </style>
-        <slot></slot>
-      `;
-        }
-        this.hidden = true;
-        __classPrivateFieldSet(this, _ToolTipElement_allowUpdatePosition, true, "f");
-        if (!this.id) {
-            this.id = `tooltip-${Date.now()}-${(Math.random() * 10000).toFixed(0)}`;
-        }
-        if (!this.control)
-            return;
-        this.setAttribute('role', 'tooltip');
-        (_a = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
-        __classPrivateFieldSet(this, _ToolTipElement_abortController, new AbortController(), "f");
-        const { signal } = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f");
-        this.addEventListener('mouseleave', this, { signal });
-        this.control.addEventListener('mouseenter', this, { signal });
-        this.control.addEventListener('mouseleave', this, { signal });
-        this.control.addEventListener('focus', this, { signal });
-        this.control.addEventListener('blur', this, { signal });
-        this.ownerDocument.addEventListener('keydown', this, { signal });
-        __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_update).call(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
-    }
-    handleEvent(event) {
-        if (!this.control)
-            return;
-        // Ensures that tooltip stays open when hovering between tooltip and element
-        // WCAG Success Criterion 1.4.13 Hoverable
-        if ((event.type === 'mouseenter' || event.type === 'focus') && this.hidden) {
-            this.hidden = false;
-        }
-        else if (event.type === 'blur') {
-            this.hidden = true;
-        }
-        else if (event.type === 'mouseleave' &&
-            event.relatedTarget !== this.control &&
-            event.relatedTarget !== this) {
-            this.hidden = true;
-        }
-        else if (event.type === 'keydown' && event.key === 'Escape' && !this.hidden) {
-            this.hidden = true;
-        }
-    }
-    attributeChangedCallback(name) {
-        if (name === 'id' || name === 'data-type') {
-            if (!this.id || !this.control)
-                return;
-            if (this.type === 'label') {
-                this.control.setAttribute('aria-labelledby', this.id);
-                this.setAttribute('aria-hidden', 'true');
-            }
-            else {
-                let describedBy = this.control.getAttribute('aria-describedby');
-                describedBy ? (describedBy = `${describedBy} ${this.id}`) : (describedBy = this.id);
-                this.control.setAttribute('aria-describedby', describedBy);
-            }
-        }
-        else if (this.isConnected && name === 'hidden') {
-            __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_update).call(this);
-        }
-        else if (name === 'data-direction') {
-            this.classList.remove(...DIRECTION_CLASSES);
-            const direction = this.direction;
-            if (direction === 'n') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'center', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-top', "f");
-            }
-            else if (direction === 'ne') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'start', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-top', "f");
-            }
-            else if (direction === 'e') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'center', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-right', "f");
-            }
-            else if (direction === 'se') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'start', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-bottom', "f");
-            }
-            else if (direction === 's') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'center', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-bottom', "f");
-            }
-            else if (direction === 'sw') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'end', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-bottom', "f");
-            }
-            else if (direction === 'w') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'center', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-left', "f");
-            }
-            else if (direction === 'nw') {
-                __classPrivateFieldSet(this, _ToolTipElement_align, 'end', "f");
-                __classPrivateFieldSet(this, _ToolTipElement_side, 'outside-top', "f");
-            }
-        }
-    }
-}
-_ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new WeakMap(), _ToolTipElement_side = new WeakMap(), _ToolTipElement_allowUpdatePosition = new WeakMap(), _ToolTipElement_instances = new WeakSet(), _ToolTipElement_update = function _ToolTipElement_update() {
-    if (this.hidden) {
-        this.classList.remove(TOOLTIP_OPEN_CLASS, ...DIRECTION_CLASSES);
-    }
-    else {
-        this.classList.add(TOOLTIP_OPEN_CLASS);
-        for (const tooltip of this.ownerDocument.querySelectorAll(this.tagName)) {
-            if (tooltip !== this)
-                tooltip.hidden = true;
-        }
-        __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updatePosition).call(this);
-    }
-}, _ToolTipElement_updatePosition = function _ToolTipElement_updatePosition() {
-    if (!this.control)
-        return;
-    if (!__classPrivateFieldGet(this, _ToolTipElement_allowUpdatePosition, "f") || this.hidden)
-        return;
-    const TOOLTIP_OFFSET = 10;
-    this.style.left = `0px`; // Ensures we have reliable tooltip width in `getAnchoredPosition`
-    const position = getAnchoredPosition(this, this.control, {
-        side: __classPrivateFieldGet(this, _ToolTipElement_side, "f"),
-        align: __classPrivateFieldGet(this, _ToolTipElement_align, "f"),
-        anchorOffset: TOOLTIP_OFFSET
-    });
-    const anchorSide = position.anchorSide;
-    const align = position.anchorAlign;
-    this.style.top = `${position.top}px`;
-    this.style.left = `${position.left}px`;
-    let direction = 's';
-    if (anchorSide === 'outside-left') {
-        direction = 'w';
-    }
-    else if (anchorSide === 'outside-right') {
-        direction = 'e';
-    }
-    else if (anchorSide === 'outside-top') {
-        if (align === 'center') {
-            direction = 'n';
-        }
-        else if (align === 'start') {
-            direction = 'ne';
-        }
-        else {
-            direction = 'nw';
-        }
-    }
-    else {
-        if (align === 'center') {
-            direction = 's';
-        }
-        else if (align === 'start') {
-            direction = 'se';
-        }
-        else {
-            direction = 'sw';
-        }
-    }
-    this.classList.add(`tooltip-${direction}`);
-};
-ToolTipElement.observedAttributes = ['data-type', 'data-direction', 'id', 'hidden'];
-if (!window.customElements.get('tool-tip')) {
-    window.ToolTipElement = ToolTipElement;
-    window.customElements.define('tool-tip', ToolTipElement);
-}

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

@@ -1 +0,0 @@
-import '@github/clipboard-copy-element';

data/app/components/primer/clipboard_copy_component.js

@@ -1,43 +0,0 @@
-import '@github/clipboard-copy-element';
-const CLIPBOARD_COPY_TIMER_DURATION = 2000;
-function showSVG(svg) {
-    svg.style.display = 'inline-block';
-}
-function hideSVG(svg) {
-    svg.style.display = 'none';
-}
-// Toggle a copy button.
-function showCopy(button) {
-    const [copyIcon, checkIcon] = button.querySelectorAll('.octicon');
-    if (!copyIcon || !checkIcon)
-        return;
-    showSVG(copyIcon);
-    hideSVG(checkIcon);
-}
-// Toggle a copy button.
-function showCheck(button) {
-    const [copyIcon, checkIcon] = button.querySelectorAll('.octicon');
-    if (!copyIcon || !checkIcon)
-        return;
-    hideSVG(copyIcon);
-    showSVG(checkIcon);
-}
-const clipboardCopyElementTimers = new WeakMap();
-document.addEventListener('clipboard-copy', function ({ target }) {
-    if (!(target instanceof HTMLElement))
-        return;
-    if (!target.hasAttribute('data-view-component'))
-        return;
-    const currentTimeout = clipboardCopyElementTimers.get(target);
-    if (currentTimeout) {
-        clearTimeout(currentTimeout);
-        clipboardCopyElementTimers.delete(target);
-    }
-    else {
-        showCheck(target);
-    }
-    clipboardCopyElementTimers.set(target, setTimeout(() => {
-        showCopy(target);
-        clipboardCopyElementTimers.delete(target);
-    }, CLIPBOARD_COPY_TIMER_DURATION));
-});

data/app/components/primer/close_button.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class CloseButton < Primer::Beta::CloseButton
-    status :deprecated
-  end
-end

data/app/components/primer/details_component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class DetailsComponent < Primer::Beta::Details
-    status :deprecated
-  end
-end

data/app/components/primer/heading_component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class HeadingComponent < Primer::Beta::Heading
-    status :deprecated
-  end
-end

data/app/components/primer/hidden_text_expander.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class HiddenTextExpander < Primer::Alpha::HiddenTextExpander
-    status :deprecated
-  end
-end