ariadne_view_components 0.0.53-x64-mingw-ucrt → 0.0.55-x64-mingw-ucrt

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10b1f24a95ae21c1218d1c888f63f54a8a57b6ea92bb75243cd74d7c7ef6bce2
-  data.tar.gz: f76d239e2a4242a463fdb30d824d9b3eb8fcc263a6c2d7f2dbc031f4314fa1bd
+  metadata.gz: b436d8e2cc94610e010b29b30493345298ddb96ee6de808758c40cf650ea057b
+  data.tar.gz: 60ff7d8365ba73ad2cd0bd1521919231aefbd61889c3a34ec3c2305bb8187391
 SHA512:
-  metadata.gz: 5ef362e3f2dab0b0986721f73f8e5676c054b3b9b41fca01654fb47738be74975fe6e60fad493fac2ec004235c4b7acfd1d3db076f318450b5e819d74f1976b4
-  data.tar.gz: 5c7a5095f5553e7c5215bf117f30f82e906850f5f52380a86b2fb3f412a2224e4c7b38f778882aff1eee412b0705e8dfde97179397dcff3430a0d67eaea5e075
+  metadata.gz: d8580d91cff9254e2281eb392810d69c539701aabc1c44c7e0eb88b9a9f7d7a09cd77dcd70f7e17a85807c0b44bf02ad5137607c045059a50746687a04d617e7
+  data.tar.gz: 477670d4395d32fac24115fadb6733e74fa855676f3617f3bd601aeb14defa68c92bf1550612965266f799b6405b65a934856351a883440fc8d1ccea330ef210

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [v0.0.54] - 13-07-2023
+null
+## [v0.0.53] - 11-07-2023
+null
 ## [v0.0.52] - 07-07-2023
 null
 ## [v0.0.51] - 30-06-2023

data/app/components/ariadne/accumulator_controller/accumulator_controller.js

@@ -5,7 +5,7 @@ class AccumulatorController extends Controller {
     }
     accumulate() {
         let sum = 0;
-        for (let i in this.sumTargets) {
+        for (const i in this.sumTargets) {
             const target = this.sumTargets[i];
             const value = Number(target.getAttribute(this.sumAttrValue));
             if (!isNaN(value)) {
@@ -15,7 +15,7 @@ class AccumulatorController extends Controller {
         this.setAttributesTo(sum);
     }
     setAttributesTo(sum) {
-        for (let i in this.syncAttrsValue) {
+        for (const i in this.syncAttrsValue) {
             const attr = this.syncAttrsValue[i];
             this.accumulator.setAttribute(attr, sum.toString());
         }

data/app/components/ariadne/accumulator_controller/accumulator_controller.ts

@@ -24,7 +24,7 @@ export default class AccumulatorController extends Controller {
 
   accumulate() {
     let sum = 0
-    for (let i in this.sumTargets) {
+    for (const i in this.sumTargets) {
       const target = this.sumTargets[i]
       const value = Number(target.getAttribute(this.sumAttrValue))
       if (!isNaN(value)) {
@@ -36,7 +36,7 @@ export default class AccumulatorController extends Controller {
   }
 
   setAttributesTo(sum: number) {
-    for (let i in this.syncAttrsValue) {
+    for (const i in this.syncAttrsValue) {
       const attr = this.syncAttrsValue[i]
       this.accumulator.setAttribute(attr, sum.toString())
     }

data/app/components/ariadne/options_controller/options_controller.js

@@ -14,7 +14,7 @@ class OptionsController extends SyncedBooleanAttributesController {
     select(event, updateTo = {}) {
         var _a;
         const activeOptions = updateTo.data;
-        for (let index in this.optionTargets) {
+        for (const index in this.optionTargets) {
             const target = this.optionTargets[index];
             const wasSelected = target === event.currentTarget;
             const isCurrentlyActive = (_a = this.getValueForElement(target)) !== null && _a !== void 0 ? _a : false;
@@ -78,7 +78,7 @@ _OptionsController_instances = new WeakSet(), _OptionsController_shouldChangeSta
     if (elementValue) {
         return elementValue;
     }
-    return element.innerText.trim();
+    return element.textContent.trim();
 };
 OptionsController.outlets = SyncedBooleanAttributesController.outlets;
 OptionsController.targets = ['option'];

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

@@ -31,7 +31,7 @@ export default class OptionsController
 
   select(event: Event, updateTo: TOutletChangeData<TActiveOptions> = {}) {
     const activeOptions = updateTo.data
-    for (let index in this.optionTargets) {
+    for (const index in this.optionTargets) {
       const target = this.optionTargets[index]
       const wasSelected = target === event.currentTarget
       const isCurrentlyActive = this.getValueForElement(target) ?? false
@@ -101,7 +101,7 @@ export default class OptionsController
       return elementValue
     }
 
-    return (element as HTMLElement).innerText.trim()
+    return (element as HTMLElement).textContent.trim()
   }
 
   getValueForElement(element: Element) {

data/app/components/ariadne/string_match_controller/string_match_controller.js

@@ -23,7 +23,7 @@ class StringMatchController extends SyncedBooleanAttributesController {
     }
     getValueForElement(element) {
         var _a, _b;
-        return (_b = (_a = element.innerText) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.keywordValue.toLowerCase())) !== null && _b !== void 0 ? _b : false;
+        return (_b = (_a = element.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.keywordValue.toLowerCase())) !== null && _b !== void 0 ? _b : false;
     }
     getState() {
         return this.keywordValue;
@@ -32,7 +32,7 @@ class StringMatchController extends SyncedBooleanAttributesController {
 _StringMatchController_instances = new WeakSet(), _StringMatchController_compareKeywordToTargets = function _StringMatchController_compareKeywordToTargets() {
     if (this.hasMatchTarget) {
         let foundMatch = false;
-        for (let index in this.matchTargets) {
+        for (const index in this.matchTargets) {
             const target = this.matchTargets[index];
             const value = this.getValueForElement(target);
             this.updateAttributesForElement(target, value);

data/app/components/ariadne/string_match_controller/string_match_controller.ts

@@ -34,7 +34,7 @@ export default class StringMatchController
   #compareKeywordToTargets() {
     if (this.hasMatchTarget) {
       let foundMatch = false
-      for (let index in this.matchTargets) {
+      for (const index in this.matchTargets) {
         const target = this.matchTargets[index]
         const value = this.getValueForElement(target)
         this.updateAttributesForElement(target, value)
@@ -54,7 +54,7 @@ export default class StringMatchController
   }
 
   getValueForElement(element: Element) {
-    return (element as HTMLElement).innerText?.toLowerCase().includes(this.keywordValue.toLowerCase()) ?? false
+    return (element as HTMLElement).textContent?.toLowerCase().includes(this.keywordValue.toLowerCase()) ?? false
   }
 
   getState() {

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

@@ -39,6 +39,9 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
     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/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.js

@@ -61,11 +61,45 @@ class SyncedBooleanAttributesController extends OutletManagerController {
     updateAttributesForElement(element, value) {
         // This is how you should update any synced or anti-synced attrs on your elements
         // Do not do it manually unless you are very sure of what you're doing
+        const syncedAttrs = this.getSyncedAttrsForElement(element);
+        if (syncedAttrs === null || syncedAttrs === void 0 ? void 0 : syncedAttrs.length) {
+            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, syncedAttrs, value);
+        }
+        const antiAttrs = this.getAntiAttrsForElement(element);
+        if (antiAttrs === null || antiAttrs === void 0 ? void 0 : antiAttrs.length) {
+            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, antiAttrs, !value);
+        }
+    }
+    getSyncedAttrsForElement(element) {
+        const parsedAttrs = this.getParsedAttributeForElement(element, 'data-options-synced-attrs-value');
+        if (parsedAttrs) {
+            return parsedAttrs;
+        }
         if (this.hasSyncedAttrsValue) {
-            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, this.syncedAttrsValue, value);
+            return this.syncedAttrsValue;
+        }
+        return null;
+    }
+    getAntiAttrsForElement(element) {
+        const parsedAttrs = this.getParsedAttributeForElement(element, 'data-options-anti-attrs-value');
+        if (parsedAttrs) {
+            return parsedAttrs;
         }
         if (this.hasAntiAttrsValue) {
-            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, this.antiAttrsValue, !value);
+            return this.antiAttrsValue;
+        }
+        return null;
+    }
+    getParsedAttributeForElement(element, attribute) {
+        const attr = element.getAttribute(attribute);
+        try {
+            if (attr === null) {
+                throw new Error('Bad attr');
+            }
+            return JSON.parse(attr);
+        }
+        catch (err) {
+            return null;
         }
     }
     syncElementAttributes() {
@@ -74,7 +108,7 @@ class SyncedBooleanAttributesController extends OutletManagerController {
         // Essentially just a "sync attrs and anti-attrs on mount" function
         const elements = this.getElementsToSync();
         if (elements === null || elements === void 0 ? void 0 : elements.length) {
-            for (let index in elements) {
+            for (const index in elements) {
                 const element = elements[index];
                 const value = (_a = this.getValueForElement(element)) !== null && _a !== void 0 ? _a : false;
                 this.updateAttributesForElement(element, value);
@@ -137,7 +171,7 @@ _SyncedBooleanAttributesController_instances = new WeakSet(), _SyncedBooleanAttr
     // Attempts to change the attr for an element. However, it'll dispatch an event
     // first so other controllers get the opportunity to deny it
     const attrState = JSON.stringify(value);
-    for (let index in attrs) {
+    for (const index in attrs) {
         const attr = attrs[index];
         const dispatchEvent = this.dispatch('attrChange', {
             target: element,

data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.ts

@@ -93,12 +93,53 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
   updateAttributesForElement(element: Element, value: boolean) {
     // This is how you should update any synced or anti-synced attrs on your elements
     // Do not do it manually unless you are very sure of what you're doing
+    const syncedAttrs = this.getSyncedAttrsForElement(element)
+    if (syncedAttrs?.length) {
+      this.#setAttrs(element, syncedAttrs, value)
+    }
+
+    const antiAttrs = this.getAntiAttrsForElement(element)
+    if (antiAttrs?.length) {
+      this.#setAttrs(element, antiAttrs, !value)
+    }
+  }
+
+  getSyncedAttrsForElement(element: Element) {
+    const parsedAttrs = this.getParsedAttributeForElement<Array<string>>(element, 'data-options-synced-attrs-value')
+    if (parsedAttrs) {
+      return parsedAttrs
+    }
+
     if (this.hasSyncedAttrsValue) {
-      this.#setAttrs(element, this.syncedAttrsValue, value)
+      return this.syncedAttrsValue
+    }
+
+    return null
+  }
+
+  getAntiAttrsForElement(element: Element) {
+    const parsedAttrs = this.getParsedAttributeForElement<Array<string>>(element, 'data-options-anti-attrs-value')
+    if (parsedAttrs) {
+      return parsedAttrs
     }
 
     if (this.hasAntiAttrsValue) {
-      this.#setAttrs(element, this.antiAttrsValue, !value)
+      return this.antiAttrsValue
+    }
+
+    return null
+  }
+
+  getParsedAttributeForElement<T>(element: Element, attribute: string) {
+    const attr = element.getAttribute(attribute)
+    try {
+      if (attr === null) {
+        throw new Error('Bad attr')
+      }
+
+      return JSON.parse(attr) as T
+    } catch (err) {
+      return null
     }
   }
 
@@ -108,7 +149,7 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
     const elements = this.getElementsToSync()
 
     if (elements?.length) {
-      for (let index in elements) {
+      for (const index in elements) {
         const element = elements[index]
         const value = this.getValueForElement(element) ?? false
         this.updateAttributesForElement(element, value)
@@ -181,7 +222,7 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
     // Attempts to change the attr for an element. However, it'll dispatch an event
     // first so other controllers get the opportunity to deny it
     const attrState = JSON.stringify(value)
-    for (let index in attrs) {
+    for (const index in attrs) {
       const attr = attrs[index]
 
       const dispatchEvent = this.dispatch('attrChange', {

data/app/lib/ariadne/form_builder.rb

@@ -70,5 +70,11 @@ module Ariadne
       options[:class] = merge_class_names(DEFAULT_PASSWORD_CLASSES, options.delete(:classes))
       super(method, **options)
     end
+
+    DEFAULT_FILE_FIELD_CLASSES = ""
+    def file_field(method, options = {})
+      options[:class] = merge_class_names(DEFAULT_FILE_FIELD_CLASSES, options.delete(:classes))
+      super(method, **options)
+    end
   end
 end

data/lib/ariadne/view_components/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.53
+  version: 0.0.55
 platform: x64-mingw-ucrt
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-07-11 00:00:00.000000000 Z
+date: 2023-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -112,25 +112,6 @@ 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