ember-sortable 5.1.1 → 5.2.0

package/README.md

@@ -1,16 +1,14 @@
 # ember-sortable
 
 [![npm version](https://badge.fury.io/js/ember-sortable.svg)](http://badge.fury.io/js/ember-sortable)
-[![Build Status](https://github.com/adopted-ember-addons/ember-sortable/workflows/build/badge.svg?branch=master)](https://github.com/adopted-ember-addons/ember-sortable/actions?query=branch%3Amaster+workflow%3A%22build%22)
+[![Build Status](https://github.com/adopted-ember-addons/ember-sortable/actions/workflows/ci.yml/badge.svg?branch=master)](https://github.com/adopted-ember-addons/ember-sortable/actions?query=branch%3Amaster)
 [![Downloads Weekly](https://img.shields.io/npm/dw/ember-sortable)](http://badge.fury.io/js/ember-sortable)
 [![Ember Observer Score](http://emberobserver.com/badges/ember-sortable.svg)](http://emberobserver.com/addons/ember-sortable)
 [![Code Climate](https://codeclimate.com/github/jgwhite/ember-sortable/badges/gpa.svg)](https://codeclimate.com/github/jgwhite/ember-sortable)
 
 Sortable UI primitives for Ember.
 
-![ember-sortable in action](/demo.gif)
-
-[Check out the demo](https://adopted-ember-addons.github.io/ember-sortable/demo/)
+[Check out the demo](https://ember-sortable.netlify.app/)
 
 ## Requirements
 
@@ -82,18 +80,22 @@ The modifier version does not support `groupModel`, use the currying of `action`
 
 ### Changing sort direction
 
-To change sort direction, define `direction` on `sortable-group` (default is `y`):
+To change sort direction, define `direction` on `sortable-group`
+Possible values are:
+- `y` (default): allowes to move items up/down
+- `x`: allowes to move items left/right
+- `grid`: items can be moved in all directions inside a group
 
 ```hbs
-<ol {{sortable-group direction="x" onChange=(action "reorderItems")}>
+<ol {{sortable-group direction="x" onChange=this.reorderItems}}>
 ```
 
 ### Changing spacing between currently dragged element and the rest of the group
 
-When user starts to drag element, other elements jump back. Works both for the `x` and `y` direction option.
+When user starts to drag element, other elements jump back. Works for all direction option.
 
 In `y` case: elements above current one jump up, and elements below current one - jump down.
-In `x` case: elements before current one jump to the left, and elements after current one - jump to the right.
+In `x` / `grid` case: elements before current one jump to the left, and elements after current one - jump to the right.
 
 To change this property, define `spacing` on `sortable-item` (default is `0`):
 
@@ -135,7 +137,7 @@ The classes look like this:
 <li class="sortable-item is-activated">...</li>
 ```
 
-In our [example app.css](tests/dummy/app/styles/app.css) we apply a
+In our [example app.css](docs/app/styles/app.css) we apply a
 transition of `.125s` in the default case:
 
 ```css
@@ -174,7 +176,7 @@ removed. Use this class to add a visual indicator that the item is selected and
 ### Drag Actions
 
 The `onDragStart` and `onDragStop` actions are available for the
-`sortable-item`s. You can provide an action name to listen to these actions to
+`sortable-item`s. You can provide an action to listen to these actions to
 be notified when an item is being dragged or not.
 
 When the action is called, the item's model will be provided as the only
@@ -402,24 +404,30 @@ For modifiers, please read this [migration guide](/MIGRATION_GUIDE_MODIFIERS.md)
 
 ## Developing
 
+### Requirement
+
+You need to install nodejs and [pnpm](https://pnpm.io/installation).
+The specific versions you need, you can find [here](package.json#L19-L22)
+
 ### Setup
 
 ```sh
 $ git clone git@github.com:adopted-ember-addons/ember-sortable
 $ cd ember-sortable
-$ ember install
+$ pnpm install
 ```
 
 ### Dev Server
 
 ```sh
+$ cd test-app
 $ ember serve
 ```
 
 ### Running Tests
 
 ```sh
-$ npm test
+$ pnpm run test
 ```
 
 ### Publishing Demo

package/{addon-main.js → addon-main.cjs}

@@ -1,2 +1,4 @@
+'use strict';
+
 const { addonV1Shim } = require('@embroider/addon-shim');
 module.exports = addonV1Shim(__dirname);

package/declarations/modifiers/sortable-group.d.ts

@@ -0,0 +1,326 @@
+import Modifier from 'ember-modifier';
+import { type A11yAnnouncementConfig } from '../utils/defaults.ts';
+import type { ArgsFor, PositionalArgs, NamedArgs } from 'ember-modifier';
+import type Owner from '@ember/owner';
+import type EmberSortableService from '../services/ember-sortable-internal-state.ts';
+import type { Group } from '../services/ember-sortable-internal-state.ts';
+import type SortableItemModifier from './sortable-item.ts';
+import type { MoveDirection } from './sortable-item.ts';
+export interface HandleVisualClass {
+    UP?: string;
+    DOWN?: string;
+    LEFT?: string;
+    RIGHT?: string;
+}
+interface Position {
+    x: number;
+    y: number;
+}
+export type TDirection = 'x' | 'y' | 'grid';
+interface SortableGroupModifierSignature<T> {
+    Args: {
+        Named: {
+            direction?: TDirection;
+            groupName?: string;
+            disabled?: boolean;
+            handleVisualClass?: HandleVisualClass;
+            a11yAnnouncementConfig?: A11yAnnouncementConfig;
+            itemVisualClass?: string;
+            a11yItemName?: string;
+            onChange: (itemModels: T[], draggedModel: T | undefined) => void;
+        };
+        Positional: unknown[];
+    };
+    Element: HTMLElement;
+}
+/**
+ * Modifier to apply a11y support to a group container for the Sortable component
+ *
+ * @param {String} [a11yItemName] A name for each model, used for creating more meaningful a11y announcements.
+ * @param {Object} [a11yAnnouncementConfig] A map of action to function to build meaningful a11y announcements.
+ * @param {String} [itemVisualClass] A class for styling visual indicators on the yielded `sortable-item`.
+ * @param {Object} [handleVisualClass] An object for styling visual indicators on the yielded `sortable-handle` on different `move`.
+ * @param {Function} [onChange] An optional callback for when position rearrangements are confirmed.
+ *
+ * @module drag-drop/draggable-group
+ * @example
+ *    <ol {{sortable-group onChange=this.update a11yAnnouncementConfig=this.myA11yConfig}}>
+ *      {{#each model.items as |item|}}
+ *        <li {{sortable-item model=item}}>
+ *          {{item.name}}
+ *          <span class="handle" {{sortable-handle}}>&varr;</span>
+ *        </li>
+ *      {{/each}}
+ *    </ol>
+ */
+export default class SortableGroupModifier<T> extends Modifier<SortableGroupModifierSignature<T>> {
+    /** Primary keyboard utils */
+    _selectedItem: SortableItemModifier<T> | null;
+    _group: SortableGroupModifier<T> | null;
+    _firstItemPosition?: Position;
+    _groupDef: Group<T>;
+    move: null;
+    moves: [number, number][];
+    isKeyboardReorderModeEnabled: boolean;
+    isKeyDownEnabled: boolean;
+    isRetainingFocus: boolean;
+    /** End of keyboard utils */
+    get disabled(): boolean;
+    /** Start of a11y properties */
+    /**
+     * @property an object containing different classes for visual indicators
+     * @type {Object}
+     * @default null
+     * @example
+     * {
+     *  UP: 'up'
+     *  DOWN: 'down',
+     *  LEFT: 'left',
+     *  RIGHT: 'right',
+     * }
+     */
+    get handleVisualClass(): HandleVisualClass;
+    /**
+     * @property an object containing functions for producing screen reader announcements
+     * @type {Object}
+     * @example
+     * {
+     *  MOVE: function() {},
+     *  ACTIVATE: function() {},
+     *  CONFIRM: function() {},
+     *  CANCEL: function() {},
+     * }
+     */
+    get a11yAnnouncementConfig(): A11yAnnouncementConfig;
+    get itemVisualClass(): string;
+    get a11yItemName(): string;
+    /** End of a11y properties */
+    /**
+     * Make sure that we cancel any ongoing keyboard operation when the focus is lost from the handle.
+     * Because this can be fired pre-maturely, effectively cancelling before other keyboard operations,
+     * we need to wait until other operations are completed, so this will cancel properly.
+     *
+     * @param {Event} event a DOM event.
+     */
+    focusOut(): void;
+    /**
+     * Explanation
+     * 1. `KeyboardReorderMode` is disabled: users can activate it via ENTER or SPACE.
+     * 2. `KeyboardReorderMode` is enabled: users can reorder via UP or DOWN arrow keys. TODO: Expand to more keys, e.g LEFT, RIGHT
+     * 3. `KeyboardReorderMode` is enabled: users can finalize/save the reordering via ENTER or SPACE.
+     * 4. `KeyboardReorderMode` is enabled: users can discard the reordering via ESC.
+     *
+     * @param {Event} event a DOM event
+     */
+    keyDown(event: KeyboardEvent): void;
+    /**
+     * Checks if the given element is a child of a handle.
+     *
+     * @param {Element} element a DOM element.
+     */
+    _isElementWithinHandle(element: Element | null): boolean;
+    /**
+     * Moves an sortedItem from one index to another index, effectively performing an reorder.
+     *
+     * @param {Integer} fromIndex the original index
+     * @param {Integer} toIndex the new index
+     */
+    _move(fromIndex: number, toIndex: number): void;
+    /**
+     * Handles all of the keyboard operations, such as
+     * 1. Keyboard navigation for UP, DOWN, LEFT, RIGHT
+     * 2. Confirming reorder
+     * 3. Discard reorder
+     * 4. Also handles refocusing the element that triggered the interaction.
+     *
+     * @param {Event} event a DOM event.
+     */
+    _handleKeyboardReorder(event: KeyboardEvent): void;
+    /**
+     * Moves the item to its new position and adds the move to our history.
+     *
+     * @param {SortableItemModifier} item the item to be moved.
+     * @param {Integer} delta how much to move index-wise.
+     */
+    moveItem(item: SortableItemModifier<T>, delta: number): void;
+    /**
+     * Handles all the necessary operations needed for cancelling the current keyboard selection.
+     * 1. Disables keyboard reorder mode.
+     * 2. Undo all of the tracked moves.
+     * 3. Tears down the application container, so we are not focus locked within the application.
+     * 4. Resets the current selected item.
+     */
+    cancelKeyboardSelection(): void;
+    /**
+     * Handles all th necessary operations needed for confirming the current keyboard selection.
+     * 1. Disables keyboard reorder mode.
+     * 2. Tears down the application container, so we are not focus locked within the container.
+     * 3. Make sure to update and sync all the internal items and UI.
+     * 4. Triggers the `onChange` action if provided.
+     * 5. Resets the currently selected item.
+     */
+    confirmKeyboardSelection(): void;
+    /**
+     * Announces the message constructed from `a11yAnnouncementConfig`.
+     *
+     * @param {String} type the action type.
+     * @param {Number} delta how much distance (item-wise) is being moved.
+     */
+    _announceAction(type: keyof A11yAnnouncementConfig, delta?: number): void;
+    /**
+     * Reset the selected item.
+     */
+    _resetItemSelection(): void;
+    /**
+     * Updates the selected item's visual indicators.
+     *
+     * @param {SortableItemModifier} item the selected item.
+     * @param {Boolean} isActive to activate or deactivate the class.
+     */
+    _updateItemVisualIndicators(item: SortableItemModifier<T>, isActive: boolean): void;
+    /**
+     * Updates the selected item's handle's visual indicators
+     *
+     * @param {SortableItemModifier} item the selected item.
+     * @param {boolean} isUpdate to update or not update.
+     */
+    _updateHandleVisualIndicators(item: SortableItemModifier<T>, isUpdate: boolean): void;
+    /**
+     * Sets focus on the current item or its handle.
+     *
+     * @param {Element} itemElement an DOM element representing an sortable-item.
+     */
+    _focusItem(itemElement: HTMLElement): void;
+    /**
+     * Enables keyboard reorder mode.
+     */
+    _enableKeyboardReorderMode(): void;
+    /**
+     * Disables keyboard reorder mode
+     */
+    _disableKeyboardReorderMode(): void;
+    /**
+     * Sets up the group as an application and make it programmatically focusable.
+     */
+    _setupA11yApplicationContainer(): void;
+    /**
+     * Tears down the `role=application` container.
+     */
+    _tearDownA11yApplicationContainer(): void;
+    _prepareKeyboardReorderMode(): void;
+    /**
+     @property direction
+     @type string
+     @default y
+     */
+    get direction(): TDirection;
+    /**
+     Called when order of items has been changed
+     @property onChange
+     @type Function
+     @param {Object} groupModel group model (omitted if not set)
+     @param {Object[]} newModel models in their new order
+     @param {Object} itemModel model just dragged
+     @default null
+     */
+    get onChange(): (itemModels: T[], draggedModel: T | undefined) => void;
+    sortableService: EmberSortableService<T>;
+    /**
+     * This is the group name used to keep groups separate if there are more than one on the screen at a time.
+     * If no group is assigned a default is used
+     *
+     * @default "_EmberSortableGroup"
+     * @returns {*|string}
+     */
+    get groupName(): string;
+    /**
+     This is an array of SortableItemModifiers
+  
+     @property items
+     @type SortableItemModifier[]
+     */
+    get items(): SortableItemModifier<T>[];
+    set(items: SortableItemModifier<T>[]): void;
+    /**
+     * Announcer element
+     *
+     * @type {Element}
+     */
+    announcer: Element | null;
+    /**
+     Position for the first item.
+     If spacing is present, first item's position will have to change as well.
+     @property firstItemPosition
+     @type Number
+     */
+    get firstItemPosition(): Position;
+    /**
+     An array of DOM elements.
+     @property sortedItems
+     @type SortableItemModifier[]
+     */
+    get sortedItems(): SortableItemModifier<T>[];
+    /**
+     * Enables keyboard navigation
+     */
+    activateKeyDown(selectedItem: SortableItemModifier<T>): void;
+    /**
+     * Disables keyboard navigation
+     * Currently used to handle keydown events bubbling up from
+     * elements that aren't meant to invoke keyboard navigation
+     * by ignoring them.
+     */
+    deactivateKeyDown(): void;
+    /**
+     Register the group with this Sortable.
+     @method registerGroup
+     @param {SortableGroupModifier} group
+     */
+    registerGroup(group: SortableGroupModifier<T>): void;
+    /**
+     De-register the group with this Sortable.
+     @method deregisterGroup
+     @param {SortableGroupModifier} group
+     */
+    deregisterGroup(group: SortableGroupModifier<T>): void;
+    /**
+     Prepare for sorting.
+     Main purpose is to stash the current firstItemPosition so
+     we don’t incur expensive re-layouts.
+     @method _prepare
+     */
+    prepare(): void;
+    /**
+     Update item positions (relatively to the first element position).
+     @method update
+     @param {SortableItemModifier[]} sortedItems
+     */
+    update(sortedItems: SortableItemModifier<T>[]): void;
+    /**
+     @method _commit
+     */
+    commit(): void;
+    _onChange(itemModels: T[], draggedModel: T | undefined): void;
+    /**
+     * Keeps the UI in sync with actual changes.
+     * Needed for drag and keyboard operations.
+     */
+    _updateItems(): void;
+    _createAnnouncer(): HTMLSpanElement;
+    _calculateGridPosition(a: SortableItemModifier<T>, b: SortableItemModifier<T>, groupWidth: number): {
+        ax: number;
+        ay: number;
+        bx: number;
+        by: number;
+    };
+    _calculateGridDragItemPos(x: number, y: number, otherX: number, otherY: number, width: number, height: number, moveDirection: MoveDirection, groupTopPos: number, groupLeftPos: number, groupWidth: number): Position;
+    addEventListener(): void;
+    removeEventListener(): void;
+    element: HTMLElement;
+    didSetup: boolean;
+    named: NamedArgs<SortableGroupModifierSignature<T>>;
+    constructor(owner: Owner, args: ArgsFor<SortableGroupModifierSignature<T>>);
+    modify(element: HTMLElement, _positional: PositionalArgs<SortableGroupModifierSignature<T>>, named: NamedArgs<SortableGroupModifierSignature<T>>): void;
+}
+export {};
+//# sourceMappingURL=sortable-group.d.ts.map

package/declarations/modifiers/sortable-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-group.d.ts","sourceRoot":"","sources":["../../src/modifiers/sortable-group.ts"],"names":[],"mappings":"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"}

package/declarations/modifiers/sortable-handle.d.ts

@@ -0,0 +1,24 @@
+import Modifier from 'ember-modifier';
+interface SortableHandleModifierSignature {
+    Element: HTMLElement;
+}
+/**
+ * Modifier to to mark the handle of an item. If this is not supplied the item will be the handle
+ *
+ * @module drag-drop/draggable-group
+ * @example*
+ *    <ol {{sortable-group onChange=this.update a11yAnnouncementConfig=this.myA11yConfig}}>
+ *      {{#each model.items as |item|}}
+ *        <li {{sortable-item model=item}}>
+ *          {{item.name}}
+ *          <span class="handle" {{sortable-handle}}>&varr;</span>
+ *        </li>
+ *      {{/each}}
+ *    </ol>
+ */
+export default class SortableHandleModifier extends Modifier<SortableHandleModifierSignature> {
+    didSetup: boolean;
+    modify(element: HTMLElement): void;
+}
+export {};
+//# sourceMappingURL=sortable-handle.d.ts.map

package/declarations/modifiers/sortable-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-handle.d.ts","sourceRoot":"","sources":["../../src/modifiers/sortable-handle.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,UAAU,+BAA+B;IACvC,OAAO,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,QAAQ,CAAC,+BAA+B,CAAC;IAC3F,QAAQ,UAAS;IAER,MAAM,CAAC,OAAO,EAAE,WAAW;CASrC"}