ember-attacher 1.3.0 → 2.0.1

package/.github/dependabot.yml

@@ -67,8 +67,5 @@ updates:
     - 5.6.4
     - 5.6.5
     - 5.7.0
-  - dependency-name: ember-power-select
-    versions:
-    - 4.1.3
   commit-message:
     prefix: "[chore]"

package/.github/workflows/ci.yml

@@ -37,7 +37,7 @@ on:
   pull_request:
 
 env:
-  NODE_VERSION: '10'
+  NODE_VERSION: '14'
 
 jobs:
   lint:
@@ -176,9 +176,9 @@ jobs:
       fail-fast: true
       matrix:
         ember-try-scenario: [
-          ember-lts-3.12,
           ember-lts-3.16,
           ember-lts-3.20,
+          ember-lts-3.26,
           ember-release,
           ember-default,
           ember-default-with-jquery

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+
+## v2.0.1 (2023-05-15)
+
+#### :boom: Breaking Change
+* [#772](https://github.com/tylerturdenpants/ember-attacher/pull/772) Convert to Glimmer component ([@pzubar](https://github.com/pzubar))
+* [#743](https://github.com/tylerturdenpants/ember-attacher/pull/743) Migration to the Floating UI ([@pzubar](https://github.com/pzubar))
+
+#### :rocket: Enhancement
+* [#772](https://github.com/tylerturdenpants/ember-attacher/pull/772) Convert to Glimmer component ([@pzubar](https://github.com/pzubar))
+* [#759](https://github.com/tylerturdenpants/ember-attacher/pull/759) Bump dependencies ([@pzubar](https://github.com/pzubar))
+* [#743](https://github.com/tylerturdenpants/ember-attacher/pull/743) Migration to the Floating UI ([@pzubar](https://github.com/pzubar))
+* [#561](https://github.com/tylerturdenpants/ember-attacher/pull/561) Avoid forcing dart ([@kmccullough](https://github.com/kmccullough))
+
+#### :house: Internal
+* [#759](https://github.com/tylerturdenpants/ember-attacher/pull/759) Bump dependencies ([@pzubar](https://github.com/pzubar))
+
+#### Committers: 2
+- Kerry McCullough ([@kmccullough](https://github.com/kmccullough))
+- Petro Zubar ([@pzubar](https://github.com/pzubar))
+
 ## v1.3.0 (2021-09-09)
 
 #### :rocket: Enhancement

package/README.md

@@ -20,35 +20,37 @@
 
 ----
 
-* Ember.js v3.12 or above
+* Ember.js v3.16 or above
 * Ember CLI v3.13 or above
-* Node.js v10 or above
+* Node.js v12 or above
 
 Tooltips and popovers made easy.
-Just drop an `{{#attach-tooltip}}` or `{{#attach-popover}}` in a parent and your popper is ready to go!
+Just drop an `<AttachTooltip/>` or `<AttachPopover/>` in a parent and your floating element is ready to go!
 
 ```hbs
 <button>
   Click me
 
-  {{#attach-tooltip}}
+  <AttachTooltip>
     I'm a tooltip!
-  {{/attach-tooltip}}
+  </AttachTooltip>
 </button>
 
 <button class="other-button">
   No click me!
 
-  {{#attach-popover class="ember-attacher-popper"
-                    hideOn='click'
-                    isShown=true
-                    showOn='click'}}
+  <AttachPopover 
+      @class='ember-attacher'
+      @hideOn='click'
+      @isShown={{true}}
+      @showOn='click'
+  >
     I'm a popover!
-  {{/attach-popover}}
+  </AttachPopover>
 </button>
 ```
 
-See [the example site](https://kybishop.github.io/ember-attacher/) for a demonstration of all
+See [the example site](https://tylerturdenpants.github.io/ember-attacher/) for a demonstration of all
 available options.
 
 ## Installation
@@ -57,21 +59,24 @@ available options.
 ember install ember-attacher
 ```
 
+If you're upgrading from 1.x to 2.x [see the upgrade guide](./docs/upgrade-guide-2.0.md).
+
+
 ## Components
 
-### `{{#attach-popover}}`
+### `<AttachPopover/>`
 
 A popover attacher.
 
 * Has no default class or roles.
 * Does not modify the target in any way.
-* Adds `aria-hidden` attribute to the popper element
+* Adds `aria-hidden` attribute to the floating element
 
-### `{{#attach-tooltip}}`
+### `<AttachTooltip/>`
 
-A tooltip attacher. Subclass of `{{#attach-popover}}`
+A tooltip attacher. Subclass of `<AttachPopover/>`
 
-* Has the default class `'ember-attacher-popper ember-attacher-tooltip'`
+* Has the default class `'ember-attacher-floating ember-attacher-tooltip'`
   * The default tooltip classes can be modified by altering the `tooltipClass`
     default. See [here](#user-defined-defaults) for details on editing default values.
 
@@ -90,6 +95,12 @@ Below is a list of all available options, along with their defaults.
 
   // Whether or not an arrow will be displayed next to the attachment.
   arrow: false,
+    
+  // Add listeners that will automatically call an update function
+  // Pass `true` to use the Floating UI default options or Options object to override them
+  // Example: { ancestorScroll: false }
+  // For more details see https://floating-ui.com/docs/autoUpdate 
+  autoUpdate: false,
 
   // A class that will be applied to the attachment.
   class: null,
@@ -127,8 +138,8 @@ Below is a list of all available options, along with their defaults.
   // Useful for performance reasons, but will hide your attachment from search engines.
   lazyRender: false,
 
-  // An options object that will be merged into popperOptions.
-  modifiers: null,
+  // A middleware array that will be merged into computePosition options
+  middleware: null,
 
   // A function to be fired when the attachment's visibility changes. The new visibility is passed
   // to the function as an arg.
@@ -139,18 +150,18 @@ Below is a list of all available options, along with their defaults.
   placement: 'top',
 
   // The container where the attachment's DOM will be inserted.
-  popperContainer: '.ember-application',
+  floatingElementContainer: '.ember-application',
 
-  // An options object that will be passed to Popper.js, the positioning library.
-  popperOptions: null,
+  // An options object that will be passed to Floating UI "computePosition" function.
+  floatingUiOptions: null,
 
   // NOT RECOMMENDED: We currently allow you to pass an explicit target, but this may be removed
   // in a future release.
   // Please provide your thoughts here: https://github.com/kybishop/ember-attacher/issues/109
-  popperTarget: null,
+  explicitTarget: null,
 
   // Whether or not to render the attachment in place in the DOM, as opposed to
-  // on the popperContainer. NOTE: Rendering in place can cause z-index issues.
+  // on the floatingElementContainer. NOTE: Rendering in place can cause z-index issues.
   renderInPlace: false,
 
   // The delay, in milliseconds, before the attachment will be shown.
@@ -173,7 +184,7 @@ Below is a list of all available options, along with their defaults.
 
 ## User-defined defaults
 
-User-defined defaults can be set in the consuming app or addon's config/environment.js. These defaults will be applied to every `{{#attach-popover}}` and `{{#attach-tooltip}}`
+User-defined defaults can be set in the consuming app or addon's config/environment.js. These defaults will be applied to every `<AttachPopover/>` and `<AttachTooltip/>`
 
 ```javascript
 // config/environment.js
@@ -253,11 +264,13 @@ test('example', async function(assert) {
     <button id="toggle">
       Click me, captain!
 
-      {{#attach-popover id='attachment'
-                        hideOn='click'
-                        showOn='click'}}
+      <AttachPopover 
+          @id='attachment'
+          @hideOn='click'
+          @showOn='click'
+      >
         Click-toggled popover
-      {{/attach-popover}}
+      <AttachPopover/>
     </button>
   `);
 
@@ -282,7 +295,7 @@ See the [Contributing](CONTRIBUTING.md) guide for details.
 
 Attachments are composed of two containers:
 
-* [An outer container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L2) for positioning (via [ember-popper](https://github.com/kybishop/ember-popper)/[popper.js](https://github.com/FezVrasta/popper.js)).
+* [An outer container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L2) for positioning (via [floating-ui](https://github.com/floating-ui/floating-ui)).
 * [An inner container](https://github.com/kybishop/ember-attacher/blob/master/addon/templates/components/attach-popover.hbs#L12) for the content. This is the container that is animated.
 
 The outer container is positioned right next to the target via the CSS `transform` property. The inner container is required because animations also use `transform`, which would otherwise conflict with the container's position.
@@ -300,8 +313,8 @@ Note that animations require an implementation for each position (left, right, t
 * [tippy.js](https://github.com/atomiks/tippyjs), the library that inspired
   ember-attacher.
 
-* [popper.js](https://github.com/FezVrasta/popper.js), the library that powers
-  positioning (via [ember-popper](https://github.com/kybishop/ember-popper))
+* [floating-ui](https://github.com/floating-ui/floating-ui), the library that powers
+  positioning
 
 * [ember-tooltips](https://github.com/sir-dunxalot/ember-tooltips), the addon that
   influenced much of ember-attacher's API.