@newthink/ui 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/headless/accordion.d.ts +4 -4
- package/dist/headless/accordion.d.ts.map +1 -1
- package/dist/headless/accordion.js.map +1 -1
- package/dist/headless/dragScroll.d.ts +2 -2
- package/dist/headless/dragScroll.d.ts.map +1 -1
- package/dist/headless/dragScroll.js +3 -3
- package/dist/headless/dragScroll.js.map +1 -1
- package/dist/headless/headless.d.ts +5 -5
- package/dist/headless/headless.d.ts.map +1 -1
- package/dist/headless/headless.js.map +1 -1
- package/dist/headless/panel.d.ts +1 -1
- package/dist/headless/panel.d.ts.map +1 -1
- package/dist/headless/swipeDetect.d.ts +2 -2
- package/dist/headless/swipeDetect.d.ts.map +1 -1
- package/dist/headless/swipeDetect.js.map +1 -1
- package/dist/headless/tabs.d.ts +1 -1
- package/dist/headless/tabs.d.ts.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/magics/screen.d.ts +7 -2
- package/dist/magics/screen.d.ts.map +1 -1
- package/dist/magics/screen.js.map +1 -1
- package/package.json +16 -15
- package/src/headless/accordion.ts +3 -4
- package/src/headless/dragScroll.ts +4 -7
- package/src/headless/headless.ts +6 -8
- package/src/headless/swipeDetect.ts +2 -4
- package/src/index.ts +5 -4
- package/src/magics/screen.ts +9 -4
- package/src/types.d.ts +0 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const accordionGroup:
|
|
3
|
-
export declare const accordion:
|
|
4
|
-
export declare const accordions:
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
2
|
+
export declare const accordionGroup: PluginCallback;
|
|
3
|
+
export declare const accordion: PluginCallback;
|
|
4
|
+
export declare const accordions: PluginCallback;
|
|
5
5
|
export default accordions;
|
|
6
6
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/headless/accordion.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/headless/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAkDvD,eAAO,MAAM,cAAc,EAAE,cAC8B,CAAC;AAqD5D,eAAO,MAAM,SAAS,gBAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAGxB,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/headless/accordion.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/headless/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const dragScroll:
|
|
1
|
+
import { PluginCallback } from 'alpinejs';
|
|
2
|
+
export declare const dragScroll: PluginCallback;
|
|
3
3
|
//# sourceMappingURL=dragScroll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragScroll.d.ts","sourceRoot":"","sources":["../../src/headless/dragScroll.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"dragScroll.d.ts","sourceRoot":"","sources":["../../src/headless/dragScroll.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAkBlD,eAAO,MAAM,UAAU,EAAE,cAUrB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import Alpine from 'alpinejs';
|
|
1
2
|
const resizeCenterer = new ResizeObserver((entries) => {
|
|
2
3
|
for (const entry of entries) {
|
|
3
4
|
const el = entry.target;
|
|
@@ -7,7 +8,7 @@ const resizeCenterer = new ResizeObserver((entries) => {
|
|
|
7
8
|
}
|
|
8
9
|
});
|
|
9
10
|
const center = async (el) => {
|
|
10
|
-
await nextTick();
|
|
11
|
+
await Alpine.nextTick();
|
|
11
12
|
el.scrollLeft = (el.scrollWidth - el.clientWidth) / 2;
|
|
12
13
|
el.scrollTop = (el.scrollHeight - el.clientHeight) / 2;
|
|
13
14
|
};
|
|
@@ -37,7 +38,7 @@ const registerDragScroll = (el) => {
|
|
|
37
38
|
document.removeEventListener('pointermove', moveHandler, true);
|
|
38
39
|
document.body.classList.remove('!cursor-grabbing', '[&>*]:pointer-events-none');
|
|
39
40
|
el.classList.add('cursor-grab');
|
|
40
|
-
await nextTick();
|
|
41
|
+
await Alpine.nextTick();
|
|
41
42
|
document.removeEventListener('click', preventStop, true);
|
|
42
43
|
cancelEvents.forEach((event) => document.removeEventListener(event, upHandler, {
|
|
43
44
|
capture: true,
|
|
@@ -60,7 +61,6 @@ const registerDragScroll = (el) => {
|
|
|
60
61
|
el.addEventListener('pointerdown', downHandler);
|
|
61
62
|
return () => el.removeEventListener('pointerdown', downHandler);
|
|
62
63
|
};
|
|
63
|
-
const nextTick = () => new Promise((res) => queueMicrotask(() => setTimeout(res, 0)));
|
|
64
64
|
const isTouch = (e) => e instanceof TouchEvent ||
|
|
65
65
|
(e instanceof PointerEvent && e.pointerType === 'touch');
|
|
66
66
|
//# sourceMappingURL=dragScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragScroll.js","sourceRoot":"","sources":["../../src/headless/dragScroll.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dragScroll.js","sourceRoot":"","sources":["../../src/headless/dragScroll.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
3
|
-
export declare const headless: <T extends Record<string, unknown>>(name: string, rootHandler: RootHandler<T>, handlers?: HeadlessHandlers<T> | undefined) =>
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
2
|
+
import type { DirectiveData, DirectiveUtilities, ElementWithXAttributes } from 'alpinejs';
|
|
3
|
+
export declare const headless: <T extends Record<string, unknown>>(name: string, rootHandler: RootHandler<T>, handlers?: HeadlessHandlers<T> | undefined) => PluginCallback;
|
|
4
4
|
type HeadlessHandlers<T extends Record<string, unknown>> = Record<string, HeadlessHandler<T>>;
|
|
5
|
-
export type RootHandler<T> = (el: ElementWithXAttributes, directive: DirectiveData, utilities:
|
|
6
|
-
export type HeadlessHandler<T> = (state: T, el: ElementWithXAttributes, directive: DirectiveData, utilities:
|
|
5
|
+
export type RootHandler<T> = (el: ElementWithXAttributes, directive: DirectiveData, utilities: DirectiveUtilities) => T;
|
|
6
|
+
export type HeadlessHandler<T> = (state: T, el: ElementWithXAttributes, directive: DirectiveData, utilities: DirectiveUtilities) => void;
|
|
7
7
|
export {};
|
|
8
8
|
//# sourceMappingURL=headless.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headless.d.ts","sourceRoot":"","sources":["../../src/headless/headless.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headless.d.ts","sourceRoot":"","sources":["../../src/headless/headless.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,4CACb,MAAM,8EAGX,cA2BF,CAAC;AAeF,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAC/D,MAAM,EACN,eAAe,CAAC,CAAC,CAAC,CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAC3B,EAAE,EAAE,sBAAsB,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,kBAAkB,KAC1B,CAAC,CAAC;AAEP,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAC/B,KAAK,EAAE,CAAC,EACR,EAAE,EAAE,sBAAsB,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,kBAAkB,KAC1B,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headless.js","sourceRoot":"","sources":["../../src/headless/headless.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headless.js","sourceRoot":"","sources":["../../src/headless/headless.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,IAAY,EACZ,WAA2B,EAC3B,QAA8B,EACd,EAAE;IAClB,MAAM,WAAW,GAAG,IAAI,OAAO,EAA6B,CAAC;IAC7D,OAAO,CAAC,MAAc,EAAE,EAAE;QACxB,MAAM,yBAAyB,GAAG,CAChC,EAA0B,EAChB,EAAE;YACZ,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YACvE,IAAI,CAAC,IAAI;gBACP,OAAO,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,YAAY,EAAE,EAAE,CAAC,CAAC;YACxE,OAAO,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC,CAAC;QAE1D,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;YAC9C,IAAI,CAAC,SAAS,CAAC,KAAK;gBAClB,OAAO,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;YAChE,MAAM,aAAa,GAAG,yBAAyB,CAAC,EAAE,CAAC,CAAC;YACpD,IAAI,CAAC,aAAa;gBAAE,OAAO,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAClD,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC7C,aAAa,EACb,EAAE,EACF,SAAS,EACT,KAAK,CACN,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GACZ,CAAC,IAAY,EAAE,EAAE,CACjB,CAAC,CAAU,EAAE,EAA0B,EAAE,SAAwB,EAAE,EAAE;IACnE,OAAO,CAAC,KAAK,CACX,UAAU,IAAI,2BAA2B,EACzC,EAAE,EACF,SAAS,CAAC,QAAQ,CACnB,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAA0B,EAAE,EAAE,CAChE,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,YAAY,EAAE,EAAE,CAAC,CAAC"}
|
package/dist/headless/panel.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const panel: import("
|
|
1
|
+
export declare const panel: import("alpinejs").PluginCallback;
|
|
2
2
|
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/headless/panel.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/headless/panel.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,KAAK,mCAYhB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const swipeDetect:
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
2
|
+
export declare const swipeDetect: PluginCallback;
|
|
3
3
|
//# sourceMappingURL=swipeDetect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swipeDetect.d.ts","sourceRoot":"","sources":["../../src/headless/swipeDetect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"swipeDetect.d.ts","sourceRoot":"","sources":["../../src/headless/swipeDetect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,UAAU,CAAC;AAsBvE,eAAO,MAAM,WAAW,EAAE,cAsBtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swipeDetect.js","sourceRoot":"","sources":["../../src/headless/swipeDetect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"swipeDetect.js","sourceRoot":"","sources":["../../src/headless/swipeDetect.ts"],"names":[],"mappings":"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"}
|
package/dist/headless/tabs.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const tabs: import("
|
|
1
|
+
export declare const tabs: import("alpinejs").PluginCallback;
|
|
2
2
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/headless/tabs.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/headless/tabs.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,mCAkDhB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
1
2
|
import { accordion, accordionGroup, accordions, dragScroll, panel, tabs } from './headless';
|
|
2
3
|
import { screen } from './magics';
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const UI: AlpinePlugin;
|
|
4
|
+
export declare const NTMagics: PluginCallback;
|
|
5
|
+
export declare const UI: PluginCallback;
|
|
6
6
|
export default UI;
|
|
7
|
-
export { accordion, accordionGroup, accordions, dragScroll, panel, tabs, screen,
|
|
7
|
+
export { accordion, accordionGroup, accordions, dragScroll, panel, tabs, screen, PluginCallback, };
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,EAEL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,EAEL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,QAAQ,EAAE,cAAoD,CAAC;AAE5E,eAAO,MAAM,EAAE,EAAE,cAC4D,CAAC;AAE9E,eAAe,EAAE,CAAC;AAElB,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,cAAc,GACf,CAAC"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,EACL,WAAW,EACX,IAAI,GACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE5E,MAAM,CAAC,MAAM,EAAE,GAAmB,CAAC,MAAM,EAAE,EAAE,CAC3C,MAAM,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE9E,eAAe,EAAE,CAAC;AAElB,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,GAEP,CAAC"}
|
package/dist/magics/screen.d.ts
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const screen:
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
2
|
+
export declare const screen: PluginCallback;
|
|
3
|
+
declare module 'alpinejs' {
|
|
4
|
+
interface Magics<T> {
|
|
5
|
+
screen: (breakpoint: string | number) => boolean;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
3
8
|
//# sourceMappingURL=screen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/magics/screen.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/magics/screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,eAAO,MAAM,MAAM,EAAE,cAepB,CAAC;AAEF,OAAO,QAAQ,UAAU,CAAC;IAExB,UAAiB,MAAM,CAAC,CAAC;QACvB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;KAClD;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/magics/screen.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/magics/screen.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAmB,CAAC,MAAM,EAAE,EAAE;IAC/C,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,UAA2B,EAAE,EAAE;QAC3D,MAAM,SAAS,GACb,OAAO,UAAU,KAAK,QAAQ;YAC5B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,CAAC,KAAK,CACX,+BAA+B,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAC7D,CAAC;YACF,OAAO,KAAK,CAAC;SACd;QACD,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QACjD,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AASF,gBAAgB;AAChB,MAAM,kBAAkB,GAA2B;IACjD,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC;AACvC,MAAM,YAAY,GAAuC,EAAE,CAAC;AAE5D,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,MAAc,EAAE,EAAE;IAC5D,OAAO,YAAY,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,UAAkB,EAAE,MAAc,EAAE,EAAE;IAC/D,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,UAAU,KAAK,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;QAC7B,KAAK,EAAE,UAAU,CAAC,OAAO;KAC1B,CAAC,CAAC;IACH,YAAY,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC1C,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;IAC3B,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newthink/ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"description": "Simple Alpine Headless UI Components",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Eric Kwoka",
|
|
@@ -33,26 +33,27 @@
|
|
|
33
33
|
"sideeffects": false,
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@trivago/prettier-plugin-sort-imports": "4.2.0",
|
|
36
|
-
"@types/
|
|
37
|
-
"@
|
|
38
|
-
"@
|
|
36
|
+
"@types/alpinejs": "3.13.2",
|
|
37
|
+
"@types/alpinejs__focus": "3.13.1",
|
|
38
|
+
"@types/node": "20.8.2",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "6.7.4",
|
|
40
|
+
"@typescript-eslint/parser": "6.7.4",
|
|
39
41
|
"@vitest/coverage-c8": "0.32.1",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"eslint": "8.47.0",
|
|
42
|
+
"esbuild": "0.19.4",
|
|
43
|
+
"eslint": "8.50.0",
|
|
43
44
|
"eslint-plugin-filename-export": "1.0.4",
|
|
44
45
|
"husky": "8.0.3",
|
|
45
|
-
"lint-staged": "14.0.
|
|
46
|
-
"prettier": "3.0.
|
|
46
|
+
"lint-staged": "14.0.1",
|
|
47
|
+
"prettier": "3.0.3",
|
|
47
48
|
"pretty-bytes": "6.1.1",
|
|
48
|
-
"typescript": "5.
|
|
49
|
-
"vite": "4.4.
|
|
50
|
-
"vite-tsconfig-paths": "4.2.
|
|
51
|
-
"vitest": "0.34.
|
|
49
|
+
"typescript": "5.2.2",
|
|
50
|
+
"vite": "4.4.11",
|
|
51
|
+
"vite-tsconfig-paths": "4.2.1",
|
|
52
|
+
"vitest": "0.34.6"
|
|
52
53
|
},
|
|
53
54
|
"peerDependencies": {
|
|
54
|
-
"alpinejs": "^3.10.0",
|
|
55
|
-
"
|
|
55
|
+
"@alpinejs/focus": "^3.10.0",
|
|
56
|
+
"alpinejs": "^3.10.0"
|
|
56
57
|
},
|
|
57
58
|
"prettier": {
|
|
58
59
|
"singleQuote": true,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import type { Alpine } from 'alpinejs';
|
|
1
|
+
import type { Alpine, PluginCallback } from 'alpinejs';
|
|
2
2
|
|
|
3
|
-
import { AlpinePlugin } from '../types';
|
|
4
3
|
import { HeadlessHandler, RootHandler, headless } from './headless';
|
|
5
4
|
|
|
6
5
|
type GroupData = {
|
|
@@ -49,7 +48,7 @@ const handleAccordionGroup: RootHandler<GroupData> = (
|
|
|
49
48
|
return groupData;
|
|
50
49
|
};
|
|
51
50
|
|
|
52
|
-
export const accordionGroup:
|
|
51
|
+
export const accordionGroup: PluginCallback = (Alpine) =>
|
|
53
52
|
Alpine.directive('accordion-group', handleAccordionGroup);
|
|
54
53
|
|
|
55
54
|
type AccordionData = {
|
|
@@ -109,7 +108,7 @@ export const accordion = headless(
|
|
|
109
108
|
accordionHandlers,
|
|
110
109
|
);
|
|
111
110
|
|
|
112
|
-
export const accordions:
|
|
111
|
+
export const accordions: PluginCallback = (Alpine) => {
|
|
113
112
|
accordionGroup(Alpine);
|
|
114
113
|
accordion(Alpine);
|
|
115
114
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import Alpine, { PluginCallback } from 'alpinejs';
|
|
2
2
|
|
|
3
3
|
const resizeCenterer = new ResizeObserver((entries) => {
|
|
4
4
|
for (const entry of entries) {
|
|
@@ -9,14 +9,14 @@ const resizeCenterer = new ResizeObserver((entries) => {
|
|
|
9
9
|
});
|
|
10
10
|
|
|
11
11
|
const center = async (el: HTMLElement) => {
|
|
12
|
-
await nextTick();
|
|
12
|
+
await Alpine.nextTick();
|
|
13
13
|
el.scrollLeft = (el.scrollWidth - el.clientWidth) / 2;
|
|
14
14
|
el.scrollTop = (el.scrollHeight - el.clientHeight) / 2;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
const forEach = Array.prototype.forEach;
|
|
18
18
|
|
|
19
|
-
export const dragScroll:
|
|
19
|
+
export const dragScroll: PluginCallback = (Alpine) =>
|
|
20
20
|
Alpine.directive('dragscroll', (el, { modifiers }, { cleanup }) => {
|
|
21
21
|
const autoCenter = modifiers.includes('center');
|
|
22
22
|
cleanup(registerDragScroll(el));
|
|
@@ -49,7 +49,7 @@ const registerDragScroll = (el: HTMLElement) => {
|
|
|
49
49
|
'[&>*]:pointer-events-none',
|
|
50
50
|
);
|
|
51
51
|
el.classList.add('cursor-grab');
|
|
52
|
-
await nextTick();
|
|
52
|
+
await Alpine.nextTick();
|
|
53
53
|
document.removeEventListener('click', preventStop, true);
|
|
54
54
|
cancelEvents.forEach((event) =>
|
|
55
55
|
document.removeEventListener(event, upHandler, {
|
|
@@ -78,9 +78,6 @@ const registerDragScroll = (el: HTMLElement) => {
|
|
|
78
78
|
return () => el.removeEventListener('pointerdown', downHandler);
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
const nextTick = () =>
|
|
82
|
-
new Promise((res) => queueMicrotask(() => setTimeout(res, 0)));
|
|
83
|
-
|
|
84
81
|
const isTouch = (e: PointerEvent | MouseEvent | TouchEvent): e is TouchEvent =>
|
|
85
82
|
e instanceof TouchEvent ||
|
|
86
83
|
(e instanceof PointerEvent && e.pointerType === 'touch');
|
package/src/headless/headless.ts
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import type { Alpine } from 'alpinejs';
|
|
1
|
+
import type { Alpine, PluginCallback } from 'alpinejs';
|
|
2
2
|
import type {
|
|
3
3
|
DirectiveData,
|
|
4
|
+
DirectiveUtilities,
|
|
4
5
|
ElementWithXAttributes,
|
|
5
|
-
|
|
6
|
-
} from 'alpinejs/dist/types';
|
|
7
|
-
|
|
8
|
-
import { AlpinePlugin } from '../types';
|
|
6
|
+
} from 'alpinejs';
|
|
9
7
|
|
|
10
8
|
export const headless = <T extends Record<string, unknown>>(
|
|
11
9
|
name: string,
|
|
12
10
|
rootHandler: RootHandler<T>,
|
|
13
11
|
handlers?: HeadlessHandlers<T>,
|
|
14
|
-
):
|
|
12
|
+
): PluginCallback => {
|
|
15
13
|
const headlessMap = new WeakMap<ElementWithXAttributes, T>();
|
|
16
14
|
return (Alpine: Alpine) => {
|
|
17
15
|
const getHeadlessComponentState = (
|
|
@@ -61,12 +59,12 @@ type HeadlessHandlers<T extends Record<string, unknown>> = Record<
|
|
|
61
59
|
export type RootHandler<T> = (
|
|
62
60
|
el: ElementWithXAttributes,
|
|
63
61
|
directive: DirectiveData,
|
|
64
|
-
utilities:
|
|
62
|
+
utilities: DirectiveUtilities,
|
|
65
63
|
) => T;
|
|
66
64
|
|
|
67
65
|
export type HeadlessHandler<T> = (
|
|
68
66
|
state: T,
|
|
69
67
|
el: ElementWithXAttributes,
|
|
70
68
|
directive: DirectiveData,
|
|
71
|
-
utilities:
|
|
69
|
+
utilities: DirectiveUtilities,
|
|
72
70
|
) => void;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import type { ElementWithXAttributes } from 'alpinejs
|
|
2
|
-
|
|
3
|
-
import type { AlpinePlugin } from '../types';
|
|
1
|
+
import type { ElementWithXAttributes, PluginCallback } from 'alpinejs';
|
|
4
2
|
|
|
5
3
|
type TouchPosition = {
|
|
6
4
|
x: number;
|
|
@@ -22,7 +20,7 @@ enum SwipeDirection {
|
|
|
22
20
|
|
|
23
21
|
const swipableMap = new WeakMap<ElementWithXAttributes, SwipableData>();
|
|
24
22
|
const hasSwipe = swipableMap.has.bind(swipableMap);
|
|
25
|
-
export const swipeDetect:
|
|
23
|
+
export const swipeDetect: PluginCallback = (Alpine) =>
|
|
26
24
|
Alpine.directive('swipe', (el, _, { cleanup }) => {
|
|
27
25
|
const swipeData: SwipableData = {
|
|
28
26
|
dispatch: (dir) => {
|
package/src/index.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type { PluginCallback } from 'alpinejs';
|
|
2
|
+
|
|
1
3
|
import {
|
|
2
4
|
accordion,
|
|
3
5
|
accordionGroup,
|
|
@@ -8,11 +10,10 @@ import {
|
|
|
8
10
|
tabs,
|
|
9
11
|
} from './headless';
|
|
10
12
|
import { screen } from './magics';
|
|
11
|
-
import type { AlpinePlugin } from './types';
|
|
12
13
|
|
|
13
|
-
export const NTMagics:
|
|
14
|
+
export const NTMagics: PluginCallback = (Alpine) => Alpine.plugin([screen]);
|
|
14
15
|
|
|
15
|
-
export const UI:
|
|
16
|
+
export const UI: PluginCallback = (Alpine) =>
|
|
16
17
|
Alpine.plugin([accordions, dragScroll, panel, swipeDetect, tabs, NTMagics]);
|
|
17
18
|
|
|
18
19
|
export default UI;
|
|
@@ -25,5 +26,5 @@ export {
|
|
|
25
26
|
panel,
|
|
26
27
|
tabs,
|
|
27
28
|
screen,
|
|
28
|
-
|
|
29
|
+
PluginCallback,
|
|
29
30
|
};
|
package/src/magics/screen.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import type { Alpine } from 'alpinejs';
|
|
1
|
+
import type { Alpine, PluginCallback } from 'alpinejs';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export const screen: AlpinePlugin = (Alpine) => {
|
|
3
|
+
export const screen: PluginCallback = (Alpine) => {
|
|
6
4
|
Alpine.magic('screen', () => (breakpoint: string | number) => {
|
|
7
5
|
const breakSize =
|
|
8
6
|
typeof breakpoint === 'number'
|
|
@@ -19,6 +17,13 @@ export const screen: AlpinePlugin = (Alpine) => {
|
|
|
19
17
|
});
|
|
20
18
|
};
|
|
21
19
|
|
|
20
|
+
declare module 'alpinejs' {
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22
|
+
export interface Magics<T> {
|
|
23
|
+
screen: (breakpoint: string | number) => boolean;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
22
27
|
// Configuration
|
|
23
28
|
const defaultBreakpoints: Record<string, number> = {
|
|
24
29
|
xs: 320,
|
package/src/types.d.ts
DELETED