katalyst-koi 5.1.0 → 5.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a629aa0aa8b2347380bad4c54346b52388ae0fd4728830986ab2cd8bebf3cd22
-  data.tar.gz: 17e6e124f50e3b4490754c643277fe52db995a0abfe58f4719f82e03a6ed6629
+  metadata.gz: 6937b0a5bf4cdef293b89e7c161bd5d93f04ad21a36f49cbd4076fc2852f18de
+  data.tar.gz: 1972770915bc76a57277111d7f89f7765b318f658ce8e038f81f62bb4ada74f5
 SHA512:
-  metadata.gz: 6d707f2c244a8c15a2089c6dc7b58e79dbcf3c61c5729f9c76b58376c49f14b4777e925c67af5145318fc31c139b96c1f7a74b6e0b3c7e163261e9337a331d72
-  data.tar.gz: 60f926047e90e18704b5afbda51d91aac793f459aada013c4b0bc37077f18d06cdaa0cea37d2aa06854ebd498d3509097a756373a2c8df14b80ebf133045b008
+  metadata.gz: 9413dc2f0a998a20ea1e7b82aad89a00f184a2bb7ba092bcb05107da11e20ed62bf4542e9142139ae66c6f004187ffbce38c051c58664c20811ab98161a5f291
+  data.tar.gz: e11c4ca35de970aee07600c460d17c6c11a6a77e74a0925d2ca05fc7ca9eb8f86844417d3c24f67af5c679edee7fd803ae920ed80d32a736298bbd9dbfdae708

data/README.md

@@ -1,5 +1,7 @@
 # Koi
 
+Koi is a framework for building Rails admin functionality.
+
 ## Installation
 
 Add this line to your application's Gemfile:
@@ -14,10 +16,10 @@ And then execute:
 bundle install
 ```
 
-## License
+## Contributing
 
-This uses MIT-LICENSE.
+Bug reports and pull requests are welcome on GitHub at https://github.com/katalyst/katalyst-tables.
 
-## Upgrading
+## License
 
-See the [upgrade document](Upgrade.md) for information about breaking changes and upgrade paths.  
+Katalyst Tables is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/builds/katalyst/koi.esm.js

@@ -6,7 +6,6 @@ import { Application, Controller } from '@hotwired/stimulus';
 import content from '@katalyst/content';
 import navigation from '@katalyst/navigation';
 import tables from '@katalyst/tables';
-import { get, parseRequestOptionsFromJSON, create, parseCreationOptionsFromJSON } from '@github/webauthn-json/browser-ponyfill';
 
 const application = Application.start();
 
@@ -43,75 +42,6 @@ class FlashController extends Controller {
   }
 }
 
-/**
- A stimulus controller to request form submissions.
- This controller should be attached to a form element.
- */
-class FormRequestSubmitController extends Controller {
-  requestSubmit() {
-    this.element.requestSubmit();
-  }
-}
-
-class IndexActionsController extends Controller {
-  static targets = ["create", "search", "sort"];
-
-  initialize() {
-    // debounce search
-    this.update = debounce(this, this.update);
-  }
-
-  disconnect() {
-    clearTimeout(this.timer);
-  }
-
-  create() {
-    this.createTarget.click();
-  }
-
-  search() {
-    this.searchTarget.focus();
-  }
-
-  clear() {
-    this.searchTarget.value = "";
-    this.searchTarget.closest("form").requestSubmit();
-  }
-
-  update() {
-    this.searchTarget.closest("form").requestSubmit();
-  }
-
-  submit() {
-    const shouldFocus = document.activeElement === this.searchTarget;
-
-    if (this.searchTarget.value === "") {
-      this.searchTarget.disabled = true;
-    }
-    if (this.sortTarget.value === "") {
-      this.sortTarget.disabled = true;
-    }
-
-    // restore state and focus after submit
-    Promise.resolve().then(() => {
-      this.searchTarget.disabled = false;
-      this.sortTarget.disabled = false;
-      if (shouldFocus) {
-        this.searchTarget.focus();
-      }
-    });
-  }
-}
-
-function debounce(self, f) {
-  return (...args) => {
-    clearTimeout(self.timer);
-    self.timer = setTimeout(() => {
-      f.apply(self, ...args);
-    }, 300);
-  };
-}
-
 class KeyboardController extends Controller {
   static values = {
     mapping: String,
@@ -423,248 +353,6 @@ class PagyNavController extends Controller {
   };
 }
 
-const DEFAULT_DELAY = 250;
-
-/**
- * A utility class for managing CSS transition animations.
- *
- * Transition uses Javascript timers to track state instead of relying on
- * CSS transition events, which is a more complicated API. Please call `cancel`
- * when the node being animated is detached from the DOM to avoid unexpected
- * errors or animation glitches.
- *
- * Transition assumes that CSS already specifies styles to achieve the expected
- * start and end states. Transition adds temporary overrides and then animates
- * between those values using CSS transitions. For example, to use the collapse
- * transition:
- *
- * @example
- *   // CSS:
- *   target {
- *     max-height: unset;
- *     overflow: 0;
- *   }
- *   target.hidden {
- *     max-height: 0;
- *   }
- *
- * @example
- *   // Javascript
- *   target.addClass("hidden");
- *   new Transition(target).collapse().start();
- */
-class Transition {
-  constructor(target, options) {
-    const { delay } = this._setDefaults(options);
-
-    this.target = target;
-    this.runner = new Runner(this, delay);
-    this.properties = [];
-
-    this.startingCallbacks = [];
-    this.startedCallbacks = [];
-    this.completeCallbacks = [];
-  }
-
-  add(property) {
-    this.properties.push(property);
-    return this;
-  }
-
-  /** Adds callback for transition events */
-  addCallback(type, callback) {
-    switch (type) {
-      case "starting":
-        this.startingCallbacks.push(callback);
-        break;
-      case "started":
-        this.startedCallbacks.push(callback);
-        break;
-      case "complete":
-        this.completeCallbacks.push(callback);
-        break;
-    }
-    return this;
-  }
-
-  /** Collapse an element in place, assumes overflow is set appropriately, margin is not collapsed */
-  collapse() {
-    return this.add(
-      new PropertyTransition(
-        "max-height",
-        `${this.target.scrollHeight}px`,
-        "0px",
-      ),
-    );
-  }
-
-  /** Restore a collapsed element */
-  expand() {
-    return this.add(
-      new PropertyTransition(
-        "max-height",
-        "0px",
-        `${this.target.scrollHeight}px`,
-      ),
-    );
-  }
-
-  /** Slide an element left or right by its scroll width, assumes position relative */
-  slideOut(direction) {
-    return this.add(
-      new PropertyTransition(direction, "0px", `-${this.target.scrollWidth}px`),
-    );
-  }
-
-  /** Restore an element that has been slid */
-  slideIn(direction) {
-    return this.add(
-      new PropertyTransition(direction, `-${this.target.scrollWidth}px`, "0px"),
-    );
-  }
-
-  /** Cause an element to become transparent by transforming opacity */
-  fadeOut() {
-    return this.add(new PropertyTransition("opacity", "100%", "0%"));
-  }
-
-  /** Cause a transparent element to become visible again */
-  fadeIn() {
-    return this.add(new PropertyTransition("opacity", "0%", "100%"));
-  }
-
-  start(callback = null) {
-    // start the runner on next tick so that any side-effects of the current execution can occur first
-    requestAnimationFrame(() => {
-      this.runner.start(this.target);
-      if (callback) callback();
-    });
-    return this;
-  }
-
-  cancel() {
-    this.runner.stop(this.target);
-    return this;
-  }
-
-  _starting() {
-    const event = new Event("transition:starting");
-    this.startingCallbacks.forEach((cb) => cb(event));
-    this.target.dispatchEvent(event);
-  }
-
-  _started() {
-    const event = new Event("transition:started");
-    this.startedCallbacks.forEach((cb) => cb(event));
-    this.target.dispatchEvent(event);
-  }
-
-  _complete() {
-    const event = new Event("transition:complete");
-    this.completeCallbacks.forEach((cb) => cb(event));
-    this.target.dispatchEvent(event);
-  }
-
-  _setDefaults(options) {
-    return Object.assign({ delay: DEFAULT_DELAY }, options);
-  }
-}
-
-/**
- * Encapsulates internal execution and timing functionality for `Transition`
- */
-class Runner {
-  constructor(transition, delay) {
-    this.transition = transition;
-    this.running = null;
-    this.delay = delay;
-  }
-
-  start(target) {
-    // 1. Set the initial state(s)
-    this.transition.properties.forEach((t) => t.onStarting(target));
-
-    // 2. On next update, set transition and final state(s)
-    requestAnimationFrame(() => this.onStarted(target));
-
-    // 3. After transition has finished, clean up
-    this.running = setTimeout(() => this.stop(target, true), this.delay);
-
-    this.transition._starting();
-  }
-
-  onStarted(target) {
-    target.style.transitionProperty = this.transition.properties
-      .map((t) => t.property)
-      .join(",");
-    target.style.transitionDuration = `${this.delay}ms`;
-    this.transition.properties.forEach((t) => t.onStarted(target));
-
-    this.transition._started();
-  }
-
-  stop(target, timeout = false) {
-    if (!this.running) return;
-    if (!timeout) clearTimeout(this.running);
-
-    this.running = null;
-
-    target.style.removeProperty("transition-property");
-    target.style.removeProperty("transition-duration");
-    this.transition.properties.forEach((t) => t.onComplete(target));
-
-    this.transition._complete();
-  }
-}
-
-/**
- * Represents animation of a single CSS property. Currently only CSS animations
- * are supported, but this could be a natural extension point for Javascript
- * animations in the future.
- */
-class PropertyTransition {
-  constructor(property, from, to) {
-    this.property = property;
-    this.from = from;
-    this.to = to;
-  }
-
-  onStarting(target) {
-    target.style.setProperty(this.property, this.from);
-  }
-
-  onStarted(target) {
-    target.style.setProperty(this.property, this.to);
-  }
-
-  onComplete(target) {
-    target.style.removeProperty(this.property);
-  }
-}
-
-class ShowHideController extends Controller {
-  static targets = ["content"];
-
-  toggle() {
-    const element = this.contentTarget;
-    const hide = element.toggleAttribute("data-collapsed");
-
-    // cancel previous animation, if any
-    if (this.transition) this.transition.cancel();
-
-    const transition = (this.transition = new Transition(element)
-      .addCallback("starting", function () {
-        element.setAttribute("data-collapsed-transitioning", "true");
-      })
-      .addCallback("complete", function () {
-        element.removeAttribute("data-collapsed-transitioning");
-      }));
-    hide ? transition.collapse() : transition.expand();
-
-    transition.start();
-  }
-}
-
 /**
  * Connect an input (e.g. title) to slug.
  */
@@ -696,25 +384,31 @@ function parameterize(input) {
 
 class WebauthnAuthenticationController extends Controller {
   static targets = ["response"];
-  static values = { options: Object };
+  static values = {
+    options: Object,
+  };
 
-  authenticate() {
-    get(this.options).then((response) => {
-      this.responseTarget.value = JSON.stringify(response);
+  async authenticate() {
+    const credential = await navigator.credentials.get(this.options);
 
-      this.element.requestSubmit();
-    });
+    this.responseTarget.value = JSON.stringify(credential.toJSON());
+
+    this.element.requestSubmit();
   }
 
   get options() {
-    return parseRequestOptionsFromJSON(this.optionsValue);
+    return {
+      publicKey: PublicKeyCredential.parseRequestOptionsFromJSON(
+        this.optionsValue.publicKey,
+      ),
+    };
   }
 }
 
 class WebauthnRegistrationController extends Controller {
   static values = {
     options: Object,
-    response: String,
+    response: Object,
   };
   static targets = ["intro", "nickname", "response"];
 
@@ -724,15 +418,15 @@ class WebauthnRegistrationController extends Controller {
       e.submitter.formMethod !== "dialog"
     ) {
       e.preventDefault();
-      this.createCredential();
+      this.createCredential().then();
     }
   }
 
   async createCredential() {
-    const response = await create(this.options);
+    const credential = await navigator.credentials.create(this.options);
 
-    this.responseValue = JSON.stringify(response);
-    this.responseTarget.value = JSON.stringify(response);
+    this.responseValue = credential.toJSON();
+    this.responseTarget.value = JSON.stringify(credential.toJSON());
   }
 
   responseValueChanged(response) {
@@ -742,7 +436,11 @@ class WebauthnRegistrationController extends Controller {
   }
 
   get options() {
-    return parseCreationOptionsFromJSON(this.optionsValue);
+    return {
+      publicKey: PublicKeyCredential.parseCreationOptionsFromJSON(
+        this.optionsValue.publicKey,
+      ),
+    };
   }
 }
 
@@ -760,14 +458,6 @@ const Definitions = [
     identifier: "flash",
     controllerConstructor: FlashController,
   },
-  {
-    identifier: "form-request-submit",
-    controllerConstructor: FormRequestSubmitController,
-  },
-  {
-    identifier: "index-actions",
-    controllerConstructor: IndexActionsController,
-  },
   {
     identifier: "keyboard",
     controllerConstructor: KeyboardController,
@@ -788,10 +478,6 @@ const Definitions = [
     identifier: "pagy-nav",
     controllerConstructor: PagyNavController,
   },
-  {
-    identifier: "show-hide",
-    controllerConstructor: ShowHideController,
-  },
   {
     identifier: "sluggable",
     controllerConstructor: SluggableController,