Socket
Socket
Sign inDemoInstall

@shopify/draggable

Package Overview
Dependencies
Maintainers
25
Versions
27
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@shopify/draggable - npm Package Compare versions

Comparing version 0.0.0-snapshot-release-20230925215731 to 0.0.0-snapshot-release-20230926234920

build/ts/rollup.development.config.d.ts

2

build/cjs/Draggable/DragEvent/DragEvent.js

@@ -260,4 +260,2 @@ 'use strict';

/**
* (Added in: v1.0.0-beta.12)
*
* Drag stopped event

@@ -264,0 +262,0 @@ * @class DragStoppedEvent

@@ -160,4 +160,2 @@ 'use strict';

/**
* (Added in: v1.0.0-beta.13)
*
* Mirror moved event

@@ -164,0 +162,0 @@ * @class MirrorMovedEvent

@@ -23,4 +23,2 @@ 'use strict';

/**
* (Added in: v1.0.0-beta.10)
*
* SortAnimation plugin adds sort animation for sortable

@@ -27,0 +25,0 @@ * @class SortAnimation

@@ -258,4 +258,2 @@ import { AbstractEvent } from '../../shared/AbstractEvent/AbstractEvent.js';

/**
* (Added in: v1.0.0-beta.12)
*
* Drag stopped event

@@ -262,0 +260,0 @@ * @class DragStoppedEvent

@@ -158,4 +158,2 @@ import { AbstractEvent } from '../../../../shared/AbstractEvent/AbstractEvent.js';

/**
* (Added in: v1.0.0-beta.13)
*
* Mirror moved event

@@ -162,0 +160,0 @@ * @class MirrorMovedEvent

@@ -19,4 +19,2 @@ import { AbstractPlugin } from '../../shared/AbstractPlugin/AbstractPlugin.js';

/**
* (Added in: v1.0.0-beta.10)
*
* SortAnimation plugin adds sort animation for sortable

@@ -23,0 +21,0 @@ * @class SortAnimation

import { RollupOptions } from 'rollup';
import { RollupBabelInputPluginOptions } from '@rollup/plugin-babel';
export declare function generateConfig({ output, targets, }: {
output: RollupOptions['output'];
targets: RollupBabelInputPluginOptions['targets'];
}): RollupOptions;
declare const config: RollupOptions[];
export default config;
//# sourceMappingURL=rollup.config.d.ts.map

@@ -234,4 +234,2 @@ import AbstractEvent from 'shared/AbstractEvent';

/**
* (Added in: v1.0.0-beta.12)
*
* Drag stopped event

@@ -238,0 +236,0 @@ * @class DragStoppedEvent

{
"name": "@shopify/draggable",
"version": "0.0.0-snapshot-release-20230925215731",
"version": "0.0.0-snapshot-release-20230926234920",
"private": false,

@@ -35,8 +35,7 @@ "license": "MIT",

"release": "yarn run build:production && changeset publish",
"lint": "eslint ./src ./test --max-warnings 0",
"lint": "eslint ./src ./test ./.github/actions --max-warnings 0",
"type-check": "tsc -b",
"esdoc": "esdoc -c esdoc.json",
"test": "jest",
"test-ci": "jest --coverage && codecov",
"build:development": "yarn rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
"build:development": "yarn rollup --config rollup.development.config.ts --configPlugin @rollup/plugin-typescript",
"build:production": "tsc && yarn rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript && yarn uglifyjs --compress --mangle -- build/umd/index.js -o build/umd/index.min.js",

@@ -43,0 +42,0 @@ "verify": "yarn lint && yarn type-check && yarn build && yarn test"

@@ -1,4 +0,2 @@

[![npm version](https://badge.fury.io/js/%40shopify%2Fdraggable.svg)](https://badge.fury.io/js/%40shopify%2Fdraggable)
[![codecov](https://codecov.io/gh/Shopify/draggable/branch/master/graph/badge.svg)](https://codecov.io/gh/Shopify/draggable)
[![Greenkeeper badge](https://badges.greenkeeper.io/Shopify/draggable.svg)](https://greenkeeper.io/)
[![npm version](https://img.shields.io/npm/v/@shopify/draggable.svg?label=@shopify/draggable)](https://www.npmjs.com/package/@shopify/draggable) [![CI](https://github.com/shopify/draggable/workflows/CI/badge.svg)](https://github.com/Shopify/draggable/actions?query=branch%3Amain) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Shopify/draggable/blob/main/CONTRIBUTING.md) ![Bundle size](https://img.shields.io/badge/Bundle%20size-16.2kB-red.svg)

@@ -45,3 +43,3 @@ <a href="https://shopify.github.io/draggable" title="Visit Draggable website">

```
```bash
npm install @shopify/draggable --save

@@ -52,3 +50,3 @@ ```

```
```bash
yarn add @shopify/draggable

@@ -74,9 +72,22 @@ ```

<!-- Sortable only -->
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Sortable/Sortable.js"></script>
<script type="module">
import Sortable from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Sortable/Sortable.js';
</script>
<!-- Droppable only -->
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Droppable/Droppable.js"></script>
<script type="module">
import Droppable from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Droppable/Droppable.js';
</script>
<!-- Swappable only -->
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Swappable/Swappable.js"></script>
<script type="module">
import Swappable from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Swappable/Swappable.js';
</script>
<!-- Plugins only -->
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.13/lib/plugins.js"></script>
<script type="module">
import * as Plugins from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Plugins/index.js';
</script>
<!-- UMD browser -->
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable/build/umd/index.min.js"></script>
<script>
console.log(window.Draggable);
</script>
```

@@ -86,21 +97,8 @@

Check the "browserlist" property in [package.json](https://github.com/Shopify/draggable/blob/main/package.json#L88) for more info
| ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) |
| ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
| Last 3 versions ✔ | Last 3 versions ✔ | Last 3 versions ✔ |
| Last 3 versions ✔ | Last 3 versions ✔ | Last 3 versions ✔ | Last 3 versions ✔ | Last 3 versions ✔ |
## Bundle sizes
| Package name | ES6 bundle sizes | ES5 bundle sizes |
| -------------------------- | ---------------- | ---------------- |
| draggable.bundle.js | ~11kb | ~19.2kb |
| draggable.bundle.legacy.js | ~19.2kb | ~25.63kb |
| draggable.js | ~8.06kb | ~15.36kb |
| sortable.js | ~8.93kb | ~16.51kb |
| swappable.js | ~8.56kb | ~16.14kb |
| droppable.js | ~8.8kb | ~16.55kb |
| plugins.js | ~2.37kb | ~8.76kb |
| plugins/collidable.js | ~1.45kb | ~7.81kb |
| plugins/snappable.js | ~1.19kb | ~6.94kb |
| plugins/swap-animation.js | ~1kb | ~6.65kb |
## Documentation

@@ -133,3 +131,3 @@

- [SwapAnimation](src/Plugins/SwapAnimation)
- [SortAnimation](src/Plugins/SortAnimation) (Added in: v1.0.0-beta.10)
- [SortAnimation](src/Plugins/SortAnimation)
- [Sortable](src/Sortable)

@@ -140,6 +138,4 @@ - [SortableEvent](src/Sortable/SortableEvent)

## TypeScript
### TypeScript
(Added in: v1.0.0-beta.9)
Draggable includes [TypeScript](http://typescriptlang.org) definitions.

@@ -153,3 +149,3 @@

```
```bash
yarn && yarn start

@@ -165,8 +161,4 @@ ```

For more information, please checkout the [contributing document](https://github.com/Shopify/draggable/blob/master/CONTRIBUTING.md).
For more information, please checkout the [contributing document](https://github.com/Shopify/draggable/blob/main/CONTRIBUTING.md).
## Roadmap
We are currently working on `v1.0.0-beta.12`. Check out the [project board](https://github.com/Shopify/draggable/projects/3) to see tasks and follow progress on the release. Any Pull Requests should be pointed against the feature branch `v1.0.0-beta.12`.
## Related resources

@@ -179,2 +171,2 @@

Copyright (c) 2018 Shopify. See LICENSE.md for further details.
Copyright (c) 2018-present Shopify. See LICENSE.md for further details.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc