ariadne_view_components 0.0.55-arm64-darwin → 0.0.57-arm64-darwin

data/app/assets/javascripts/components/ariadne/accumulator_controller/accumulator_controller.d.ts

@@ -0,0 +1,22 @@
+import { Controller } from '@hotwired/stimulus';
+export default class AccumulatorController extends Controller {
+    static targets: string[];
+    static values: {
+        syncAttrs: {
+            type: ArrayConstructor;
+            default: string[];
+        };
+        sumAttr: {
+            type: string;
+            default: string;
+        };
+    };
+    sumTargets: Array<HTMLElement>;
+    accumulatorTarget?: HTMLElement;
+    syncAttrsValue: Array<string>;
+    sumAttrValue: string;
+    connect(): void;
+    accumulate(): void;
+    setAttributesTo(sum: number): void;
+    get accumulator(): Element;
+}

data/app/assets/javascripts/components/ariadne/ariadne-form.d.ts

@@ -0,0 +1,22 @@
+import { Controller } from '@hotwired/stimulus';
+import type { TemplateResult } from 'lit-html';
+type HTMLFormField = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export default class AriadneFormWith extends Controller {
+    static targets: string[];
+    readonly formFieldTargets: [HTMLFormField];
+    connect(): void;
+    disconnect(): void;
+    onBlur: (event: Event) => void;
+    onSubmit: (event: Event) => void;
+    validateForm(): boolean;
+    validateField(field: HTMLFormField): boolean;
+    shouldValidateField(field: HTMLFormField): boolean;
+    refreshErrorForInvalidField(field: HTMLFormField, isValid: boolean): void;
+    removeExistingErrorMessage(field: HTMLFormField): void;
+    showErrorForInvalidField(field: HTMLFormField): void;
+    buildFieldErrorHtml(field: HTMLFormField): string;
+    get formFields(): HTMLFormField[];
+    get firstInvalidField(): HTMLFormField | undefined;
+    getRenderString: (data: TemplateResult) => string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import './tab_container_component/tab-container-component';
+import './time_ago_component/time-ago-component';

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

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

data/app/assets/javascripts/components/ariadne/dropdown/menu_component.d.ts

@@ -0,0 +1 @@
+import '@github/details-menu-element';

data/app/assets/javascripts/components/ariadne/events_controller/events_controller.d.ts

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

data/app/assets/javascripts/components/ariadne/options_controller/options_controller.d.ts

@@ -0,0 +1,39 @@
+import { TOutletChangeData } from '../outlet_manager_controller/outlet_manager_controller';
+import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller';
+type TOptionKey = string | number;
+type TActiveOptions = {
+    [k: TOptionKey]: boolean;
+};
+export interface OptionsOutlet extends SyncedBooleanAttributesController<TActiveOptions> {
+    select: (e: Event, updateTo?: TOutletChangeData<TActiveOptions>) => void;
+}
+export default class OptionsController extends SyncedBooleanAttributesController<TActiveOptions> implements OptionsOutlet {
+    #private;
+    static outlets: string[];
+    static targets: string[];
+    static values: {
+        activeOptions: ObjectConstructor;
+        isMulti: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        toggleable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        syncedAttrs: ArrayConstructor;
+        antiAttrs: ArrayConstructor;
+        protectAttrs: BooleanConstructor;
+        outletEvents: ArrayConstructor;
+    };
+    readonly optionTargets: Array<Element>;
+    activeOptionsValue: TActiveOptions;
+    readonly isMultiValue: boolean;
+    readonly toggleableValue: boolean;
+    select(event: Event, updateTo?: TOutletChangeData<TActiveOptions>): void;
+    optionTargetConnected(element: Element): void;
+    getValueForElement(element: Element): boolean;
+    getState(): TActiveOptions;
+    outletUpdate: (event: Event, updateTo?: TOutletChangeData<TActiveOptions>) => void;
+}
+export {};

data/app/assets/javascripts/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts

@@ -0,0 +1,42 @@
+import { Controller } from '@hotwired/stimulus';
+type TOutletEventLookup = boolean | {
+    [k: string]: TOutletEventLookup;
+};
+export type TOutletChangeData<T> = {
+    eventKey?: string;
+    data?: T;
+} | undefined;
+export default class OutletManagerController<T> extends Controller {
+    #private;
+    static values: {
+        outletEvents: ArrayConstructor;
+    };
+    readonly outletEventsValue: Array<string>;
+    readonly hasOutletEventsValue: boolean;
+    static outlets: string[];
+    readonly toggleableOutlets: Array<OutletManagerController<T>>;
+    readonly hasToggleableOutlet: boolean;
+    readonly optionsOutlets: Array<OutletManagerController<T>>;
+    readonly hasOptionsOutlet: boolean;
+    readonly stringMatchOutlets: Array<OutletManagerController<T>>;
+    readonly hasStringMatchOutlet: boolean;
+    outletEventsLookup: TOutletEventLookup | null;
+    static domEvents: {
+        [k: string]: boolean;
+    };
+    eventRecords: Map<Event, boolean>;
+    getOutlets(): Array<OutletManagerController<T>> | null | void;
+    outletUpdate(event: Event, data: TOutletChangeData<T>): void;
+    getState(): T;
+    connect(): void;
+    syncOutlets(): void;
+    sendToOutlets(event: Event, updateTo?: TOutletChangeData<T>): void;
+    isListeningForOutletEvent(eventTypes: string): boolean;
+    isDOMEventName(eventName: string): boolean;
+    getEventKey(event: Event): string;
+    hasHeardEvent(event: Event): boolean;
+    get event_key_prefix(): string;
+    get event_key_postfix(): string;
+    get outletEvents(): TOutletEventLookup;
+}
+export {};

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

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

data/app/assets/javascripts/components/ariadne/slideover_component/slideover-component.d.ts

@@ -0,0 +1,9 @@
+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/assets/javascripts/components/ariadne/string_match_controller/string_match_controller.d.ts

@@ -0,0 +1,27 @@
+import { TOutletChangeData } from '../outlet_manager_controller/outlet_manager_controller';
+import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller';
+export interface StringMatchOutlet extends SyncedBooleanAttributesController<string> {
+    change: (event: Event, updateTo?: TOutletChangeData<string>) => void;
+}
+export default class StringMatchController extends SyncedBooleanAttributesController<string> implements StringMatchOutlet {
+    #private;
+    static outlets: string[];
+    static targets: string[];
+    static values: {
+        keyword: StringConstructor;
+        syncedAttrs: ArrayConstructor;
+        antiAttrs: ArrayConstructor;
+        protectAttrs: BooleanConstructor;
+        outletEvents: ArrayConstructor;
+    };
+    readonly matchTargets: Array<HTMLElement>;
+    readonly hasMatchTarget: boolean;
+    readonly emptyTarget: Element;
+    readonly hasEmptyTarget: boolean;
+    keywordValue: string;
+    change(event: Event, updateTo?: TOutletChangeData<string>): void;
+    getElementsToSync(): Element[] | null | undefined;
+    getValueForElement(element: Element): boolean;
+    getState(): string;
+    outletUpdate: (event: Event, updateTo?: TOutletChangeData<string>) => void;
+}

data/app/assets/javascripts/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts

@@ -0,0 +1,48 @@
+import OutletManagerController from '../outlet_manager_controller/outlet_manager_controller';
+export type TStimulusDispatchEvent<TDetails> = {
+    target?: Element | undefined;
+    detail?: TDetails | undefined;
+    prefix?: string | undefined;
+    bubbles?: boolean | undefined;
+    cancelable?: boolean | undefined;
+    preventDefault: () => void;
+};
+export type TBooleanValueDetail = {
+    value: boolean;
+};
+export interface TSyncAttrDetail extends TBooleanValueDetail {
+    attr: string;
+}
+export default class SyncedBooleanAttributesController<T> extends OutletManagerController<T> {
+    #private;
+    static values: {
+        syncedAttrs: ArrayConstructor;
+        antiAttrs: ArrayConstructor;
+        protectAttrs: BooleanConstructor;
+        outletEvents: ArrayConstructor;
+    };
+    readonly syncedAttrsValue: string[];
+    readonly hasSyncedAttrsValue: boolean;
+    readonly antiAttrsValue: string[];
+    readonly hasAntiAttrsValue: boolean;
+    readonly protectAttrsValue: boolean;
+    static removeOnFalseAttrs: {
+        [k: string]: boolean;
+    };
+    syncedAttrsLookup: {
+        [k: string]: boolean;
+    } | null;
+    antiAttrsLookup: {
+        [k: string]: boolean;
+    } | null;
+    getValueForElement(element: Element): boolean | null;
+    getElementsToSync(): Array<Element> | null | undefined;
+    connect(): void;
+    updateAttributesForElement(element: Element, value: boolean): void;
+    getSyncedAttrsForElement(element: Element): string[] | null;
+    getAntiAttrsForElement(element: Element): string[] | null;
+    getParsedAttributeForElement<T>(element: Element, attribute: string): T | null;
+    syncElementAttributes(): void;
+    validateAttrChange(dispatchEvent: TStimulusDispatchEvent<TSyncAttrDetail>): void;
+    doesElementHaveOnAttrs(element: Element): boolean;
+}

data/app/assets/javascripts/components/ariadne/tab_container_component/tab-container-component.d.ts

@@ -0,0 +1 @@
+import '@github/tab-container-element';

data/app/assets/javascripts/components/ariadne/tab_nav_component/tab-nav-component.d.ts

@@ -0,0 +1,9 @@
+import { Controller } from '@hotwired/stimulus';
+export default class TabNavComponent extends Controller {
+    static targets: string[];
+    readonly tabTargets: [HTMLAnchorElement];
+    SELECTED_CLASSES: string[];
+    UNSELECTED_CLASSES: string[];
+    connect(): void;
+    toggle(event: Event): void;
+}

data/app/assets/javascripts/components/ariadne/time_ago_component/time-ago-component.d.ts

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

data/app/assets/javascripts/components/ariadne/toggleable_controller/toggleable_controller.d.ts

@@ -0,0 +1,34 @@
+import type { TOutletChangeData } from '../outlet_manager_controller/outlet_manager_controller';
+import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller';
+export interface ToggleableOutlet extends SyncedBooleanAttributesController<boolean> {
+    toggle: (event: Event, updateTo?: TOutletChangeData<boolean>) => void;
+}
+export default class ToggleableController extends SyncedBooleanAttributesController<boolean> implements ToggleableOutlet {
+    static outlets: string[];
+    static values: {
+        state: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnOutsideClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        syncedAttrs: ArrayConstructor;
+        antiAttrs: ArrayConstructor;
+        protectAttrs: BooleanConstructor;
+        outletEvents: ArrayConstructor;
+    };
+    stateValue: boolean;
+    readonly closeOnOutsideClickValue: boolean;
+    connect(): void;
+    toggle(event: Event, updateTo?: TOutletChangeData<boolean>): void;
+    on(event: Event): void;
+    off(event: Event): void;
+    clickOutside(event: Event): void;
+    getValueForElement(element: Element): boolean | null;
+    getElementsToSync(): Element[] | null | undefined;
+    getState(): boolean;
+    get event_key_postfix(): "on" | "off";
+    outletUpdate: (event: Event, updateTo?: TOutletChangeData<boolean>) => void;
+}

data/app/assets/javascripts/components/ariadne/tooltip_component/tooltip-component.d.ts

@@ -0,0 +1,24 @@
+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/options_controller/options_controller.js

@@ -74,11 +74,14 @@ _OptionsController_instances = new WeakSet(), _OptionsController_shouldChangeSta
     delete copy[key];
     this.activeOptionsValue = copy;
 }, _OptionsController_getElementKey = function _OptionsController_getElementKey(element) {
-    const elementValue = element.getAttribute('data-option-value');
-    if (elementValue) {
+    const elementValue = element === null || element === void 0 ? void 0 : element.getAttribute('data-option-value');
+    if (elementValue)
         return elementValue;
+    const content = element === null || element === void 0 ? void 0 : element.textContent;
+    if (content === null) {
+        throw new Error(`${element.tagName} was given as an options target without a data-option-value or textContent. One must be provided to identify the target.`);
     }
-    return element.textContent.trim();
+    return content.trim();
 };
 OptionsController.outlets = SyncedBooleanAttributesController.outlets;
 OptionsController.targets = ['option'];

data/app/components/ariadne/options_controller/options_controller.ts

@@ -96,12 +96,17 @@ export default class OptionsController
   }
 
   #getElementKey(element: Element) {
-    const elementValue = element.getAttribute('data-option-value')
-    if (elementValue) {
-      return elementValue
+    const elementValue = element?.getAttribute('data-option-value')
+    if (elementValue) return elementValue
+
+    const content = (element as HTMLElement)?.textContent
+    if (content === null) {
+      throw new Error(
+        `${element.tagName} was given as an options target without a data-option-value or textContent. One must be provided to identify the target.`,
+      )
     }
 
-    return (element as HTMLElement).textContent.trim()
+    return content.trim()
   }
 
   getValueForElement(element: Element) {

data/app/components/ariadne/outlet_manager_controller/outlet_manager_controller.js

@@ -15,7 +15,7 @@ class OutletManagerController extends Controller {
     getOutlets() {
         return null;
     }
-    outletUpdate(event, data) { }
+    outletUpdate(event, data) { } // eslint-disable-line no-unused-vars
     getState() {
         return null;
     }

data/app/components/ariadne/outlet_manager_controller/outlet_manager_controller.ts

@@ -121,7 +121,7 @@ export default class OutletManagerController<T> extends Controller {
     return null
   }
 
-  outletUpdate(event: Event, data: TOutletChangeData<T>): void {}
+  outletUpdate(event: Event, data: TOutletChangeData<T>): void {} // eslint-disable-line no-unused-vars
 
   getState(): T {
     return null as T

data/lib/ariadne/view_components/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.55
+  version: 0.0.57
 platform: arm64-darwin
 authors:
 - Garen J. Torikian
@@ -112,6 +112,25 @@ files:
 - LICENSE.txt
 - README.md
 - app/assets/builds/ariadne_view_components.css
+- app/assets/javascripts/ariadne_view_components.js
+- app/assets/javascripts/ariadne_view_components.js.map
+- app/assets/javascripts/components/ariadne/accumulator_controller/accumulator_controller.d.ts
+- app/assets/javascripts/components/ariadne/ariadne-form.d.ts
+- app/assets/javascripts/components/ariadne/ariadne.d.ts
+- app/assets/javascripts/components/ariadne/clipboard_copy_component/clipboard-copy-component.d.ts
+- app/assets/javascripts/components/ariadne/dropdown/menu_component.d.ts
+- 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
+- app/assets/javascripts/components/ariadne/tab_container_component/tab-container-component.d.ts
+- app/assets/javascripts/components/ariadne/tab_nav_component/tab-nav-component.d.ts
+- app/assets/javascripts/components/ariadne/time_ago_component/time-ago-component.d.ts
+- app/assets/javascripts/components/ariadne/toggleable_controller/toggleable_controller.d.ts
+- app/assets/javascripts/components/ariadne/tooltip_component/tooltip-component.d.ts
 - app/assets/stylesheets/ariadne_view_components.css
 - app/assets/stylesheets/dropdown.css
 - app/assets/stylesheets/prosemirror.css
@@ -323,7 +342,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.16
+rubygems_version: 3.4.17
 signing_key: 
 specification_version: 4
 summary: ViewComponents for the Ariadne Design System